From a897f402901506f6e6ac43b6c052baa6ebb2050b Mon Sep 17 00:00:00 2001
From: WouterJ <waldio.webdesign@gmail.com>
Date: Mon, 30 Dec 2013 21:22:08 +0100
Subject: [PATCH 1/2] Added storage

---
 .../Resources/views/Collector/form.html.twig  | 65 ++++++++++++++++++-
 1 file changed, 63 insertions(+), 2 deletions(-)

diff --git a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Collector/form.html.twig b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Collector/form.html.twig
index 602ae9668ba2a..639ab3aa8eddb 100644
--- 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 %}
 

From 7050a5d04ee4b8258923ba5569852b9b0fd9e3c5 Mon Sep 17 00:00:00 2001
From: WouterJ <waldio.webdesign@gmail.com>
Date: Tue, 7 Jan 2014 16:02:49 +0100
Subject: [PATCH 2/2] Fixed comments

---
 .../Resources/views/Collector/form.html.twig           | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Collector/form.html.twig b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Collector/form.html.twig
index 639ab3aa8eddb..be03bdafddfb8 100644
--- a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Collector/form.html.twig
+++ b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Collector/form.html.twig
@@ -276,7 +276,7 @@
     }
 
     function TogglerStorage(key) {
-        var key = key ? key : 'toggle_data',
+        var key = 'sf_' + (key || 'toggle_data'),
             store = function (id, state) {
                 var toggleData = sessionStorage.getItem(key);
                 if (!toggleData) {
@@ -307,12 +307,14 @@
 
                 var buttons = document.getElementsByClassName(buttonsSelector || 'toggle-button');
                 for (i in toggleData) {
-                    var element = document.getElementById(toggleData[i]),
-                        id = element.getAttribute('id');
+                    var element = document.getElementById(toggleData[i]);
+                    if (!element) {
+                        continue;
+                    }
 
                     if (Sfjs.hasClass(element, 'hidden')) {
                         for (var i = -1; button = buttons[++i]; ) {
-                            if (button.dataset.toggleTargetId && button.dataset.toggleTargetId == id) {
+                            if (button.dataset.toggleTargetId && button.dataset.toggleTargetId == element.getAttribute('id')) {
                                 break;
                             }
                         }