Add an option to collapse the toolbar by default.

Fix #258.

Author: aaugustin

debug_toolbar/middleware.py

@@ -93,6 +93,8 @@ def process_response(self, request, response):
                 response = new_response
         for panel in reversed(toolbar.enabled_panels):
             panel.disable_instrumentation()
+        if toolbar.config['SHOW_COLLAPSED'] and 'djdt' not in request.COOKIES:
+            response.set_cookie('djdt', 'hide', 864000)
         if ('gzip' not in response.get('Content-Encoding', '') and
                 response.get('Content-Type', '').split(';')[0] in _HTML_TYPES):
             response.content = replace_insensitive(

debug_toolbar/settings.py

@@ -15,6 +15,7 @@
     'INTERCEPT_REDIRECTS': False,
     'SHOW_TOOLBAR_CALLBACK': None,
     'EXTRA_SIGNALS': [],
+    'SHOW_COLLAPSED': False,
     'HIDE_DJANGO_SQL': True,
     'SHOW_TEMPLATE_CONTEXT': True,
     'TAG': 'body',

debug_toolbar/static/debug_toolbar/js/toolbar.js

@@ -180,7 +180,7 @@
                     return;
                 }
             });
-            if ($.cookie('djdt')) {
+            if ($.cookie('djdt') == 'hide') {
                 djdt.hide_toolbar(false);
             } else {
                 djdt.show_toolbar(false);
@@ -235,9 +235,9 @@
             } else {
                 $('#djDebugToolbar').show();
             }
-            $.cookie('djdt', null, {
+            $.cookie('djdt', 'show', {
                 path: '/',
-                expires: -1
+                expires: 10
             });
         },
         ready: function(callback){

docs/configuration.rst

@@ -70,6 +70,12 @@ Toolbar options
   toolbar with Angular.js, set this to ``'ng-non-bindable'`` or
   ``'class="ng-non-bindable"'``.
 
+* ``SHOW_COLLAPSED``
+
+  Default: ``False``
+
+  If changed to ``True``, the toolbar will be collapsed by default.
+
 * ``SHOW_TOOLBAR_CALLBACK``
 
   Default: ``None``