adding reactive disable example

David-Desmaisons · David-Desmaisons · commit 1f96a8412eed · 2017-05-11T15:05:06.000-03:00
diff --git a/dist/vuedraggable.js b/dist/vuedraggable.js
@@ -1,5 +1,4 @@
 'use strict';
-
 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
 function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
@@ -335,7 +334,7 @@ function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr
     return draggableComponent;
   }
 
-  if (typeof exports == "object") {
+if (typeof exports == "object") {
     var Sortable = require("sortablejs");
     module.exports = buildDraggable(Sortable);
   } else if (typeof define == "function" && define.amd) {
diff --git a/examples/css/main.css b/examples/css/main.css
@@ -79,3 +79,9 @@
   float: left;
 }
 
+.item {
+  padding: 5px;
+  background: #CCCCCC;
+  border: 1px solid black;
+}
+
diff --git a/examples/disable_2.html b/examples/disable_2.html
@@ -0,0 +1,36 @@
+<!doctype html>
+<html class="no-js" lang="">
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="x-ua-compatible" content="ie=edge">
+        <title>Example ul element</title>
+        <meta name="description" content="">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+        <link rel="stylesheet" href="css/main.css">
+    </head>
+    <body>
+
+    <div>
+        <div id="main">
+            <input id="disabled" type="checkbox" v-model="options.disabled">
+            <label for="disabled">options.disabled = {{ options.disabled }}</label>
+            <div class="items">
+                <draggable v-model="items" :options="options">
+                <div class="item" v-for="item of items">
+                    {{item}}
+                </div>
+                </draggable>
+            </div>
+        </div>
+
+        <a href="index.html">See basic example</a>
+        <a href="Two_Lists_Clone.html">See clone element example</a>
+        <a href="Two_Lists_Clone_If.html">See clone v-if element example</a>
+    </div>
+        <script type="text/javascript" src="libs\vue\dist\vue.js"></script>
+        <script type="text/javascript" src="libs\Sortable\Sortable.js"></script>
+        <script type="text/javascript" src="src\vuedraggable.js"></script>
+        <script type="text/javascript" src="script\disable_2.js"></script>
+    </body>
+</html>
diff --git a/examples/script/disable_2.js b/examples/script/disable_2.js
@@ -0,0 +1,9 @@
+var app = new Vue({
+  el: '#main',
+  data: {
+    items: ['1', '2', '3'],
+    options: {
+      disabled: false
+    }
+  }
+})

Original file line number	Diff line number	Diff line change
`@@ -79,3 +79,9 @@`
`79`	`79`	`float: left;`
`80`	`80`	`}`
`81`	`81`
	`82`	`+.item {`
	`83`	`+ padding: 5px;`
	`84`	`+ background: #CCCCCC;`
	`85`	`+ border: 1px solid black;`
	`86`	`+}`
	`87`	`+`