Кастомизация интерфейса

Настройка ссылки на политику обработки персональных данных

Для изменения ссылки на политику обработки персональных данных пользователей необходимо внести переменные окружения в конфигурационный файл docker-compose.yml и перезапустить сервис Trusted.ID.

  docker compose stop  
  docker compose up -d  

Настройка front_service

  Services:
      front_service:
        container_name: front_name_container
      environment:
        - LOGO_URL=<путь к файлу>/logo.png
        - PROJECT_NAME=<Название сервиса>
        - DATA_PROCESSING_POLICY_URL=<Ссылка на файл>

1. Адрес, по которому хранится файл с логотипом (LOGO_URL).

   Файл расположить в папке проекта на сервере в каталоге /public/images/logo.png.

   Требования к файлу:

   • Минимальный размер изображения 28х28 px.
   • Формат изображения .png. Допускается использование логотипа в формате svg, но изображения данного формата не будут отображаться в письмах от сервиса.

2. Название проекта (PROJECT_NAME);

3. Ссылка на документ с политикой обработки персональных данных (DATA_PROCESSING_POLICY_URL).

   Для формирования ссылки необходимо расположить файл с политикой (pdf) в папке проекта на сервере. В таком случае ссылка на файл будет иметь вид: https://<адрес сервиса>/<путь к файлу>/<название файла>.pdf

Настройка back_service

Services:
  back_service:
         container_name: back_name_container
       environment:
        - LOGO_URL=<путь к файлу>/logo.png
        - PROJECT_NAME=<Название сервиса>
        - DATA_PROCESSING_POLICY_URL=<Ссылка на файл>

Переменные окружения описываются по аналогии с front_service.

Настройка CSS-стилей

Для Личного кабинета сервиса возможно настроить CSS-стили кнопок, ссылок и вкладок.

Для этого необходимо в файле .env сервиса изменить значения в переменной CUSTOM_STYLES.

Для изменения стилей необходимо:

1. Перейти в папку с проектом: cd /home/els/nodetrustedserverconfig.
2. Остановить контейнер: docker compose stop.
3. Открыть и отредактировать файл .env, изменив значение в переменной CUSTOM_STYLES.
4. Сохранить изменения.
5. Запустить контейнер: docker compose up.

Описание переменной CUSTOM_STYLES

Требования к значению

• Формат: JSON. Структура значения должна строго соответствовать формату JSON.
• Одна строка: Значение переменной должно быть записано в одну строку без переносов.

Примечание. Невыполнение этого требования может привести к ошибкам при загрузке конфигурации.

Пример:

CUSTOM_STYLES=`{"palette": {...}, "button": {...}, "isAccordionIconColored": true}`

Пример со значениями (требует форматирования в одну строку):

CUSTOM_STYLES=`{
"palette": {
    "white": {
     "accent": "#ff6f00",
     "accentHover": "#f56b00",
     "onAccentColor": "#fff",
     "secondaryAccent": "#fae9de",
     "secondaryAccentHover": "#fadfcd",
     "onSecondaryAccentColor": "#5c2927",
     "outlinedColor": "rgba(0, 0, 0, 0.12)",
     "outlinedBackgroundColor": "#fff",
     "borderColor": "#f0c9bd",
     "outlinedHoverBackgroundColor": "#ffebe6",
     "outlinedHoverBorderColor": "#fae9de"
    }
},
"button": {
    "borderRadius": "4px"
},
"isAccordionIconColored": true,
"contentPosition": "center"
}`  

Описание полей

1. Палитра palette:

   • accent: Главный акцентный цвет (основные кнопки). Пример: "#ff6f00".
   • accentHover: Цвет при наведении на акцент.
   • onAccentColor: Цвет текста или элементов поверх акцентного цвета.
   • secondaryAccent: Вторичный акцент для менее значимых кнопок.
   • secondaryAccentHover: Цвет при наведении на вторичный акцент.
   • onSecondaryAccentColor: Цвет текста или элементов поверх вторичного акцента.
   • outlinedColor: Цвет текста контурных кнопок.
   • outlinedBackgroundColor: Цвет фона контурных элементов.
   • borderColor: Цвет контура.
   • outlinedHoverBackgroundColor: Цвет фона при наведении на контурные элементы.
   • outlinedHoverBorderColor: Цвет контура при наведении.

2. Кнопки button:

   • borderRadius: Радиус закругления всех кнопок. Пример: 4px.

3. Дополнительные настройки:

   • isAccordionIconColored: Цветная иконка аккордеона (true/false).
   • contentPosition: Выравнивание основного контента (start, center, end).

Рекомендации:

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

Предыдущая

Следующая