Collapse menus

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">

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">

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);

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') {