Начать беседу

Шаблоны

Визуальное отображение каждой конкретной страницы настраивается в PA. Pages и характеризуется 3 параметрами: 

  1. Layout или шаблон страницы, который определяет состав, размещение и оформление стандартных элементов управления (главное меню, системное меню, футеры, контент зона)
  2. Адаптер, определяющий компоновку функциональных модулей ЛК в контент области.
  3. Layout placeholders

Шаблон физически представляет собой .php файл с разметкой страницы и стилями.

Шаблоны хранятся в отдельной директории наборами, объединёнными темами 

Набор шаблонов определяется разработчиком, каждый определенный лейаут привязывается к странице ЛК, там же странице сопоставляется адаптер предопределяющий количество и тип контейнеров для отображения модулей этой страницы (модули тоже привязываются к странице ЛК).

В каждом шаблоне его проектировщик (верстальщик) отводит области под определенные функциональные блоки. Эти области называются плейсхолдеры (см. Layout placeholders). В процессе рендеринга страницы и ее вывода в браузер, плейсхолдеры заменяются соответствующим функциональным элементов.

Шаблоны бывают внутренние и внешние:


Тип шаблона
Обязательные плейсхолдеры
Не обязательные плейсхолдеры
Примеры страниц
Уровни доступа
1 Internal

  • главное меню
  • системное меню
  • контейнер(ы) (для модулей)
  • системный футер
  • логотип
  • клиентский футер

  • My network
  • Genealogy
  • и т.д.

Для авторизованных
2 Internal
  • меню смены языка
  • контейнер(ы) (для модулей или функциональных элементов Служебных страниц)
  • системный футер

  • логотип
  • клиентский футер

  • Страница подтверждения e-mail
  • сообщение об ошибке
  • Self enrollment form
  • Страница авторизации в LK
  • Create permanent password

Для неавторизованных

 

Пример компоновки шаблона:



Плейсхолдеры понимаем как тэги для обозначения и размещения функциональных элементов в лейаутах.


Название Плейсхолдер Описание
1 Меню навигации

{{GlobalMenu useAppSwitcher=true}} Виджет меню навигации, располагается в левой части страницы. Ключ items содержит массив ссылок для отображения. Флаг useAppSwitcher отвечает за отображение переключателя приложений.
2 Системное меню 

{{SystemMenu}}
Виджет системного меню, системное меню располагается на верхней панели страницы.
Виджет принимает список элементов для отображения.
Доступные элементы - [help, user, language, history-favorites, close]

3 Футер {{footer}} Футер страницы, копирайт и т.п.
4 Логотип {{logo_url width=32 height=150}} Параметрами задаётся размер логотипа
5 Контент {{content}} Область для размещения модулей
6 Базовые виджеты системы  {{mlmsoft_body}}
{{FlashAlert}}, {{ContactsConfirmationWidget}} и т.п. виджеты системы общего назначения, не предназначены для манипуляций пользоваетлю ... плейсхолдер обязан находиться в любом месте html-body
7 Индикатор закрытия периода {{ComputingAlertWidget}} Виджет определяет место для банера закрытия периода, в случае отсутствия - индикация о процессе закрытии периода производиться не будет. В дальнейшем возможно расширение разработчиком сигнализируемых событий
8 Заголовок страницы {{title}} Вывод строки заголовка формируемого по структуре меню личного кабинета
9 Фавикон {{favicon_url}} Вывод URL под favicon заданую в настройках проекта


Выберите файлы или перетащите файлы
Была ли эта статья Вам полезна?
Да
Нет
  1. Yunis Mamedov

  2. Опубликовано

Комментарии