Understanding User Interface Elements

Tile Level Nomenclature

The representation of tiles on Cluster Overview page follows a certain standard nomenclature as elicited below:

![] (https://raw.githubusercontent.com/wiki/impetus-opensource/ankush/images/Image28.png) Figure 1: Tile Nomenclature

Page Level Actions

In Ankush UI, there is a page level action link on topmost right corner of the screen which needs to be clicked once user is done with all the data entry on page. This Action dropdown enables the user to view various technology-specific operations that can be performed within a cluster. To give an example: Add Nodes, Delete Cluster etc.

Furthermore, “Apply” and “Revert” buttons refer to saving or reverting the information entered in the form respectively. The entries are not processed and saved in the database if they are not applied.

Working with Grids/Tables

At places where information is represented in a certain tabular or matrix format, capabilities like searching, sorting & filtering is provided as applicable.

Search

Searching refers to finding any record(s) from the given list. Ankush intelligent searching displays the search results simultaneously as you type your alphabets.

![] (https://raw.githubusercontent.com/wiki/impetus-opensource/ankush/images/Image2.png) Figure 2: Intelligent searching – Get as you enter

In case the search criteria does match with any value as in the available records, the search engine displays a message as “No matching records found”

![] (https://raw.githubusercontent.com/wiki/impetus-opensource/ankush/images/Image3.png) Figure 3: Search criteria

Sort

The availability of sorting capability on a column is showed by a standard sorting symbol.

![] (https://raw.githubusercontent.com/wiki/impetus-opensource/ankush/images/Image4.png) Figure 4: Unsorted form (IP column)

![] (https://raw.githubusercontent.com/wiki/impetus-opensource/ankush/images/Image5.png) Figure 5: Sorted in ascending order

Filter

Filtering can be achieved by clicking the provided filter criteria buttons.

![] (https://raw.githubusercontent.com/wiki/impetus-opensource/ankush/images/Image6.png) Figure 6: Filtering (Criteria – All)

![] (https://raw.githubusercontent.com/wiki/impetus-opensource/ankush/images/Image7.png) Figure 7: Filtering (Criteria - Selected)

![] (https://raw.githubusercontent.com/wiki/impetus-opensource/ankush/images/Image8.png) Figure 8: Filtering (Criteria - Error)

Data Entry & Editing

Clicking a label converts it into a text input field for data entry/editing. It should be noted that this behavior is specific only to the fields that are editable in the given context.

![] (https://raw.githubusercontent.com/wiki/impetus-opensource/ankush/images/Image10.png) Figure 9: Data Entry and Editing

By pressing Enter, user can move out of editing mode.

Expand & Collapse Functionality

Ankush UI uses “+” icon to collapse a block.

Ankush UI uses “-” icon to expand a block.

Managing Arguments

Ankush UI uses “+” icon to add a new argument. Click “+” icon multiple times to add multiple arguments.

Ankush UI uses “-” icon to delete an argument.

Working with Parameters

Parameters can be at cluster and node level. Parameters management user interface remains same regardless of cluster or node level. Managing parameters includes viewing, adding, updating and deleting parameters as required. Refer Parameters section for more information. It should be noted that Node level parameters management functionality are available in few technologies only.

Ankush Color Coding Conventions

Red Color: All errors, warnings and alerts are shown in Red ink. This is applicable throughout the product for e.g. on tile, in text etc.