From 8bbcc940771056aaa4dd90749c3cb5f8daaaa2f5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ba=CC=81lint=20Szekeres?= <balint.szekeres@feat.agency>
Date: Tue, 19 Nov 2019 21:14:57 +0100
Subject: [PATCH] added base to ng-include

---
 public/index.html                |  2 +-
 public/partials/config-site.html |  4 ++--
 public/partials/index.html       | 34 ++++++++++++++++----------------
 public/partials/presets.html     | 14 ++++++-------
 public/partials/steps-do.html    |  2 +-
 public/partials/steps.html       |  4 ++--
 6 files changed, 30 insertions(+), 30 deletions(-)
diff --git a/public/index.html b/public/index.html
index 14c66e7..e145681 100644
--- a/public/index.html
+++ b/public/index.html
@@ -18,7 +18,7 @@
 	</head>
 	<body>
 		<div class="do-app">
-			<div id="app" ng-app="NginxConfigIoApp" ng-controller="NginxConfigIoController" ng-class="['layout-' + layout]" ng-include="'partials/index.html'" onload="init()" ng-csp></div>
+			<div id="app" ng-app="NginxConfigIoApp" ng-controller="NginxConfigIoController" ng-init="base = '/'" ng-class="['layout-' + layout]" ng-include="base + 'partials/index.html'" onload="init()" ng-csp></div>
 		</div>
 		<script async src="https://www.googletagmanager.com/gtag/js?id=UA-3084378-31"></script>
 		<script>
diff --git a/public/partials/config-site.html b/public/partials/config-site.html
index de65c55..b5cb5dd 100644
--- a/public/partials/config-site.html
+++ b/public/partials/config-site.html
@@ -3,7 +3,7 @@
 		<a class="nav-link" ng-click="setTabSite(key)" ng-class="{ 'active': tab_site === key, 'changed': getSiteTabChanges(tab.slug) }">{{ tab.name }}<small ng-cloak>({{ getSiteTabChanges(tab.slug) }})</small></a>
 	</li>
 </ul>
-<ul ng-if="layout === 'do'" class="nav nav-tabs nav-site-tab" ng-include="'partials/sites-do.html'" role="tablist"></ul>
+<ul ng-if="layout === 'do'" class="nav nav-tabs nav-site-tab" ng-include="base + 'partials/sites-do.html'" role="tablist"></ul>
 <div class="tab-content site-content">
 	<ul ng-if="layout === 'do'" class="nav nav-pills nav-fill" role="tablist">
 		<li ng-repeat="(key, tab) in tabs_site" class="nav-item">
@@ -11,7 +11,7 @@
 		</li>
 	</ul>
 	<div class="tab-pane tab-presets" ng-class="{ 'active': tabs_site[tab_site].slug === 'presets' }">
-		<div class="text-center presets" ng-include="'partials/presets-do.html'"></div>
+		<div class="text-center presets" ng-include="base + 'partials/presets-do.html'"></div>
 	</div>
 	<div class="tab-pane tab-server" ng-class="{ 'active': tabs_site[tab_site].slug === 'server' }">
 		<div class="row mb-2">
diff --git a/public/partials/index.html b/public/partials/index.html
index 8f68dc4..afa4acc 100644
--- a/public/partials/index.html
+++ b/public/partials/index.html
@@ -17,12 +17,12 @@
 
 		<div ng-if="layout === 'default'" class="sites">
 			<div class="title">Sites:</div>
-			<div class="group" ng-include="'partials/sites.html'"></div>
+			<div class="group" ng-include="base + 'partials/sites.html'"></div>
 		</div>
 
 		<div ng-if="layout === 'default'" class="presets">
 			<div class="title">Presets:</div>
-			<div class="group" ng-include="'partials/presets.html'"></div>
+			<div class="group" ng-include="base + 'partials/presets.html'"></div>
 		</div>
 	</div>
 </header>
@@ -32,11 +32,11 @@
 			<div class="col-lg-9" ng-class="{ 'col-lg-12': layout === 'do' }">
 				<div class="sites">
 					<h5 ng-if="layout === 'do'">Per-Website Config</h5>
