flfeders/FEDEO
2
1
Fork 0
Code Issues 95 Pull Requests Actions Packages Projects 22 Releases Wiki Activity

KI-AGENT: Telekom Telefonie an Asterisk anbinden

Browse Source
This commit is contained in:
florianfederspiel
2026-05-21 16:04:48 +02:00
parent 9e7b5bc0b9
commit ee6c2d7420
8 changed files with 312 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
frontend/pages/communication/phone-setup.vue
View File

@@ -58,6 +58,93 @@ onMounted(loadTelephony)
</div>
</div>
<UCard>
<template #header>
<div class="flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between">
<div>
<h2 class="text-base font-semibold text-gray-950">
Externe Telefonie
</h2>
<p class="mt-1 text-sm text-gray-500">
Telekom-Anbindung über den lokalen Asterisk-Trunk.
</p>
</div>
<UBadge :color="config?.external?.enabled ? 'success' : 'neutral'" variant="soft">
{{ config?.external?.enabled ? "Aktiviert" : "Deaktiviert" }}
</UBadge>
</div>
</template>
<div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
<div class="rounded-lg border border-gray-200 bg-white p-4">
<div class="flex items-center gap-2">
<UIcon name="i-heroicons-building-office-2" class="text-gray-500" />
<span class="text-sm font-medium text-gray-700">Provider</span>
</div>
<p class="mt-3 text-lg font-semibold text-gray-950">
{{ config?.external?.provider || "-" }}
</p>
</div>
<div class="rounded-lg border border-gray-200 bg-white p-4">
<div class="flex items-center gap-2">
<UIcon name="i-heroicons-globe-alt" class="text-gray-500" />
<span class="text-sm font-medium text-gray-700">Registrar</span>
</div>
<p class="mt-3 break-all font-mono text-sm font-semibold text-gray-950">
{{ config?.external?.registrar || "-" }}
</p>
</div>
<div class="rounded-lg border border-gray-200 bg-white p-4">
<div class="flex items-center gap-2">
<UIcon name="i-heroicons-phone-arrow-down-left" class="text-gray-500" />
<span class="text-sm font-medium text-gray-700">Eingehend</span>
</div>
<p class="mt-3 text-lg font-semibold text-gray-950">
{{ config?.external?.inboundExtension || "-" }}
</p>
</div>
<div class="rounded-lg border border-gray-200 bg-white p-4">
<div class="flex items-center gap-2">
<UIcon name="i-heroicons-phone-arrow-up-right" class="text-gray-500" />
<span class="text-sm font-medium text-gray-700">Ausgehend</span>
</div>
<p class="mt-3 text-lg font-semibold text-gray-950">
Prefix {{ config?.external?.outboundPrefix || "0" }}
</p>
</div>
</div>
<div class="mt-4 grid gap-3 sm:grid-cols-2 lg:grid-cols-4">
<UAlert
:color="config?.external?.sipUserConfigured ? 'success' : 'warning'"
:icon="config?.external?.sipUserConfigured ? 'i-heroicons-check-circle' : 'i-heroicons-exclamation-triangle'"
title="SIP-ID"
:description="config?.external?.sipUserConfigured ? 'Konfiguriert' : 'Fehlt'"
/>
<UAlert
:color="config?.external?.passwordConfigured ? 'success' : 'warning'"
:icon="config?.external?.passwordConfigured ? 'i-heroicons-check-circle' : 'i-heroicons-exclamation-triangle'"
title="Kennwort"
:description="config?.external?.passwordConfigured ? 'Konfiguriert' : 'Fehlt'"
/>
<UAlert
:color="config?.external?.authUserConfigured ? 'success' : 'neutral'"
:icon="config?.external?.authUserConfigured ? 'i-heroicons-check-circle' : 'i-heroicons-information-circle'"
title="Auth-User"
:description="config?.external?.authUserConfigured ? 'Konfiguriert' : 'Optional'"
/>
<UAlert
:color="config?.external?.callerIdConfigured ? 'success' : 'neutral'"
:icon="config?.external?.callerIdConfigured ? 'i-heroicons-check-circle' : 'i-heroicons-information-circle'"
title="Absendernummer"
:description="config?.external?.callerIdConfigured ? 'Konfiguriert' : 'Optional'"
/>
</div>
</UCard>
<div class="grid gap-4 lg:grid-cols-[1.1fr_0.9fr]">
<UCard>
<template #header>