Menu Items

The navigation menu with HubX is constructed using a config file with all the possible menu items(INT) in combination with a mapping of the users permissions that are granted to them.

General Setting's have a similar approach to managing the list displayed which are loaded from this location (INT). The process for adding and adjusting items in this menu are via Pull Requests to the Web.Config repo.

The format for a menu item for a single top level side navigation menu is the following:

{
    "label": "NAME_TO_DISPLAY",
    "path": "/URL_MATCHING_PACKAGE.JSON_PATH",
    "icon": "ICON_REFERENCE e.g. user",
    "permissions": ["AUTH_PERMISSION_FOR_VISIBILTY"],
    "options": []
},

When you want to have a top level menu with collapsible sub-items you contruct it using the options property on the top level and nest the sub-entries in there.

For example:

{
    "label": "TOP_LEVEL_MENU",
    "icon": "ICON_REFERENCE e.g user",
    "permissions": [],
    "options": [
        {
            "label": "Submenu",
            "path": "/URL_MATCHING_PACKAGE.JSON_PATH",
            "icon": "wrench",
            "permissions": ["ViewSubmenu"],
            "options": []
        },
        {
            "label": "Washington CCRS",
            "path": "/URL_MATCHING_PACKAGE.JSON_PATH",
            "icon": "wrench",
            "permissions": ["ViewSubmenu"],
            "options": []
        },
}

The available icon names are located in the Elastic UI library.