add collapseSideMenuOnClick to org

api/classes/organizr.class.php

@@ -1812,6 +1812,7 @@ class Organizr
 			'Side Menu' => array(
 				$this->settingsOption('switch', 'allowCollapsableSideMenu', ['label' => 'Allow Side Menu to be Collapsable']),
 				$this->settingsOption('switch', 'sideMenuCollapsed', ['label' => 'Side Menu Collapsed at Launch']),
+				$this->settingsOption('switch', 'collapseSideMenuOnClick', ['label' => 'Collapse Side Menu after clicking Tab']),
 				array(
 					'type' => 'switch',
 					'name' => 'githubMenuLink',
@@ -4377,7 +4378,8 @@ class Organizr
 				'expandCategoriesByDefault' => $this->config['expandCategoriesByDefault'],
 				'autoCollapseCategories' => $this->config['autoCollapseCategories'],
 				'autoExpandNavBar' => $this->config['autoExpandNavBar'],
-				'sideMenuCollapsed' => $this->config['allowCollapsableSideMenu'] && $this->config['sideMenuCollapsed']
+				'sideMenuCollapsed' => $this->config['allowCollapsableSideMenu'] && $this->config['sideMenuCollapsed'],
+				'collapseSideMenuOnClick' => $this->config['allowCollapsableSideMenu'] && $this->config['collapseSideMenuOnClick']
 			),
 			'menuLink' => array(
 				'githubMenuLink' => $this->config['githubMenuLink'],

api/config/default.php

@@ -604,5 +604,6 @@ return [
 	'defaultRequestService' => 'ombi',
 	'easterEggs' => true,
 	'allowCollapsableSideMenu' => false,
-	'sideMenuCollapsed' => false
+	'sideMenuCollapsed' => false,
+	'collapseSideMenuOnClick' => false
 ];

js/custom.js

@@ -1926,17 +1926,9 @@ $(document).on("change", ".overseerr-season", function () {
 
 // Toggle Side Menu
 $(document).on('click', '.toggle-side-menu', function() {
-	toggleSideMenuClasses();
-	//$('.toggle-side-menu i').toggleClass('ti-shift-right ti-shift-left');
-	console.log($('.sidebar-head .hide-menu.hidden-xs'));
-	$('.sidebar-head .hide-menu.hidden-xs').text('Hide Menu');
-	$('.sidebar-head .open-close i').first().toggleClass('ti-menu ti-shift-left mouse');
-	$('.toggle-side-menu').toggleClass('hidden');
+	toggleTopBarHamburger();
 });
 // Toggle Side Menu Other
 $(document).on('click', '.ti-shift-left.mouse', function() {
-	toggleSideMenuClasses();
-	//$('.toggle-side-menu i').toggleClass('ti-shift-right ti-shift-left');
-	$('.sidebar-head .open-close i').first().toggleClass('ti-menu ti-shift-left mouse');
-	$('.toggle-side-menu').toggleClass('hidden');
+	toggleSideMenu();
 });

js/functions.js

@@ -650,6 +650,11 @@ function editPageTitle(title){
     document.title =  title + ' - ' + activeInfo.appearance.title;
 }
 function switchTab(tab, type, split = null){
+	if(activeInfo.settings.misc.collapseSideMenuOnClick){
+		if(!$('.navbar ').hasClass('sidebar-hidden')){
+			toggleSideMenu();
+		}
+	}
 	let extra = split ? 'right-' : '';
 	// need to rework for split
     if(type !== 2){
@@ -11152,6 +11157,18 @@ function sideMenuCollapsed(){
 		toggleSideMenuClasses();
 	}
 }
+function toggleSideMenu(){
+	toggleSideMenuClasses();
+	$('.sidebar-head .open-close i').first().toggleClass('ti-menu ti-shift-left mouse');
+	$('.toggle-side-menu').toggleClass('hidden');
+}
+
+function toggleTopBarHamburger(){
+	toggleSideMenuClasses();
+	$('.sidebar-head .hide-menu.hidden-xs').text('Hide Menu');
+	$('.sidebar-head .open-close i').first().toggleClass('ti-menu ti-shift-left mouse');
+	$('.toggle-side-menu').toggleClass('hidden');
+}
 function launch(){
 	console.info('https://docs.organizr.app/help/faq/migration-guide#version-2-0-greater-than-version-2-1');
 	organizrConsole('API V2 API','If you see a 404 Error for api/v2/launch below this line, you have not setup the new location block... See URL above this line', 'error');