Show warning icons in tabs (#260)

* Add unstyled warning to onion tab * Style the warning icon * Add warning for http3 * Add warning icon to global security tab * Surface warnings for domains * Show warning icon for duplicate domains * Improve http3 warning string names * Show warning message/icon for Brotli
2025-11-06 03:06:09 +08:00 · 2021-05-13 15:28:17 +01:00
parent fe5f2b234d
commit 27d090daeb
22 changed files with 172 additions and 79 deletions
--- a/src/nginxconfig/i18n/en/templates/domain_sections/https.js
+++ b/src/nginxconfig/i18n/en/templates/domain_sections/https.js
@@ -42,9 +42,9 @@ export default {
    certificationType: 'Certification type',
    customCertificate: 'Custom certificate',
    letsEncryptEmail: `${common.letsEncrypt} email`,
-    http3Warning1: 'HTTP/3 isn\'t a standard NGINX module, check the ',
-    http3Warning2: 'NGINX QUIC readme ',
-    http3Warning3: ' or the ',
-    http3Warning4: 'Cloudflare quiche project ',
-    http3Warning5: ' for how to build NGINX with HTTP/3!',
+    http3IsANonStandardModule: 'HTTP/3 isn\'t a standard NGINX module, check the ',
+    http3NginxQuicReadme: 'NGINX QUIC readme',
+    http3OrThe: ' or the ',
+    http3CloudflareQuicheProject: 'Cloudflare quiche project',
+    http3ForBuildingNginxWithHttp3: ' for how to build NGINX with HTTP/3!',
 };
--- a/src/nginxconfig/i18n/en/templates/global_sections/performance.js
+++ b/src/nginxconfig/i18n/en/templates/global_sections/performance.js
@@ -1,5 +1,5 @@
 /*
-Copyright 2020 DigitalOcean
+Copyright 2021 DigitalOcean

 This code is licensed under the MIT License.
 You may obtain a copy of the License at
@@ -31,6 +31,9 @@ export default {
    enableGzipCompression: `${common.enable} gzip compression`,
    brotliCompression: 'Brotli compression',
    enableBrotliCompression: `${common.enable} brotli compression`,
+    brotliIsANonStandardModule: 'Brotli isn\'t a standard NGINX module, check the ',
+    brotliGoogleNgxBrotliProject: 'Google ngx_brotli project',
+    brotliForBuildingNginxWithBrotli: ' for how to build NGINX with Brotli!',
    expirationForAssets: 'Expiration for assets',
    expirationForMedia: 'Expiration for media',
    expirationForSvgs: 'Expiration for SVGs',
--- a/src/nginxconfig/i18n/fr/templates/domain_sections/https.js
+++ b/src/nginxconfig/i18n/fr/templates/domain_sections/https.js
@@ -42,9 +42,9 @@ export default {
    certificationType: 'Type de certification',
    customCertificate: 'Certificat personnalisé',
    letsEncryptEmail: `E-mail ${common.letsEncrypt}`,
-    http3Warning1: 'HTTP/3 isn\'t a standard NGINX module, check the ', // TODO: translate
-    http3Warning2: 'NGINX QUIC readme ', // TODO: translate
-    http3Warning3: ' or the ', // TODO: translate
-    http3Warning4: 'Cloudflare quiche project ', // TODO: translate
-    http3Warning5: ' for how to build NGINX with HTTP/3!', // TODO: translate
+    http3IsANonStandardModule: 'HTTP/3 isn\'t a standard NGINX module, check the ', // TODO: translate
+    http3NginxQuicReadme: 'NGINX QUIC readme', // TODO: translate
+    http3OrThe: ' or the ', // TODO: translate
+    http3CloudflareQuicheProject: 'Cloudflare quiche project', // TODO: translate
+    http3ForBuildingNginxWithHttp3: ' for how to build NGINX with HTTP/3!', // TODO: translate
 };
--- a/src/nginxconfig/i18n/fr/templates/global_sections/performance.js
+++ b/src/nginxconfig/i18n/fr/templates/global_sections/performance.js
@@ -31,6 +31,9 @@ export default {
    enableGzipCompression: `${common.enable} la compression gzip`,
    brotliCompression: 'Compression Brotli',
    enableBrotliCompression: `${common.enable} la compression brotli`,
+    brotliIsANonStandardModule: 'Brotli isn\'t a standard NGINX module, check the ', // TODO: translate
+    brotliGoogleNgxBrotliProject: 'Google ngx_brotli project', // TODO: translate
+    brotliForBuildingNginxWithBrotli: ' for how to build NGINX with Brotli!', // TODO: translate
    expirationForAssets: 'Expiration des assets',
    expirationForMedia: 'Expiration des medias',
    expirationForSvgs: 'Expiration des SVGs',
--- a/src/nginxconfig/i18n/pt-br/templates/domain_sections/https.js
+++ b/src/nginxconfig/i18n/pt-br/templates/domain_sections/https.js
@@ -42,9 +42,9 @@ export default {
    certificationType: 'Tipo de certificação',
    customCertificate: 'Certificado personalizado',
    letsEncryptEmail: `E-mail do ${common.letsEncrypt}`,
-    http3Warning1: 'HTTP/3 isn\'t a standard NGINX module, check the ', // TODO: translate
-    http3Warning2: 'NGINX QUIC readme ', // TODO: translate
-    http3Warning3: ' or the ', // TODO: translate
-    http3Warning4: 'Cloudflare quiche project ', // TODO: translate
-    http3Warning5: ' for how to build NGINX with HTTP/3!', // TODO: translate
+    http3IsANonStandardModule: 'HTTP/3 isn\'t a standard NGINX module, check the ', // TODO: translate
+    http3NginxQuicReadme: 'NGINX QUIC readme', // TODO: translate
+    http3OrThe: ' or the ', // TODO: translate
+    http3CloudflareQuicheProject: 'Cloudflare quiche project', // TODO: translate
+    http3ForBuildingNginxWithHttp3: ' for how to build NGINX with HTTP/3!', // TODO: translate
 };
--- a/src/nginxconfig/i18n/pt-br/templates/global_sections/performance.js
+++ b/src/nginxconfig/i18n/pt-br/templates/global_sections/performance.js
@@ -1,5 +1,5 @@
 /*
-Copyright 2020 DigitalOcean
+Copyright 2021 DigitalOcean

 This code is licensed under the MIT License.
 You may obtain a copy of the License at
@@ -31,6 +31,9 @@ export default {
    enableGzipCompression: `${common.enable} compressão gzip`,
    brotliCompression: 'Compressão Brotli',
    enableBrotliCompression: `${common.enable} compressão brotli`,
+    brotliIsANonStandardModule: 'Brotli isn\'t a standard NGINX module, check the ', // TODO: translate
+    brotliGoogleNgxBrotliProject: 'Google ngx_brotli project', // TODO: translate
+    brotliForBuildingNginxWithBrotli: ' for how to build NGINX with Brotli!', // TODO: translate
    expirationForAssets: 'Expiração de ativos',
    expirationForMedia: 'Expiração de mídia',
    expirationForSvgs: 'Expiração de SVGs',
--- a/src/nginxconfig/i18n/ru/templates/domain_sections/https.js
+++ b/src/nginxconfig/i18n/ru/templates/domain_sections/https.js
@@ -42,9 +42,9 @@ export default {
    certificationType: 'Тип сертификации',
    customCertificate: 'Другой сертификат',
    letsEncryptEmail: `${common.letsEncrypt} email`,
-    http3Warning1: 'HTTP/3 isn\'t a standard NGINX module, check the ', // TODO: translate
-    http3Warning2: 'NGINX QUIC readme ', // TODO: translate
-    http3Warning3: ' or the ', // TODO: translate
-    http3Warning4: 'Cloudflare quiche project ', // TODO: translate
-    http3Warning5: ' for how to build NGINX with HTTP/3!', // TODO: translate
+    http3IsANonStandardModule: 'HTTP/3 isn\'t a standard NGINX module, check the ', // TODO: translate
+    http3NginxQuicReadme: 'NGINX QUIC readme', // TODO: translate
+    http3OrThe: ' or the ', // TODO: translate
+    http3CloudflareQuicheProject: 'Cloudflare quiche project', // TODO: translate
+    http3ForBuildingNginxWithHttp3: ' for how to build NGINX with HTTP/3!', // TODO: translate
 };
--- a/src/nginxconfig/i18n/ru/templates/global_sections/performance.js
+++ b/src/nginxconfig/i18n/ru/templates/global_sections/performance.js
@@ -31,6 +31,9 @@ export default {
    enableGzipCompression: `${common.enable} gzip сжатие`,
    brotliCompression: 'Brotli сжатие',
    enableBrotliCompression: `${common.enable} brotli сжатие`,
+    brotliIsANonStandardModule: 'Brotli isn\'t a standard NGINX module, check the ', // TODO: translate
+    brotliGoogleNgxBrotliProject: 'Google ngx_brotli project', // TODO: translate
+    brotliForBuildingNginxWithBrotli: ' for how to build NGINX with Brotli!', // TODO: translate
    expirationForAssets: 'Истечение срока для ассетов',
    expirationForMedia: 'Истечение срока для медиа файлов',
    expirationForSvgs: 'Истечение срока для SVG файлов',
--- a/src/nginxconfig/i18n/zh-cn/templates/domain_sections/https.js
+++ b/src/nginxconfig/i18n/zh-cn/templates/domain_sections/https.js
@@ -42,9 +42,9 @@ export default {
    certificationType: '证书类型',
    customCertificate: '本地证书',
    letsEncryptEmail: `${common.letsEncrypt} 邮箱`,
-    http3Warning1: 'HTTP/3 并不是一个标准的 NGINX 模块, 请查看 ',
-    http3Warning2: 'NGINX QUIC 使用文档',
-    http3Warning3: ' 或者 ',
-    http3Warning4: 'Cloudflare quiche 项目',
-    http3Warning5: ' 以构建支持 HTTP/3 的 NGINX!',
+    http3IsANonStandardModule: 'HTTP/3 并不是一个标准的 NGINX 模块, 请查看 ',
+    http3NginxQuicReadme: 'NGINX QUIC 使用文档',
+    http3OrThe: ' 或者 ',
+    http3CloudflareQuicheProject: 'Cloudflare quiche 项目',
+    http3ForBuildingNginxWithHttp3: ' 以构建支持 HTTP/3 的 NGINX!',
 };
--- a/src/nginxconfig/i18n/zh-cn/templates/global_sections/performance.js
+++ b/src/nginxconfig/i18n/zh-cn/templates/global_sections/performance.js
@@ -1,5 +1,5 @@
 /*
-Copyright 2020 DigitalOcean
+Copyright 2021 DigitalOcean

 This code is licensed under the MIT License.
 You may obtain a copy of the License at
@@ -31,6 +31,9 @@ export default {
    enableGzipCompression: `${common.enable}Gzip压缩`,
    brotliCompression: 'Brotli 压缩',
    enableBrotliCompression: `${common.enable}brotli压缩`,
+    brotliIsANonStandardModule: 'Brotli isn\'t a standard NGINX module, check the ', // TODO: translate
+    brotliGoogleNgxBrotliProject: 'Google ngx_brotli project', // TODO: translate
+    brotliForBuildingNginxWithBrotli: ' for how to build NGINX with Brotli!', // TODO: translate
    expirationForAssets: '资源有效期',
    expirationForMedia: '媒体资源有效期',
    expirationForSvgs: 'SVGs有效期',
--- a/src/nginxconfig/i18n/zh-tw/templates/domain_sections/https.js
+++ b/src/nginxconfig/i18n/zh-tw/templates/domain_sections/https.js
@@ -42,9 +42,9 @@ export default {
    certificationType: '證書類型',
    customCertificate: '本地證書',
    letsEncryptEmail: `${common.letsEncrypt} 郵箱`,
-    http3Warning1: 'HTTP/3 isn\'t a standard NGINX module, check the ', // TODO: translate
-    http3Warning2: 'NGINX QUIC readme ', // TODO: translate
-    http3Warning3: ' or the ', // TODO: translate
-    http3Warning4: 'Cloudflare quiche project ', // TODO: translate
-    http3Warning5: ' for how to build NGINX with HTTP/3!', // TODO: translate
+    http3IsANonStandardModule: 'HTTP/3 isn\'t a standard NGINX module, check the ', // TODO: translate
+    http3NginxQuicReadme: 'NGINX QUIC readme', // TODO: translate
+    http3OrThe: ' or the ', // TODO: translate
+    http3CloudflareQuicheProject: 'Cloudflare quiche project', // TODO: translate
+    http3ForBuildingNginxWithHttp3: ' for how to build NGINX with HTTP/3!', // TODO: translate
 };
--- a/src/nginxconfig/i18n/zh-tw/templates/global_sections/performance.js
+++ b/src/nginxconfig/i18n/zh-tw/templates/global_sections/performance.js
@@ -1,5 +1,5 @@
 /*
-Copyright 2020 DigitalOcean
+Copyright 2021 DigitalOcean

 This code is licensed under the MIT License.
 You may obtain a copy of the License at
@@ -31,6 +31,9 @@ export default {
    enableGzipCompression: `${common.enable}Gzip壓縮`,
    brotliCompression: 'Brotli 壓縮',
    enableBrotliCompression: `${common.enable}brotli壓縮`,
+    brotliIsANonStandardModule: 'Brotli isn\'t a standard NGINX module, check the ', // TODO: translate
+    brotliGoogleNgxBrotliProject: 'Google ngx_brotli project', // TODO: translate
+    brotliForBuildingNginxWithBrotli: ' for how to build NGINX with Brotli!', // TODO: translate
    expirationForAssets: '資源有效期',
    expirationForMedia: '媒體資源有效期',
    expirationForSvgs: 'SVGs有效期',