added base to ng-include

pull/127/head
Bálint Szekeres 2019-11-19 21:14:57 +01:00
parent 38ede7305c
commit 8bbcc94077
6 changed files with 30 additions and 30 deletions

View File

@ -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>

View File

@ -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">

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>