Перейти к содержанию

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

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

  1. Настройка front_service:

    logo-front.png

Прописать:

  • Адрес, по которому хранится файл с логотипом (LOGO_URL). Файл должен быть расположен в папке проекта на сервере в каталоге /public/images/logo.png.
    Минимальный размер изображения 28х28 px.
    Формат изображения .png.
    Допускается использование логотипа в формате svg, но изображения данного формата не будут отображаться в письмах от сервиса.
  • Название проекта (PROJECT_NAME);

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

  • Настройка back_service.

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

  1. Для того, чтобы изменения применились, необходимо остановить сервис Trusted.ID и запустить заново:
    docker compose stop
    docker compose up -d

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

Для расширения полей профиля пользователя в сервисе возможно настроить дополнительные поля.
Поля добавляются и настраиваются в конфигурационном файле.
Настройка имеет вид:
{CUSTOM_USER_FIELDS} = { "INN": { "title": "ИНН", "unique": "true" }, "SNILS": {"title": "СНИЛС", "unique": "true", "editable": "true"}, "OGRN": { "title": "ОГРН", "editable": "true"}, "KPP": { "title": "КПП" } },
где

  • INN – название поля в сервисе;
  • ИНН – отображение названия поля в интерфейсе;
  • Unique – уникальность значения поля в сервисе;
  • Editable – редактируемость значения поля пользователем.

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

  1. Настройка front_service:
    fields-front.png

  2. Настройка back_service.

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

  1. Для того, чтобы изменения применились, необходимо остановить сервис 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