-					<div ng-include="'partials/config-site.html'" ng-keydown="siteKeydown($event)"></div>
+					<div ng-include="base + 'partials/config-site.html'" ng-keydown="siteKeydown($event)"></div>
 				</div>
 				<div class="common">
 					<h5 ng-if="layout === 'do'">Global Config</h5>
-					<div ng-include="'partials/config-global.html'" ng-keydown="commonKeydown($event)"></div>
+					<div ng-include="base + 'partials/config-global.html'" ng-keydown="commonKeydown($event)"></div>
 				</div>
 			</div>
 			<div ng-if="layout === 'default'" class="col-lg-3" ng-cloak>
@@ -65,11 +65,11 @@
 	<div class="container">
 		<div ng-if="layout === 'do'">
 			<h5>Setup and Files</h5>
-			<div class="card" ng-include="'partials/steps-do.html'"></div>
+			<div class="card" ng-include="base + 'partials/steps-do.html'"></div>
 		</div>
 		<div ng-if="layout === 'default'" class="row">
 			<div class="col-xl-10 offset-xl-1">
-				<div ng-include="'partials/steps.html'"></div>
+				<div ng-include="base + 'partials/steps.html'"></div>
 			</div>
 		</div>
 	</div>
@@ -97,7 +97,7 @@
 					<img src="assets/img/clipboard-dark.svg" alt="Copy to clipboard">
 				</button>
 				<div class="code source" data-filename="nginx.conf">
-					<pre><code class="nginx" ng-include="'templates/conf/nginx.conf.html?v=COMMIT_HASH'" onload="refreshHighlighting()"></code></pre>
+					<pre><code class="nginx" ng-include="base + 'templates/conf/nginx.conf.html?v=COMMIT_HASH'" onload="refreshHighlighting()"></code></pre>
 				</div><div id="file-nginx" class="code highlighted"></div>
 			</section>
 			<section class="col-xl-6 grid-item file" ng-if="isModularized()" ng-repeat="(_site, _domain) in getDomains() track by $index" ng-cloak>
@@ -106,7 +106,7 @@
 					<img src="assets/img/clipboard-dark.svg" alt="Copy to clipboard">
 				</button>
 				<div class="code source" data-filename="sites-{{ isSymlink() ? 'available' : 'enabled' }}/{{ _domain }}.conf">
-					<pre><code class="nginx" ng-include="'templates/conf/sites-available/example.com.conf.html?v=COMMIT_HASH?v=COMMIT_HASH'" onload="refreshHighlighting()"></code></pre>
+					<pre><code class="nginx" ng-include="base + 'templates/conf/sites-available/example.com.conf.html?v=COMMIT_HASH?v=COMMIT_HASH'" onload="refreshHighlighting()"></code></pre>
 				</div><div id="file-domain-{{ $index }}" class="code highlighted"></div>
 			</section>
 			<section class="col-xl-6 grid-item file" ng-if="isModularized() && hasCertLetsEncrypt()" ng-cloak>
@@ -115,7 +115,7 @@
 					<img src="assets/img/clipboard-dark.svg" alt="Copy to clipboard">
 				</button>
 				<div class="code source" data-filename="nginxconfig.io/letsencrypt.conf">
-					<pre><code class="nginx" ng-include="'templates/conf/nginxconfig.io/letsencrypt.conf.html?v=COMMIT_HASH'" onload="refreshHighlighting()"></code></pre>
+					<pre><code class="nginx" ng-include="base + 'templates/conf/nginxconfig.io/letsencrypt.conf.html?v=COMMIT_HASH'" onload="refreshHighlighting()"></code></pre>
 				</div><div id="file-letsencrypt" class="code highlighted"></div>
 			</section>
 			<section class="col-xl-6 grid-item file" ng-if="isModularized()" ng-cloak>
