feat: add let's encrypt toggle; various fixes (#110)

Author: andre8244

ui/package.json

@@ -11,7 +11,7 @@
   "dependencies": {
     "@carbon/icons-vue": "^10.37.0",
     "@carbon/vue": "^2.40.0",
-    "@nethserver/ns8-ui-lib": "^1.4.1",
+    "@nethserver/ns8-ui-lib": "^1.7.0",
     "await-to-js": "^3.0.0",
     "axios": "^0.30.0",
     "carbon-components": "^10.41.0",

ui/public/i18n/en/translation.json

@@ -8,7 +8,8 @@
     "save": "Save",
     "clear_search": "Clear search",
     "no_search_results": "No results found",
-    "no_search_results_description": "We couldn't find any results for your search"
+    "no_search_results_description": "We couldn't find any results for your search",
+    "loading": "Loading"
   },
   "status": {
     "title": "Status",
@@ -56,11 +57,12 @@
     "fqdn_helper": "FQDN of the instance. Must be a valid domain name",
     "address": "Public IP address",
     "address_helper": "IPv4 address expected to receive VoIP traffic",
-    "public_address": "Public IP address",
-    "public_address_helper": "Public IPV4 address expected to receive VoIP traffic, in case of NAT",
     "addresses_format": "Must be in IPv4 format",
-    "interfaces": "Network interfaces",
-    "interfaces_placeholder": "Select interface"
+    "interface": "Network interface",
+    "interface_placeholder": "Select interface",
+    "address_and_iface_dont_match": "@:settings.interface and @:settings.address do not match",
+    "address_and_iface_dont_match_message": "For the devices in the PBX local network to work correctly, the 'Hairpin NAT' feature — also known as 'NAT reflection', 'NAT hairpinning', 'NAT on a stick' or 'Loopback NAT' — must be enabled on the firewall (specifically, on the device that manages the NAT of the public IP).",
+    "address_tooltip": "This is required only if it differs from @:settings.interface address. The address is filled automatically based on the resolved FQDN above, but you can change it if needed."
   },
   "about": {
     "title": "About"
@@ -82,7 +84,8 @@
     "edit-rule": "Edit rule",
     "Trunks_list_error": "Cannot retrieve trunk routing rules",
     "list-service-providers": "List service providers",
-    "list-trunks": "List trunks"
+    "list-trunks": "List trunks",
+    "get-available-interfaces": "Get available interfaces"
   },
   "error": {
     "error": "Error",
@@ -98,10 +101,8 @@
     "cannot_retrieve_module_info": "Cannot retrieve module info",
     "cannot_retrieve_installed_modules": "Cannot retrieve installed modules",
     "error_loading_providers": "Error loading list-service-providers",
-    "provider_missing_fields": "One instance have missing fields: {module_id}"
-  },
-  "warning": {
-    "warning_title_message": "Warning: IP addresses don't match",
-    "different_ip_message": "In order for the devices in the PBX local network to work correctly, the 'hairpin NAT' function, also known as NAT reflection / NAT hairpining / NAT on a stick / loopback NAT, must be enabled on the firewall (more precisely on the device that manages the NAT of the public IP)."
+    "provider_missing_fields": "One instance has missing fields: {module_id}",
+    "invalid_fqdn": "FQDN cannot end with .invalid",
+    "address_cannot_be_same_as_iface": "Enter the public IP address only if it differs from the network interface IP address"
   }
 }

ui/public/i18n/it/translation.json

@@ -8,7 +8,8 @@
         "save": "Salva",
         "clear_search": "Pulisci ricerca",
         "no_search_results": "Nessun risultato trovato",
