Сравнение версий

Ключ

  • Эта строка добавлена.
  • Эта строка удалена.
  • Изменено форматирование.

...

Пользовательский интерфейс представляет собой одностраничное веб-приложение, которое состоит из нескольких основных частей:

...

Image Added

  1. Навигационная цепочка;
  2. Кнопка сворачивания панели навигации Image Removed Image Added;
  3. Панель навигации по разделам;
  4. Сведения о версии ПО и системной лицензии;
  5. Сведения об учетной записи. При нажатии открывается меню с пунктами:
    Image RemovedImage Added
    • ФИО пользователя и его роль;
    • Персональная страница — переход на персональную страницу пользователя;
    • Язык — селектор выбора языка интерфейса;
    • Выйти — выход из системы. При нажатии сессия будет разорвана.
  6. Рабочая область. В зависимости от выбранного раздела здесь будут представлены различные виджеты.

...

По умолчанию в цепочке отображается 5 фрагментов. В случае если у раздела большая вложенность, фрагменты цепочки, начиная со второго, скрываются за кнопкой Image Removed Image Added. При нажатии на кнопку открывается меню с разделами, которые были скрыты:

...

Image Added

Возвращение к предыдущему разделу

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

Image RemovedImage Added

Навигация на странице "Сеть"

В навигационной цепочке на странице "Сеть" прописывается путь от корневой группы ECCM до группы, которая была открыта, или до вкладки страницы устройства.

...

Image Added

Во фрагменте цепочки, определяющем группу, указывается название группы и ее тип.

Во фрагменте цепочки, определяющем устройство, указывается системное название устройства и его IP-адрес.

...

Image Added

Scroll Pagebreak

Работа с таблицами

...

Компонент фильтра позволяет осуществлять гибкую работу с таблицами, отображая данные, отобранные по определенному, установленному пользователем, условию. Для добавления фильтров нажмите на кнопку Image Removed Image Added.

После нажатия откроется окно "Фильтры", которое содержит:

...

Image Added

  1. Селектор "Сохраненные фильтры" со списком сохраненных пользовательских фильтров;
  2. Индикатор несохраненных изменений Image Removed Image Added— отображается в случае, если в ранее сохраненный фильтр, имя которого отражается в поле "Сохраненные фильтры", были внесены изменения;
  3. Раздел с карточками фильтров, доступных для настройки;
  4. Кнопка "Закрыть" для закрытия окна фильтров без внесения изменений и применения фильтров;
  5. Кнопка "Сохранить" для сохранения фильтра. После сохранения фильтр будет доступен для выбора в селекторе "Сохраненные фильтры";
  6. Кнопка "Применить" для применения фильтра к таблице без его сохранения.
    Scroll Pagebreak

...

Фильтры представлены в окне "Фильтры" в виде карточек, фильтрующих данные по определенному полю таблицы:

Image RemovedImage Added

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

  1. Операция — выпадающий список операций, доступных для данного типа фильтра;
  2. Значение — поле для ввода запроса. Данное поле может быть представлено в виде одного или нескольких элементов фильтрации. Для удаления данных справа появляется пиктограмма Image Removed Image Added.

Доступные операции отличаются в зависимости от данных, указанных в поле:

...

Для некоторых фильтров доступно автодополнение при нажатии на поле ввода:

Image RemovedImage Added

При вводе нескольких значений в поле ввода фильтрация будет происходить по списку. Разделение элементов списка происходит нажатием клавиши ENTER:

...

Image Added

В числовых фильтрах "Скорость" (вкладка "Интерфейсы" на странице устройства) и , "Размер" (раздел "ПО"), "Длительность" (раздел "Проблемы") и т. п. доступен выбор единиц измерения: 

Image RemovedImage Added

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

...

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

...

Image Added

Для удаления фильтра нажмите на крестик на кнопке быстрой фильтрации или на соответствующий элемент удаления в карточке фильтров.

...

Для сохранения фильтра настройте необходимые критерии фильтрации таблицы в окне "Фильтры" и нажмите кнопку "Сохранить". После чего введите название фильтра в окне "Создать фильтр" и нажмите кнопку "Создать".

Image RemovedImage Added

