Merge pull request #3 from ruskid/master

Update NotyAsset.php

AnimateAsset.php

@@ -0,0 +1,14 @@
+<?php
+
+namespace eleiva\noty;
+
+use yii\web\AssetBundle;
+
+class AnimateAsset extends AssetBundle{
+
+    public $sourcePath = '@bower/animate.css';
+    public function init(){
+        $this->css[] = YII_DEBUG ? 'animate.css' : 'animate.min.js';
+        parent::init();
+    }
+}

Noty.php

@@ -2,45 +2,68 @@
 
 namespace eleiva\noty;
 
-use yii\helpers\Html;
 use yii\helpers\Json;
 use yii\base\Widget;
 
-class Noty extends Widget
-{
-    /* Html options for the enclosing element */
-    public $options = [];
+/**
+ * Noty Notification Wrapper @see http://ned.im/
+ * 
+ * @author Eduardo Leiva
+ * @author Victor Demin <[email protected]>
+ */
+class Noty extends Widget {
 
-    /* Client options for noty.js */
+    /**
+     * Notification message 
+     * @var string
+     */
+    public $text;
+
+    /**
+     * Notification type
+     * @var string
+     */
+    public $type = self::ALERT;
+
+    /**
+     * Other Noty options.
+     * @var array
+     */
     public $clientOptions = [
-               'timeout' => 1000,
-               'layout' => 'topRight',
-               'dismissQueue' => true,
-               'theme' => 'defaultTheme' ,
-           ];
+        'timeout' => 1000,
+        'layout' => 'topRight',
+        'dismissQueue' => true,
+        'theme' => 'defaultTheme',
+    ];
 
-    /* Tag of the surrounding element */
-    public $tag = 'div';
+    /**
+     * If to register Animate.css @see https://github.com/daneden/animate.css
+     * @var boolean
+     */
+    public $useAnimateCss = false;
 
-    public $text = '';
-    public $type = 'information';
+    const ALERT = 'alert';
+    const SUCCESS = 'success';
+    const ERROR = 'error';
+    const WARNING = 'warning';
+    const INFORMATION = 'information';
 
-    public function init(){
+    /**
+     * Init widget
+     */
+    public function init() {
         $view = $this->getView();
-        $asset = new NotyAsset([
-            'publishOptions' => [
-                'forceCopy' => true
-            ]
-        ]);
+        $asset = new NotyAsset();
         $asset->register($view);
+        if ($this->useAnimateCss) {
+            $cssAsset = new AnimateAsset();
+            $cssAsset->register($view);
+        }
+
         $this->clientOptions['text'] = $this->text;
         $this->clientOptions['type'] = $this->type;
-
         $opts = !empty($this->clientOptions) ? Json::encode($this->clientOptions) : "{}";
         $view->registerJs("noty($opts);");
     }
 
-    public function run()
-    {
-    }
 }

NotyAsset.php

@@ -1,19 +1,18 @@
-<?
+<?php
 
 namespace eleiva\noty;
 
 use yii\web\AssetBundle;
 
 class NotyAsset extends AssetBundle{
+
+    public $sourcePath = '@bower/noty/js/noty/packaged';
     public $depends =[
         'yii\web\JqueryAsset'
     ];
 
     public function init(){
+        $this->js[] = YII_DEBUG ? 'jquery.noty.packaged.js' : 'jquery.noty.packaged.min.js';
         parent::init();
-
-        $this->sourcePath = __DIR__. DIRECTORY_SEPARATOR . 'assets';
-        $this->js[] = YII_DEBUG ? 'jquery.noty.js' : 'jquery.noty.min.js';
-        $this->js[] = 'noty.bootstrap.js';
     }
 }

README.md

@@ -29,16 +29,23 @@ Once the extension is installed, simply use it in your code by  :
 
 ```php
   use eleiva\noty\Noty;
-  echo Noty::widget([
-           'text' => 'Hellooooooooo',
-           'type' => 'error',
-           'clientOptions' => [
-               'timeout' => 1000,
-               'layout' => 'topRight',
-               'dismissQueue' => true,
-               'theme' => 'defaultTheme' ,
-           ]
-       ]);
+   echo Noty::widget([
+        'text' => 'Hi! Looks good!',
+        'type' => Noty::INFORMATION,
+        'useAnimateCss' => true,
+        'clientOptions' => [
+            'timeout' => 5000,
+            'layout' => 'top',
+            'dismissQueue' => true,
+            'theme' => 'relax',
+            'animation' => [
+                'open' => 'animated bounceInLeft',
+                'close' => 'animated bounceOutLeft',
+                'easing' => 'swing',
+                'speed' => 500
+            ]
+        ]
+    ]);
 ```
 Or simply 
 ```php