2.7. Интерфейс системы

Общая структура интерфейса

После входа в систему отображается интерфейс, состоящий из следующих элементов:

Левое боковое меню (Sidebar):

• Вертикальное меню навигации слева
• Содержит все разделы системы
• Ширина: 250 пикселей в развернутом виде
• Поддерживает многоуровневую структуру (меню с подменю)

Верхняя панель (Header):

• Горизонтальная панель вверху страницы
• Горизонтальная панель содержит :
• Логотип
• Поиск
• Уведомления
• Профиль пользователя
• Дополнительные инструменты
• Фиксированная позиция (остается видимой при прокрутке страницы)

Основная область контента:

• Центральная область для отображения содержимого страниц
• Автоматически подстраивается под размер бокового меню

Боковое меню (Sidebar)

Структура меню:

• Меню организовано в виде иерархического списка с иконками
• Пункты меню с подменю отображаются со стрелкой справа
• При клике на пункт меню с подменю оно разворачивается/сворачивается
• Активный пункт меню подсвечивается

( Sidebar )

Скрытие и раскрытие меню:

На большом мониторе (ширина экрана ≥ 992px):

• Кнопка «☰» (три горизонтальные линии) в верхней панели слева
• При нажатии меню сворачивается в узкую полоску (только иконки)
• При повторном нажатии меню разворачивается полностью
• В свернутом виде отображаются только иконки без текста
• Ширина свернутого меню: около 70 пикселей

=

На мобильных устройствах (ширина экрана \< 992px):

• Меню по умолчанию скрыто
• При нажатии на кнопку «☰» меню выезжает поверх контента
• При повторном нажатии или клике вне меню оно скрывается
• На мобильных устройствах меню работает поверх контента (показывается поверх страницы)

Запоминание состояния меню:

• Состояние меню (свернуто/развернуто) сохраняется для текущего пользователя в этом браузере на этом компьютере
• При следующем открытии системы меню восстанавливается в том же состоянии
• Состояние сохраняется отдельно для каждого компьютера и браузера
• По умолчанию меню свернуто при первом входе

Поведение при изменении размера окна:

• При изменении размера окна браузера система автоматически определяет тип устройства
• На большом мониторе: меню работает в режиме свертывания/разворачивания
• На мобильных: меню работает в режиме оверлея
• При переходе между режимами состояние меню адаптируется

Пункты меню:

• Dashboard -- рабочий стол техподдержки (если модуль включен и есть права)

=

• Задачи и совещания -- раздел задач и совещаний:
• Мои задачи (таблица /tasks/my/ и карточки /tasks/my/cards/)
• Все задачи (/tasks/, если есть task view)
• Совещания (/meetings/, если есть meeting.view)

В карточке задачи — прогресс, напоминания, маркеры, «Поделиться»; для задач заявки — «Взять/Забрать». Подробнее: 3.1.

=

• Сотруднику -- раздел для сотрудников:
• Телефонный справочник
• Календарь отсутствий
• Быстрые ссылки
• Мои обращения (если модуль сервис-деска включен)

=

• ТехДеп -- пункт меню модуля сервис-деска (Support; в документации раздел также называют «Сервис-деск»), если модуль включён:
• Все заявки (если есть права)
• Контроль заявок / Загрузка специалистов / Аналитика Service Desk (руководитель)
• Клиенты / Сотрудники клиентов / Площадки (по правам)
• Календарь заявок
• Учёт часов (Timesheets)
• Отчет (матрица нагрузки)
• Оценка работы
• «Мои обращения» для заявителя — в другом разделе меню сотрудника (не внутри ТехДеп)

Календарь ресурсов и домены клиентов вынесены в меню «База конфигураций» (CMDB) вместе с учётными единицами.

=

• Финансовый блок -- раздел финансов (если модуль включен и есть права):
• Зарплата:
  • Базовая зарплата
  • Доплаты и взыскания
• Начисления и удержания
• Касса
• Договоры
• Услуги для клиентов
• Календарь платежей
• Контрагенты ( Подрядчики )
• Отчеты
• История по клиентам

=

• Бизнес ( ранее это CRM ) -- раздел CRM (если модуль включен):
• Рабочий стол
• Отчеты
• Сделки
• Компании
• Контакты

=

• Проекты -- раздел проектов (если есть права):
• Управление проектами ( Дашборд проектов )
• Список проектов
• Отчеты по проектам ( если есть права )

=

