Версія за 19:02, 10 березня 2019

Дизайн, как обычно, формируется двумя составляющими:

стилями (css)
шаблонами страниц

Шаблоны кабинета абонента находятся в папке /usr/local/nodeny/web/tmpl/user/. Основные:

base	основной шаблон, в котором задается структура документа, подгружаются css и js-скрипты
box	шаблон для отображения чего-либо в рамке
error_box	шаблон для отображения ошибки

Кроме данных файлов, присутствуют шаблоны конкретных страниц кабинета:

main	титульная страница
pays	история платежей
auth_log	лог авторизаций
pay_*	шаблоны страниц оплаты через платежные системы

Менять файлы на диске вам не нужно, поскольку:

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

Шаблоны, которые подлежат замене, необходимо создавать в админке в разделе «Документы». Необходимо залогиниться под суперадмином и в этом разделе создать папку с именем, например, «Шаблоны». Справа от в поле «теги» обязательно ввести system!

Вы можете переопределить какой-либо шаблон, либо их все. Давайте попробуем создать совершенно иной дизайн. Сначала переопределим основной шаблон: в папке «Шаблоны» создадим документ с именем «Кабинет base» и установим ему теги:

system
template=base
role=user

Здесь system указывает на то, что файл системный, без этого тега NoDeny будет игнорировать шаблон чтобы не давать обычным операторам менять дизайн. template=base указывает имя темплейта (смотри таблицу выше). role=user говорит, что данный шаблон будет использоваться только когда залогинен пользователь, а не админ. Обязательно поставьте этот тег, иначе вы измените и административный интерфейс.

В поле, где отображается содержимое файла «Клиентская статистика» вставим такой текст:

<!doctype html>
<html>
<head>
<title>{{ cfg::net_title }}</title>
<meta http-equiv='Cache-Control' content='no-cache'>
<meta http-equiv='Pragma' content='no-cache'>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8'>
<link rel='stylesheet' href='{{cfg::img_dir}}/user.css' type='text/css'>
{{ template::base.head }}
<script type='text/javascript'>
{{ template::base.document_ready }}{{ document_ready }}
</script>
</head>
<body id='body'>
     <div id='top_lines'>{{ top_lines }}</div>
     <div style='float: left; width: 300px; margin-left: 5px'>{{ main_menu  }}</div>
     <div style='margin-left: 310px'>{{ main_block }}</div>
</body>
</html>

Если зайти в личный кабинет под клиентом (не будучи авторизованным администратором), то увидим поломанный дизайн. Все правильно, мы поменяли блоки шаблона, а css остались прежними (файл user.css). Пока разберемся что в шаблоне за что отвечает.

Блоки, которые находятся в body:

main_menu: меню (главная/платежи/сообщение/лог трафика и т.д)
main_block: основной блок
top_lines: информация, которую NoDeny рекомендует отобразить в верхней части страницы

Давайте загрузим тестовый дизайн, подготовленный автором:

Скачайте файл и выполните его в mysql:

use nodeny;
source custom_iface.sql;

Изменение base-шаблона для логина

В документах создайте файл «Шаблон для логина» с тегом system и template=base_login. Содержимое файла скопируйте из /usr/local/nodeny/web/tmpl/base.html и измените под свои нужды

@@ Рядок 3: / Рядок 3: @@
 * шаблонами страниц
-Шаблоны находятся в папке /usr/local/nodeny/web/tmpl/user/:
+Шаблоны кабинета абонента находятся в папке /usr/local/nodeny/web/tmpl/user/. Основные:
 {| class="wikitable"
@@ Рядок 15: / Рядок 15: @@
 |error_box
 |шаблон для отображения ошибки
+|}
+Кроме данных файлов, присутствуют шаблоны конкретных страниц кабинета:
+{| class="wikitable"
 |-
-|menu
+|main
-|Меню
+|титульная страница
 |-
-|login
+|pays
-|страница логина
+|история платежей
+|-
+|auth_log
+|лог авторизаций
+|-
+|pay_*
+|шаблоны страниц оплаты через платежные системы
 |}
-но вам менять их не нужно, поскольку:
+Менять файлы на диске вам не нужно, поскольку:
 * при обновлении биллинга, эти файлы могут быть изменены автором
 * разработан простой механизм их замены прямо в админке.
-Необходимо залогиниться под суперадмином и перейти в раздел «Документы». В этом разделе необходимо создать папку с именем, например, «Templates» и обязательно поставить тег system. Если вы не поставите этот тег, то другие операторы смогут изменять содержимое этой папки, что недопустимо т.к они могут исказить отображение личного кабинета.
+Шаблоны, которые подлежат замене, необходимо создавать в админке в разделе «Документы».  Необходимо залогиниться под суперадмином и в этом разделе создать папку с именем, например, «Шаблоны». Справа от в поле «теги» обязательно ввести system!
-В отображении личного кабинета участвуют несколько шаблонов:
-Вы можете переопределить какой-либо шаблон, либо их все. Давайте попробуем создать совершенно иной дизайн. Сначала переопределим основной шаблон: создадим файл с именем, скажем, «Клиентская статистика» и установим такие теги:
+Вы можете переопределить какой-либо шаблон, либо их все. Давайте попробуем создать совершенно иной дизайн. Сначала переопределим основной шаблон: в папке «Шаблоны» создадим документ с именем «Кабинет base» и установим ему теги:
 <pre>

Дизайн личного кабинета: відмінності між версіями

Версія за 19:02, 10 березня 2019

Изменение base-шаблона для логина

Навігаційне меню