From a27471bb4734a1eba063133f16cad9cad422f124 Mon Sep 17 00:00:00 2001
From: Martin Kausche <github@martinkausche.de>
Date: Thu, 26 Mar 2015 12:53:07 +0100
Subject: [PATCH 1/2] added ability to save the positions of all devices needed
 to update jquery-ui to newer version to have working draggabe-->stop

---
 index.html | 40 +++++++++++++++++++++++++++++++++++++---
 1 file changed, 37 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index b29557d..5f30046 100644
--- a/index.html
+++ b/index.html
@@ -102,7 +102,7 @@ <h2>Updates</h2>
 </div>
 </section>
 <script src="//code.jquery.com/jquery-latest.js"></script>
-<script src="//code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
+<script src="//code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
   <script>
 $(document).ready(function() {
 // Change iFrame on a Button Click Event
@@ -115,8 +115,42 @@ <h2>Updates</h2>
 $(document).ready(function() {
     var a = 3;
     $('.desktop,.laptop,.tablet,.mobile').draggable({
-   start: function(event, ui) { $(this).css("z-index", a++); }
-});
+        start: function(event, ui) { $(this).css("z-index", a++); },
+        stop: function(event, ui){
+            var pos = JSON.parse(localStorage.getItem('amiresponsivedesign.devicepositions'));
+            var name = $(this).attr('class').split(' ',1)[0];
+            pos[name].left = Math.round( $(this).position().left );
+            pos[name].top  = Math.round( $(this).position().top ); 
+            pos[name].zindex = $(this).css('z-index');        
+            localStorage.setItem('amiresponsivedesign.devicepositions', JSON.stringify(pos));
+            return true;
+        }
+    });
+    
+    function createDefaultDevicePositionsStorage(){
+        console.log("creating default values");
+        var x = {};
+        x.desktop = {}; x.desktop.left = 220;   x.desktop.top = 0;  x.desktop.zindex = 0;
+        x.laptop = {};  x.laptop.left = 560;    x.laptop.top = 264; x.laptop.zindex = 0;
+        x.tablet = {};  x.tablet.left = 120;    x.tablet.top = 230; x.tablet.zindex = 0;
+        x.mobile = {};  x.mobile.left = 300;    x.mobile.top = 375; x.mobile.zindex = 0;
+        
+        localStorage.setItem('amiresponsivedesign.devicepositions', JSON.stringify(x));
+    }
+    
+    function moveDevicesToOldPositions(){
+        if(localStorage.getItem('amiresponsivedesign.devicepositions')) {
+            var x = JSON.parse(localStorage.getItem('amiresponsivedesign.devicepositions'));
+            $('.desktop,.laptop,.tablet,.mobile').each(
+                function(index){
+                    var name = $(this).attr('class').split(' ',1)[0];
+                    $(this).css({top: x[name].top, left: x[name].left, zIndex: x[name].zindex});
+                });
+        }else{
+            createDefaultDevicePositionsStorage();
+        }
+    }
+    moveDevicesToOldPositions();
     $('.display div').click(function() {
         $(this).addClass('top').removeClass('bottom');
         $(this).siblings().removeClass('top').addClass('bottom');

From b1f59f6201776e576dd4c3ff4678280a5c6264c8 Mon Sep 17 00:00:00 2001
From: Martin Kausche <github@martinkausche.de>
Date: Thu, 26 Mar 2015 13:12:29 +0100
Subject: [PATCH 2/2] added check if localStorage is supported

---
 index.html | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/index.html b/index.html
index 5f30046..0ef476a 100644
--- a/index.html
+++ b/index.html
@@ -127,6 +127,17 @@ <h2>Updates</h2>
         }
     });
     
+    function isLocalStorageSupported(){
+        var mod = 'test';
+        try {
+            localStorage.setItem(mod, mod);
+            localStorage.removeItem(mod);
+            return true;
+        } catch(e) {
+            return false;
+        }
+    }
+    
     function createDefaultDevicePositionsStorage(){
         console.log("creating default values");
         var x = {};
@@ -139,6 +150,8 @@ <h2>Updates</h2>
     }
     
     function moveDevicesToOldPositions(){
+        if (! isLocalStorageSupported()) return true;
+        
         if(localStorage.getItem('amiresponsivedesign.devicepositions')) {
             var x = JSON.parse(localStorage.getItem('amiresponsivedesign.devicepositions'));
             $('.desktop,.laptop,.tablet,.mobile').each(
@@ -151,6 +164,8 @@ <h2>Updates</h2>
         }
     }
     moveDevicesToOldPositions();
+    
+    
     $('.display div').click(function() {
         $(this).addClass('top').removeClass('bottom');
         $(this).siblings().removeClass('top').addClass('bottom');