From 5e1e7bd279b58fd9e4e1a8eca1e14b3444413665 Mon Sep 17 00:00:00 2001
From: "Matt (IPv4) Cowley" <me@mattcowley.co.uk>
Date: Tue, 19 Nov 2019 18:41:35 +0000
Subject: [PATCH] Remove layout button & expose layout method (#126)

* Remove toggle layout button

* Expose toggle layout method
---
 public/partials/index.html  |  3 ---
 resources/js/app.js         |  9 +++------
 resources/scss/_header.scss | 13 -------------
 3 files changed, 3 insertions(+), 22 deletions(-)

diff --git a/public/partials/index.html b/public/partials/index.html
index bbda2ac..8f68dc4 100644
--- a/public/partials/index.html
+++ b/public/partials/index.html
@@ -1,7 +1,4 @@
 <header>
-	<div ng-if="toggleLayoutVisible()" class="layout-toggle" ng-cloak>
-		<button class="btn btn-sm btn-secondary" ng-click="toggleLayout()">Layout: {{ layout }}</button>
-	</div>
 	<div ng-if="layout === 'do'" ng-cloak>
 		<div class="hero container">
 			<h1>NGINX Config</h1>
diff --git a/resources/js/app.js b/resources/js/app.js
index 669eaa0..caf94b0 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -832,11 +832,7 @@
 			}
 		};
 
-		$scope.toggleLayoutVisible = function() {
-			return $window.location.hostname !== 'nginxconfig.io';
-		};
-
-		$scope.toggleLayout = function() {
+		$window.toggleLayout = function() {
 			if ($scope.layout === 'default') {
 				$scope.layout = 'do';
 				$scope.tabs_site.unshift({
@@ -847,6 +843,7 @@
 				$scope.layout = 'default';
 				$scope.tabs_site.shift();
 			}
+			doMasonry();
 		};
 
 
@@ -1348,7 +1345,7 @@
 			initMasonry();
 
 			if ($window.LAYOUT && $window.LAYOUT !== $scope.layout) {
-				$scope.toggleLayout();
+				$window.toggleLayout();
 			}
 		};
 	}
diff --git a/resources/scss/_header.scss b/resources/scss/_header.scss
index c6cee34..e53171b 100644
--- a/resources/scss/_header.scss
+++ b/resources/scss/_header.scss
@@ -7,7 +7,6 @@
 }
 
 header {
-	position: relative;
 	background-color: #000;
 	padding: 0.5rem 0;
 	text-align: center;
@@ -15,18 +14,6 @@ header {
 	color: #fff;
 	font-size: 2.2rem;
 
-	.layout-toggle {
-		position: absolute;
-		right: 10px;
-		top: 0;
-		z-index: 100;
-		opacity: 0.75;
-
-		.btn {
-			outline: none;
-		}
-	}
-
 	.container {
 		position: relative;
 	}