@@ -124,7 +124,7 @@
 					<img src="assets/img/clipboard-dark.svg" alt="Copy to clipboard">
 				</button>
 				<div class="code source" data-filename="nginxconfig.io/security.conf">
-					<pre><code class="nginx" ng-include="'templates/conf/nginxconfig.io/security.conf.html?v=COMMIT_HASH'" onload="refreshHighlighting()"></code></pre>
+					<pre><code class="nginx" ng-include="base + 'templates/conf/nginxconfig.io/security.conf.html?v=COMMIT_HASH'" onload="refreshHighlighting()"></code></pre>
 				</div><div id="file-security" class="code highlighted"></div>
 			</section>
 			<section class="col-xl-6 grid-item file" ng-if="isModularized()" ng-cloak>
@@ -133,7 +133,7 @@
 					<img src="assets/img/clipboard-dark.svg" alt="Copy to clipboard">
 				</button>
 				<div class="code source" data-filename="nginxconfig.io/general.conf">
-					<pre><code class="nginx" ng-include="'templates/conf/nginxconfig.io/general.conf.html?v=COMMIT_HASH'" onload="refreshHighlighting()"></code></pre>
+					<pre><code class="nginx" ng-include="base + 'templates/conf/nginxconfig.io/general.conf.html?v=COMMIT_HASH'" onload="refreshHighlighting()"></code></pre>
 				</div><div id="file-general" class="code highlighted"></div>
 			</section>
 			<section class="col-xl-6 grid-item file" ng-if="hasPHP() && (isModularized() || hasWordPress())" ng-cloak>
@@ -142,7 +142,7 @@
 					<img src="assets/img/clipboard-dark.svg" alt="Copy to clipboard">
 				</button>
 				<div class="code source" data-filename="nginxconfig.io/php_fastcgi.conf">
-					<pre><code class="nginx" ng-include="'templates/conf/nginxconfig.io/php_fastcgi.conf.html?v=COMMIT_HASH'" onload="refreshHighlighting()"></code></pre>
+					<pre><code class="nginx" ng-include="base + 'templates/conf/nginxconfig.io/php_fastcgi.conf.html?v=COMMIT_HASH'" onload="refreshHighlighting()"></code></pre>
 				</div><div id="file-php_fastcgi" class="code highlighted"></div>
 			</section>
 			<section class="col-xl-6 grid-item file" ng-if="hasPython() && isModularized()" ng-cloak>
@@ -151,7 +151,7 @@
 					<img src="assets/img/clipboard-dark.svg" alt="Copy to clipboard">
 				</button>
 				<div class="code source" data-filename="nginxconfig.io/python_uwsgi.conf">
-					<pre><code class="nginx" ng-include="'templates/conf/nginxconfig.io/python_uwsgi.conf.html?v=COMMIT_HASH'" onload="refreshHighlighting()"></code></pre>
+					<pre><code class="nginx" ng-include="base + 'templates/conf/nginxconfig.io/python_uwsgi.conf.html?v=COMMIT_HASH'" onload="refreshHighlighting()"></code></pre>
 				</div><div id="file-python_uwsgi" class="code highlighted"></div>
 			</section>
 			<section class="col-xl-6 grid-item file" ng-if="hasProxy() && isModularized()" ng-cloak>
@@ -160,7 +160,7 @@
 					<img src="assets/img/clipboard-dark.svg" alt="Copy to clipboard">
 				</button>
 				<div class="code source" data-filename="nginxconfig.io/proxy.conf">
-					<pre><code class="nginx" ng-include="'templates/conf/nginxconfig.io/proxy.conf.html?v=COMMIT_HASH'" onload="refreshHighlighting()"></code></pre>
+					<pre><code class="nginx" ng-include="base + 'templates/conf/nginxconfig.io/proxy.conf.html?v=COMMIT_HASH'" onload="refreshHighlighting()"></code></pre>
 				</div><div id="file-proxy" class="code highlighted"></div>
 			</section>
 			<section class="col-xl-6 grid-item file" ng-if="hasWordPress() && isModularized()" ng-cloak>