• Управление знаниями -- раздел базы знаний (если модуль включен):
• База знаний
• Все записи
• Согласования
• Отчеты (если есть права)
• Учебные курсы

=

• Поставка -- ( ранее Торговля ) раздел торговли (если модуль включен и есть права):
• Заказы
• Склад

=

• Персонал -- раздел персонала (если есть права):
• Сотрудники
• Организационная структура
• Трудоустройства
• Отсутствия

=

• Управление документами -- раздел документов (если есть права)

=

QR-код Telegram-бота:

• Внизу бокового меню может отображаться QR-код для быстрого подключения к Telegram-боту
• Отображается только если настроен администратором

(Telegram-бота )

=

Примечание:

• Видимость пунктов меню зависит от прав доступа пользователя
• Некоторые пункты меню отображаются только если соответствующие модули включены в системе

Верхняя панель (Header)

Элементы верхней панели:

Логотип:

• Расположен слева в верхней панели
• Отображается уменьшенный логотип (menu_logo) на узких экранах
• Отображается полный логотип (main_logo) на широких экранах
• При клике на логотип происходит переход на главную страницу

( КИВИТ )

=

Кнопка меню:

• Иконка «☰» (три горизонтальные линии) слева от логотипа
• Используется для скрытия/раскрытия бокового меню
• Функция зависит от размера экрана ( смотрим раздел «Боковое меню» )

( для бокового меню )

=

Поиск:

• Поле поиска расположено справа от кнопки меню
• Скрыто на мобильных устройствах (ширина экрана \< 768px)
• Поддерживает живой поиск (результаты отображаются при вводе)
• Задержка перед поиском: 600 миллисекунд
• Результаты поиска отображаются в выпадающем списке под полем поиска
• При нажатии Enter ( на клавиатуре ) или кнопки «Искать» открывается полная страница результатов поиска в новой вкладке
• Максимальная высота результатов: 60% высоты экрана
• Ширина результатов: 50% ширины экрана
• Поиск выполняется по всем модулям системы:
• Проекты
• Задачи
• Совещания
• Заявки сервис-деска
• Клиенты
• Сотрудники
• Страницы базы знаний

=

Быстрые ссылки:

• Иконка «⚙» (настройки) справа от поиска
• Скрыта на мобильных устройствах (ширина экрана \< 992px)
• При клике открывается выпадающее меню с быстрыми ссылками
• Ссылки отображаются в виде сетки (3 колонки) с иконками
• Каждая ссылка содержит изображение и название
• Ссылки открываются в новой вкладке
• Быстрые ссылки настраиваются администратором

=

Переключение темы (светлая/темная):

• Иконка «🌙» (луна) для темной темы или «☀» (солнце) для светлой темы
• Скрыта на мобильных устройствах (ширина экрана \< 992px)
• При клике переключается между светлой и темной темой
• Состояние темы сохраняется для текущего пользователя в этом браузере на этом компьютере
• При следующем открытии системы (в той же сессии) тема восстанавливается

( светлая/темная )

=

Полноэкранный режим:

• Иконка «⛶» (полный экран) справа от переключения темы
• При клике страница переходит в полноэкранный режим
• При повторном клике или нажатии Escape полноэкранный режим отключается
• Иконка меняется в зависимости от состояния

=

Уведомления:

• Иконка колокольчика «🔔» справа от полноэкранного режима
• Отображается количество непрочитанных уведомлений красным бейджем
• Иконка анимируется (покачивается), если есть непрочитанные уведомления
• При клике открывается выпадающее меню с уведомлениями:
• Заголовок: «Уведомления»
• Список непрочитанных уведомлений (с ограничением высоты и прокруткой при необходимости)
• Каждое уведомление содержит:
  • Заголовок
  • Текст сообщения
  • Дата и время создания
• При клике на уведомление оно помечается как прочитанное и открывается связанная страница
• Кнопка «Отметить все как прочитанные» внизу списка (если есть уведомления)
• Если непрочитанных уведомлений нет, отображается сообщение: «Нет не прочитанных уведомлений»

=

Профиль пользователя:

• Аватар и имя пользователя справа от уведомлений
• Отображается аватар (если загружен) или стандартное изображение пользователя
• Имя пользователя скрыто на узких экранах (ширина экрана \< 1200px)
• При клике открывается выпадающее меню:
• «Профиль» -- переход на страницу профиля (если есть профиль сотрудника)
• «Изменить пароль» -- переход на страницу смены пароля
• Разделитель ( --------- )
• «Выход» -- выход из системы (красным цветом)

