From c6269ccaa0c2001c98f17c988029f11daac70c14 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ba=CC=81lint=20Szekeres?= Date: Sun, 10 Nov 2019 21:25:59 +0100 Subject: [PATCH] WIP --- public/index.html | 202 ----------------------------- public/partials/config-global.html | 38 +++--- public/partials/config-site.html | 50 +++---- public/partials/index.html | 198 ++++++++++++++++++++++++++++ public/partials/nav-do.html | 34 ----- public/partials/presets-do.html | 72 ++++++++++ resources/js/app.js | 18 ++- resources/scss/_body.scss | 2 +- resources/scss/_typography.scss | 2 +- resources/scss/layout/_do.scss | 54 ++++++-- 10 files changed, 374 insertions(+), 296 deletions(-) create mode 100644 public/partials/index.html delete mode 100644 public/partials/nav-do.html create mode 100644 public/partials/presets-do.html diff --git a/public/index.html b/public/index.html index 067750b..1bcba05 100644 --- a/public/index.html +++ b/public/index.html @@ -18,205 +18,6 @@ -
-
- -
-
- -
-

NGINX Config

-

The easiest way to configure a performant, secure,
and stable NGINX server.

-
-
-
-
-
-
-
-
-
- - - -
-
Sites:
-
-
- -
-
Presets:
-
-
-
-
-
-
-
-
-
-
Per-Website Config
-
-
-
-
Global Config
-
-
-
-
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - -
-
-
{{ base64 }}
-
-
- {{ data.directory_nginx }}nginx.conf - -
-
-
-
-
- {{ data.directory_nginx }}sites-{{ isSymlink() ? 'available' : 'enabled' }}/{{ _domain }}.conf - -
-
-
-
-
- {{ data.directory_nginx }}nginxconfig.io/letsencrypt.conf - -
-
-
-
-
- {{ data.directory_nginx }}nginxconfig.io/security.conf - -
-
-
-
-
- {{ data.directory_nginx }}nginxconfig.io/general.conf - -
-
-
-
-
- {{ data.directory_nginx }}nginxconfig.io/php_fastcgi.conf - -
-
-
-
-
- {{ data.directory_nginx }}nginxconfig.io/python_uwsgi.conf - -
-
-
-
-
- {{ data.directory_nginx }}nginxconfig.io/proxy.conf - -
-
-
-
-
- {{ data.directory_nginx }}nginxconfig.io/wordpress.conf - -
-
-
-
-
- {{ data.directory_nginx }}nginxconfig.io/drupal.conf - -
-
-
-
-
- {{ data.directory_nginx }}nginxconfig.io/magento.conf - -
-
-
-
-
-
-
- - diff --git a/public/partials/config-global.html b/public/partials/config-global.html index 6256b0b..db4a06d 100644 --- a/public/partials/config-global.html +++ b/public/partials/config-global.html @@ -17,19 +17,19 @@
SSL profile
-
+
-
+
-
+
-
+
- +
-
+
- +
-
+
- +
@@ -103,7 +109,7 @@ server_tokens
-
+
@@ -114,7 +120,7 @@ limit_req
-
+
@@ -177,7 +183,7 @@ gzip compression
-
+
@@ -188,7 +194,7 @@ brotli compression
-
+
@@ -267,7 +273,7 @@ log_not_found
-
+
@@ -359,7 +365,7 @@ Modularized structure
-
+
@@ -370,7 +376,7 @@ Symlink vhost
-
+
diff --git a/public/partials/config-site.html b/public/partials/config-site.html index ef13f88..2f13a39 100644 --- a/public/partials/config-site.html +++ b/public/partials/config-site.html @@ -11,7 +11,7 @@
-
+
@@ -57,7 +57,7 @@ www subdomain
-
+
-
+
-
+
-
+
@@ -136,7 +136,7 @@ HTTP/2
-
+
@@ -147,7 +147,7 @@ Force HTTPS
-
+
-
+
-
+
-
+
@@ -178,13 +178,13 @@
Certification type
-
+
-
+
@@ -235,7 +235,7 @@ PHP
-
+
@@ -246,7 +246,7 @@ WordPress rules
-
+
@@ -257,7 +257,7 @@ Drupal rules
-
+
@@ -268,7 +268,7 @@ Magento rules
-
+
@@ -281,7 +281,7 @@ Python
-
+
@@ -292,7 +292,7 @@ Django rules
-
+
@@ -305,7 +305,7 @@ Reverse proxy
-
+
@@ -340,7 +340,7 @@ root
-
+
@@ -352,11 +352,11 @@ index
-
+
-
+
@@ -394,7 +394,7 @@ Legacy PHP routing
-
+
@@ -407,7 +407,7 @@ access_log by domain
-
+
@@ -418,7 +418,7 @@ error_log by domain
-
+
diff --git a/public/partials/index.html b/public/partials/index.html new file mode 100644 index 0000000..4548516 --- /dev/null +++ b/public/partials/index.html @@ -0,0 +1,198 @@ +
+
+ +
+
+
+

NGINX Config

+

The easiest way to configure a performant, secure,
and stable NGINX server.

