Интерфейс проекта

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

Интерфейс представляет собой совокупность визуальных виджетов.

Для использования интерфейса необходимо:

Отображаемый интерфейс готов к использованию.

Interface

Плитка интерфейса

Плитки доступных интерфейсов отображаются в разделе Интерфейсы в панели управления проектом.

Interface panel

  1. Текущий логотип - щелчок по нему открывает выбранный интерфейс.
  2. Редактируемая иконка интерфейса, с которой интерфейс отображается в панели управления проектом.
  3. Редактируемое название
  4. Редактируемое описание
  5. Переключатель видимости - позволяет убрать интерфейс с панели управления проектом
  6. ВЫБЕРИТЕ ЛОГОТИП - изменения логотипа
  7. Удаление интерфейса
  8. Редактор интерфейса

Типы виджетов

  • Текст - отображение простого текста.

  • Markdown - отображение текста в формате Markdownopen in new window.Примеры markdownopen in new window

  • Загрузка пакета - создание/загрузка пакета в выбранный узел проекта.

    Также позволяет задать необходимые значения параметров узла при их наличии.

  • Файл пакета - отображение одного из файлов последнего по времени пакета в заданном узле.

  • Прогресс - отображение прогресса выполнения проекта в виде последовательности шагов.

  • Вложенный интерфейс - отображение выбранного интерфейса во вложенном виджете.

  • Параметры узла - отображение и задание параметров узла при их наличии.

  • Пакеты узла - отображение списка и управление пакетами выбранного узла.

  • Вкладки - отображение выбранных интерфейсов в отдельных вкладках.

  • Менеджер узлов в виде иерархического дерева - отображение и управление выбранными узлами в виде дерева.

Редактор

Описание

  • Для перехода в режим редактирования необходимо нажать в правом нижнем углу кнопку экрана .

  • Для выхода из режима редактирования необходимо нажать в правом нижнем углу экрана кнопку .

Interface edit mode

Структура:

Interface edit mode

  1. Редактируемая иконка, с которой интерфейс отображается в панели управления проектом.
  2. Редактируемое название
  3. Кнопка добавления нового виджета.
  4. Добавленный виджет

Каждый добавленый виджет состоит из:

  1. Кнопка перемещения виджета по экрану.
  2. Название
  3. Название типа
  4. Кнопка редактирование виджета
  5. Кнопка удаление виджета
  6. Опциональная кнопка справки виджета
  7. Тела виджета с отображением всех его компонент.

Добавление виджета

  • Нажать на кнопку добавления виджета.

  • Ввести название виджета.

    Widget add

  • Перейти на вкладку НАСТРОЙКИ и после выбора типа виджета задать настройки выбранного типа виджета.

    Widget set params

  • Перейти на вкладку СПРАВКА и задать:

    • Положение иконки справки
    • Информационное описание назначения или использования виджета

    Widget set help

  • Перейти на вкладку ШИРИНА и задать ширину виджета для различных размеров экрана.

    Widget set widht

Настройки виджетов

  • Текст

    Отображаемый текст вводится в поле заголовка вкладки ОБЩЕЕ.

  • Markdown

    Отображаемый текст в формате Markdownopen in new window вводится в вкладке НАСТРОЙКИ в:

    • Markdown - редактор ввода текста с ПРЕДПРОСМОТРом
  • Загрузка пакета

    Для настройки в вкладке НАСТРОЙКИ необходимо задать:

    • Узел - поле ввода узла, в который загружается пакет
    • Разрешить или запретить прикреплять файлы - переключатель разрешения/запрета прикрепления файлов к пакету.
  • Файл пакета

    Для настройки в вкладке НАСТРОЙКИ необходимо задать:

  • Прогресс - отображение прогресса выполнения проекта в виде последовательности шагов.

    Для настройки в вкладке НАСТРОЙКИ необходимо задать:

    • Шаги - добавление очередного шага (этапа) прогресса выполнения.

      После нажатия открывается окно для заполнения параметров этапа:

      • Иконка шага из библиотеки material design iconsopen in new window

      • Имя шага

      • Узел - добавление узла, к которому привязано выполнение шага.

        Отслеживается появление нового пакета в указанном узле.

      • Описание этапа

    • Вертикально - переключатель размещения виджета: горизонтальное или вертикальное

    • Редактируемая таблица с добавленными шагами и возможностью перемещения порядка шагов.

  • Вложенный интерфейс

    Для настройки в вкладке НАСТРОЙКИ необходимо задать:

    • Выпадающий список с доступными интерфейсами.
  • Параметры узла

    Для настройки в вкладке НАСТРОЙКИ необходимо задать:

    • Узел - поле ввода узла, параметры которого необходимо отображать.
  • Пакеты узла

    Для настройки в вкладке НАСТРОЙКИ необходимо задать:

    • Узел - поле ввода узла, пакеты которого необходимо отображать
    • Игнорировать мастер-пакет - переключатель разрешения/запрета показа всех пакетов или только текущего мастер пакета.
  • Вкладки

    Для настройки в вкладке НАСТРОЙКИ необходимо задать:

    • Выпадающий список с доступными интерфейсами.
  • Менеджер узлов в виде иерархического дерева

    Для настройки в вкладке НАСТРОЙКИ необходимо задать:

    • Уровни - добавление уровня дерева.

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

      • Иконка уровня из библиотеки material design iconsopen in new window
      • Название уровня
      • Фильтр узлов - регулярное выражениеopen in new window для выбора узлов уровня, применяемое к названию узла. После ввода выражения соответствующие ему узлы отображаются ниже.

        Примеры: abc или abc|cba или ^abc$

      • Описание уровня
    • Таблица с переченем заданных уровней с возможностью редактирования.

Описание работы с виджетами

  • Менеджер узлов в виде иерархического дерева

    Менеджер узлов состоит из:

    • Панель инструментов
      • Кнопка развертывания всех уровней таблицы
    • Дерево
      • Уровни дерева

    Уровень дерева состоит из:

    • Иконка уровня
    • Кнопка для открытия меню управления уровнем
    • Узел

      Вместе с узлом могут отображаться:

      • Верхний ярлык зеленого цвета - информирует о количествe пакетов в узле.
      • Верхний ярлык красного цвета - информирует о наличии заданий с ошибками.
      • Нижний ярлык зеленого цвета - информирует о количестве исполняемых заданий.
    • Открываемой кнопкой панели управления уровнем и узлом

    Команды панели управления узла:

    • Кнопка - открыть панель управленияopen in new window соответствующего узла
    • Кнопка - открыть панель свойств связиopen in new window между данным узлом и узлом верхнего уровня (отсутствует для узлов верхнего уровня)
    • Кнопка - добавить связь между узлом текущего уровня и узлом нижележающего уровня из выпадающего списка (отсутствует для узлов последнего уровня)
    • Кнопка - удалить связь между текущим узлом и узлом верхнего уровня (отсутствует для узлов верхнего уровня)
    • Переключатель активности узла