From f1d7b57a2138a74f7bdd973b78ecf03a4dcf1fa4 Mon Sep 17 00:00:00 2001
From: Samuel Lorch <sam@soontm.de>
Date: Tue, 30 Jul 2024 18:36:04 +0200
Subject: [PATCH] User EnumTypeDisplay for objects

---
 client/src/pages/object/addresses.vue | 9 +++++----
 client/src/pages/object/services.vue  | 5 +++--
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/client/src/pages/object/addresses.vue b/client/src/pages/object/addresses.vue
index 5af55dc..894909a 100644
--- a/client/src/pages/object/addresses.vue
+++ b/client/src/pages/object/addresses.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { apiCall } from '../../api';
 import getPlugins from '../../plugins';
+import EnumTypeDisplay from '~/components/display/EnumTypeDisplay.vue';
 const p = getPlugins();
 
 let addresses = $ref([]);
@@ -9,7 +10,7 @@ let selection = $ref([] as number[]);
 
 const columns = [
   { heading: 'Name', path: 'name' },
-  { heading: 'Type', path: 'type' },
+  { heading: 'Type', path: 'type', component: markRaw(EnumTypeDisplay), componentProp: 'data' },
   { heading: 'Value', path: 'value' },
   { heading: 'Comment', path: 'comment' },
 ];
@@ -33,7 +34,7 @@ const displayData = $computed(() => {
     data.push({
       name: addresses[index].name,
       value: getAddressValue(addresses[index]),
-      type: addresses[index].type,
+      type: addresses[index].address_type,
       comment: addresses[index].comment,
     });
   }
@@ -42,7 +43,7 @@ const displayData = $computed(() => {
 
 function getAddressValue(s: any): string {
   let value: string;
-  switch (s.type) {
+  switch (s.address_type) {
   case 'host':
     value = s.host;
     break;
@@ -88,4 +89,4 @@ onMounted(async() => {
     <button :disabled="selection.length != 1" @click="editAddress">Edit</button>
     <button :disabled="selection.length != 1" @click="deleteAddress">Delete</button>
   </TableView>
-</template>
\ No newline at end of file
+</template>
diff --git a/client/src/pages/object/services.vue b/client/src/pages/object/services.vue
index f34e586..5801255 100644
--- a/client/src/pages/object/services.vue
+++ b/client/src/pages/object/services.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { apiCall } from '../../api';
 import getPlugins from '../../plugins';
+import EnumTypeDisplay from '~/components/display/EnumTypeDisplay.vue';
 const p = getPlugins();
 
 let services = $ref({});
@@ -9,7 +10,7 @@ let selection = $ref([] as number[]);
 
 const columns = [
   { heading: 'Name', path: 'name' },
-  { heading: 'Type', path: 'type' },
+  { heading: 'Type', path: 'type', component: markRaw(EnumTypeDisplay), componentProp: 'data' },
   { heading: 'Value', path: 'value' },
   { heading: 'Comment', path: 'comment' },
 ];
@@ -91,4 +92,4 @@ onMounted(async() => {
     <button :disabled="selection.length != 1" @click="editService">Edit</button>
     <button :disabled="selection.length != 1" @click="deleteService">Delete</button>
   </TableView>
-</template>
\ No newline at end of file
+</template>