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

Главная страница Геном изображена на рисунке:

index page light
Рисунок 1. Главная страница

Здесь:

  1. Панель Активные уведомления.

  2. Панель навигации.

  3. Панель Уведомления.

  4. Боковая панель.

  5. Логотип.

  6. Навигационная цепочка.

  7. Панель Состояние машин.

  8. Панель Контур.

  9. Выпадающий список, позволяющий отфильтровать список отображаемых ПАК по типу.

Панель навигации изображена на рисунке:

nav panel light
Рисунок 2. Панель навигации

Основные элементы, из которых состоит панель навигации:

  1. Переключатель ширины. Нажмите на него, чтобы свернуть панель навигации. Повторное нажатие вернёт панель навигации в исходное состояние.

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

  3. Кнопка переключения темы оформления.

  4. Пункты панели навигации.

  5. Активный пункт панели навигации.

  6. Кнопка перехода к подсистемам и на главную страницу Геном. При нажатии на неё отображается всплывающее меню с соответствующими ссылками.

  7. Кнопка-индикатор общего состояния Геном.

  8. Логотип. При нажатии на него происходит переход на главную страницу Геном.

В верхней части страницы Геном отображает навигационную цепочку («хлебные крошки», breadcrumbs). Её содержимое состоит из названия выбранного раздела и, при наличии, ссылок с названиями родительских разделов. Использование навигационной цепочки позволяет быстро перейти из выбранного раздела в один из родительских.

Состояние машин

Панель Состояние машин состоит из трёх индикаторов:

machines state light
Рисунок 3. Панель «Состояние машин»

Индикаторы:

  • Критично — количество машин, для которых есть критичных уведомления.

  • Проблема — количество машин, для которых есть важные уведомления.

  • Доступно — количество машин, для которых нет критичных или важных уведомлений.

Уведомления

Панель Уведомления отображает общее количество уведомлений и состоит из четырёх индикаторов:

notifications light
Рисунок 4. Панель «Уведомления»

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

  1. все уведомления;

  2. только критичные уведомления;

  3. только важные уведомления;

  4. только информационные уведомления.

Активные уведомления

В отличие от панели Уведомления, панель Активные уведомления отображает только те уведомления, которые ещё не обработаны оператором или администратором.

active notifications light
Рисунок 5. Панель «Активные уведомления»

Здесь:

  • Переключатель видимости критичных уведомлений.

  • Переключатель видимости важных уведомлений.

  • Переключатель видимости информационных уведомлений.

  • Переключатель порядка сортировки уведомлений.

Контур

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

Рассмотрим типовую панель более подробно.

pak panel light
Рисунок 6. Панель «ПАК»

Здесь:

  1. Цветовой индикатор состояния ПАК:

    • Зелёный — ПАК в порядке.

    • Оранжевый — есть важные уведомления.

    • Красный — есть критичные уведомления.

  2. Тип ПАК.

  3. Название ПАК. При нажатии на него открывается страница топологии ПАК.

  4. Индикатор количества серверов, входящих в ПАК. При нажатии на него происходит переход на страницу Серверы.

  5. Индикатор количества коммутаторов, входящих в ПАК. При нажатии на него происходит переход на страницу Коммутаторы.

  6. Кнопка вызова контекстного меню.

  7. Индикатор количества информационных уведомлений.

  8. Индикатор количества важных уведомлений.

  9. Индикатор количества критичных уведомлений.

  10. Индикатор наличия необработанных уведомлений.

При нажатии на индикаторы 7-9 происходит переход на страницу Уведомления в подсистеме мониторинга. При этом к таблице автоматически применяется фильтр по выбранному ПАК и уровню критичности уведомления.