+
+
+
+
+
+
+
+
+
+ + + +
+
Sites:
+
+
+ +
+
Presets:
+
+
+
+
+
+
+
+
+
+
Per-Website Config
+
+
+
+
Global Config
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + +
+
+
{{ base64 }}
+
+
+ {{ data.directory_nginx }}nginx.conf + +
+
+
+
+
+ {{ data.directory_nginx }}sites-{{ isSymlink() ? 'available' : 'enabled' }}/{{ _domain }}.conf + +
+
+
+
+
+ {{ data.directory_nginx }}nginxconfig.io/letsencrypt.conf + +
+
+
+
+
+ {{ data.directory_nginx }}nginxconfig.io/security.conf + +
+
+
+
+
+ {{ data.directory_nginx }}nginxconfig.io/general.conf + +
+
+
+
+
+ {{ data.directory_nginx }}nginxconfig.io/php_fastcgi.conf + +
+
+
+
+
+ {{ data.directory_nginx }}nginxconfig.io/python_uwsgi.conf + +
+
+
+
+
+ {{ data.directory_nginx }}nginxconfig.io/proxy.conf + +
+
+
+
+
+ {{ data.directory_nginx }}nginxconfig.io/wordpress.conf + +
+
+
+
+
+ {{ data.directory_nginx }}nginxconfig.io/drupal.conf + +
+
+
+
+
+ {{ data.directory_nginx }}nginxconfig.io/magento.conf + +
+
+
+
+
+
+
+ diff --git a/public/partials/nav-do.html b/public/partials/nav-do.html deleted file mode 100644 index dd9eb95..0000000 --- a/public/partials/nav-do.html +++ /dev/null @@ -1,34 +0,0 @@ - - diff --git a/public/partials/presets-do.html b/public/partials/presets-do.html new file mode 100644 index 0000000..c3ab9f2 --- /dev/null +++ b/public/partials/presets-do.html @@ -0,0 +1,72 @@ + + + + + + + + diff --git a/resources/js/app.js b/resources/js/app.js index e97e58c..317d823 100644 --- a/resources/js/app.js +++ b/resources/js/app.js @@ -380,7 +380,7 @@ ///////////////////// // SCOPE VARIABLES // ///////////////////// - $scope.layout = 'default'; + $scope.layout = 'do'; $scope.defaultData = DEFAULTS; $scope.dataInit = false; @@ -393,6 +393,10 @@ $scope.tab_common = 0; $scope.tabs_site = [ + { + name: 'Presets', + slug: 'presets', + }, { name: 'Server', slug: 'server', @@ -1302,11 +1306,13 @@ ////////// // INIT // ////////// - setDataFromHash(); - initMasonry(); + $scope.init = function() { + setDataFromHash(); + initMasonry(); - if ($window.LAYOUT !== $scope.layout) { - $scope.toggleLayout(); - } + if ($window.LAYOUT && $window.LAYOUT !== $scope.layout) { + $scope.toggleLayout(); + } + }; } })(); diff --git a/resources/scss/_body.scss b/resources/scss/_body.scss index 1e8875a..6b407fd 100644 --- a/resources/scss/_body.scss +++ b/resources/scss/_body.scss @@ -1,4 +1,4 @@ -body { +#app { display: flex; flex-direction: column; min-height: 100vh; diff --git a/resources/scss/_typography.scss b/resources/scss/_typography.scss index 91c2f92..cfb94eb 100644 --- a/resources/scss/_typography.scss +++ b/resources/scss/_typography.scss @@ -1,5 +1,5 @@ @import 'https://fonts.googleapis.com/css?family=Quicksand:400,700&display=swap'; -body { +#app { font-family: 'Quicksand', sans-serif; } diff --git a/resources/scss/layout/_do.scss b/resources/scss/layout/_do.scss index 189e335..f6e7b4f 100644 --- a/resources/scss/layout/_do.scss +++ b/resources/scss/layout/_do.scss @@ -40,9 +40,26 @@ -body.layout-do { +#app.layout-do { font-family: 'Sailec', sans-serif; + .btn-sm { + padding: 0.375rem 0.5rem; + } + + .btn-light.active { + @extend .btn-primary; + } + + .btn-primary, + .btn-light.active { + background-color: #0069ff !important; + } + + .btn-light { + background-color: #e5e5e5; + } + header { padding: 0; background-color: #031b4e; @@ -270,6 +287,31 @@ body.layout-do { font-size: 1rem; margin-bottom: 8px; } + + select.form-control-sm { + height: calc(1.5em + 0.75rem + 2px); + } + + .form-check.form-check-radio { + @extend .custom-radio; + } + + .form-check.form-check-checkbox { + @extend .custom-checkbox; + } + + .form-check.form-check-radio, + .form-check.form-check-checkbox { + @extend .custom-control; + + .form-check-input { + @extend .custom-control-input; + } + + .form-check-label { + @extend .custom-control-label; + } + } } .tab-navigation-buttons { @@ -277,10 +319,6 @@ body.layout-do { text-align: right; } - .btn-primary { - background-color: #0069ff; - } - .btn-outline-light { box-shadow: none !important; color: #666; @@ -292,12 +330,6 @@ body.layout-do { background-color: #fff; border-color: #212529; color: #000; - - svg { - path { - fill: #000; - } - } } svg {