KI-AGENT: Anrufbuttons und Telefoniejournal erweitern

frontend/components/EntityShowSubInformation.vue

@@ -60,6 +60,22 @@ const renderDatapointValue = (datapoint) => {
   return `${value}${datapoint.unit ? datapoint.unit : ""}`
 }
 
+const isTelephonyDatapoint = (datapoint) => {
+  if (datapoint.telephonyCall) return true
+
+  const key = String(datapoint.key || "").toLowerCase()
+  return [
+    "phone",
+    "tel",
+    "mobile",
+    "mobiletel",
+    "phonemobile",
+    "phonehome",
+    "fixed_tel",
+    "mobile_tel",
+  ].some((part) => key.includes(part))
+}
+
 </script>
 
 <template>
@@ -84,6 +100,12 @@ const renderDatapointValue = (datapoint) => {
           <td>{{datapoint.label}}:</td>
           <td>
             <component v-if="datapoint.component" :is="datapoint.component" :row="props.item" :in-show="true"></component>
+            <div v-else-if="isTelephonyDatapoint(datapoint) && getDatapointValue(datapoint)" class="flex flex-wrap items-center gap-2">
+              <TelephonyCallButton
+                  :number="getDatapointValue(datapoint)"
+                  :label="renderDatapointValue(datapoint)"
+              />
+            </div>
             <div v-else>
               <span>{{ renderDatapointValue(datapoint) }}</span>
             </div>

frontend/components/TelephonyCallButton.vue

@@ -0,0 +1,51 @@
+<script setup>
+const props = defineProps({
+  number: {
+    type: [String, Number],
+    default: ""
+  },
+  label: {
+    type: String,
+    default: ""
+  },
+  size: {
+    type: String,
+    default: "xs"
+  },
+  variant: {
+    type: String,
+    default: "soft"
+  }
+})
+
+const router = useRouter()
+
+const normalizedNumber = computed(() => String(props.number || "").trim())
+const displayLabel = computed(() => props.label || normalizedNumber.value)
+const canCall = computed(() => normalizedNumber.value.length > 0)
+
+const openSoftphone = async () => {
+  if (!canCall.value) return
+
+  await router.push({
+    path: "/communication/phone",
+    query: {
+      call: normalizedNumber.value,
+      name: props.label || undefined
+    }
+  })
+}
+</script>
+
+<template>
+  <UButton
+    icon="i-heroicons-phone"
+    color="primary"
+    :size="size"
+    :variant="variant"
+    :disabled="!canCall"
+    @click="openSoftphone"
+  >
+    {{ displayLabel }}
+  </UButton>
+</template>