fix responsive predefined layouts example

gmsa · gmsa · commit 3b344ea651f1 · 2020-07-31T10:19:22.000+01:00
diff --git a/examples/08-responsive-predefined-layouts.html b/examples/08-responsive-predefined-layouts.html
@@ -8,7 +8,7 @@
     <!--<link rel="stylesheet" href="../dist/vue-grid-layout.css">-->
 </head>
 <body>
-    <h1>Vue Grid Layout Example 6 - Responsive</h1>
+    <h1>Vue Grid Layout Example 8 - Responsive with predefined layouts</h1>
 
     <a href="https://github.com/jbaysolutions/vue-grid-layout">View project on Github</a>
     <br/>
@@ -62,4 +62,4 @@ <h1>Vue Grid Layout Example 6 - Responsive</h1>
     <script src="../dist/vue-grid-layout.umd.min.js"></script>
     <script src="08-responsive-predefined-layouts.js"></script>
 </body>
-</html>
+</html>
diff --git a/examples/08-responsive-predefined-layouts.js b/examples/08-responsive-predefined-layouts.js
@@ -62,54 +62,15 @@ new Vue({
         responsive: true,
         index: 0
     },
-/*
     mounted: function () {
-        this.index = this.layout.length;
+        // this.index = this.layout.length;
     },
     methods: {
-        increaseWidth: function(item) {
-            var width = document.getElementById("content").offsetWidth;
-            width += 20;
-            document.getElementById("content").style.width = width+"px";
-        },
-        decreaseWidth: function(item) {
-
-            var width = document.getElementById("content").offsetWidth;
-            width -= 20;
-            document.getElementById("content").style.width = width+"px";
-        },
-        removeItem: function(item) {
-            //console.log("### REMOVE " + item.i);
-            this.layout.splice(this.layout.indexOf(item), 1);
-        },
-        addItem: function() {
-            var self = this;
-            //console.log("### LENGTH: " + this.layout.length);
-            var item = {"x":0,"y":0,"w":2,"h":2,"i":this.index+"", whatever: "bbb"};
-            this.index++;
-            this.layout.push(item);
-        },
         breakpointChangedEvent: function(newBreakpoint, newLayout){
             console.log("BREAKPOINT CHANGED breakpoint=", newBreakpoint, ", layout: ", newLayout );
         }
     }
-*/
 });
 
-/*
-function generateLayout() {
-    return _.map(_.range(0, 25), function (item, i) {
-        var y = Math.ceil(Math.random() * 4) + 1;
-        return {
-            x: _.random(0, 5) * 2 % 12,
-            y: Math.floor(i / 6) * y,
-            w: 2,
-            h: y,
-            i: i.toString(),
-            static: Math.random() < 0.05
-        };
-    });
-}*/
-
 
 
