Кастумизация интерфейса
Механизм обработки контента
Механизм выдачи контента позволяет выполнять предварительную обработку в соответствии с установленными настройками. Существует несколько механизмов обработки:
Обработка изображения, окраска
Изображение может быть загружено с параметрами:
- colorize_h - принудительно меняет H-компоненту (тон) цвета в HSV для каждого пиксела изображения.
- colorize_diff_v - меняет V-компоненту цвета в HSV для каждого ЦВЕТНОГО пиксела изображения на значение параметра. Значение параметра может быть отрицательным.
- colorize_diff_s - меняет S-компоненту цвета в HSV для каждого ЦВЕТНОГО пиксела изображения на значение параметра. Значение параметра может быть отрицательным.
Пример использования:
// Штатный цвет, без изменений: data:/images/main-btn-bg.png // Изменённый цвет data:/images/main-btn-bg.png?colorize_h=30&colorize_diff_v=-30
Обработка по шаблону, шаблонизация.
Шаблонизация включается параметром template=on, в этом случае шаблонизатор использует карту параметров, передаваемых в виде пар template/Параметр=Значение. Шаблонизатор производит поиск и замену Параметра на Значение во запрашиваемом контенте. Пример:
// Замена в index.css всех включений %fg_color% и %bg_color% на соответствующие цвета data:/css/index.css?template=on&template/%fg_color%=#f00&template/%bg_color%=#0f0
Прелоадер
Прелоадер - набор предустановленных параметров для механизма обработки контента, указанный для отдельного контента. Прелоадер - это по-сути карта, которому каждому URL контента (каждому файлу) ставит в соответствии набор параметров. Файлы будут загружаться в соответствии с этими параметрами. Пример использования:
var preload_setup = { // Окраска изображений // "data:/images/bg-main.jpg": { "colorize_h" : 30, "colorize_diff_v" : -50 }, // "data:/images/main-page-btn-icons.png": { "colorize_h" : 30, "colorize_diff_v" : -50 }, // "data:/images/main-btn-bg.png": { "colorize_h" : 40 }, // Шаблонизация // "data:/html/index.html": { "template" : "on", "template/%fg_color%" : "#f00", "template/%bg_color%": "#0f0" }, // "data:/css/index.css": { "template" : "on", "template/%fg_color%" : "#f00", "template/%bg_color%": "#0f0" }, }; controller.SetPreloadSetup (preload_setup);
Установку прелоадера можно выполнять и изменять в любое время, глобальные настройки прелоадера рекомендуется устанавливать в бутлоадере.
Практика (штатный интерфейс СТАМП)
Прелоадер расположен в файле /js/settings.js Необходимо раскомментировать соответствующие строки и выставить нужные параметры.