url bar

public/assets/css/app.css

@@ -20,7 +20,7 @@ header {
 	box-shadow: 0 5px 10px 10px #000;
 	padding: 0.5rem 0 0;
 	text-align: center;
-	margin-bottom: 2.25rem;
+	margin-bottom: 1.5rem;
 	color: #fff;
 	font-size: 2.2rem;
 }
@@ -42,6 +42,12 @@ main {
 	flex: 1 1 auto;
 }
 
+main .url .input-group-prepend .input-group-text,
+main .url .input-group-append .input-group-text {
+	padding-top: 0.15rem;
+	cursor: pointer;
+}
+
 main .options,
 main .sidebar {
 	padding-top: 1.5rem;

public/assets/img/refresh.svg

@@ -0,0 +1,3 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12" height="14" viewBox="0 0 12 14">
+<path d="M11.805 8.25q0 0.039-0.008 0.055-0.5 2.094-2.094 3.395t-3.734 1.301q-1.141 0-2.207-0.43t-1.902-1.227l-1.008 1.008q-0.148 0.148-0.352 0.148t-0.352-0.148-0.148-0.352v-3.5q0-0.203 0.148-0.352t0.352-0.148h3.5q0.203 0 0.352 0.148t0.148 0.352-0.148 0.352l-1.070 1.070q0.555 0.516 1.258 0.797t1.461 0.281q1.047 0 1.953-0.508t1.453-1.398q0.086-0.133 0.414-0.914 0.062-0.18 0.234-0.18h1.5q0.102 0 0.176 0.074t0.074 0.176zM12 2v3.5q0 0.203-0.148 0.352t-0.352 0.148h-3.5q-0.203 0-0.352-0.148t-0.148-0.352 0.148-0.352l1.078-1.078q-1.156-1.070-2.727-1.070-1.047 0-1.953 0.508t-1.453 1.398q-0.086 0.133-0.414 0.914-0.062 0.18-0.234 0.18h-1.555q-0.102 0-0.176-0.074t-0.074-0.176v-0.055q0.508-2.094 2.109-3.395t3.75-1.301q1.141 0 2.219 0.434t1.914 1.223l1.016-1.008q0.148-0.148 0.352-0.148t0.352 0.148 0.148 0.352z"></path>
+</svg>

public/assets/js/app.js

@@ -46,6 +46,7 @@
 		/////////////////////
 		// SCOPE VARIABLES //
 		/////////////////////
+		$scope.location = $location;
 		$scope.data = angular.copy(data);
 		$scope.dataInit = false;
 
@@ -107,6 +108,10 @@
 			}
 		};
 
+		$scope.reset = function() {
+			$scope.data = angular.copy(data);
+		};
+
 
 
 		//////////////////

public/index.html

@@ -21,6 +21,21 @@
 			</div>
 		</header>
 		<main ng-controller="NginxConfigIoController">
+			<div class="container">
+				<div class="row">
+					<div class="col-sm-10 col-lg-8 col-xl-6 offset-sm-1 offset-lg-2 offset-xl-3">
+						<div class="input-group mb-2 url">
+							<div class="input-group-prepend">
+								<div class="input-group-text" ngclipboard data-clipboard-target="#url"><img src="https://cdn.nginxconfig.io/assets/img/clipboard.svg" alt="Copy to clipboard"></div>
+							</div>
+							<input type="text" id="url" class="form-control form-control-sm" ng-value="location.absUrl()" readonly>
+							<div class="input-group-append">
+								<div class="input-group-text" ng-click="reset()"><img src="https://cdn.nginxconfig.io/assets/img/refresh.svg" alt="Reset"></div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
 			<div class="container-fluid">
 				<div class="row">
 					<div class="col-md-3 col-lg-2 options">