Пользовательский интерфейс

Данная статья объясняет основы графического интерфейса пользователя TING.

Окно авторизации

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

Структура интерфейса и основные компоненты

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

Логотип и переход на экран сводки

Нажатие на логотипе Traffic Inspector Next Generation откроет инструментальную панель в категории Сводка из любого места интерфейса пользователя.

В категории Сводка вы можете:

Посмотреть инструментальную панель с виджетами
Прочитать лицензионное соглашение
Выполнить операции активации, экспорта и импорта ключа
Сменить пароль
Выйти из системы

Справа от логотипа, присутствует кнопка сворачивания области меню . Развернуть можно, нажав там же на .

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

Область меню

В этой области содержатся все основные меню и подменю. Здесь можно выбрать часть системы, которую вы хотите посмотреть или изменить.

Структура меню состоит из трёх уровней:

Категория
Функция
Настройки (может отсутствовать, если функция простая)

Ниже показан скриншот категории Система:

Функция: Настройки
Выбранный параметр: Общие

Быстрая навигация

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

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

Состояние системы

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

Цвета указывают на серьёзность проблемы. Они могут быть следующими:

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

Жёлтый. Показывает предупреждение.
Голубой. Показывает информационное сообщение.
Серый. Всё работает нормально.

Пользователь и локальный домен

В правом углу - справа от поля поиска/быстрой навигации - вы увидите своё имя пользователя и полное доменное имя, на которое настроен брандмауэр (для изменения имени брандмауэра, перейдите в Система ‣ Параметры ‣ Общие).

Область данных

Область данных используется для отображения:

Форм ввода
Всплывающих форм
Кнопок
Общих форм для вывода данных в графическом или текстовом виде

Формы представлений

Стандартный вид:

Расширенная форма

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

Справка для отдельного элемента

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

Например:

Расширенная справка

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

Стандартные вкладки

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

Выпадающие вкладки

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

Табличные элементы управления

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

Поля

Доступные поля отличаются от компонента к компоненту. Значок используется для выбора поля, которое должно быть видимым либо скрытым.

Фильтр и лимит

Верхняя часть сетки содержит поисковую форму, совмещённую с кнопкой обновления , а также настройками количества отображаемых строк на странице. Как правило, результат поиска отображается сразу, но в некоторых случаях требуется ручное обновление - если действие не может быть обработано достаточно быстро.

При использовании фильтра для лог-файлов, за каждой записью будет ссылка (Перейти на страницу). Она позволяет перейти на соответствующую страницу и показать связанные с событием записи, чтобы можно было увидеть контекст сообщения журнала.

При наборе поисковой фразы, происходит токенизация (разделение ввода на слова, разделённые пробелами), в результате чего фильтр возвращает записи, включающие все условия, включённые в поисковую фразу.

Действия

С записью (набором записей) могут поддерживаться различные действия:

/ Активировать / деактивировать запись
Редактировать запись
Копировать записть и редактировать
Удалить запись (обычно, при этом, делается запрос подтверждения данного действия)
Добавить новую запись и открыть окно диалога редактирования

Навигация по страницам

Кнопки навигации « ‹ [1,2,..] › » помогают прокручивать различные страницы, доступные для выбранных данных.

Примечание

Несмотря на то, что номера страниц и кнопка последней страницы (») всегда видны, их можно использовать только в том случае, когда заранее известен размер набора данных. В случае больших наборов данных, таких как оповещения о вторжениях и просмотры журналов, число записей заранее неизвестно, так как нет связи между размером исходных данных и количеством записей.

Число записей в таких случаях является приблизительным, основанном на количестве уже показанных записей.