From 762d90d859c068426c67c3842ba0198a87b958bc Mon Sep 17 00:00:00 2001
From: Victor Berchet <victor@suumit.com>
Date: Sat, 28 Jan 2012 18:56:53 +0100
Subject: [PATCH] [Profiler] Buid a common infrastructure

---
 .../Resources/public/css/profiler.css         |   6 ++
 .../public/images/profiler/spinner.gif        | Bin 0 -> 2465 bytes
 .../views/Profiler/ajax_layout.html.twig      |   1 +
 .../views/Profiler/base_js.html.twig          |  72 ++++++++++++++++++
 .../Resources/views/Profiler/layout.html.twig |   1 +
 5 files changed, 80 insertions(+)
 create mode 100644 src/Symfony/Bundle/WebProfilerBundle/Resources/public/images/profiler/spinner.gif
 create mode 100644 src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/ajax_layout.html.twig
 create mode 100644 src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/base_js.html.twig

diff --git a/src/Symfony/Bundle/WebProfilerBundle/Resources/public/css/profiler.css b/src/Symfony/Bundle/WebProfilerBundle/Resources/public/css/profiler.css
index 3b711c49b4..5902f34aa4 100644
--- a/src/Symfony/Bundle/WebProfilerBundle/Resources/public/css/profiler.css
+++ b/src/Symfony/Bundle/WebProfilerBundle/Resources/public/css/profiler.css
@@ -450,3 +450,9 @@ td.main, td.menu {
 #collector_content .routing tr.almost td {
     background-color: #fa0;
 }
+
+.loading {
+    background: transparent url(../images/profiler/spinner.gif) scroll no-repeat 50% 50%;
+    height: 30px;
+    display: none;
+}
\ No newline at end of file
diff --git a/src/Symfony/Bundle/WebProfilerBundle/Resources/public/images/profiler/spinner.gif b/src/Symfony/Bundle/WebProfilerBundle/Resources/public/images/profiler/spinner.gif
new file mode 100644
index 0000000000000000000000000000000000000000..99eb012a9ce067cd53fdc6b97170f52b944576b9
GIT binary patch
literal 2465
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
DSMNV+

literal 0
HcmV?d00001

diff --git a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/ajax_layout.html.twig b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/ajax_layout.html.twig
new file mode 100644
index 0000000000..407650745e
--- /dev/null
+++ b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/ajax_layout.html.twig
@@ -0,0 +1 @@
+{% block panel '' %}
\ No newline at end of file
diff --git a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/base_js.html.twig b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/base_js.html.twig
new file mode 100644
index 0000000000..24f05bae54
--- /dev/null
+++ b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/base_js.html.twig
@@ -0,0 +1,72 @@
+<script type="text/javascript">/*<![CDATA[*/
+    Sfjs = (function() {
+        "use strict";
+
+        var noop = function() {},
+            request = function(url, onSuccess, onError, payload, options) {
+                var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
+                options = options || {};
+                xhr.open(options.method || 'GET', url, true);
+                xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
+                xhr.onreadystatechange = function(state) {
+                    if (4 === xhr.readyState && 200 === xhr.status) {
+                        (onSuccess || noop)(xhr);
+                    } else if (4 === xhr.readyState && xhr.status != 200) {
+                        (onError || noop)(xhr);
+                    }
+                };
+                xhr.send(payload || '');
+            },
+            hasClass = function(el, klass) {
+                return el.className.match(new RegExp('\\b' + klass + '\\b'));
+            },
+            removeClass = function(el, klass) {
+                el.className = el.className.replace(new RegExp('\\b' + klass + '\\b'), ' ');
+            },
+            addClass = function(el, klass) {
+                if (!hasClass(el, klass)) { el.className += " " + klass; }
+            };
+
+        return {
+            hasClass: hasClass,
+            removeClass: removeClass,
+            addClass: addClass,
+            request: request,
+            load: function(selector, url, onSuccess, onError, options) {
+                var el = document.querySelector(selector);
+                if (el && el.getAttribute('data-sfurl') !== url) {
+                    request(
+                        url,
+                        function(xhr) {
+                            el.innerHTML = xhr.responseText;
+                            el.setAttribute('data-sfurl', url);
+                            removeClass(el, 'loading');
+                            (onSuccess || noop)(xhr, el);
+                        },
+                        function(xhr) { (onError || noop)(xhr, el); },
+                        options
+                    );
+                }
+                return this;
+            },
+            toggle: function(selector, elOn, elOff) {
+                var i,
+                    style,
+                    tmp = elOn.style.display,
+                    els = document.querySelectorAll(selector);
+
+                elOn.style.display = elOff.style.display;
+                elOff.style.display = tmp;
+
+                if (els.length) {
+                    style = 'none' === tmp ? 'none' : 'block';
+                    for (i = els.length - 1; i >= 0; --i) {
+                        els[i].style.display = style;
+                    }
+                }
+                return this;
+            }
+
+        }
+    })();
+/*]]>*/</script>
\ No newline at end of file
diff --git a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/layout.html.twig b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/layout.html.twig
index bf63632c12..6c8df7e4e7 100644
--- a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/layout.html.twig
+++ b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/layout.html.twig
@@ -27,6 +27,7 @@
                     {% endif %}
 
                     <div id="collector_content">
+                        {% include 'WebProfilerBundle:Profiler:base_js.html.twig' %}
                         {% block panel '' %}
                     </div>
                 </div>