Оповещения

Компонент оповещений позволяет, при срабатывании определенных событий, донести до пользователя важную информацию.

Пример обращения к оповещениям через JS

В примере выше, показан способ взаимодействия с оповещениями через Javascript. Если есть необходимость создавать их без использования Javascript, то можно использовать код ниже

Внутри контейнера .alert может содержаться множество оповещений и нет необходимости создавать новый, однако если его положение (placement) отличается от существующих, то стоит добавить новый.

Метод pipui.alert.open создает новое оповещение и содержит в себе 4 параметра: text - Основной текст оповещения. Данный текст выводится в блоке .alert-content; title - Название оповещения. Данный текст выводится в блоке .alert-footer > .block-left; placement - Местоположение оповещения на экране. Данный метод можно использовать добавив параметр data-placement="{Y}-{X}" к блоку с классом .alert-id; autoclose - Автозакрытие оповещения. В качестве значения можно передать число миллисекунд или undefined. По умолчанию или если указано undefined, значение выставляется исходя из значения pipui.alert.openTimeout; complete - Анонимная функция, которая выполнится по окончанию вывода оповещения

Свойство pipui.alert.openTimeout задает время по умолчанию, через которое оповещение исчезнет

Метод pipui.alert.open(text, title, placement, autoclose, complete) создает новое оповещение и выводит его

Метод pipui.alert.close(e, complete) закрывает оповещение с его последующим удалением

Метод pipui.alert.hide(e, complete) закрывает оповещение без его удаления

Метод pipui.alert.show(e, complete) открывает закрытое оповещение

Last updated