Make URL hash control Bootstrap collapse

static/js/collapse-from-url.js

@@ -0,0 +1,33 @@
+// Re2o est un logiciel d'administration développé initiallement au rezometz. Il
+// se veut agnostique au réseau considéré, de manière à être installable en
+// quelques clics.
+//
+// Copyright © 2018 Alexandre Iooss
+//
+// This program is free software; you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation; either version 2 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License along
+// with this program; if not, write to the Free Software Foundation, Inc.,
+// 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
+
+// This script makes URL hash controls Bootstrap collapse
+// e.g. if there is #information in the URL
+// then the collapse with id "information" will be open.
+
+$(document).ready(function () {
+    if(location.hash != null && location.hash !== ""){
+        // Open the collapse corresponding to URL hash
+        $(location.hash + '.collapse').collapse('show');
+    } else {
+        // Open default collapse
+        $('.collapse-default.collapse').collapse('show');
+    }
+});

templates/base.html

@@ -45,6 +45,7 @@ with this program; if not, write to the Free Software Foundation, Inc.,
         {% bootstrap_javascript %}
         <script src="/static/js/typeahead/typeahead.js"></script>
         <script src="/static/js/bootstrap-tokenfield/bootstrap-tokenfield.js"></script>
+        <script src="{% static 'js/collapse-from-url.js' %}"></script>
 
         {# Load CSS #}
         {% bootstrap_css %}