Help:UI manual

На этой странице приведена инструкция по работе в пользовательском интерфейсе сервера Svacer.

Авторизация в пользовательском интерфейсе сервера Svacer

Для авторизации в пользовательском интерфейс сервера Svacer введите логин и пароль на странице ввода учетных данных. Учётные данные по умолчанию — admin / admin.

Если на сервере настроена поддержка протокола LDAP, то войти на можно с помощью внешних серверов. Для этого:

1. На странице ввода учетных данных перейдите на вкладку LDAP.
2. Выберите LDAP-сервер в списке, если настроено больше одного сервера авторизации.
3. Введите логин и пароль.

• 
• 

После успешного входа отобразится пользовательский интерфейс сервера Svacer. При этом, если в прошлой сессии пользователь выбрал проект, его ветку и снимок или применил фильтры, отобразятся эти проект, ветка и фильтры.

Описание основных элементов пользовательского интерфейса

Все страницы пользовательского интерфейса сервера Svacer устроены единообразно и состоят из двух частей:

1. Верхняя панель – отображается на всех страницах пользовательского интерфейса.
   Содержит:
   • логотип сервера Svacer;
   • – кнопки для переключения режимов работы:
     • Разметка – просмотр и разметка найденных маркеров, а также сравнение снимков или отдельных маркеров;
     • Код – просмотр снимков исходного кода, связанного с результатами анализатора Svace;
     • Отчеты – формирование отчетов на основе хранимой информации.
   • – кнопка для перехода к настройке системы;
   • – переключатель языка пользовательского интерфейса;
   • – кнопка для перехода на страницу документации к системе;
   • – кнопка для перехода к уведомлениям;
   • – кнопка меню пользователя, которое предоставляет следующие функции:
     • переход к настройке профиля пользователя;
     • выход из системы;
     • скачивание расширения для VSCode;
     • просмотр информации о программе.
2. Рабочая область – область экрана для просмотра информации и ввода, которая соответствует выбранному режиму работы или странице настроек.

тут неправильно вставлдяется рисунок_позже посмотреть

Базовые функции системы

Просмотр уведомлений

Чтобы посмотреть уведомления, нажмите кнопку в правом верхнем углу экрана.

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

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

Нажмите кнопку Очистить для удаления всех уведомлений.

Настройка профиля пользователя

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

В правой части экрана отобразится панель Профиль, которая состоит из трех разделов:

1. Профиль пользователя – в этом разделе можно изменить атрибуты своего профиля (ФИО, контакты), кроме логина, а также поменять пароль.
2. Общие настройки интерфейса – в этом разделе можно включить или выключить следующие функции:
   • сохранение примененной сортировки значений в таблице маркеров при выходе из системы;
   • использование темной темы (темный фон, светлый текст) при просмотре файлов с исходным кодом;
   • открытие нескольких вкладок с исходным кодом в режиме просмотра кода.
     Эти настройки сохраняются для учетной записи пользователя и не сбрасываются при новой сессии.
3. Настройки панели навигации – в этом разделе можно настроить отображение по умолчанию для детекторов и файлов на панели навигации, а также для сортировки значений на вкладке Файлы.
   

Эти настройки сохраняются для учетной записи пользователя и не сбрасываются при новой сессии.

