| Table of Contents |
|---|
Библиотека представлена файлом js/modals.js. Позволяет ускорить процесс разработки с использованием модальных окон.
Есть 2 реализации: старая через глобальные функции и новая с использованием AModal
...
Для показа используется объявленное в metategsmetatags.tpl модальное окно #PopupModal, контент для показа загружается непосредственно внутрь блока, или в блок #modalContent
...
id, дефолтное значение ('PopupModal')
header
body
footer
rawMode
- is_form
- form_url
- size
Методы:
- setId(id) - установить id
- isForm(boolean) - если true, модальное окно будет обёрнуто тегом form
- setFormUrl(url) - установить URL, на который будет отправлена форма
- setRawMode(boolean) - см. Особые окна
- setHeader(data) - установить заголовок окна
- setBody(body) - установить modal-body
- setSmall(boolean) - если true, модальное окно будет меньшего размера (класс modal-sm)
- setLarge(boolean) - если true, модальное окно будет большего размера (класс modal-lg)
footer
rawData- setFooter(data) - установить modal-footer
- addButton(text, btnId, class_, type) - добавить кнопку
- updateBody(content) - изменить modal-body
- loadUrl(url, callback) - будет загружена страница (url), её содержимое будет подставлено в модальное окно. если передана функция callback, она будет вызвана
- onClose(callback) - установить callback на закрытие окна
- show(callback) - показать модальное окно. если передать параметр callback, будет установлен callback на появление окна
- hide() - скрыть модальное окно
- clear() - очистить модальное окно
Объект представляет собой реализацию конкретной части паттерна Builder.
Пример использования: Показать сообщение в модальном окне:
...
<div class='modal fade' id='changeCreditModal' data-open='%OPEN_CREDIT_MODAL%'>
JsonLoaderCached
Обьект который удобно использовать для запроса JSON обьектов.
Удобен тем, что он запрашивает даные только если время кеша уже истекло (не чаще, чем указано в параметре refresh).
Опции конструктора
| Имя | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
| id | string | нет (Обязательный параметр) | ID с которым будут связаны кешированые даные |
| url | string | нет (Обязательный параметр) | Сссылка для запроса. Должна возвращать JSON |
| callback | function | нет (Обязательный параметр) | Функция, в которую передаются даные |
| refresh | number | 30 | Частота запросов (секунды) |
| after | number | 0 | Отложить выполнение запроса на after секунд после загрузки страницы |
| format | function(json) | return json | Функция, которая позволяет отформатировать даные перед передачей в callback. В кеш сохраняются отформатированые даные |
| fail | function(error) | console.log(self.id, 'Got bad JSON') | Будет вызвана, если запрос завершился с ошибкой |
Интерфейс
| Метод | Описание |
|---|---|
| stop() | Остановить таймер |
| checkUpdates(force, callback) | Позволяет принудительно выполнить обработку даных. Если кеш свежий, то будут использоваться даные из кеша. Флаг force инвалидирует кеш. callback - будет вызван без параметров дополнительно, после обработки даных |
AColorPalette
Содержит палитру цветов Material Design Всего предопределено 15 цветов.
Пример использования:
var colorHex = aColorPalette.getNextColorHex();
var colorRGB = aColorPalette.getNextColorRGB();
//RGBA позволяет задать прозрачность цвета.
var colorRGBA = aColorPalette.getNextColorRGBA(0.7);Если нужно получить тот же цвет 2 раза в разных областях видимости, для HEX можно использовать:
var colorHex = aColorPalette.getCurrentColorHex();Для конвертации из HEX в RGB есть функция convertHexToRGB(hex)
Для конвертации из HEX в RGBA есть функция convertHexToRGBA(hex, opacity)