Адаптация оформления (брендинг)
1. Адаптация оформления (брендинг)
1.1. Адаптация оформления Менеджера управления
Разные аспекты Менеджера управления можно настроить на свой вкус, например, значки и текст во всплывающих окнах, а также ссылки на странице приветствия. Это позволяет точечно адаптировать внешний вид Менеджера управления и довести его до того состояния, в котором он в итоге будет представлен администраторам и пользователям.
Файлы, необходимые для кастомизации Менеджера управления, находятся в каталоге /etc/ovirt-engine/branding/ в системе, на которой установлен Менеджер управления. Эти файлы включают в себя набор файлов каскадных таблиц стилей для оформления различных аспектов графического интерфейса пользователя и набор файлов свойств, которые содержат сообщения и ссылки, включенные в различные компоненты Менеджера управления.
Чтобы адаптировать компонент, измените файл этого компонента и сохраните изменения. В следующий раз, когда вы откроете или обновите этот компонент, изменения будут видны.
1.2. Экран авторизации
На Портале администрирования и Пользовательском портале используется один и тот же экран авторизации. На экране авторизации можно настроить следующие элементы:
-
границу
-
основное изображение сверху слева
-
основное изображение сверху справа
-
основной текст
Классы для экрана авторизации находятся в common.css.
1.3. Экран Портала администрирования
Экран Портала администрирования – это главный экран, который отображается при авторизации на Портале администрирования. На экране Портала администрирования можно настроить следующие элементы:
-
логотип
-
фоновое изображение слева
-
фоновое изображение по центру
-
фоновое изображение справа
-
текст справа от логотипа
Классы для экрана Портала администрирования находятся в web_admin.css.
1.4. Экран Пользовательского портала
Экран Пользовательского портала отображается при авторизации на Пользовательском портале. На экране Пользовательского портала можно настроить следующие элементы:
-
логотип
-
фоновое изображение по центру
-
фоновое изображение справа
-
границу вокруг основной сетки
-
текст над плашкой Авторизовавшийся пользователь (Logged in user)
Классы для экрана Пользовательского портала находятся в user_portal.css.
1.5. Всплывающие окна
Всплывающие окна – это все окна в Менеджере управления, в которых можно создавать, изменять или обновлять такие сущности как хосты или виртуальные машины. Во всплывающих окнах можно настроить следующие элементы:
-
границу
-
основное изображение сверху слева
-
основное изображение сверху в центре (повторяющееся)
Классы для всплывающих окон находятся в common.css.
1.6. Вкладки
Во многих всплывающих окнах на Портале администрирования есть вкладки. Во вкладках можно настроить следующие элементы:
-
Активный
-
Неактивный
Классы для вкладок находятся в common.css и user_portal.css.
1.7. Страница приветствия
Страница приветствия – это первая страница, отображающаяся при посещении главной страницы Менеджера управления. Помимо настройки общего внешнего вида и стиля можно изменить файл шаблона, чтобы добавить ссылки на страницу с дополнительной документацией или внутренние веб-сайты. На странице приветствия можно настроить следующие элементы:
-
заголовок страницы
-
основное изображение (слева, по центру и справа)
-
сообщение об ошибке
-
ссылка переадресации и сообщение, привязанное к этой ссылке
-
Добавить сообщение в виде баннера или вводной фразы
Классы для страницы приветствия находятся в welcome_style.css.
Файл шаблона
Файл шаблона для страницы приветствия – это обычный HTML-файл с именем welcome_page.template, в котором нет тегов HTML, HEAD или BODY. Этот файл вставляется напрямую в страницу приветствия и служит контейнером для содержимого, отображаемого на этой странице. Поэтому необходимо изменить этот файл, чтобы добавить новые ссылки или изменить содержимое самой страницы. Другая функция файла шаблона заключается в том, что он содержит замещающий текст, например, {user_portal}, который заменяется соответствующим текстом в файле messages.properties, когда обрабатывается страница приветствия.
Вводная фраза
На страницу приветствия можно добавить пользовательский баннер сообщений. Для этого добавьте файл preamble.template, в котором содержится текст баннера, и файл preamble.css, определяющий размер баннера, и свяжите их в файле branding.properties. Файлы-примеры доступны в шаблоне примеров вводных фраз.
| При обновлении engine пользовательский баннер сообщений остается на месте и нормально работает. После резервного копирования и восстановления engine, во время восстановления engine, пользовательский баннер сообщений необходимо восстановить и проверить вручную. |
1.8. Страница "Страница не найдена"
Страница "Страница не найдена" – это страница, которая отображается при открытии ссылки на страницу, которую невозможно найти в Менеджере управления. На странице "Страница не найдена" можно настроить следующие элементы:
-
заголовок страницы
-
основное изображение сверху (слева, в центре и справа)
-
сообщение об ошибке
-
ссылка переадресации и сообщение, привязанное к этой ссылке
Классы для страницы "Страница не найдена" находятся в welcome_style.css.