Merge pull request #264 from NHAS/fix/webhook_multiselect

Fix/webhook multiselect

Author: NHAS

adminui/frontend/package-lock.json

@@ -23,7 +23,7 @@
     "axios": "^1.7.7",
     "pinia": "^2.2.2",
     "vue": "^3.5.4",
-    "vue-multiselect": "^3.3.1",
+    "vue-multiselect": "^3.5.0",
     "vue-router": "^4.4.4",
     "vue-toastification": "^2.0.0-rc.5"
   },

adminui/frontend/package.json

@@ -23,6 +23,8 @@ import {
   type WebhookJsonAttributesRoles
 } from '@/api'
 
+import Multiselect from 'vue-multiselect'
+
 const toast = useToast()
 const { catcher } = useToastError()
 
@@ -343,8 +345,10 @@ async function createWebhookTrigger() {
           <div v-if="incommingAttributes.error == ''" class="overflow-y-scroll max-h-[130px]">
             <table class="table overflow-scroll">
               <thead>
-                <td>Attribute</td>
-                <td>Value</td>
+                <tr>
+                  <th>Attribute</th>
+                  <th>Value</th>
+                </tr>
               </thead>
               <tbody>
                 <tr class="hover" v-for="attribute in filteredAttributes" :key="attribute.key">
@@ -378,6 +382,7 @@ async function createWebhookTrigger() {
             <div>
               <label class="typo__label">{{ attribute.friendlyName }}</label>
 
+            
               <Multiselect
                 v-model="attribute.data.value"
                 :options="incommingAttributes.attributes"