Skip to content
Displays animated notifications.
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore 0.0.1 Jul 2, 2016
BootstrapNotify.php Update BootstrapNotify.php Aug 19, 2018
BootstrapNotifyAsset.php
LICENSE 0.0.1 Jul 2, 2016
README.md Update README.md Jul 2, 2016
composer.json 0.0.1 Jul 2, 2016

README.md

phpNT - Bootstrap Notify

Описание:

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

DEMO


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


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


Установка:


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

или

composer require phpnt/bootstrap-notify

или добавить в composer.json файл

"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


You can’t perform that action at this time.