Merge pull request #46 from wilcorrea-forks/master

[#4/feature] Allow change order with drag and drop

package.json

@@ -23,6 +23,7 @@
     "lodash": "^4.17.11",
     "quasar": "^1.0.0-beta.0",
     "siiimple-toast": "^3.1.6",
+    "sortablejs": "^1.8.4",
     "vue-hot-reload-loader": "^0.2.0",
     "vue-i18n": "^7.3.3",
     "vuelidate": "^0.7.4"

quasar.conf.js

@@ -98,7 +98,8 @@ module.exports = function (context) {
         'QDialog',
         'QBar',
         'QTabs',
-        'QTab'
+        'QTab',
+        'QFab'
       ],
 
       directives: [

src/view/Studio/Sortable.js

@@ -0,0 +1,20 @@
+import Sortable from 'sortablejs'
+
+let sortable
+
+export default {
+  bind (el, binding) {
+    const options = {
+      ...binding.value.options,
+      onUpdate: function () {
+        binding.value.handle(this.toArray())
+      }
+    }
+
+    sortable = Sortable.create(el, options)
+  },
+
+  unbind () {
+    sortable.destroy()
+  }
+}