7x31/nginxconfig.io
1
0
Fork 0
mirror of https://github.com/digitalocean/nginxconfig.io.git synced 2025-08-24 19:23:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

wip

Browse Source
This commit is contained in:
Bálint Szekeres
2019-10-14 00:09:32 +02:00
parent 2df3759015
commit 1a32c3ca70
18 changed files with 351 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/assets/fonts/Sailec-Bold.woff Normal file
View File

Binary file not shown.

BIN
public/assets/fonts/Sailec-Bold.woff2 Normal file
View File

Binary file not shown.

BIN
public/assets/fonts/Sailec-Light.woff Normal file
View File

Binary file not shown.

BIN
public/assets/fonts/Sailec-Light.woff2 Normal file
View File

Binary file not shown.

BIN
public/assets/fonts/Sailec-LightItalic.woff Normal file
View File

Binary file not shown.

BIN
public/assets/fonts/Sailec-LightItalic.woff2 Normal file
View File

Binary file not shown.

BIN
public/assets/fonts/Sailec-Medium.woff Normal file
View File

Binary file not shown.

BIN
public/assets/fonts/Sailec-Medium.woff2 Normal file
View File

Binary file not shown.

BIN
public/assets/fonts/Sailec-Regular.woff Normal file
View File

Binary file not shown.

BIN
public/assets/fonts/Sailec-Regular.woff2 Normal file
View File

Binary file not shown.

32
public/index.html
View File

@@ -24,13 +24,9 @@
</div>
<div ng-if="layout === 'do'" ng-cloak>
<nav class="do" ng-include="'partials/nav-do.html'"></nav>
<div class="container">
<div class="row">
<div class="col-lg-8 offset-lg-2">
<h1>NGINX Config</h1>
<h2>The easiest way to configure a performant, secure,<wbr> and stable nginx server.</h2>
</div>
</div>
<div class="hero container">
<h1>NGINX Config</h1>
<h2>The easiest way to configure a performant, secure,<br> and stable NGINX server.</h2>
</div>
</div>
<div class="container">
@@ -43,18 +39,12 @@
<img ng-if="layout === 'default'" src="assets/img/logo-light.svg" class="logo" alt="nginxconfig.io">
<div class="sites">
<div ng-if="layout === 'default'" class="sites">
<div class="title">Sites:</div>
<div class="group">
<button class="btn btn-sm btn-outline-light" ng-repeat="(key, value) in data.sites" ng-click="setSite(key)" ng-class="{ 'active': site === key }" ng-cloak>
{{ getDomain(key) }}<small ng-cloak>({{ getSiteChanges(key) !== undefined ? getSiteChanges(key) : '?' }})</small>
<span class="close" ng-if="key > 0" ng-click="removeSite(key)">&times;</span>
</button>
<button class="btn btn-sm btn-outline-light" ng-click="addSite()">＋ Add site</button>
</div>
<div class="group" ng-include="'partials/sites.html'"></div>
</div>
<div class="presets" ng-if="layout === 'default'">
<div ng-if="layout === 'default'" class="presets">
<div class="title">Presets:</div>
<div class="group" ng-include="'partials/presets.html'"></div>
</div>
@@ -64,8 +54,14 @@
<div class="container">
<div class="row">
<div class="col-lg-9" ng-class="{ 'col-lg-12': layout === 'do' }">
<div class="sites" ng-include="'partials/config-site.html'"></div>
<div class="common" ng-include="'partials/config-global.html'"></div>
<div class="sites">
<h5 ng-if="layout === 'do'">Per-Website Config</h5>
<div ng-include="'partials/config-site.html'"></div>
</div>
<div class="common">
<h5 ng-if="layout === 'do'">Global Config</h5>
<div ng-include="'partials/config-global.html'"></div>
</div>
</div>
<div ng-if="layout !== 'do'" class="col-lg-3" ng-cloak>
<aside class="sidebar">

51
public/partials/config-site.html
View File

