NetworkMap Extensions

Owned by aijana.schumann
Last updated: Mar 30, 2021Version comment
2 min read

Status ONAP Guilin: ODLUX NetworkMap

Note: Was not added during Honolulu. Moved to Istanbul.

The NetworkMap should be extended with the following functionality:

Topics of extension

Search / Filter

  • Search functionality should be extended to conform with the string filter of UX-Framework Tablefilter, in particular:

    • wildcard - *

    • omitting of single character - ?

  • Filtering should be added:

    • filtering of layers (eg. only show links)

    • filtering by property (eg. show all sites with a roadm) - filter specification to be added

  • Display of search results has to be updated to handle multiple results



Customization

The Network Map should be customizable to the user's liking.

For starters, the following options should be changeable:

  •  

    • (default) startup position of the map

    • opacity of the map background (tiles)

    • theme of the map (color of sites, selected sites, links, selected links)

To change the options (settings), a new view should be added. Additionally, to navigate to the view, a button has to be added to the Network Map itself.

The view should include a live-preview map to see the changes.

Mockup of Network Map Settings
Mockup of Network Map Settings

The user should be able to either save or cancel his changes, which should then not be applied.

Settings should be saved in the database using the /userdata endpoint. (ODLUX DB API Extension for Userdata)

NetworkMap Themes

Themes allow a basic restyling of the map. They can be added via the "userdata-defaults.json" of the ODLUX DB API Extension for Userdata.

For now, only four properties can be styled:

  • sites

  • selectedSites

  • fiberLink

  • microwaveLink



For now, only the color can be set. The color should be set in hex-code. All 4 properties must be set in order for the theme to be readable. Additionally, every theme needs a "key" property, which acts as a name to be displayed in the dropdown element. Only one theme can be applied at any given time.

The first entry of the themes is used as default, as long as the user has not selected a theme via the settings page.

In absence of defined themes, two default themes "light" and "dark" are used.

Example of a theme



"networkMapThemes":{ "themes": [ {"key": "light", "site": "#11b4da", "selectedSite": "#116bda", "fiberLink": "#1154d9", "microwaveLink": "#039903"} ] }





UI Changes

  • details view should be adjusted whether or not a fiber or microwave link is shown 

    • fiber-link: azimuth not shown

  • Connection error message should be changed to a 'service unavailable' message