Дополнительные настройки конфигурации

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

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

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

Прописать:

  • Адрес, по которому хранится файл с логотипом (LOGO_URL). Файл расположить в папке проекта на сервере в каталоге /public/images/logo.png. Требования к файлу:
    • Минимальный размер изображения 28х28 px.
    • Формат изображения .png. Допускается использование логотипа в формате svg, но изображения данного формата не будут отображаться в письмах от сервиса.
  • Название проекта (PROJECT_NAME);
  • Ссылка на документ с политикой обработки персональных данных (DATA_PROCESSING_POLICY_URL).
    Для формирования ссылки необходимо расположить файл с политикой (pdf) в папке проекта на сервере. В таком случае ссылка на файл будет иметь вид:
    https://<адрес сервиса>/<путь к файлу>/<название файла>.pdf
  1. Настройка back_service.
Services:
back_service:
container_name: back_name_container
environment:
- LOGO_URL=<путь к файлу>/logo.png
- PROJECT_NAME=<Название сервиса>
- DATA_PROCESSING_POLICY_URL=<Ссылка на файл>

Переменные окружения описываются по аналогии с front_service.
3. Перезапустить сервис Trusted.ID:
docker compose stop
docker compose up -d

Настройка стилей интерфейсов в Личном кабинете

Для Личного кабинета сервиса возможно настроить 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, где после каждой строки должен быть обратный слеш (обратная косая черта), после последнего свойства в объекте не должно быть запятой.

Описание объектов блока CUSTOM_STYLES

CUSTOM_STYLES='{\
"button": {\
"borderRadius": "8px",\
"primary": {\
"backgroundColor": "#2186F0",\
"hover": "#1077E5",\
"color": "#fff"\
},\
"secondary": {\
"backgroundColor": "#c4c6cc",\
"hover": "#A6A9B2",\
"color":" #fff"\
},\
"outlined": {\
"backgroundColor": "#fff",\
"hoverBackgroundColor": "rgba(33, 134, 240, 0.04)",\
"color": "#2186F0",\
"borderColor": "rgba(33, 134, 240, 0.5)",\
"hoverBorderColor": "rgba(33, 134, 240)"\
}\
},\
"textButton": {\
"color": "#2186F0"\
},\
"textLink": {\
"color": "#2186F0"\
},\
"tabs": {\
"textColor": "#858ba0",\
"selectedTabColor": "#2186F0",\
"selectedTabTextColor": "#2186F0"\
}\
}'

Описание объектов блока CUSTOM_STYLES

  • button - настройка стилей кнопок
    • borderRadius - радиус скругления кнопок
    • primary - настройка основных кнопок
      backgroundColor - цвет заливки;
      hover - цвет при наведении;
      color - цвет текста внутри кнопки.
      button-primary.png
    • secondary - настройка вспомогательных кнопок.
      button-secondary.png
    • outlined - настройка неактивный кнопок.
  • textButton - настройка цвета кнопок-ссылок.
    button-text.png
  • textLink - настройка цвета ссылок.
    button-link.png
  • tabs - настройка цвета названия вкладок
    textColor - цвет текста в названии вкладки;
    selectedTabColor - цвет нижнего подчеркивания вкладки;
    selectedTabTextColor - цвет текста в названии выбранной вкладки.
    tab.png