@@ -169,7 +169,7 @@
 					<img src="assets/img/clipboard-dark.svg" alt="Copy to clipboard">
 				</button>
 				<div class="code source" data-filename="nginxconfig.io/wordpress.conf">
-					<pre><code class="nginx" ng-include="'templates/conf/nginxconfig.io/wordpress.conf.html?v=COMMIT_HASH'" onload="refreshHighlighting()"></code></pre>
+					<pre><code class="nginx" ng-include="base + 'templates/conf/nginxconfig.io/wordpress.conf.html?v=COMMIT_HASH'" onload="refreshHighlighting()"></code></pre>
 				</div><div id="file-wordpress" class="code highlighted"></div>
 			</section>
 			<section class="col-xl-6 grid-item file" ng-if="hasDrupal() && isModularized()" ng-cloak>
@@ -178,7 +178,7 @@
 					<img src="assets/img/clipboard-dark.svg" alt="Copy to clipboard">
 				</button>
 				<div class="code source" data-filename="nginxconfig.io/drupal.conf">
-					<pre><code class="nginx" ng-include="'templates/conf/nginxconfig.io/drupal.conf.html?v=COMMIT_HASH'" onload="refreshHighlighting()"></code></pre>
+					<pre><code class="nginx" ng-include="base + 'templates/conf/nginxconfig.io/drupal.conf.html?v=COMMIT_HASH'" onload="refreshHighlighting()"></code></pre>
 				</div><div id="file-drupal" class="code highlighted"></div>
 			</section>
 			<section class="col-xl-6 grid-item file" ng-if="hasMagento() && isModularized()" ng-cloak>
@@ -187,7 +187,7 @@
 					<img src="assets/img/clipboard-dark.svg" alt="Copy to clipboard">
 				</button>
 				<div class="code source" data-filename="nginxconfig.io/magento.conf">
-					<pre><code class="nginx" ng-include="'templates/conf/nginxconfig.io/magento.conf.html?v=COMMIT_HASH'" onload="refreshHighlighting()"></code></pre>
+					<pre><code class="nginx" ng-include="base + 'templates/conf/nginxconfig.io/magento.conf.html?v=COMMIT_HASH'" onload="refreshHighlighting()"></code></pre>
 				</div><div id="file-magento" class="code highlighted"></div>
 			</section>
 		</div>
diff --git a/public/partials/presets.html b/public/partials/presets.html
index 25cba6a..dbd3164 100644
--- a/public/partials/presets.html
+++ b/public/partials/presets.html
@@ -6,7 +6,7 @@
 	tooltips
 	tooltip-template="• disabled PHP<br>• index.html fallback routing"
 	tooltip-side="bottom"
->Frontend <span ng-include="'assets/img/brands/angular.svg'"></span> <span ng-include="'assets/img/brands/react.svg'"></span> <span ng-include="'assets/img/brands/vuejs.svg'"></span></button>
+>Frontend <span ng-include="base + 'assets/img/brands/angular.svg'"></span> <span ng-include="base + 'assets/img/brands/react.svg'"></span> <span ng-include="base + 'assets/img/brands/vuejs.svg'"></span></button>
 <button
 	type="button"
 	class="btn btn-sm btn-outline-light"
@@ -15,7 +15,7 @@
 	tooltips
 	tooltip-template="• enabled PHP<br>• index.php fallback routing"
 	tooltip-side="bottom"
->PHP <span ng-include="'assets/img/brands/php.svg'"></span> <span ng-include="'assets/img/brands/laravel.svg'"></span> <span ng-include="'assets/img/brands/symfony.svg'"></span> <span ng-include="'assets/img/brands/codeigniter.svg'""></span></button>
+>PHP <span ng-include="base + 'assets/img/brands/php.svg'"></span> <span ng-include="base + 'assets/img/brands/laravel.svg'"></span> <span ng-include="base + 'assets/img/brands/symfony.svg'"></span> <span ng-include="base + 'assets/img/brands/codeigniter.svg'""></span></button>
 <button
 	type="button"
 	class="btn btn-sm btn-outline-light"
