====== Настройка Инфокиоска ======

Приступить к настройкам модуля можно из интерфейса ProBonus, перейдя в раздел **Настройки → Инфокиоск**, либо перейти в веб-интерфейс модуля, который по умолчанию доступен по адресу http://127.0.0.1:11030/kiosk_front/#/config-infokiosk/

{{ :external:pro_bonus:05_infokiosk:2024-08-20_14-51-27.png |}}

Для настройки доступны поля:

  * **Отображение** — настраивается таймаут отображения информации на экране. По умолчанию минимальное время — 3 с.
  * **Использовать тач** — флаг даёт возможность использовать тачскрин. При наличии технической возможности для взаимодействия будет доступна кнопка **ОК** во всплывающем окне в рабочей области (в настоящее время такое окно появляется, только если карта не зарегистрирована).
  * **Изображение фона** — изображение фона, установленное по умолчанию. Расположено в папке ''media''.
  * **Логотип** — изображение логотипа, установленное по умолчанию. Расположено в папке ''media''. Доступна настройка положения на мониторе.
  * **Стрелка** — изображение стрелки, установленное по умолчанию. Расположено в папке ''media''. Возможно использование формата GIF. Доступна настройка положения на мониторе. Стрелка нужна для передачи информации о расположении считывающего устройства.

{{ :external:pro_bonus:05_infokiosk:2024-03-20_14-24-44.png |}}

**Важно!** Папка ''media'' расположена в корневой папке, куда установлен ProBonus. При установке новых файлов старые стираются из папки.

===== Настройка стилей =====

Настроить стили можно в папке ''templates'', куда установлен ProBonus. Файл ''readme.md'' обязателен к прочтению.

{{ :external:pro_bonus:05_infokiosk:2024-03-20_15-04-44.png |}}

Для изменения стиля шрифта достаточно перенести CSS-файл с его настройками в папку ''styles''.

Также можно скопировать любой внутренний файл папки, переименовать его и изменить в нём код. Ниже представлен пример кода.

<code>
@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&display=swap')
body {
  color: red;
  font-family: "Alegreya Sans", sans-serif;
  font-weight: 100;
  font-style: italica;
}
</code>

При подключении шрифта Alegreya Sans с изменением цвета шрифта можно получить изменение всех сообщений на мониторе.

{{ :external:pro_bonus:05_infokiosk:2024-03-22_09-58-12.png |}}

**Если требуется изменить только размер текста.** Например, чтобы увеличить размер всех сообщений в 1,5 раза, необходимо в файле ''base_fonts.css'' изменить код на:

<code>
*{
    font-size: 1.5rem !important;
}
</code>