feat: add let's encrypt toggle; various fixes

Author: andre8244

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"
@@ -98,10 +100,7 @@
     "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 have missing fields: {module_id}",
+    "invalid_fqdn": "FQDN cannot end with .invalid"
   }
 }

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>