Sorting + FIX (hasProperty to hasAttribute)

Author: sankam-nikolya

src/MultipleInput.php

@@ -123,6 +123,12 @@ class MultipleInput extends InputWidget
      */
     public $form;
 
+    /**
+     * @var bool allow sorting.
+     * @internal this property is used when need to allow sorting rows.
+     */
+    public $sortable = false;
+
     /**
      * Initialization.
      *
@@ -155,7 +161,7 @@ protected function initData()
         }
 
         if ($this->model instanceof Model) {
-            $data = $this->model->hasProperty($this->attribute)
+            $data = $this->model->hasAttribute($this->attribute)
                 ? ArrayHelper::getValue($this->model, $this->attribute, [])
                 : [];
 
@@ -219,7 +225,8 @@ private function createRenderer()
             'addButtonPosition' => $this->addButtonPosition,
             'rowOptions'        => $this->rowOptions,
             'context'           => $this,
-            'form'              => $this->form
+            'form'              => $this->form,
+            'sortable'          => $this->sortable
         ];
 
         if ($this->removeButtonOptions !== null) {

src/TabularInput.php

@@ -109,6 +109,12 @@ class TabularInput extends Widget
      */
     public $form;
 
+    /**
+     * @var bool allow sorting.
+     * @internal this property is used when need to allow sorting rows.
+     */
+    public $sortable = false;
+
     /**
      * Initialization.
      *
@@ -158,7 +164,8 @@ private function createRenderer()
             'rowOptions'        => $this->rowOptions,
             'addButtonPosition' => $this->addButtonPosition,
             'context'           => $this,
-            'form'              => $this->form
+            'form'              => $this->form,
+            'sortable'          => $this->sortable
         ];
 
         if ($this->removeButtonOptions !== null) {

src/assets/MultipleInputAsset.php

@@ -17,7 +17,7 @@
 class MultipleInputAsset extends AssetBundle
 {
     public $css = [
-        'css/multiple-input.css'
+        YII_DEBUG ? 'css/multiple-input.css' : 'css/multiple-input.min.css'
     ];
 
     public $js = [];

src/assets/MultipleInputSortableAsset.php

@@ -0,0 +1,33 @@
+<?php
+
+/**
+ * @link https://github.com/unclead/yii2-multiple-input
+ * @copyright Copyright (c) 2014 unclead
+ * @license https://github.com/unclead/yii2-multiple-input/blob/master/LICENSE.md
+ */
+
+namespace unclead\multipleinput\assets;
+
+use yii\web\AssetBundle;
+
+/**
+ * Class MultipleInputAsset
+ * @package unclead\multipleinput\assets
+ */
+class MultipleInputSortableAsset extends AssetBundle
+{
+    public $sourcePath = __DIR__ . '/src/';
+    
+    public $css = [
+            YII_DEBUG ? 'css/sorting.css' : 'css/sorting.min.css'
+        ];
+
+    public $js = [
+            YII_DEBUG ? 'js/jquery-sortable.js' : 'js/jquery-sortable.min.js'
+        ];
+
+    public $depends = [
+        'unclead\multipleinput\assets\MultipleInputAsset',
+    ];
+
+} 

src/assets/src/css/multiple-input.min.css

@@ -0,0 +1,33 @@
+.multiple-input-list__item,
+.dragging,
+.dragging * {
+    cursor: move !important;
+}
+
+.dragged {
+    position: absolute
+    top: 0
+    opacity: .5
+    z-index: 2000
+}
+
+tr.placeholder {
+    display: block;
+    background: red;
+    position: relative;
+    margin: 0;
+    padding: 0;
+    border: none;
+}
+
+tr.placeholder:before {
+    content: "";
+    position: absolute;
+    width: 0;
+    height: 0;
+    border: 5px solid transparent;
+    border-left-color: red;
+    margin-top: -5px;
+    left: -5px;
+    border-right: none;
+}