@@ -1,28 +1,19 @@
<ul class="nav nav-tabs nav-site-tab" role="tablist">
<li class="nav-item">
<a class="nav-link" ng-click="setTabSite('server')" ng-class="{ 'active': tab_site === 'server', 'changed': getSiteTabChanges('server') }">Server<small ng-cloak>({{ getSiteTabChanges('server') }})</small></a>
</li>
<li class="nav-item">
<a class="nav-link" ng-click="setTabSite('https')" ng-class="{ 'active': tab_site === 'https', 'changed': getSiteTabChanges('https') }">HTTPS<small ng-cloak>({{ getSiteTabChanges('https') }})</small></a>
</li>
<li class="nav-item">
<a class="nav-link" ng-click="setTabSite('php')" ng-class="{ 'active': tab_site === 'php', 'changed': getSiteTabChanges('php') }">PHP<small ng-cloak>({{ getSiteTabChanges('php') }})</small></a>
</li>
<li class="nav-item">
<a class="nav-link" ng-click="setTabSite('python')" ng-class="{ 'active': tab_site === 'python', 'changed': getSiteTabChanges('python') }">Python<small ng-cloak>({{ getSiteTabChanges('python') }})</small></a>
</li>
<li class="nav-item">
<a class="nav-link" ng-click="setTabSite('proxy')" ng-class="{ 'active': tab_site === 'proxy', 'changed': getSiteTabChanges('proxy') }">Reverse proxy<small ng-cloak>({{ getSiteTabChanges('proxy') }})</small></a>
</li>
<li class="nav-item">
<a class="nav-link" ng-click="setTabSite('routing')" ng-class="{ 'active': tab_site === 'routing', 'changed': getSiteTabChanges('routing') }">Routing<small ng-cloak>({{ getSiteTabChanges('routing') }})</small></a>
</li>
<li class="nav-item">
<a class="nav-link" ng-click="setTabSite('logging')" ng-class="{ 'active': tab_site === 'logging', 'changed': getSiteTabChanges('logging') }">Logging<small ng-cloak>({{ getSiteTabChanges('logging') }})</small></a>
<ul ng-if="layout === 'default'" class="nav nav-tabs nav-site-tab" role="tablist">
<li ng-repeat="(key, tab) in tabs_site" class="nav-item">
<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>
<div class="tab-content site-content">
<div class="tab-pane tab-server" ng-class="{ 'active': tab_site === 'server' }">
<ul ng-if="layout === 'do'" class="nav nav-pills nav-fill" role="tablist">
<li ng-repeat="(key, tab) in tabs_site" class="nav-item">
<a class="nav-link" ng-click="setTabSite(key)" ng-class="{ 'active': tab_site === key, 'changed': getSiteTabChanges(tab.slug), 'visited': key < tab_site }">{{ tab.name }}<small ng-cloak>({{ getSiteTabChanges('php') }})</small></a>
</li>
</ul>
<div class="tab-pane tab-presets" ng-class="{ 'active': tabs_site[tab_site].slug === 'presets' }">
<div class="text-center" ng-include="'partials/presets.html'"></div>
</div>
<div class="tab-pane tab-server" ng-class="{ 'active': tabs_site[tab_site].slug === 'server' }">
<div class="row mb-2">
<div class="col-sm-4">
<div class="form-group">
@@ -128,7 +119,7 @@
</div>
</div>
</div>
<div class="tab-pane tab-https" ng-class="{ 'active': tab_site === 'https' }">
<div class="tab-pane tab-https" ng-class="{ 'active': tabs_site[tab_site].slug === 'https' }">
<div class="form-group row">
<label class="col-sm-3 col-form-label col-form-label-sm">
<span tooltips tooltip-template="Provides support for HTTPS.<br><br><i>using Mozilla SSL config</i>">HTTPS</span>
@@ -238,7 +229,7 @@
</div>
</div>
</div>
<div class="tab-pane tab-php" ng-class="{ 'active': tab_site === 'php' }">
<div class="tab-pane tab-php" ng-class="{ 'active': tabs_site[tab_site].slug === 'php' }">
<div class="form-group row">
<label class="col-sm-3 col-form-label col-form-label-sm">
PHP
@@ -284,7 +275,7 @@
</div>
</div>
</div>
<div class="tab-pane tab-python" ng-class="{ 'active': tab_site === 'python' }">
<div class="tab-pane tab-python" ng-class="{ 'active': tabs_site[tab_site].slug === 'python' }">
<div class="form-group row">
<label class="col-sm-3 col-form-label col-form-label-sm">
Python
@@ -308,7 +299,7 @@
</div>
</div>
</div>
<div class="tab-pane tab-proxy" ng-class="{ 'active': tab_site === 'proxy' }">
<div class="tab-pane tab-proxy" ng-class="{ 'active': tabs_site[tab_site].slug === 'proxy' }">
<div class="form-group row">
<label class="col-sm-3 col-form-label col-form-label-sm">
Reverse proxy
@@ -343,7 +334,7 @@
</div>
</div>
</div>
<div class="tab-pane tab-routing" ng-class="{ 'active': tab_site === 'routing' }">
<div class="tab-pane tab-routing" ng-class="{ 'active': tabs_site[tab_site].slug === 'routing' }">
<div class="form-group row">
<label class="col-sm-3 col-form-label col-form-label-sm">
<span tooltips tooltip-template="Enable root directive."><code>root</code></span>
@@ -410,7 +401,7 @@
</div>
</div>
</div>
<div class="tab-pane tab-logging" ng-class="{ 'active': tab_site === 'logging' }">
<div class="tab-pane tab-logging" ng-class="{ 'active': tabs_site[tab_site].slug === 'logging' }">
<div class="form-group row" ng-class="{ disabled: !isAccessLog() }">
<label class="col-sm-3 col-form-label col-form-label-sm">
<span tooltips tooltip-template="Domain specific access_log."><code>access_log</code> by domain</span>
@@ -434,4 +425,8 @@
</div>
</div>
</div>
<div class="tab-navigation-buttons" ng-if="layout === 'do'">
<button class="btn btn-outline-secondary" ng-click="setTabSiteBack()">Back</button>
<button class="btn btn-primary" ng-click="setTabSiteNext()">Next</button>
</div>
</div>

12
public/partials/sites-do.html Normal file
View File

@@ -0,0 +1,12 @@
<li class="nav-item" ng-repeat="(key, value) in data.sites">
<a class="nav-link" ng-click="setSite(key)" ng-class="{ 'active': site === key }" ng-cloak>
{{ getDomain(key) }}<small ng-cloak>({{ getSiteChanges(key) !== undefined ? getSiteChanges(key) : '?' }})</small>
<span class="close" ng-if="key > 0" ng-click="removeSite(key)">&times;</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" ng-click="addSite(key)">
＋ Add Site
</a>
</li>

5
public/partials/sites.html Normal file
View File

@@ -0,0 +1,5 @@
<button class="btn btn-sm btn-outline-light" ng-repeat="(key, value) in data.sites" ng-click="setSite(key)" ng-class="{ 'active': site === key }" ng-cloak>
{{ getDomain(key) }}<small ng-cloak>({{ getSiteChanges(key) !== undefined ? getSiteChanges(key) : '?' }})</small>
<span class="close" ng-if="key > 0" ng-click="removeSite(key)">&times;</span>
</button>
<button class="btn btn-sm btn-outline-light" ng-click="addSite()">＋ Add site</button>