Персонализация

Раздел для настройки параметров стилизации кабинета, указания ссылки на документацию, параметров для шаблонов.

Параметры шаблонов

Данные параметры в используются в шаблонах писем и интеграций.

../_images/whitelabel_template_params.png
Пример использования наименования компании в теме письма:
../_images/whitelabel_subject_example.png
Пример использования параметров в письме:
../_images/whitelabel_email_example.png

Контакты для заведения личного кабинета АТС - подставляются в шаблон интеграции Битрикс24 (RU_Bitrix24_WRAP).

Параметры веб-страницы

../_images/whitelabel_dom_params.png

  • Заголовок веб-страницы - отображается на вкладке браузера.

  • Основной css-класс страницы - устанавливается в HTML-разметку, в самый верхний элемент. Предназначен для изменения стилей кабинета. Файл со стилям должен называться custom.scss и располагаться в папке /assets/personal/.

  • Позиция окна авторизации - позиция окна ввода логина и пароля на странице. Считается от верхнего левого угла, до правого нижнего угла экрана (всего 25 позиций, центр - 13-ая позиция). Карта поцизий на экране выглядит следующим образом:

Карта позиций

  • Дисперсия цветов - коэффициент градации основного цвета (0 - отсутствие градации). Служит для того, что бы при выделении объекта, остальные элементы не сливались.

Для примера возьмем раздел системных аудио-файлов. Здесь элемент без выделения выглядит следующим образом:

../_images/main_d.png

Если выставить значение дисперсии цветов 0, то при выделении получим следующий результат - кнопки, использующие основной цвет, сольются с цветом выделения, так как выделению также присвоен основной цвет:

../_images/without_d.png

Если выставить значение дисперсии цветов 5, получим разницу цвета выделения, за счет чего кнопки будут видны:

../_images/with_d.png

  • Не растягивать область на вес экран - оставлять по бокам страницы кабинета АТС пространство;

  • Мини-меню - отображение левого меню только иконками.

Картинки

Картинки, используемые на странице кабинета АТС. Список файлов, отображаемых в полях, настраивается в разделе Хранилище системных файлов.

../_images/whitelabel_pictures.png

  • Иконка-вебстраницы - иконка вкладки браузера;

  • Логотип компании - изображение, отображаемое над главным меню кабинета АТС и окна авторизации в кабинете АТС:

    whitelabel_logo

  • Мини-логотип компании - уменьшенное изображение, отображаемое над главным меню кабинета АТС, для экранов шириной < 600 пикселей

    whitelabel_logo_mini

  • Картника-подложка для страницы авторизации - изображение, отображаемое на заднем фоне страницы авторизации. Можно указать несколько изображений, выбираемых случайным образом при загрузке страницы авторизации:

    whitelabel_bg_image

Цвета веб-страницы

Цвета кабинета АТС.

whitelabel_default_color_btn - кнопка сброса настроек цветов до значений по умолчанию.

whitelabel_config_color_btn - кнопка загрузки настроек цветов из конфигурационного файла.

../_images/whitelabel_colors.png

  • Основной - основной цвет. Используется в заголовках разделов: whitelabel_second_primary_color

    whitelabel_primary_color

  • Акцент - акцентный цвет;

  • Внимание - цвет ошибки;

  • Контраст основного - контраст к основному цвету;

  • Контраст акцента - контраст к акцентному цвету;

  • Контраст внимания - контраст к цвету внимания;

    whitelabel_bg_page

  • Фон верхнего заголовка - цвет фона верхнего заголовка страницы: whitelabel_bg_header

  • Цвет текста вехнего заголовка - цвет текста, отображаемого в верхнем заголовке: whitelabel_header_text_color

  • Цвет значка главого меню - цвет значка в левом меню: whitelabel_menu_icon_color

  • Цвет текста главного меню - цвет текста в левом меню: whitelabel_menu_text_color

  • Цвет границы элемента маршрутизации - цвет границы элемента маршрутизации: whitelabel_dp_border_color

  • Фон элемента маршрутизации при наведении - фон элемента при наведении: whitelabel_dp_bg

Документация

Ссылка на документацию, на которую ссылается пункт меню Документация.

../_images/whitelabel_doc_link.png