Handling of the Web Interface
For example, if
http://172.20.20.1:8080
The system will request the user's credentials. Default:
- User:
admin - Password:
123456
When you log in with the default password, you will be asked to change it. This action guarantees the security of
General structure

The top bar includes a button to deploy the names of the sections and the logo
- Button to see recent changes.
- Button to open the user manual.
- System time, useful to verify if the appliance is correctly configured.
- Name of the user, pressing the session options is accessed.

The left sidebar includes sections of
This structure is common to all pages, the contents of the active section are displayed in the central table.
User section
By clicking on the user name, the options of:
- Close Session: Close the session of the current user and shown the access screen again.
- Change password: allows you to change the user's password, it is necessary to know the current password for this operation.
Common elements in the tables
Configurable tables
Some tables are customizable, when you see a three-point icon in the right corner of the title:

This option is useful in case of very large tables, where it is not necessary or a nuisance to show one of the columns.

You can drag the columns from the Active Columns section to change your order.
To show a hidden column drag it from the Inactive Columns section to the Active Volumns, or make the reverse movement to hide a column, you do not need.
This preference will be saved on your computer, so that the next time the table is displayed remember your customization. However, it is not stored with your user, so you will have to reconfigure the table on each different computer that you use.
It is not possible to order the columns within the Inactive Columns section.
Sort by column
If passing the cursor above the header of a table it changes by a hand and you can see an arrow to the right of the title, the chosen column is commandable.

This means that it can alter the order of the table according to three states:
- Without ordering: indicated by the absence of arrow; The column will not be taken into account to order.
- Descending order: indicated by a descending arrow; First low values (numerical columns) or alphabetical order (text columns).
- Ascending Order: Indicated by an upward arrow; High values first (numerical columns) or reverse alphabetical offend (text columns).
Real-time updatable tables
Many of the tables that can be seen in the administration of

If the table is updated in real time, we recommend that you do not recharge the page to refresh the data, they will be updated immediately if the system works correctly.
Filter
The columns that offer filtering show an icon to the right of your title.
Filtered with options

When the icon is three stripes of greater than less length and downtown, this indicates that there is a set of values between which it can be filtered. The values shown will only be those identical to the selection. To activate the filtering, click on the icon that indicates the availability of the option. The icon will become a cross.
The title of the column will be converted into a drop-down item, where you can select the value you want to use as a filter.
Filtered by free text

When the icon is a magnifying glass, this indicates that you can write a free text to filter the column. You can also write an asterisk * to correspond to all possible texts, for example the string *power would correspond to all the text strings that end up "power".
In addition, depending on the table and column, there is usually a wildcard (*) implicit at the beginning or end of the string, avoiding the user to have to write it by hand.
Note: The text filtering is not sensitive to differences between uppercase and lowercase.

Pagination
In tables that can have a very large number of rows, filtering options are added at the top and bottom of the column.

From left to right, the paging consists of the following elements:
- Page size selector (rows per page), by default 50.
- Indicator of the rows displayed, with the text
A and Zbeing: - X: first row number shown
- Y: Last Row Number shown
- Z: Total number of existing ranks
- First page button
- Previous page button
- Next page button
- Last page button
Common elements in forms
The forms in the interface of
- Empty: No value assigned. They are distinguished by having the largest label, occupying the text space. Click on the label to move it and start writing your value.

- Filled: They already have a value. The source of your label is smaller and is over the value. Click on the value to be able to edit it.

Some fields include a small description on its bottom.
Validations

The fields of the
The fixed icon of circular information on the right of the field reports all restrictions for that value and some relevant notes on its function or meaning. Pass the cursor over to see a list of directions.
In addition to the indications shown in the icon, some fields contain an asterisk (*) at the end of their label; This indicates that the field is required and empty values are not allowed.