Пользовательский интерфейс
Данная статья объясняет основы графического интерфейса пользователя TING.
Окно авторизации
Для получения доступка к графическому интерфейсу пользователя, необходимо авторизироваться. Пользователь по умолчанию: root
, пароль: ting
.

Структура интерфейса и основные компоненты
Графический интерфейс пользователя содержит следующие основные компоненты:

Логотип и переход на экран сводки
Нажатие на логотипе Traffic Inspector Next Generation откроет инструментальную панель в категории Сводка из любого места интерфейса пользователя.
В категории Сводка вы можете:
Посмотреть инструментальную панель с виджетами
Прочитать лицензионное соглашение
Выполнить операции активации, экспорта и импорта ключа
Сменить пароль
Выйти из системы
Справа от логотипа, присутствует кнопка сворачивания области меню . Развернуть можно, нажав там же на .
Если область меню свёрнута, то, при наведении курсора на значки категорий, отобразится всплывающая форма с соответствующими пунктами:

Область меню
В этой области содержатся все основные меню и подменю. Здесь можно выбрать часть системы, которую вы хотите посмотреть или изменить.
Структура меню состоит из трёх уровней:
Категория
Функция
Настройки (может отсутствовать, если функция простая)
Ниже показан скриншот категории Система:
Функция: Настройки
Выбранный параметр: Общие

Быстрая навигация
Более быстрый путь навигации по интерфейсу пользователя - это использование поля поиска/навигации в правом верхнем углу экрана - кликните на нём, либо нажмите Tab для перехода.
Поле поиска - это поле с автозавершением: пока идёт набор символов, будут подставляться подходящие значения. Нажмите Enter или кликните на отобразившемся подходящем варианте для выбора и перехода на нужную страницу.

Состояние системы
Слева от поля поиска/быстрой навигации находится маленький индикатор состояния системы. В нормальной ситуации он будет серый, при наличии проблем становится цветным. Вы можете на него нажать, чтобы просмотреть все ожидающие сообщения, если таковые имеются:

Цвета указывают на серьёзность проблемы. Они могут быть следующими:
Красный. Показывает, что ошибка произошла во время работы системы. Нажмите на него, что перейти на соответствующую страницу. В большинстве случаев, это будет журнал отчётов сбое, при помощи которого можно будет послать нам информацию о проблеме.

Жёлтый. Показывает предупреждение.
Голубой. Показывает информационное сообщение.
Серый. Всё работает нормально.
Пользователь и локальный домен
В правом углу - справа от поля поиска/быстрой навигации - вы увидите своё имя пользователя и полное доменное имя, на которое настроен брандмауэр (для изменения имени брандмауэра, перейдите в
).Область данных
Область данных используется для отображения:
Форм ввода
Всплывающих форм
Кнопок
Общих форм для вывода данных в графическом или текстовом виде
Формы представлений
Стандартный вид:

Расширенная форма
У некоторых форм есть скрытые расширенные возможности. Чтобы их увидеть, переключите форму в расширенный режим в левом верхнем углу - откроются все дополнительные опции:

Справка для отдельного элемента
При нажатии на слева от элемента формы, под ним отобразится соответствующая справочная информация.Например:

Расширенная справка
Во многих формах пристутствует расширенная справка. В правом верхнем углу формы вы можете включить отображение всех справочных сообщений сразу. При включении, переключатель станет зелёным и под элементами ввода отобразятся справочные сообщения:

Стандартные вкладки
При нажатии на вкладку, откроется соответствующая ей форма. Пример:

Выпадающие вкладки
Можно нажать на выпадающей вкладке, чтобы перейти на форму в первом пункте меню, или нажать на стрелку рядом с ним, чтобы показать все варианты и выбрать нужный:

Табличные элементы управления
Многие компоненты используют табличное представление для навигации по данным. Ниже представлен пример простого табличного представления, поддерживающего наиболее важные действия..

Поля
Доступные поля отличаются от компонента к компоненту. Значок используется для выбора поля, которое должно быть видимым либо скрытым.
Фильтр и лимит
Верхняя часть сетки содержит поисковую форму, совмещённую с кнопкой обновления , а также настройками количества отображаемых строк на странице. Как правило, результат поиска отображается сразу, но в некоторых случаях требуется ручное обновление - если действие не может быть обработано достаточно быстро.
При использовании фильтра для лог-файлов, за каждой записью будет ссылка (Перейти на страницу). Она позволяет перейти на соответствующую страницу и показать связанные с событием записи, чтобы можно было увидеть контекст сообщения журнала.
Действия
С записью (набором записей) могут поддерживаться различные действия:- / Активировать / деактивировать запись
- Редактировать запись
- Копировать записть и редактировать
- Удалить запись (обычно, при этом, делается запрос подтверждения данного действия)
- Добавить новую запись и открыть окно диалога редактирования
Навигация по страницам
Кнопки навигации « ‹ [1,2,..] › »
помогают прокручивать различные страницы, доступные для выбранных данных.
Примечание
Несмотря на то, что номера страниц и кнопка последней страницы (»
) всегда видны, их можно использовать только в том случае, когда заранее известен размер набора данных. В случае больших наборов данных, таких как оповещения о вторжениях и просмотры журналов, число записей заранее неизвестно, так как нет связи между размером исходных данных и количеством записей.
Число записей в таких случаях является приблизительным, основанном на количестве уже показанных записей.