global config navigation

resources/js/app.js

@@ -390,7 +390,7 @@
 
 		$scope.site			= 0;
 		$scope.tab_site		= 0;
-		$scope.tab_common	= 'https';
+		$scope.tab_common	= 0;
 
 		$scope.tabs_site = [
 			{
@@ -423,6 +423,41 @@
 			},
 		];
 
+		$scope.tabs_common = [
+			{
+				name: 'HTTPS',
+				slug: 'https',
+			},
+			{
+				name: 'Security',
+				slug: 'security',
+			},
+			{
+				name: 'PHP',
+				slug: 'php',
+			},
+			{
+				name: 'Python',
+				slug: 'python',
+			},
+			{
+				name: 'Performance',
+				slug: 'performance',
+			},
+			{
+				name: 'Logging',
+				slug: 'logging',
+			},
+			{
+				name: 'NGINX',
+				slug: 'nginx',
+			},
+			{
+				name: 'Tools',
+				slug: 'tools',
+			},
+		];
+
 		$scope.siteChanges		= {};
 		$scope.commonChanges	= {};
 
@@ -590,10 +625,22 @@
 			}
 		}
 
-		$scope.setTabCommon = function(tab) {
-			$scope.tab_common = tab;
+		$scope.setTabCommon = function(key) {
+			$scope.tab_common = key;
 		};
 
+		$scope.setTabCommonBack = function() {
+			if ($scope.tab_common > 0) {
+				$scope.tab_common--;
+			}
+		};
+
+		$scope.setTabCommonNext = function() {
+			if ($scope.tab_common < $scope.tabs_common.length - 1) {
+				$scope.tab_common++;
+			}
+		}
+
 		$scope.setPreset = function(preset) {
 			$scope.data.sites[$scope.site].php				= $scope.defaultData.sites[0].php;
 			$scope.data.sites[$scope.site].wordpress		= $scope.defaultData.sites[0].wordpress;

resources/scss/layout/_do.scss

@@ -158,9 +158,16 @@ body.layout-do {
 
 		.tab-content {
 			background-color: #fafafa;
+			border-color: #e5e5e5;
 			padding-left: 40px;
 			padding-right: 40px;
 
+			&.common-content {
+				border-top: 1px solid #e5e5e5;
+				border-top-left-radius: 5px;
+				border-top-right-radius: 5px;
+			}
+
 			.nav-pills {
 				margin: 25px 0;
 				background-color: #ffffff;