@@ -24,7 +24,7 @@
 	tooltips
 	tooltip-template="• enabled Python<br>• Django rules<br>• <code>root</code> disabled"
 	tooltip-side="bottom"
->Django <span ng-include="'assets/img/brands/python.svg'"></span><span ng-include="'assets/img/brands/django.svg'"></span></button>
+>Django <span ng-include="base + 'assets/img/brands/python.svg'"></span><span ng-include="base + 'assets/img/brands/django.svg'"></span></button>
 <button
 	type="button"
 	class="btn btn-sm btn-outline-light"
@@ -33,7 +33,7 @@
 	tooltips
 	tooltip-template="• enabled reverse proxy"
 	tooltip-side="bottom"
->Node.js <span ng-include="'assets/img/brands/nodejs.svg'"></span></button>
+>Node.js <span ng-include="base + 'assets/img/brands/nodejs.svg'"></span></button>
 <button
 	type="button"
 	class="btn btn-sm btn-outline-light"
@@ -51,7 +51,7 @@
 	tooltips
 	tooltip-template="• enabled PHP<br>• index.php fallback routing<br>• WordPress security rules"
 	tooltip-side="bottom"
-><span ng-include="'assets/img/brands/wordpress.svg'"></span> WordPress</button>
+><span ng-include="base + 'assets/img/brands/wordpress.svg'"></span> WordPress</button>
 <button
 	type="button"
 	class="btn btn-sm btn-outline-light"
@@ -60,7 +60,7 @@
 	tooltips
 	tooltip-template="• enabled PHP<br>• index.php fallback routing<br>• Drupal security rules"
 	tooltip-side="bottom"
-><span ng-include="'assets/img/brands/drupal.svg'"></span> Drupal</button>
+><span ng-include="base + 'assets/img/brands/drupal.svg'"></span> Drupal</button>
 <button
 	type="button"
 	class="btn btn-sm btn-outline-light"
@@ -69,4 +69,4 @@
 	tooltips
 	tooltip-template="• enabled PHP<br>• index.php fallback routing<br>• Magento security rules"
 	tooltip-side="bottom"
-><span ng-include="'assets/img/brands/magento.svg'"></span> Magento</button>
+><span ng-include="base + 'assets/img/brands/magento.svg'"></span> Magento</button>
diff --git a/public/partials/steps-do.html b/public/partials/steps-do.html
index 6e9b967..2bb74a7 100644
--- a/public/partials/steps-do.html
+++ b/public/partials/steps-do.html
@@ -4,7 +4,7 @@
 	</li>
 </ul>
 
-<div class="commands-do" ng-include="'partials/commands-do.html?v=COMMIT_HASH'" ng-cloak></div>
+<div class="commands-do" ng-include="base + 'partials/commands-do.html?v=COMMIT_HASH'" ng-cloak></div>
 
 <div class="tab-navigation-buttons" ng-if="layout === 'do'">
 	<button class="btn btn-outline-secondary" ng-click="setStepBack()" ng-class="{ disabled: step === 0 }">Back</button>
diff --git a/public/partials/steps.html b/public/partials/steps.html
index 70080ee..1187115 100644
--- a/public/partials/steps.html
+++ b/public/partials/steps.html
@@ -4,11 +4,11 @@
 		ng-if="step.active()"
 		ng-class="[step.slug]"
 		ng-mouseenter="setActiveStep(key)">
-		<div class="circle" ng-include="'/assets/img/steps/' + step.slug + '.svg'"></div>
+		<div class="circle" ng-include="base + '/assets/img/steps/' + step.slug + '.svg'"></div>
 		<span class="counter"></span>{{ step.name }}
 	</li>
 </ol>
 
 <div class="commands" ng-cloak>
-	<pre><code class="hljs bash" ng-include="'partials/commands.html?v=COMMIT_HASH'"></code></pre>
+	<pre><code class="hljs bash" ng-include="base + 'partials/commands.html?v=COMMIT_HASH'"></code></pre>
 </div>
