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

Дерево содержит следующие элементы (курсивом обозначены типы элементов):

Каждое понятие может иметь дочерние ноды - сущности. В свою очередь, если понятие предполагает наличие связанных сущностей, они также содержатся в соответствующих родительских сущностях. Для наглядности рассмотрим ноду подраздела "Записи" (реестр "Приказ о командировании"):

Если размеры дерева выходят за пределы панели навигатора, то в нее добавляется скролл (вертикальный, либо горизонтальный).

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

Для управления элементами дерева для них имеется контекстное меню. Его состав зависит от типа элемента:

Выбор пункта контекстного меню "Изменить" приравнивается к двойному клику на сущность в дереве, а также к нажатию клавиши Enter для данной сущности.

Результатом редактирования и создания элемента является открытие новой вкладки в основной рабочей области.

При выборе пункта "Поиск" откроется диалог поиска элементов. В компонент выбора границ поиска "Ограничить" автоматически подставится значение данного понятия или подраздела.

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

Пример возврата ноды "Записи"

[
    {
        "type": "group",
        "elementUUID": "some_uuid",
        "name": "Записи",
        "child": [
        {
            "type": "piece",
            "elementUUID": "some_uuid",
            "name": "Журналы",
            "child": [
        {
            "type": "piece",
            "elementUUID": "some_uuid",
            "name": "Реестры",
            "child": [
                {
                "type": "item",
                "elementUUID": "some_uuid",
                "name": "Реестр о командировании",
                "child": [
                    {
                        "type": "piece",
                        "elementUUID": "some_uuid",
                        "name": "Группы",
                        "child": [
                            {
                            "type": "item",
                            "elementUUID": "some_uuid",
                            "name": "Сотрудники отдела канцелярии",
                            },
                            {
                            "type": "item",
                            "elementUUID": "some_uuid",
                            "name": "Отдел документации и активов",
                            }
                        ]
                    },
                    {
                        "type": "piece",
                        "elementUUID": "some_uuid",
                        "name": "Типы документов",
                        "child": [
                            {
                            "type": "item",
                            "elementUUID": "some_uuid",
                            "name": "Внутренний (Внутренние документы)",
                            }
                        ]
                    },
                    {
                        "type": "piece",
                        "elementUUID": "some_uuid",
                        "name": "Реестры",
                        "child": [
                            {
                            "type": "item",
                            "elementUUID": "some_uuid",
                            "name": "Служебная записка о командировании",
                            }
                        ]
                    },
                    {
                        "type": "piece",
                        "elementUUID": "some_uuid",
                        "name": "Формы",
                        "child": [
                            {
                            "type": "item",
                            "elementUUID": "some_uuid",
                            "name": "Приказ о командировании",
                            }
                        ]
                    }
                ]
                }
            ]
        {
            "type": "piece",
            "elementUUID": "some_uuid",
            "name": "Шаблоны номеров",
        },
        {
            "type": "piece",
            "elementUUID": "some_uuid",
            "name": "Счетчики",
        }
        ]
    }
]

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

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

Вкладки имеют два свойства - активность и признак сохранения. В связи с этим вкладки могут находиться в следующих состояниях:

Активность вкладки определяется цветом ее заголовка - открытая вкладка имеет цвет, отличный от остальных вкладок. А если элемент во вкладке имеет несохраненные изменения, то ее заголовок подсвечивается по периметру.

Открытие вкладок

Открытие вкладки возможно при создании и редактировании сущности:

Новая вкладка добавляется последней. При попытке открытия уже открытой вкладки она автоматически становится активной (без дублирования открытой вкладки).

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

Перемещение вкладок

Изменение порядка следования вкладок в области можно осуществить при помощи drag & drop.

Закрытие вкладок

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

Все несохраненные изменения будут потеряны! Вы действительно хотите продолжить?