-        "no_search_results_description": "Non abbiamo trovato nessun risultato per la tua ricerca"
+        "no_search_results_description": "Non abbiamo trovato nessun risultato per la tua ricerca",
+        "loading": "Caricamento"
     },
     "status": {
         "node": "Nodo",
@@ -32,13 +33,14 @@
         "configure_instance": "Configura {instance}",
         "fqdn": "Dominio proxy",
         "fqdn_helper": "FQDN dell'istanza. Deve essere un nome di dominio valido",
-        "address": "Indirizzo IP",
-        "address_helper": "Indirizzo IPv4che riceverà il traffico VoIP",
-        "public_address": "Indirizzo IP pubblico",
-        "public_address_helper": "Indirizzo IPV4 pubblico che riceverà il traffico VoIP, in caso di NAT",
+        "address": "Indirizzo IP pubblico",
+        "address_helper": "Indirizzo IPv4 che riceverà il traffico VoIP",
         "addresses_format": "Deve essere nel formato IPv4",
-        "interfaces": "Interfacce di rete",
-        "interfaces_placeholder": "Seleziona un'interfaccia"
+        "interface": "Interfaccia di rete",
+        "interface_placeholder": "Seleziona interfaccia",
+        "address_and_iface_dont_match": "@:settings.interface e @:settings.address non corrispondono",
+        "address_and_iface_dont_match_message": "Affinché i dispositivi nella rete locale del PBX funzionino correttamente, la funzione 'Hairpin NAT' — nota anche come 'NAT reflection', 'NAT hairpinning', 'NAT on a stick' o 'Loopback NAT' — deve essere abilitata sul firewall (in particolare, sul dispositivo che gestisce il NAT dell'IP pubblico).",
+        "address_tooltip": "Questo è richiesto solo se differisce dall'indirizzo di @:settings.interface. L'indirizzo viene compilato automaticamente in base al FQDN risolto sopra, ma puoi modificarlo se necessario."
     },
     "error": {
         "error": "Errore",
@@ -54,7 +56,9 @@
         "root_invalid_alphanumeric_format": "Il nome radice deve essere alfanumerico (solo lettere e numeri)",
         "root_already_exists": "Una regola con questo nome radice esiste già",
         "error_loading_providers": "Errore caricamento lista provider di servizio",
-        "provider_missing_fields": "Un'istanza ha campi mancanti: {module_id}"
+        "provider_missing_fields": "Un'istanza ha campi mancanti: {module_id}",
+        "invalid_fqdn": "Il FQDN non può terminare con .invalid",
+        "address_cannot_be_same_as_iface": "Inserisci l'indirizzo IP pubblico solo se è diverso dall'indirizzo IP dell'interfaccia di rete"
     },
     "action": {
         "configure-module": "Configura modulo",
@@ -70,18 +74,15 @@
         "delete-rule": "Elimina regola",
         "add-rule": "Aggiungi regola",
         "edit-rule": "Modifica regola",
-        "list-service-providers": "Caricamento lista provider di servizio"
+        "list-service-providers": "Caricamento lista provider di servizio",
+        "get-available-interfaces": "Visualizza interfacce disponibili"
     },
     "task": {
         "cannot_create_task": "Impossibile eseguire task {action}"
     },
     "about": {
         "title": "Informazioni"
     },
-    "warning": {
-        "warning_title_message": "Attenzione: gli indirizzi IP non corrispondono",
-        "different_ip_message": "Per il corretto funzionamento dei dispositivi della rete locale PBX è necessario che sul firewall (più precisamente sul dispositivo che gestisce il NAT dell'IP pubblico) sia abilitata la funzione 'hairpin NAT', nota anche come NAT reflection / NAT hairpining / NAT on a stick / loopback NAT."
-    },
     "trunks": {
         "add_rule": "Aggiungi regola",
         "edit_rule": "Modifica regola",

ui/src/App.vue

@@ -122,4 +122,16 @@ export default {
 
 <style lang="scss">
 @import "styles/carbon-utils";
+
+.top-0\.5 {
+  top: 2px;
+}
+
+.relative {
+  position: relative;
+}
+
+.mb-0 {
+  margin-bottom: 0 !important;
+}
 </style>