Сохраненные фильтры будут отображаться в списке. Для просмотра списка нажмите на селектор "Сохраненные фильтры" в правом верхнем углу окна "Фильтры".

Image RemovedImage Added

Подсказка

Фильтры уникальны для каждой таблицы и при сохранении не будут отображаться в списке фильтров других таблиц системы.

...

Для редактирования сохраненного фильтра выберите его в списке "Сохраненные фильтры" и внесите изменения в его параметры. Слева от названия фильтра появится иконка Image Removed Image Added, которая сигнализирует о том, что в фильтре присутствуют несохраненные изменения.

...

Image Added

Нажмите кнопку "Сохранить". Откроется окно редактирования фильтра. Если необходимо создать новый фильтр, измените имя фильтра и нажмите кнопку "Сохранить". Если требуется сохранить изменения в текущем фильтре, нажмите кнопку "Сохранить" без изменения названия фильтра.

...

Для удаления сохраненного фильтра раскройте список "Сохраненные фильтры" и нажмите кнопку Image Removed Image Added, расположенную рядом с названием фильтра.

...

Настройка временного диапазона выборки данных осуществляется через панель в правом верхнем углу таблицы/графика.

...

Image Added

На панели отображены следующие элементы:

...

Позволяет установить диапазон времени, в котором находятся интересующие данные. По умолчанию для основных журналов установлен диапазон с 00:00 текущего дня. Для выбора даты и времени предусмотрены соответствующие инструменты:

...

, для журналов на страницах устройств — "Последние 7 дней".  

В панели можно выбрать преднастроенный временной промежуток или задать произвольный диапазон дат и времени.

Общие диапазоны

Во вкладке "Общие диапазоны" доступны предустановленные периоды для быстрого выбора, такие как:

  • календарные периоды, например, выборка данных за эту или прошлую неделю;
  • периоды за последние X времени, которые отсчитываются назад от текущего момента, например, выборка данных за последние 5 минут, 7 дней, 6 месяцев и т. п.

Image Added

Ручной диапазон

Во вкладке "Ручной диапазон" можно задать произвольный период выборки.

Укажите начальную дату и время периода в поле "Дата начала" и конечную дату и время периода в поле "Дата окончания". Установите флаг "Установить время "До" сейчас", если в качестве даты окончания необходимо установить текущую дату и время. Нажмите кнопку "Применить" — в таблице отобразятся данные только за указанный период.

Image Added

Интервал обновления

Позволяет установить временной интервал автоматического обновления данных в таблице/графике.

...

Image Added

Scroll Pagebreak

Фильтр полнотекстового поиска

...

Для фильтрации устройств по ключевому слову введите шаблон для поиска в поле ввода в верхнем правом углу страницы и нажмите ENTER:

...

Image Added

Поиск будет осуществляться по всем полям таблицы устройств. Для отмены фильтрации очистите поле ввода (можно сделать это нажатием на крестик справа) и нажмите клавишу ENTER.

...

Подсказка

Для просмотра краткого руководства по поиску нажмите на кнопку Image Removed Image Added, расположенную справа от строки полнотекстового поиска.

...

Для открытия меню настройки отображаемых колонок нужно нажать на кнопку Image Removed Image Added на панели управления таблицей. Будет открыто соответствующее меню:

...

Image Added

В открывшемся меню:

  1. С помощью флагов выберите колонки для отображения;
  2. Установите порядок отображения выбранных колонок с помощью drag-and-drop компонентов: нажмите на иконку Image Removedиконку Image Added рядом с необходимым полем левой кнопкой мыши и, удерживая ее, переместите поле на нужную позицию;
  3. Нажмите кнопку применения изменений или кнопку закрытия для выхода из меню без изменений.

...

Для экспорта таблицы нажмите на кнопку Image Removed Image Added на панели управления таблицей. После этого видимая область таблицы будет сохранена в соответствующую директорию файловой системы в формате CSV-файла.

...

  • флагов – будут выделены те элементы, для которых установлен флаг Image Removed Image Added;
  • флагов группового выделения – будут выделены все элементы таблицы;
  • выбора строк таблицы левой кнопкой мыши при зажатой клавише SHIFT/CTRL.

...