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>