From 4919da7909766758595ad9418fb534accab7e842 Mon Sep 17 00:00:00 2001
From: int2001 <int2001@users.noreply.github.com>
Date: Sun, 23 Jul 2023 16:38:26 +0000
Subject: [PATCH] Collapse menus

---
 application/views/bandmap/index.php |  2 +-
 application/views/bandmap/list.php  |  3 +++
 assets/js/sections/bandmap.js       | 11 +++++++++++
 assets/js/sections/bandmap_list.js  | 11 +++++++++++
 4 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/application/views/bandmap/index.php b/application/views/bandmap/index.php
index f15b9050..0b5897f7 100644
--- a/application/views/bandmap/index.php
+++ b/application/views/bandmap/index.php
@@ -6,7 +6,7 @@
 
 <div class="container">
 <br>
-
+<center><button type="button" class="btn" id="menutoggle"><i class="fa fa-arrow-up" id="menutoggle_i"></i></button></center>
 <h2><?php echo $page_title; ?></h2>
 <div class="tabs">
 		<ul class="nav nav-tabs" id="myTab" role="tablist">
diff --git a/application/views/bandmap/list.php b/application/views/bandmap/list.php
index 86048ff7..fed6bc5c 100644
--- a/application/views/bandmap/list.php
+++ b/application/views/bandmap/list.php
@@ -16,8 +16,10 @@
 
 <div class="container">
 <br>
+<center><button type="button" class="btn" id="menutoggle"><i class="fa fa-arrow-up" id="menutoggle_i"></i></button></center>
 
 <h2><?php echo $page_title; ?></h2>
+
 <div class="tabs">
 		<ul class="nav nav-tabs" id="myTab" role="tablist">
 			<li class="nav-item">
@@ -28,6 +30,7 @@
 			</li>
 		</ul>
 </div>
+
 <div class="tab-content" id="myTabContent">
 <div class="messages"></div>
 <div class="form-inline">
diff --git a/assets/js/sections/bandmap.js b/assets/js/sections/bandmap.js
index 4ba10be4..3ff5a47b 100644
--- a/assets/js/sections/bandmap.js
+++ b/assets/js/sections/bandmap.js
@@ -162,6 +162,17 @@ $(function() {
 						bandMapChart=render_chart(band,spots4chart);
 					});
 				}
+	$("#menutoggle").on("click", function() {
+		if ($('.navbar').is(":hidden")) {
+			$('.navbar').show();
+			$('#menutoggle_i').removeClass('fa-arrow-down');
+			$('#menutoggle_i').addClass('fa-arrow-up');
+		} else {
+			$('.navbar').hide();
+			$('#menutoggle_i').removeClass('fa-arrow-up');
+			$('#menutoggle_i').addClass('fa-arrow-down');
+		}
+	});
 
 	set_chart($('#band option:selected').val(),30);
 	setInterval(function () { update_chart($('#band option:selected').val(),30); },60000);
diff --git a/assets/js/sections/bandmap_list.js b/assets/js/sections/bandmap_list.js
index 2e81c31c..d49d2cb4 100644
--- a/assets/js/sections/bandmap_list.js
+++ b/assets/js/sections/bandmap_list.js
@@ -81,6 +81,17 @@ $(function() {
 		fill_list($('#band option:selected').val(), $('#decontSelect option:selected').val(),30);
 	});
 
+	$("#menutoggle").on("click", function() {
+		if ($('.navbar').is(":hidden")) {
+			$('.navbar').show();
+			$('#menutoggle_i').removeClass('fa-arrow-down');
+			$('#menutoggle_i').addClass('fa-arrow-up');
+		} else {
+			$('.navbar').hide();
+			$('#menutoggle_i').removeClass('fa-arrow-up');
+			$('#menutoggle_i').addClass('fa-arrow-down');
+		}
+	});
 	
 	var updateFromCAT = function() {
 	if($('select.radios option:selected').val() != '0') {