Graphical user interface

Grid UI

This section gives detailed information about how to use the Grid displayed on the Engine UI. UI for Domains, Classifiers, Profiler Sets, Roles, Inventory, Rule Sets, etc displays information using a Grid structure. Each implemented Grid supports functionality like sorting, filtering, pinning, etc. Each subsection gives information about how to use Grid functionalities.

Sorting

To identify if the column supports sorting or not

Hover on the column name. If the :handpointer: icon appears i.e. column header is clickable then the column is sortable.

Follow these steps to sort the grid based on any one of the grid column data.

Click on the column header on the grid. The records in the grid will be sorted based on the data in that column.
Click on the column again to change the sorting order. A vertical directional arrow symbol indicates the sorting order applied (↑ Ascended, ↓ Descending, and blank default sorting order).

In the case of grouping, sorting is applied within each group.

Children of groups can be collapsed and expanded by clicking on the down arrow icon ⌄ beside each group name.
The count next to the group name in parentheses shows the total number of children under that group.

Filtering

To identify if the column supports filtering or not,

Hover on the column header of the grid and click the ꠵ icon that appears in the right corner.
If there is a tab with the icon then filtering is supported for that column.

Follow these steps to add a Filter on the grid to show columns or fields only matching certain criteria.

Hover on any column header of the grid and click the ꠵ icon that appears in the right corner.
When the dialogue appears, choose the the tab with filter icon, then select a required filter criteria and provide the required inputs to filter the grid.

The applied filter criteria are displayed in the chips on the top of the grid.

To remove a filter criteria, click on the cross mark on the applied filter criteria value listed.
To remove all filter criteria click on the Reset button.
These filters will be persisted in the browser cache until the user resets it or clears the browser cache.
On some screens, Grid doesn’t display filter in chips, and filters are not persisted i.e. Monitoring Single Job.

In the case of grouping, filtering is applied within each group.

5 types of filters are displayed according to the data of the column.

Text Filter with option [ “contains“ ]
Number filter with options [ “Equals”, “Greater than”, “Greater than or equals”, “Less than”, “Less than or equals”, “Not Equals” ]
Single Select List filter - Select one from the available list of options
Multi Select List Filter - Select one or more from the available list of options
Date filter - Picks range between two dates

Pinning columns

Follow these steps to pin a column on the grid.

Hover on any column header of the grid and click the ꠵ icon that appears in the right corner.
When the dialogue appears, choose the tab with ꠵ icon, then choose the Pin Column and choose the desired option.

Auto-sizing columns

Follow these steps to adjust the column size.

Hover on any column header of the grid and click the ꠵ icon that appears in the right corner.
When the dialogue appears, choose the tab with ꠵ icon, then choose the desired option from the list.

View more columns

To see the other grid columns which are not displayed by default on the grid.

Hover on any column header of the grid and click on the ꠵ icon that appears in the right corner.
When the dialogue appears, choose the last tab, then choose any desired columns from the list below to view it on the grid.

Actions

To perform an action on any of the rows, Click the (…) button to the right of the corresponding row under the Actions column, list of actions will be visible. If any action is not supported or not permitted for that row then it will be disabled.

Copy cell data

Data from the grid cell can be copied by first selecting a cell and then using the CTRL+C or Command+C. The cell will be highlighted once the content has been copied.

Select/Deselect all the records

To select all the records while doing any selection, use the checkbox given in the header to select all the records. The same checkbox can be also used for deselecting all the records.

List Editor UI

This section gives detailed information about how to use the List editor on the Engine UI. UI for Add and Edit algorithms uses this for updating details. We’ve taken an example of how to add constants for the Numeric expression algorithm using List Editor.

To add items to the list click on the edit icon on the right side. If there are no items present in the list then it will display a message related to an empty list.

On clicking the edit icon will open a new section for adding items.

Click on the top right of the section to add an item. It will display input fields related to configuration. Here Name and Value inputs are displayed.