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

Для изменения логотипа, названия сервиса и ссылки на политику обработки персональных данных пользователей необходимо внести переменные окружения в конфигурационный файл 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=<Ссылка на файл>
   

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

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

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

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

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

8. Перезапустить сервис 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"\  
  }\  
}'  

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