Каталог оборудования и услуг
Каталог | Программные модули | Модуль HTML-шаблонов (Template)
Модуль HTML-шаблонов (Template)
Template — модуль для отображения динамического HTML-контента на цифровых экранах. В отличие от статичных изображений и видео, шаблоны позволяют создавать живые информационные блоки — виджеты с текущей датой и днём недели, приветственные экраны, акционные баннеры с переменными данными и любой другой контент, где часть информации должна обновляться автоматически. Шаблонизация с переменными Содержимое шаблона описывается на HTML/CSS, а динамические значения вставляются через синтаксис Mustache — {{переменная}}. Каждую секунду модуль пересчитывает итоговый HTML, подставляя актуальные значения:
  • todayDate — текущая дата в формате ДД.ММ.ГГГГ
  • todayWeekday — день недели на русском языке
  • displayCode — уникальный код экрана, на котором показывается шаблон
Набор переменных расширяется по мере развития платформы. Полная свобода вёрстки Шаблон — это произвольный HTML-код с поддержкой CSS. Можно использовать любые шрифты, цвета, анимации, flex и grid раскладки, SVG-графику. Каждый шаблон создаётся один раз и затем назначается на нужные экраны через панель управления без повторного редактирования. Режимы масштабирования Содержимое шаблона адаптируется к размеру контейнера в трёх режимах:
  • Оригинальный — отображается в реальном размере, выровненный по центру
  • Растяжение — заполняет весь контейнер, пропорции не сохраняются
  • Обрезка — заполняет контейнер с обрезкой выходящих за границы элементов
Расписание показов Модуль поддерживает расписание включения и выключения по дням недели и времени суток. Состояние проверяется каждую секунду, переключение происходит мгновенно без перезагрузки страницы. В момент отключения по расписанию шаблон исчезает с экрана, не влияя на остальные контейнеры макета. Офлайн-режим Код шаблона кэшируется локально после первой успешной загрузки. При отсутствии связи с сервером модуль продолжает рендерить шаблон из кэша — динамические переменные (дата, день недели) продолжают обновляться в реальном времени, так как вычисляются на самом устройстве. Защита от некорректного кода Перед вставкой в DOM HTML-код шаблона проходит через фильтр безопасности, исключающий потенциально опасные конструкции. Если шаблон пуст или данные ещё не загружены, на экране отображается нейтральная заглушка.