From 337b2f5ef32ecace699d2225f31caf3257806b44 Mon Sep 17 00:00:00 2001
From: Joris
Date: Sun, 21 Aug 2022 14:32:34 +0200
Subject: Fix payments page on narrow devices

After the introduction of filters, the payments table page was not very
usable on mobile phones.
---
 assets/main.js | 11 +++++++++++
 1 file changed, 11 insertions(+)

(limited to 'assets/main.js')

diff --git a/assets/main.js b/assets/main.js
index 1b5620f..4f72add 100644
--- a/assets/main.js
+++ b/assets/main.js
@@ -8,6 +8,7 @@ if (path == '/login') {
 
 } else if (path == '/') { // Payment table
 
+  show_hide_search()
   allow_select_reset()
   allow_date_reset()
 
@@ -58,6 +59,16 @@ function trim_inputs_on_blur() {
   })
 }
 
+function show_hide_search() {
+  document.querySelector('.g-ShowSearch button').addEventListener('click', () => {
+    document.querySelector('.g-Aside').classList.add('g-Aside--Show')
+  })
+
+  document.querySelector('.g-Payments__CloseFilters').addEventListener('click', () => {
+    document.querySelector('.g-Aside').classList.remove('g-Aside--Show')
+  })
+}
+
 function allow_select_reset() {
   document.querySelectorAll('select').forEach(select => {
     const canBeReset = Array.from(select.options).find(option => option.disabled)
-- 
cgit v1.2.3