=

Настройки:

• Иконка «⚙» (шестеренка) справа от профиля
• Отображается только если есть права на просмотр настроек
• При клике открывается страница настроек в новой вкладке

=

Обратная связь:

• Иконка «⚠» (предупреждение) с анимацией вращения справа от настроек
• При клике открывается модальное окно для отправки обратной связи
• Содержимое модального окна загружается динамически

=

Главная страница

Определение главной страницы:

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

( Профиль пользователя )

Как открывается главная страница:

• При входе в систему по адресу главной страницы
• При клике на логотип в верхней панели
• Система автоматически перенаправляет на выбранную пользователем главную страницу

( при входе систему )

=

Варианты главных страниц:

1. Быстрые ссылки (Fast Links):

• Код: fastlinks
• Доступность: Всем пользователям
• Описание:
• Отображает информационные блоки (Main Pages), назначенные для подразделения пользователя
• Каждый блок содержит заголовок и содержимое (с поддержкой форматирования текста)
• Блоки отображаются в виде карточек
• Блоки сортируются по полю «Порядок» (order) -- чем выше число, тем выше блок
• Если блоков нет, отображается сообщение: «Автоматизированная система компании (АСК)»
• В правой колонке отображаются кнопки быстрых действий:
  • «Отсутствие» -- создание записи об отсутствии (для сотрудников)
  • «Задача» -- создание новой задачи (для сотрудников)
  • «Новое обращение» -- создание новой заявки сервис-деска (если модуль включен и есть права)
  • «Добавить сотрудника» -- создание нового сотрудника (если есть права)

2. Мои задачи (My Tasks):

• Код: mytasks
• Доступность: Всем пользователям
• Описание:
• Отображает карточки задач пользователя
• Показывает задачи, где пользователь является исполнителем
• Задачи отображаются с информацией о приоритете, сроке выполнения, проекте
• Поддерживает фильтрацию и поиск задач

3. База знаний (Knowledge Base):

• Код: knowledgebase
• Доступность: Всем пользователям
• Описание:
• Отображает главную страницу базы знаний
• Показывает категории и страницы базы знаний
• Поддерживает поиск по базе знаний
• Отображает недавно просмотренные страницы

4. Дашборд сервис-деска (Servicedesk Dashboard):

• Код: sd_dashboard
• Доступность: Пользователям с правом techdep.view_requests
• Описание:
• Отображает дашборд сервис-деска
• Показывает статистику по заявкам
• Отображает активные заявки
• Показывает метрики работы сервис-деска

5. Страница контроля сервис-деска (Servicedesk Control Page):

• Код: sd_control
• Доступность: Пользователям с правом techdep.manager
• Описание:
• Отображает страницу контроля заявок сервис-деска
• Показывает заявки, требующие контроля
• Отображает статистику по исполнителям
• Позволяет управлять заявками

6. Дашборд проектов (Projects Dashboard):

• Код: projects_dashboard
• Доступность: Пользователям с правом project.view_item
• Описание:
• Отображает дашборд проектов
• Показывает активные проекты
• Отображает статистику по проектам
• Показывает метрики выполнения проектов

Как изменить главную страницу:

Способ 1: Через профиль пользователя :

1. Перейдите в раздел «Профиль» -> «Мой профиль» .
2. Нажмите кнопку «Изменить профиль» .
3. В разделе «Основная информация» найдите поле «Главная страница» .
4. Выберите нужную страницу из выпадающего списка.
5. Нажмите кнопку «Сохранить» .
6. При следующем входе в систему откроется выбранная страница.

( Профиль пользователя )

Способ 2: Через страницу выбора:

1. Если у вас нет доступа к текущей главной странице, система автоматически перенаправит на страницу выбора главной страницы.
2. На странице выбора отображается список доступных страниц.
3. Кликните на нужную страницу в списке.
4. Система сохранит выбор и перенаправит на выбранную страницу.

Основная область контента

Определение основной области контента:

• Центральная область для отображения содержимого страниц
• Автоматически подстраивается под размер бокового меню

( для отображения страниц )

=

Примечания:

• Если у пользователя нет доступа к выбранной главной странице, система автоматически перенаправляет на страницу выбора новой главной страницы.
• Доступные страницы зависят от прав доступа пользователя.
• Если пользователь не выбрал главную страницу, система перенаправляет на страницу выбора.
• Если пользователь не является сотрудником , система перенаправляет на дашборд сервис-деска.