Skip to main content

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 taskbar positioned on the top of the i4connected portal and it acts as a program header, where the user may find several informational elements and actions, such as:

toolbar.jpg

Global menu bar

  • Background operations - unfolds a drop-down list 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. Additionally, in this view, the user can read information about the current system version.

    Server_module_states.jpg
  • Notifications – in the upcoming chapters, we shall learn that the 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 details on notifications management, please also visit the Portal notifications article.

    Notification_in_the_bar.jpg
  • Pin tiles - allows the user the 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, the portal will be opened in the user's 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.jpg
    User_information.png

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

    • The Edit button allowing the user to open the Edit user preferences panel, where the following information can be updated:

      • Default language - lists all the languages enabled in the database.

      • Time zones - lists all the time zones enabled in the database.

      • Display name - allows the user to choose the following 4 options: Username, First name, Last name, and First name + Last name.

        display_name.jpg

        Note

        By choosing one of the available options under the Edit user preferences panel, you will choose the way your username is displayed all around / throughout / all over the system. In case you want to keep your email address private, we recommend you to choose the First name + Last name option.

    • the Change password button, allowing the user to open the Change password panel and update his / her password. The visibility of this button is guarded by the "Change password" permission.

    • 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. Depending 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 reference 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 there 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.

    • the User sessions allowing the user to view and manage the User sessions generated, for the i4connected.

      The User sessions panel lists all the login sessions associated with the currently accessed account, providing information about the Session Id, Last session activity, and Expiration date. Each session can be individually removed by clicking the Revoked button.

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

    logout.jpg
The main menu
Abstract

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

The i4connected main menu is a set of fully customizable 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 are fully customizable.

Main_menu.jpg

Main menu - example

By default, the size of the main menu is minimized, 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

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 that changes on basis of the page selected from the main menu. Each page can display any set of tiles that may be easily added, removed and customized, by a user having administrative 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 customizable interface, where the user can define information upon their own facility. The start page is split up into several areas, that can also be parametrized and customized 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 organizational units

  5. Possibility to view facility details

The selection components
Abstract

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

The user can navigate through the i4connected panels with help of a set of selected 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 selections - 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 lists

  • 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 a 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 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