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

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

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

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

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

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

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

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

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

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

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

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

( снимок - 1 ) ( Боковое меню ( Sidebar ) )

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

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

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

( снимок - 2 ) ( Скрытие и раскрытие бокового меню )

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

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

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

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

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

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

Пункты меню:

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

( снимок - N ) ( )

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

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

Примечание:

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

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

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

Логотип:

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

Кнопка меню:

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

Поиск:

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

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

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

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

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

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

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

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

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

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

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

Настройки:

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

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

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

( снимок - 3 ) ( Верхняя панель ( Header ) )

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

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

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

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

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

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

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. Система сохранит выбор и перенаправит на выбранную страницу.

Примечания:

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