Quexer69 / yii2-adminlte-widgets

Widgets for AdminLte theme

• Box-widget with support collapse buttons and can save collapsed state in cookie support solid style
• Tile-widget - similar as box, with same options but with background
• Smallbox-widget
• Alert-widget
• Callout-widget
• Infobox-widget
• Flash-Alerts
• [Timeline Widget] (http://almsaeedstudio.com/themes/AdminLTE/pages/UI/timeline.html) - see more info about it in file Timeline.md

See http://almsaeedstudio.com/themes/AdminLTE/pages/widgets.html and http://almsaeedstudio.com/themes/AdminLTE/pages/UI/general.html examples

CHANGELOG

Independent of any AdminLte AssetBundles If you want use cookie collapsing boxes, set correct dependencies in AssetManager

'components'=>[
//--------
     'assetManager'=>[
                 'class'=>'yii\web\AssetManager',
                 'bundles'=>[
                 //--------
                     'insolita\wgadminlte\ExtAdminlteAsset'=>[
                         'depends'=>[
                             'yii\web\YiiAsset',
                             'path\to\AdminLteAsset',
                             'insolita\wgadminlte\JCookieAsset'
                         ]
                     ],
                     'insolita\wgadminlte\JCookieAsset'=>[
                           'depends'=>[
                               'yii\web\YiiAsset',
                               'path\to\AdminLteAsset'
                          ]
                     ],

             ],
     ]
//--------

]

Installation

The preferred way to install this extension is through composer.

Either run

php composer.phar require --prefer-dist insolita/yii2-adminlte-widgets "*"

or add

"insolita/yii2-adminlte-widgets": "*"

to the require section of your composer.json file.

Usage

• Box

    <?php \insolita\wgadminlte\Box::begin([
             'type'=>\insolita\wgadminlte\Box::TYPE_PRIMARY,
             'solid'=>true,
             'left_tools'=>'<button class="btn btn-success btn-xs create_button" ><i class="fa fa-plus-circle"></i> Добавить</button>',
             'tooltip'=>'Описание содаржимого',
             'title'=>'Управление пользователями',
             'footer'=>'Всего '.User::counter().' активных пользователей',
             'collapse'=>true
         ])?>
        ANY BOX CONTENT HERE
    <?php \insolita\wgadminlte\Box::end()?>

• Tile

   <?php \insolita\wgadminlte\Tile::begin([
               'type'=>\insolita\wgadminlte\Tile::TYPE_RED,
               'tooltip'=>'Useful information!',
               'title'=>'Attention!',
               'collapse'=>false
           ])?>
        ANY BOX CONTENT HERE
         ANY BOX CONTENT HERE
          ANY BOX CONTENT HERE
           ANY BOX CONTENT HERE
   <?php \insolita\wgadminlte\Tile::end()?>

• SmallBox

  <?php echo \insolita\wgadminlte\SmallBox::widget([
                       'type'=>\insolita\wgadminlte\SmallBox::TYPE_PURPLE,
                       'head'=>'90%',
                       'text'=>'Free Space',
                       'icon'=>'fa fa-cloud-download',
                       'footer'=>'Подробнее <i class="fa fa-hand-o-right"></i>',
                       'footer_link'=>'#'
                   ]);?>

• InfoBox

  <?php echo \insolita\wgadminlte\InfoBox::widget([
                      'boxBg'=>\insolita\wgadminlte\InfoBox::TYPE_AQUA,
                      'iconBg'=>\insolita\wgadminlte\InfoBox::TYPE_GREEN,
                      'number'=>100500,
                      'text'=>'Test Three',
                      'icon'=>'fa fa-bolt',
                      'progress'=>66,
                      'progressText'=>'Something about this'
                  ])?>

• Callout

   <?=\insolita\wgadminlte\Callout::widget([
            'type'=>\insolita\wgadminlte\Alert::TYPE_WARNING,
            'head'=>'Operation Complete',
            'text'=>'Something text bla-bla-bla bla-bla-blabla-bla-blabla-bla-blabla-bla-blabla-bla-blabla-bla-bla'
        ]);?>

• Alert

   <?=\insolita\wgadminlte\Alert::widget([
              'type'=>\insolita\wgadminlte\Alert::TYPE_SUCCESS,
              'text'=>'Operation Complete',
              'closable'=>true
          ]);?>

Add in layout

<?=\insolita\wgadminlte\FlashAlerts::widget([
                'errorIcon'=>'<i class="fa fa-warning"></i>',
                'successIcon'=>'<i class="fa fa-check"></i>',
                'successTitle'=>'Done!',
                'closable'=>true,
                'encode'=>false,
                'bold'=>false
                ]);?>

And set flash messages anywhere

Yii::$app->session->setFlash('info1','Message1');
Yii::$app->session->setFlash('info2','Message2');
Yii::$app->session->setFlash('info3','Message3');
Yii::$app->session->setFlash('success-first','Message');
Yii::$app->session->setFlash('success-second','Message');