Move JS specific to the SQL panel to its own file.

Author: aaugustin

debug_toolbar/static/debug_toolbar/js/toolbar.js

@@ -98,13 +98,6 @@
                 return false;
             });
 
-            // Used by the SQL panel -- in HTML generated by Python code
-            $('#djDebug a.djDebugToggle').live('click', function(e) {
-                e.preventDefault();
-                $(this).parent().find('.djDebugCollapsed').toggle();
-                $(this).parent().find('.djDebugUncollapsed').toggle();
-            });
-
             // Used by the cache, profiling and SQL panels
             $('#djDebug a.djToggleSwitch').live('click', function(e) {
                 e.preventDefault();

debug_toolbar/static/debug_toolbar/js/toolbar.sql.js

@@ -0,0 +1,13 @@
+(function (factory) {
+    if (typeof define === 'function' && define.amd) {
+        define(['jquery'], factory);
+    } else {
+        factory(jQuery);
+    }
+}(function ($) {
+    $('#djDebug a.djDebugToggle').on('click', function(e) {
+        e.preventDefault();
+        $(this).parent().find('.djDebugCollapsed').toggle();
+        $(this).parent().find('.djDebugUncollapsed').toggle();
+    });
+}));

debug_toolbar/templates/debug_toolbar/panels/sql.html

@@ -92,3 +92,5 @@
 {% else %}
 	<p>{% trans "No SQL queries were recorded during this request." %}</p>
 {% endif %}
+
+<script src="{{ STATIC_URL }}debug_toolbar/js/toolbar.sql.js"></script>