From 9427dbed864e796f08a39d87bed276d439ff6615 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20P=C3=A9ters?= <fpeters@entrouvert.com>
Date: Tue, 23 Jun 2020 10:29:15 +0200
Subject: [PATCH] metz-metropole-2019: fix repeated clicks on mobile filter

---
 static/metz-metropole-2019/extra.js | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/static/metz-metropole-2019/extra.js b/static/metz-metropole-2019/extra.js
index d4beacf2..7ccdef33 100644
--- a/static/metz-metropole-2019/extra.js
+++ b/static/metz-metropole-2019/extra.js
@@ -26,21 +26,34 @@ $(function() {
   $('button.metropole').on('click', function() {
     $('#columns').removeClass();
     $('#filter-view input').val('');
-    $('#mobile-filters').hide();
+    var mql = window.matchMedia("screen and (max-width: 800px)");
+    if (mql.matches) { /* on mobile */
+      $('#filter-view').toggleClass('with-filters');
+    } else {
+      $('#mobile-filters').hide();
+    }
     $('#columns .cell').hide();
     $('#columns .cell.metropole').show();
   });
   $('button.commune').on('click', function() {
     $('#columns').removeClass();
     $('#filter-view input').val('');
-    $('#mobile-filters').hide();
+    if (mql.matches) { /* on mobile */
+      $('#filter-view').toggleClass('with-filters');
+    } else {
+      $('#mobile-filters').hide();
+    }
     $('#columns .cell').hide();
     $('#columns .cell.commune').show();
   });
   $('button.favoris').on('click', function() {
     $('#columns').removeClass().addClass('display-favoris');
     $('#filter-view input').val('');
-    $('#mobile-filters').hide();
+    if (mql.matches) { /* on mobile */
+      $('#filter-view').toggleClass('with-filters');
+    } else {
+      $('#mobile-filters').hide();
+    }
     $('#columns .cell').hide();
     $('#columns .cell.favori').show();
   });