Временное отображение файлов [#Функции левой навигационной панели|на панели навигации]] и их сортировки можно настроить по нажатии иконки на панели навигации.

• 

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

• 

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

• 

  Настройки панели навигации

Изменение пароля

Для изменения пароля:

1. Выберите пункт Профиль в меню пользователя.
2. В разделе Профиль пользователя нажмите на ссылку Изменить пароль.
3. В открывшемся окне:
   1. Введите текущий пароль.
   2. Дважды введите новый пароль.
   3. Нажмите кнопку Изменить.

Просмотр информации о программе

Чтобы посмотреть информацию о программе, выберите пункт О программе в меню пользователя в правом верхнем углу экрана.

Нажмите на ссылку в строке Документация для перехода на страницу документации к системе.

Для просмотра информации об изменениях нажмите кнопку Показать Журнал изменений.

Выбор проекта, ветки и снимка

Для работы в режиме разметки или режиме просмотра кода требуется выбрать проект, ветку и снимок с результатами работы анализатора Svace. Это можно сделать в блоке, который расположен под верхней панелью.

По умолчанию после выбора проекта автоматически выбирается ветка master и последний снимок. Если ветка master отсутствует, её нужно выбрать вручную.

Работа в режиме разметки

Режим разметки предоставляет следующий набор элементов управления:

1. Левая навигационная панель:
   • вкладка Детекторы;
   • вкладка Файлы.
2. Центральная панель:
   • вкладка Информация о снимке;
   • вкладка Исходный код;
   • таблица маркеров.
3. Правая панель.

Функции левой навигационной панели

Вкладка «Детекторы»

На этой вкладке отображается список детекторов Svace, которые сработали в выбранном снимке.

Серьезность (критичность) детектора обозначена цветом:

• красный – наивысшая серьезность (CRITICAL);
• желтый – высокая серьезность (MAJOR);
• белый – обычная серьезность (NORMAL, MINOR, UNDEFINED).

• 

  Пример вкладки Детекторы со сгруппированными данными (в виде дерева) и с данными в виде списка

• 

  Пример вкладки Детекторы с данными в виде списка

На вкладке Детекторы пользователю доступны следующие функции:

1. Отображение данных в виде списка – для этого нажмите кнопку .
2. Группировка детекторов по уровням серьезности – для этого нажмите кнопку .
   По умолчанию детекторы сгруппированы.
3. Отображение списка маркеров в файлах, в которых сработал детектор, – для этого нажмите кнопку в левой части его имени.
4. Блокировка всех маркеров, найденных детектором, для разметки другими пользователями – для этого нажмите кнопку справа от названия детектора (отображается при наведении курсора).
5. Применение фильтра по детектору в таблице маркеров – для этого нажмите на имя детектора.
6. Применение фильтра по серьезности в таблице маркеров – для этого нажмите название группы серьезности.
7. Отмена фильтрации – для этого нажмите кнопку .
8. Отображение на вкладке Исходный код содержимого файла, места и содержания маркера, а также подробной информации о маркере на правой панели – для этого нажмите на маркер.

Вкладка «Файлы»

На этой вкладке отображается список файлов, в которых найдены маркеры.

Для каждого файла отображаются:

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

На вкладке Файлы пользователю доступны следующие функции:

1. Применение фильтра по файлу в таблице маркеров – для этого:
   1. Нажмите на имя файла.
      В этом случае содержимое файла отобразится на вкладке Исходный код.
      или
   2. Нажмите кнопку в одной или нескольких строках.
      В этом случае содержимое файла (файлов) не отобразится.
2. Отмена фильтрации по одному файлу в таблице маркеров – для этого нажмите кнопку в строке файла.
3. Отмена фильтрации в таблице маркеров для всех выбранных файлов – для этого нажмите кнопку или кнопку на вкладке Детекторы.
4. Блокировка всех маркеров в файле для разметки другими пользователями – для этого нажмите кнопку справа от названия файла (отображается при наведении курсора).
5. Отображение на вкладке Исходный код содержимого файла, места и содержания маркера, а также подробной информации о маркере на правой панели – для этого нажмите на имя файла.
6. Фильтрация по имени/пути файла в поле Отфильтровать файлы по полному пути. Поддерживается фильтрация с использованием регулярных выражений.
7. Временная настройка отображения файлов и сортировки полей на вкладке Файлы – для этого нажмите кнопку и поменяйте настройки.

Эта настройка будет действовать до конца сессии пользователя или до повторного изменения отображения.

Функции центральной панели

Вкладка «Информация о снимке»

На этой вкладке отображается информация о выбранном снимке.

На вкладке Информация о снимке пользователю доступны следующие функции:

1. Просмотр подробной информации о снимке во всплывающем окне – для этого нажмите кнопку .
2. Переход к экспорту кода с разметкой – для этого нажмите кнопку .
3. Экспорт снимка в формате .snap. – для этого нажмите кнопку .
4. Просмотр параметров анализа во всплывающем окне – для этого нажмите кнопку в строке Параметры анализа.
5. Экспорт параметров анализа в формате .txt – для этого нажмите кнопку в строке Параметры анализа.
6. Просмотр таблицы статистики – для этого нажмите кнопку в строке Статистика.
   Информация в таблице сгруппирована по параметрам детекторов, найденным маркерам и статусу их разметки.
7. Просмотр списка приложенных файлов для этого нажмите кнопку в строке Приложенные файлы.
   Для скрытия списка нажмите кнопку .

Вкладка «Исходный код»

Информация на этой вкладке отображается только после выбора файла на вкладке Детекторы или Файлы, или в таблице маркеров.

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

На вкладке Исходный код пользователю доступны следующие функции:

1. Отображение кода на весь экран – для этого нажмите кнопку .
2. Отображение всех маркеров – для этого нажмите кнопку .
3. Скрытие всех маркеров– для этого нажмите кнопку .
4. Отображение списка маркеров в этом файле – для этого нажмите кнопку .
5. Выбор отображения информации о маркере и его разметки относительно строки кода, в которой он найден:
   • выше строки кода – нажмите кнопку ;
   • ниже строки кода – нажмите кнопку .
6. Возврат к исходному маркеру (например, если был выбран другой связанный маркер на вкладке Трасса правой панели) – для этого нажмите кнопку в верхней части метки.
7. Разметка маркера – нажмите кнопки в верхней части блока с информацией о маркере для установки Статуса, Серьезности и Действия.
8. Переход к строке, в которой определена переменная – нажмите правую кнопку мыши на строке исходного кода и выберите пункт Перейти к определению.
9. Просмотр ссылок на панели внизу экрана – нажмите правую кнопку мыши на строке исходного кода и выберите пункт Найти ссылки.
   На этой панели отображается иерархический список файлов с номерами строк, в которых найдены ссылки.
   Чтобы перейти на вкладку Исходный код с фрагментом кода, на который найдена ссылка, нажмите на имя файла.
   Чтобы посмотреть фрагмента кода, на который найдена ссылка, в режиме предпросмотра, нажмите кнопку .
10. Копирование строки кода – нажмите правую кнопку мыши на строке исходного кода и выберите пункт Copy.
11. Вызов командной строки – нажмите правую кнопку мыши на строке исходного кода и выберите пункт Command Pallette.

Таблица маркеров

Если таблица маркеров не отображается, нажмите кнопку , а для её скрытия – .

В верхней части таблицы находится панель, которая содержит:

• – поле с информацией о примененных фильтрах: как назначенных в навигационной панели, так и с помощью пользовательских фильтров и запросов;
• поле запроса для фильтрации данных;
• кнопка – выгрузка отображаемых маркеров в формате .csv и выгрузка отчета отображаемых маркеров в формате .pdf;
• кнопка – переход к групповой разметке выбранных маркеров (доступна, если выбраны маркеров в таблице).

В таблице маркеров пользователю доступны следующие функции:

1. Выбор маркеров для групповой разметки – для этого установите флажок в строке маркера.
2. Просмотр подробной информации о маркере в правой панели и его места и содержания на вкладке Исходный код – для этого дважды кликните на строку маркера или нажмите на имя файла в столбце Файл.
   Также для выбора можно использовать клавиши ↑ и ↓ – для перемещения по строкам, и Enter – для подтверждения выбора.
3. Копирование детальной информации о маркере в буфер обмена – для этого нажмите правой кнопкой мыши на маркер и выберите пункт Копировать.
4. Копирование ссылки на маркер в буфер обмена – для этого нажмите правой кнопкой мыши на маркер и выберите пункт Скопировать ссылку на предупреждение.
5. Переход к сравнению одного маркера с другим – для этого нажмите правой кнопкой мыши на маркер и выберите пункт Сравнить с…

Функции правой панели

Эта панель предоставляет подробную информацию о маркере и его разметке:

• статус блокировки;
• статус разметки, его серьезность и требуемое действие;
• автор последней разметки и пр.

Пример истории изменения разметки маркера

• 
• 

Предпросмотр кода

На правой панели пользователю доступны следующие функции:

1. Просмотр истории разметки – для этого нажмите кнопку в верхней части правой панели.
2. Блокировка маркера для разметки другими пользователями – для этого нажмите кнопку в верхней части правой панели.
3. Разметка маркера – для этого нажмите кнопки в верхней части правой панели.
4. Копирование ссылки на маркер – для этого нажмите кнопку в верхней части правой панели.
5. Отображение маркера на вкладке 'Исходный код одним из трех способов:
   1. Нажмите кнопку с именем файла и номером строки в верхней части правой панели [1].
   2. Нажмите на ссылку с именем файла и номером строки на вкладке Трасса [2].
   3. Нажмите кнопку Найти в коде на вкладке Подробности [3].
      Это позволяет всегда вернуться к нужной точке при навигации по коду.
6. Отображение кода, который соответствует строке трассы, в отдельном окне в режиме предпросмотра – для этого на вкладке Трасса нажмите кнопку рядом с именем файла и номером строки.
7. Просмотр и добавление комментариев к маркеру на вкладке Комментарии.
   Комментарии для каждого маркера уникальны. Добавление одинаковых комментариев недоступно.
8. Редактирование и удаление собственных комментариев на вкладке Комментарии с помощью кнопок и .
9. Просмотр подробной информации на вкладке Подробности.
10. Просмотр информации о детекторе, который обнаружил маркер, – для этого нажмите на его имя на вкладке Подробности.
11. Просмотр истории обнаружения маркера в снимках – для этого нажмите кнопку слева от названия снимка на вкладке Подробности.
12. Запуск хуков – для этого нажмите кнопку Запустить на вкладке Подробности.

• 

  Вкладка Комментарии

• 

  Вкладка Подробности

---

Использование фильтров

Общая информация

Настроить и использовать фильтры можно только в режиме разметки.

Существует четыре вида фильтров:

1. Фильтры левой навигационной панели [1]: детекторы, файлы или серьезность.
2. Размеченный – позволяют отобразить только размеченные маркеры. Фильтр применяется по нажатии кнопки в правой части блока выбора проекта, ветки и снимка [2].
3. Пользовательские фильтры – доступны по нажатии кнопки в правой части блока выбора проекта, ветки и снимка [3].
4. Запрос – фильтр, указанный в поле в верхней части таблицы маркеров [4].

Посмотреть примененные фильтры и последовательность их применения можно поле в верхней части таблицы маркеров.

Все виды фильтров можно использовать одновременно, но при определенном порядке применения фильтры могут быть сброшены:

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

По нажатии кнопки в правой части блока выбора проекта, ветки и снимка можно отменить примененные фильтров: пользовательского или всех.

Настройка и использование пользовательских фильтров

Пользовательские фильтры. Вкладка Пользовательский

Настроить пользовательские фильтры можно в режиме разметки. Для этого:

1. Нажмите кнопку в правой части блока выбора проекта, ветки и снимка.
   В правой части экрана отобразится панель пользовательских фильтров, которые разделены на три группы:
   • параметры детекторов;
   • параметры разметки маркеров;
   • файлы.
2. На вкладке Пользовательский:
   1. Настройте параметры фильтрации – выберите значения в списках полей или нажмите кнопки со значениями.
   2. Нажмите на кнопку справа от значения в списке, чтобы отменить его выбор.
   3. Если параметры нужно исключить из поиска, нажмите на кнопку . Кнопка поменяется на .
   4. Если параметры нужно включить в поиск, нажмите на кнопку . Кнопка поменяется на .
   5. Нажмите кнопку , чтобы удалить все изменения.
   6. Нажмите кнопку и введите название, чтобы сохранить фильтр.
   7. Нажмите кнопку , чтобы применить фильтр.
      После применения кнопка фильтра станет зеленой, а ее название поменяется на Пользовательский.
3. На вкладке 'Сохраненные:
   1. Для редактирования сохраненного фильтра нажмите кнопку .
   2. Создайте дубликат фильтра – нажмите кнопку .
   3. Удалите фильтр – нажмите кнопку .
   4. Примените фильтр – нажмите на его название и нажмите кнопку .

После применения:

• примененный фильтр будет отмечен .
• кнопка фильтра станет зеленой, а ее название поменяется на Пользовательский.

Сравнение снимков и маркеров

Выбор проекта, ветки и снимка для сравнения

Выбор режима сравнения

Информация о различиях

Различия разметок

Чтобы сравнить снимки и маркеры в них:

1. Выберите исходные проект, ветку и снимок. 2. В режиме разметки нажмите кнопку . 3. В открывшемся окне выберите проект, ветку и снимок для сравнения; нажмите кнопку ‘‘‘Применить‘‘‘:

Результат сравнения отобразится в левой навигационной панели и центральной панели, причем:

 вкладка Информация о снимке поменяется на вкладку Информация о различиях с информацией о двух сравниваемых снимках;  применится первый режим сравнения, в котором найдены результаты.

4. Выберите режим сравнения:

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

В режимах Сопоставленные и Одинаковые в таблице маркеров добавляется столбец с номером версии.

5. Посмотрите различия в результатах анализа – нажмите кнопку Показать различия на вкладке ‘‘‘Информация о различиях‘‘‘.

6. Посмотрите различия в статистике разметки – нажмите кнопку ‘‘‘Различия разметок‘‘‘. 7. Нажмите кнопку или , чтобы скачать статистику в формате CSV или PDF.

Отмените сравнение – нажмите кнопку в блоке выбора проекта, ветки и снимка.

• 

  Пример результатов сравнения в режиме Новые

• 

  Пример результатов сравнения в режиме Отсутствующие

• 

  Пример результатов сравнения в режиме Сопоставленные

• 

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