Added storage

wouterj · wouterj · commit 18cf601f20f5 · 2013-12-30T21:22:08.000+01:00
diff --git a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Collector/form.html.twig b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Collector/form.html.twig
@@ -199,7 +199,7 @@
     {% endif %}
 
     <script>
-    function Toggler() {
+    function Toggler(togglerStorage) {
         "use strict";
 
         var expand = function (button) {
@@ -210,6 +210,8 @@
                     throw "Toggle target " + targetId + " does not exist";
                 }
 
+                togglerStorage.store(targetId, 'visible');
+
                 Sfjs.removeClass(button, 'closed');
                 Sfjs.removeClass(target, 'hidden');
             },
@@ -222,6 +224,8 @@
                     throw "Toggle target " + targetId + " does not exist";
                 }
 
+                togglerStorage.store(targetId, 'hidden');
+
                 Sfjs.addClass(button, 'closed');
                 Sfjs.addClass(target, 'hidden');
             },
@@ -271,6 +275,61 @@
         };
     }
 
+    function TogglerStorage(key) {
+        var key = key ? key : 'toggle_data',
+            store = function (id, state) {
+                var toggleData = sessionStorage.getItem(key);
+                if (!toggleData) {
+                    toggleData = [];
+                } else {
+                    toggleData = toggleData.split('|');
+                }
+
+                if ('visible' == state) {
+                    toggleData.push(id);
+                } else {
+                    var index = toggleData.indexOf(id);
+                    if (-1 < index) {
+                        toggleData.splice(index, 1);
+                    }
+                }
+
+                sessionStorage.setItem(key, toggleData.join('|'));
+            },
+
+            initStorage = function (buttonsSelector) {
+                var toggleData = sessionStorage.getItem(key);
+
+                if (!toggleData) {
+                    return;
+                }
+                toggleData = toggleData.split('|');
+
+                var buttons = document.getElementsByClassName(buttonsSelector || 'toggle-button');
+                for (i in toggleData) {
+                    var element = document.getElementById(toggleData[i]),
+                        id = element.getAttribute('id');
+
+                    if (Sfjs.hasClass(element, 'hidden')) {
+                        for (var i = -1; button = buttons[++i]; ) {
+                            if (button.dataset.toggleTargetId && button.dataset.toggleTargetId == id) {
+                                break;
+                            }
+                        }
+
+                        Sfjs.removeClass(element, 'hidden');
+                        Sfjs.removeClass(button, 'closed');
+                    }
+                }
+            };
+
+        return {
+            store: store,
+
+            initStorage: initStorage
+        };
+    }
+
     function TabView() {
         "use strict";
 
@@ -335,10 +394,12 @@
     }
 
     var tabTarget = new TabView(),
-        toggler = new Toggler();
+        storage = new TogglerStorage(),
+        toggler = new Toggler(storage);
 
     tabTarget.initTabs(document.querySelectorAll('.tree .tree-inner'));
     toggler.initButtons(document.querySelectorAll('a.toggle-button'));
+    storage.initStorage();
     </script>
 {% endblock %}
 
