Upgrade to release v1.1.0

Author: kartik-v

CHANGE.md

@@ -1,5 +1,18 @@
+version 1.1.0
+=============
+**Date:** 2014-07-15
+
+- enh #10: Added animation to fade out between view and edit modes
+
 version 1.0.0
 =============
-2014-05-15
+**Date:** 2014-05-15
 
-Initial release
+- Initial release
+- enh #1: Changed `static` variable references to `self` (kartik-v)
+- enh #4: Added confirmation message management (lestat1968)
+- enh #4: Added Italian language translations (lestat1968)
+- enh #8: Added Hungarian language translations (monghuz)
+- Added support for more inputs
+  - `DetailView::INPUT_DATE_RANGE` or `\kartik\widgets\DateRangePicker`
+  - `DetailView::INPUT_SORTABLE` or `\kartik\sortinput\SortableInput`

README.md

@@ -15,6 +15,9 @@ Note: Yii 2 framework is still in active development, and until a fully stable Y
 may be updated when you install or update this extension. You may need to lock your composer package versions for your specific app, and test 
 for extension break if you do not wish to auto update dependencies.
 
+### Latest Release
+The latest version of the extension is release v1.1.0. Refer the [CHANGE LOG](https://github.com/kartik-v/yii2-detail-view/blob/master/CHANGE.md) for details of various releases.
+
 ### Demo
 You can see detailed [documentation](http://demos.krajee.com/detail-view) and [demonstration](http://demos.krajee.com/detail-view-demo) on usage of the extension.
 

assets/js/kv-detail-view.js

@@ -15,6 +15,7 @@
     var KvDetailView = function (element, options) {
         this.$element = $(element);
         this.mode = options.mode;
+        this.fadeDelay = options.fadeDelay;
         this.initElements();
         this.init();
     };
@@ -32,23 +33,22 @@
             });
         },
         setMode: function (mode) {
-            var self = this;
-            self.$attribs.removeClass('kv-hide');
-            self.$formAttribs.removeClass('kv-hide');
-            self.$buttons1.removeClass('kv-hide');
-            self.$buttons2.removeClass('kv-hide');
-
+            var self = this, t = self.fadeDelay;
             if (mode === 'edit') {
-                self.$attribs.addClass('kv-hide');
-                self.$formAttribs.removeClass('kv-hide');
-                self.$buttons1.addClass('kv-hide');
-                self.$buttons2.removeClass('kv-hide');
+                self.$attribs.fadeOut(t, function() {
+                    self.$formAttribs.fadeIn(t);
+                });
+                self.$buttons1.fadeOut(t, function() {
+                    self.$buttons2.fadeIn(t);
+                });
             }
             else {
-                self.$attribs.removeClass('kv-hide');
-                self.$formAttribs.addClass('kv-hide');
-                self.$buttons1.removeClass('kv-hide');
-                self.$buttons2.addClass('kv-hide');
+                self.$formAttribs.fadeOut(t, function() {
+                    self.$attribs.fadeIn(t);
+                });
+                self.$buttons2.fadeOut(t, function() {
+                    self.$buttons1.fadeIn(t);
+                });
             }
             self.initElements();
         },
@@ -63,7 +63,7 @@
             self.$buttons2 = self.$element.find('.kv-buttons-2');
         }
     };
-
+    
     //Detail View plugin definition
     $.fn.kvDetailView = function (option) {
         var args = Array.apply(null, arguments);
@@ -82,4 +82,9 @@
             }
         });
     };
+
+    $.fn.kvDetailView.defaults = {
+        mode: 'view',
+        fadeDelay: 800
+    };
 }(jQuery));

assets/js/kv-detail-view.min.js

@@ -67,6 +67,12 @@ class DetailView extends \yii\widgets\DetailView
      * @var string the horizontal alignment for the label column
      */
     public $hAlign = self::ALIGN_RIGHT;
+    
+    /**
+     * @var integer the animation fade delay in microseconds when 
+     * toggling between the view and edit modes.
+     */
+    public $fadeDelay = 800;
 
     /**
      * @var string the vertical alignment for the label column
@@ -555,8 +561,9 @@ protected function registerAssets()
     {
         $view = $this->getView();
         DetailViewAsset::register($view);
+        $options = ['fadeDelay' => $this->fadeDelay];
         if ($this->enableEditMode) {
-            $options = ['mode' => $this->mode];
+            $options['mode'] = $this->mode;
             $view->registerJs('$("#' . $this->container['id'] . '").kvDetailView(' . Json::encode($options) . ');');
         }
     }