Show/Hide folder list button

dev/Boots/AbstractApp.js

@@ -321,5 +321,17 @@ AbstractApp.prototype.bootstart = function ()
 		}
 	});
 
+	RL.sub('ssm.mobile-enter', function () {
+		RL.data().leftPanelDisabled(true);
+	});
+
+	RL.sub('ssm.mobile-leave', function () {
+		RL.data().leftPanelDisabled(false);
+	});
+
+	RL.data().leftPanelDisabled.subscribe(function (bValue) {
+		$html.toggleClass('rl-left-panel-disabled', bValue);
+	});
+
 	ssm.ready();
 };

dev/Common/Utils.js

@@ -1093,18 +1093,18 @@ Utils.initLayoutResizer = function (sLeft, sRight, sClientSideKeyName)
 			}
 		},
 
-//		fDisable = function (bDisable) {
-//			if (bDisable)
-//			{
-//				oLeft.resizable('disable');
-//				fSetWidth(5);
-//			}
-//			else
-//			{
-//				oLeft.resizable('enable');
-//				fSetWidth(RL.local().get(sClientSideKeyName) || 150);
-//			}
-//		},
+		fDisable = function (bDisable) {
+			if (bDisable)
+			{
+				oLeft.resizable('disable');
+				fSetWidth(5);
+			}
+			else
+			{
+				oLeft.resizable('enable');
+				fSetWidth(RL.local().get(sClientSideKeyName) || 170);
+			}
+		},
 
 		fResizeFunction = function (oEvent, oObject) {
 			if (oObject && oObject.size && oObject.size.width)
@@ -1125,19 +1125,19 @@ Utils.initLayoutResizer = function (sLeft, sRight, sClientSideKeyName)
 
 	oLeft.resizable({
 		'helper': 'ui-resizable-helper',
-		'minWidth': 120,
+		'minWidth': 170,
 		'maxWidth': 400,
 		'handles': 'e',
 		'stop': fResizeFunction
 	});
 
-//	RL.sub('ssm.mobile-enter', function () {
-//		fDisable(true);
-//	});
-//
-//	RL.sub('ssm.mobile-leave', function () {
-//		fDisable(false);
-//	});
+	RL.sub('left-panel.off', function () {
+		fDisable(true);
+	});
+
+	RL.sub('left-panel.on', function () {
+		fDisable(false);
+	});
 };
 
 /**

dev/Storages/AbstractData.js

@@ -5,6 +5,7 @@
  */
 function AbstractData()
 {
+	this.leftPanelDisabled = ko.observable(false);
 	this.useKeyboardShortcuts = ko.observable(true);
 	
 	this.keyScopeReal = ko.observable(Enums.KeyState.All);
@@ -44,6 +45,10 @@ function AbstractData()
 		key.setScope(sValue);
 	});
 
+	this.leftPanelDisabled.subscribe(function (bValue) {
+		RL.pub('left-panel.' + (bValue ? 'off' : 'on'));
+	});
+
 	Globals.dropdownVisibility.subscribe(function (bValue) {
 		if (bValue)
 		{

dev/Styles/Layout.less

@@ -15,7 +15,7 @@
 
 #rl-center {
 	.g-ui-absolute-reset;
-	min-width: 700px;
+	min-width: 600px;
 	min-height: 400px;
 }
 
@@ -108,18 +108,18 @@ html.ssm-state-desktop {
 	}
 }
 
-html.ssm-state-tablet {
+html.ssm-state-tablet, html.ssm-state-mobile {
 
 	#rl-left {
-		width: 150px;
+		width: 160px;
 	}
 
 	#rl-right {
-		left: 150px;
+		left: 160px;
 	}
 
 	#rl-sub-left {
-		width: 340px;
+		width: 350px;
 
 		.messageList .inputSearch {
 			width: 220px;
@@ -127,7 +127,7 @@ html.ssm-state-tablet {
 	}
 
 	#rl-sub-right {
-		left: 340px;
+		left: 350px;
 	}
 
 	.b-compose.modal {
@@ -139,33 +139,15 @@ html.ssm-state-tablet {
 	}
 }
 
-html.ssm-state-mobile {
+html.rl-left-panel-disabled {
+	
 	#rl-left {
-		width: 120px;
+		width: 5px !important;
+		display: none;
 	}
 
 	#rl-right {
-		left: 120px;
-	}
-
-	#rl-sub-left {
-		width: 340px;
-
-		.messageList .inputSearch {
-			width: 220px;
-		}
-	}
-
-	#rl-sub-right {
-		left: 340px;
-	}
-
-	.b-compose.modal {
-		width: 800px;
-	}
-
-	.b-contacts-content.modal {
-		width: 800px;
+		left: 5px !important;
 	}
 }
 

dev/ViewModels/AdminPaneViewModel.js

@@ -12,6 +12,7 @@ function AdminPaneViewModel()
 	this.version = ko.observable(RL.settingsGet('Version'));
 
 	this.adminManLoadingVisibility = RL.data().adminManLoadingVisibility;
+	this.leftPanelDisabled = RL.data().leftPanelDisabled;
 
 	Knoin.constructorEnd(this);
 }

dev/ViewModels/MailBoxFolderListViewModel.js

@@ -15,6 +15,8 @@ function MailBoxFolderListViewModel()
 	this.folderListSystem = oData.folderListSystem;
 	this.foldersChanging = oData.foldersChanging;
 
+	this.leftPanelDisabled = oData.leftPanelDisabled;
+
 	this.iDropOverTimer = 0;
 
 	this.allowContacts = !!RL.settingsGet('ContactsIsAllowed');

dev/ViewModels/MailBoxMessageListViewModel.js

@@ -26,6 +26,7 @@ function MailBoxMessageListViewModel()
 	this.folderMenuForMove = oData.folderMenuForMove;
 	
 	this.useCheckboxesInList = oData.useCheckboxesInList;
+	this.leftPanelDisabled = oData.leftPanelDisabled;
 
 	this.mainMessageListSearch = oData.mainMessageListSearch;
 	this.messageListEndFolder = oData.messageListEndFolder;

dev/ViewModels/SettingsPaneViewModel.js

@@ -8,6 +8,8 @@ function SettingsPaneViewModel()
 {
 	KnoinAbstractViewModel.call(this, 'Right', 'SettingsPane');
 
+	this.leftPanelDisabled = RL.data().leftPanelDisabled;
+
 	Knoin.constructorEnd(this);
 }