phpnt/bootstrap-notify

Yii2 Bootstrap Notify

phpNT - Bootstrap Notify

Описание:

Выводит анимированные уведомления.

DEMO

### - Поддержать phpNT

Социальные сети:

• Канал YouTube
• Группа VK
• Группа facebook

Установка:, _(*1)

php composer.phar require "phpnt/bootstrap-notify" "*"

или, _(*2)

composer require phpnt/bootstrap-notify

или добавить в composer.json файл, _(*3)

"phpnt/bootstrap-notify": "*"

### Контроллер:

    ...
    public function actionBootstrapNotify()
    {
        // Создание уведомления с минимальными параметрами
        \Yii::$app->session->set(
            'message',
            [
                'type'      => 'success',
                'message'   => 'Сообщение',
            ]
        );
        // Создание уведомления с расширенными параметрами
        \Yii::$app->session->set(
                    'message',
                    [
                        'type'      => 'info',                          // класс сообщения (success, info, warning, danger)
                        'icon'      => 'glyphicon glyphicon-ok',        // картинка перед сообщением, тип смотрим ниже
                        'icon_type' => 'class',                         // тип иконки в данном случае это класс bootstrap иконки,
                                                                        // для картинки image, а в icon указываем путь до картинки
                        'title'     => '<strong style="margin-left: 10px;">Спасибо</strong>',      // заголовок
                        'message'   => 'Сообщение',                     // текст сообщения

                        'element'           => 'body',                  // к какому элементу применяется уведомление
                        'position'          => 'absolute',              // позиция контейнера элемента (static | fixed | relative | absolute)
                        'allow_dismiss'     => '0',                     // позволять пользователю закрывать уведомление (1 - да, 0 - нет)
                        'newest_on_top'     => '0',                     // новое уведомление заменяет старое (1 - да, 0 - нет)
                        'showProgressbar'   => '0',                     // показывать прогресс бар (1 - да, 0 - нет)
                        'url'               => 'http://phpnt.com/',     // ссылка
                        'target'            => '_blank',                // target ссылки

                        'placement_from'    => 'bottom',                // позиция по вертикали (top или bottom)
                        'placement_align'   => 'center',                // позиция по горизонтали (left, center или right)

                        'offset'    => 20,                              // смещение от свойства placement_align (если left - смещение от левого края)
                        'offset_x'  => 20,                              // растояние между элементами уведомлений по оси x в писелях
                        'offset_y'  => 20,                              // растояние между элементами уведомлений по оси y в писелях
                        'spacing'   => 20,                              // расстояние между блоками
                        'z_index'   => 1031,                            // z-index
                        'delay'     => 5000,                            // время показа уведомления

                        'animate_enter' => 'animated fadeIn',       // анимация для начала показа
                        'animate_exit'  => 'animated fadeOut',     // анимация для конца показа
                        'template'      => '<div data-notify="container" class="col-xs-11 col-sm-3 alert alert-{0}" role="alert"><button type="button" aria-hidden="true" class="close" data-notify="dismiss">×</button><span data-notify="icon"></span><span data-notify="title">{1}</span><span data-notify="message">{2}</span><div class="progress" data-notify="progressbar"><div class="progress-bar progress-bar-{0}" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"></div></div><a href="{3}" target="{4}" data-notify="url"></a></div>',
                        // шаблон сообщения, здесь {0} = type, {1} = title, {2} = message, {3} = url, {4} = target
                    ]
                );
        return $this->render('bootstrap-notify');
    }

### Представление:

<?php
use phpnt\bootstrapNotify\BootstrapNotify;
?>
<?= BootstrapNotify::widget(); // Вывод уведомления ?>

Документация (примеры):

## Bootstrap Notify

Версия:

### 0.0.1

Лицензия:

### MIT