Code Monkey home page Code Monkey logo

yii2-adminlte-widgets's Introduction

Widgets for AdminLte theme

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 "~1.1"

or add

"insolita/yii2-adminlte-widgets": "~1.1"

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');

yii2-adminlte-widgets's People

Contributors

insolita avatar schmunk42 avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.