From 4c5d78369976eb3d3fa61bcfc5d639e7a8e3164c Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Mon, 9 Jun 2025 21:02:56 +0200
Subject: [PATCH] trim() ipv4/6 input values

---
 dashboard/src/components/Ipv4Config.vue | 6 +++---
 dashboard/src/components/Ipv6Config.vue | 8 ++++----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/dashboard/src/components/Ipv4Config.vue b/dashboard/src/components/Ipv4Config.vue
index f2752fb73..56c20a206 100644
--- a/dashboard/src/components/Ipv4Config.vue
+++ b/dashboard/src/components/Ipv4Config.vue
@@ -61,8 +61,8 @@ function onConfigure() {
   editBusy.value = false;
   editError.value = {};
   editProvider.value = provider.value;
-  editAddress.value = address.value;
-  editInterfaceName.value = interfaceName.value;
+  editAddress.value = address.value || '';
+  editInterfaceName.value = interfaceName.value || '';
 
   dialog.value.open();
 }
@@ -73,7 +73,7 @@ async function onSubmit() {
   editBusy.value = true;
   editError.value = {};
 
-  const [error] = await networkModel.setIpv4Config(editProvider.value, editAddress.value, editInterfaceName.value);
+  const [error] = await networkModel.setIpv4Config(editProvider.value, editAddress.value.trim(), editInterfaceName.value.trim());
   if (error) {
     editBusy.value = false;
     if (error.body && error.body.message === 'invalid IPv4') editError.value.ipv4 = error.body.message;
diff --git a/dashboard/src/components/Ipv6Config.vue b/dashboard/src/components/Ipv6Config.vue
index dac350d00..999785b68 100644
--- a/dashboard/src/components/Ipv6Config.vue
+++ b/dashboard/src/components/Ipv6Config.vue
@@ -61,8 +61,8 @@ function onConfigure() {
   editBusy.value = false;
   editError.value = {};
   editProvider.value = provider.value;
-  editAddress.value = address.value;
-  editInterfaceName.value = interfaceName.value;
+  editAddress.value = address.value || '';
+  editInterfaceName.value = interfaceName.value || '';
 
   dialog.value.open();
 }
@@ -73,7 +73,7 @@ async function onSubmit() {
   editBusy.value = true;
   editError.value = {};
 
-  const [error] = await networkModel.setIpv6Config(editProvider.value, editAddress.value, editInterfaceName.value);
+  const [error] = await networkModel.setIpv6Config(editProvider.value, editAddress.value.trim(), editInterfaceName.value.trim());
   if (error) {
     editBusy.value = false;
     if (error.body && error.body.message === 'invalid IPv6') editError.value.ipv4 = error.body.message;
@@ -132,7 +132,7 @@ onMounted(async () => {
               <label for="interfaceNameInput">{{ $t('network.ip.interface') }}</label>
               <TextInput id="interfaceNameInput" v-model="editInterfaceName" :required="editProvider === 'network-interface'" />
               <div class="error-label" v-show="editError.ifname">{{ editError.ifname }}</div>
-              <p>{{ $t('network.ip.interfaceDescription') }} <code>ip -f inet -br addr</code></p>
+              <p>{{ $t('network.ip.interfaceDescription') }} <code>ip -f inet6 -br addr</code></p>
             </FormGroup>
           </fieldset>
         </form>