Основные понятия и файл шаблона

Корневой контейнер – div-элемент, имеющий класс .container

Экран – элемент, представляющий собой «страницу» приложения. Технически экранами являются все макроэлементы, отражающие в себе некоторые этапы бизнес-логики, кроме некоторых встраиваемых элементов. Внешне же все экраны могут быть стилизованы под модальные диалоги, перелистывающиеся части экрана и т.п.

Контейнер экрана – элемент, который будет заполнен данными, которые необходимо отобразить на данном экране. На данный момент скрипт генерирует довольно простую, базовую DOM-структуру для отображения, но постепенно возможности кастомизации DOM для тех или иных элементов или экранов расширяются.

Основной файл шаблона (kiosk/templates/kiosk-%имя_шаблолна%.html) – содержит html-код, который затем будет помещён на страницу киоска в качестве содержимого корневого контейнера (техническую сторону процесса можно посмотреть в kiosk.html), а также информацию о подшаблонах. Далее зачастую будет упоминаться как просто «шаблон». Не путать с шаблоном отображения, настраиваемым в PMS!

В элемент корневого контейнера помещается практически весь контент страницы, за исключением только некоторых вспомогательных технических элементов. Т.е. вся «бизнес-логика» находится в корневом контейнере. В простейшем шаблоне содержимое корневого контейнера чуть менее чем полностью будет состоять из контейнеров экранов.

В версии скриптов 1.1 присутствует сильная неоднородность в работе с контейнерами экранов: какие-то экраны строго завязаны на наличие их контейнеров в шаблоне, какие-то даже обращают внимание на элементы внутри или даже снаружи контейнера, а какие-то наоборот, не требуют явно описанного контейнера, и если такового нет, то он будет создан скриптом при необходимости. Поэтому на данный момент, если на объекте нужно добавлять экраны по мере их появления в приложении, то желательно иметь все контейнеры экранов, которые есть в стандартном шаблоне (kiosk-default).

В версии 2.0 эта неоднородность ликвидирована. В шаблоне можно указывать только отклонения от стандартного построения. Исключения: 1) поле ввода #serviceMenuLogIn – т.к. разработчик должен быть осведомлён, что есть такое поле, и что оно должно быть желательно скрыто от глаз; 2) контейнер основных экранов .ec-kiosk, в котором обычно находятся грид позиций и меню групп.