i4connected Knowledgebase 5.6

The page components

Abstract

Check out the main page components that you will surely encounter in the i4connected application.

After logging into the i4connected application the pre-defined interface displays a set of primary components. Read more details in these articles.

The global menu bar
Abstract

Learn about the informational elements and actions provided to you in the global menu bar of the i4connected application.

The global menu is the task bar positioned on the top of the i4connected portal and it acts as program header, where user may find several informational elements and actions, such as:

Toolbar.jpg

Global menu bar

  • Background operations - unfolds a drop-down lists that displays run-time information, upon any existing background operations.

    Monitoring.jpg
  • Server module states- unfolds a drop-down list that displays run-time information, upon any existing server module states.

    Server_statistics.jpg
  • Notifications – in the upcoming chapters, we shall learn that user may define a notification message, for the portal, that will be displayed as a continuously rolling text, in the global menu bar.

    Tip

    For more detains upon notifications management, please also visit the Portal notifications article.

    Notification_in_the_bar.jpg
  • Pin tiles - allows the user with possibility to add new tiles to an i4connected page.

    Pin_tiles.jpg

    Tip

    More details about the Pin tiles functionality can be found under the Add new tiles article.

  • Language selector – by default, portal will be opened in the user pre-defined language, or the language selected at login. However, while logged in, the user may change the portal language by selecting it from the drop-down list.

    Language_selector.jpg
  • User profile – by clicking the User toolbar button, the User info panel is opened.

    User_selector.jpg

    The User info panel displays details of the currently logged in User and a set of management options:

    • the Change password button, allowing the user to open the Change password panel and update his / her password.

    • the Roles tile, allowing the user to view his / her assigned roles and permissions. Depending on the permissions level, the User can also manage the assigned Roles.

    • the Sites tile, allowing the user to view his / her assigned Sites. Depending on the permissions level, the user can also manage the assigned Sites.

    • the Organizational Units tile, allowing the user to view his / her assigned Organizational Units. Depending on the permissions level, the user can also manage the assigned Organizational Units.

    • the Areas tile, allowing the user to view his / her assigned Areas. Depending on the permissions level, the user can also manage the assigned Areas.

    • the Devices tile, allowing the user to view his / her assigned Devices. Depending on the permissions level, the user can also manage the assigned Devices.

    • the Reports tile allowing the user to view his / her assigned Reports. Depeneding on the permissions level, the user can also manage the assigned Reports.

    • the User tokens tile, allowing the user to view and manage the User tokens issued for the i4connected Client authentication.

      The User tokens panel lists all the refresh tokens and referance tokens associated with the currently accessed account, displaying details about the ClientId, used Browser and Browse version, Operating system, ClientIP, Issued date and Expiration date. Further on, the user can manually revoke refresh tokens, in case these have been exposed to malicious adversaries.

      User_tokens_panel.jpg

      Tip

      A refresh token is a special kind of token used to obtain a renewed access token. The user can request new access tokens until the refresh token is blacklisted.

  • Change password– besides being able to change the password the logged in user may select to change own password in current logged in session. This option is guarded by the Change password permission.

    Change_PW.jpg
  • Logout– at the very right side of the global menu bar, user may decide to log out of the current session.

    Logout.jpg
The main menu
Abstract

The main menu is a set of fully customisable pages usually displayed on the left side of the page, allowing user to change analysis areas.

The i4connected main menu is a set of fully customisable pages, that is usually displayed on the left side of the page. The scope of the main menu is to change the area of analysis pages. It can be parameterized to switch between the analysis module of the main media.

The order of the buttons, the icons and the captions is fully customisable.

Main_menu.jpg

Main menu - example

By default, the size of the main menu is minimised, but the user can enlarge it by clicking on the Expand menu option.

Expand_menu.jpg

The Expand menu option

As soon as the Expand menu option is selected, the main menu view is enlarged.

Main_menu_enlarged.jpg

The Main menu in full view mode

The pages menu
Abstract

Open this article in order to get to know the analysis pages area and understand what is the role of this view.

The analysis pages area is a dynamic interface which changes on basis of the page selected from the main menu. Each page can display any set of tiles which may be easily added, removed and customised, by a user having administration rights.

Pages.jpg

Analysis page area - example

The start page
Abstract

Understand the start page of the i4connected portal and the elements and available actions, provided to you in this view.

The start page is also a fully customisable interface, where the user can define information upon own facility. The start page, is split up in several areas, that can also be parametrized and customised on user needs and expectations.

Start_Page.jpg

Start page - example panel

  1. Photo / Graphic of the facility

  2. Time range of the displayed analysis (consumption), switchable to day, week, month and year

  3. Possibility to switch between the KPIs

  4. Possibility to reveal available organisational units

  5. Possibility to view facility details

The selection components
Abstract

Learn how to navigate through the i4connected panels using the selection components. Check out this article for more details.

The user can navigate through the i4connected panels with help of a set of selection components. The i4connected portal offers many alternative ways for selecting items and opening panels:

  • The simple selection - a vertical list of items allowing the user to select one listed item, for further processing. The selected item is highlighted marking the selection.

    Simple_selection.jpg

    The simple select list

  • The multiple selection - a vertical list of items allowing the user to select one or more listed items, for assigning or applying them to other items. The selected items are highlighted, marking the selection.

    Multiselection.jpg

    The multiple select list

  • The radio-button selection - a graphical control element that allows the user to choose only one of a predefined set of mutually exclusive options.

    Radio_Buttons.jpg

    The radio-button select list

  • The drop-down list selection - a graphical control element, that allows the user to choose only one value from a predefined list of values.

    Drop-down.jpg

    The drop-down list

  • The toggle-button selection - a graphical control element, that allows the user to choose only one value, out of a set of predefined set of mutually exclusive options.

    toggle_buttons.jpg

    The toggle-button select list

  • The items list selection - allows the user to select a value from a a list, opened in a separate panel. To open the list panel, the user can click on the selection field.

    list_selection_drilldown.jpg

    The Items list selection

  • The reset button - allows the user to reset the value defined for a field.

    Reset_button.jpg

    The Reset button

  • Detailed view mode selection - allows the user to open the selected Item in a detailed view mode.

    detailed_view_mode.jpg

    The Detailed view mode selection

  • Edit mode selection - allows the user to open the selected item, directly in edit mode.

    Edit_mode_selection.jpg

    The Edit mode selection