Описание интерфейса

Интерфейс делится на:

  1. Заголовок.

  2. Дерево каталогов.

  3. Таблица объектов.

  4. Карточка объекта.

user page
Рис. 1. Пример страницы интерфейса

Элемент интерфейса, расположенный сверху страницы.

Содержит:

  • название приложения;

  • кнопку hide button, которая позволяет скрыть/показать дерево каталогов (левое меню);

  • строку глобального поиска.

header
Рис. 2. Пример заголовка

Дерево каталогов

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

left menu
Рис. 3. Пример дерева каталогов

Таблица объектов

В основной рабочей области страницы отображается таблица объектов выбранного каталога, а также некоторые функциональные элементы (например: поиск или множественный выбор объектов).

enter int
Рис. 4. Пример таблицы

Основные элементы:

  • кнопка b create — вызывает форму создания объекта;

  • строка Поиск — выполняет поиск по имени в таблице объектов;

    field serach
    Рис. 5. Пример строки поиска

  • таблица объектов — таблица со всеми объектами соответствующего каталога, в которой отображается имя, тип и статус объекта.

    table
    Рис. 6. Пример таблицы объектов

При выборе объекта откроется правое меню, которое содержит информацию по выбранному объекту и список доступных действий с объектом, например:

  • Открыть — открывается карточку объекта с полной информацией по нему;

  • Переместить — открывается окно с раскрывающимся списком, где можно выбрать каталог, куда будет перемещен объект;

  • Удалить — удаляет объект.

rigth info
Рис. 7. Пример правого меню