From ee4ca9df07f5695cbbc744bb40c5f75bf5d1195b Mon Sep 17 00:00:00 2001
From: duffyduck <info@hacker-net.de>
Date: Thu, 28 May 2026 11:27:02 +0200
Subject: [PATCH] Zugangsdaten-Card: Portal-Link des Anbieters anzeigen
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Im Vertragsdetail unter "Zugangsdaten" zwischen Benutzername und
Passwort jetzt eine zusätzliche Zeile "Portal-Link" mit klickbarem
Link zum Anbieter-Portal (öffnet in neuem Tab, mit Copy-Button).
Greift auf das bestehende c.provider.portalUrl-Feld zurück (wird
auch schon für den Auto-Login-Button verwendet).

Schema und Host werden im Anzeigetext gestrippt, die volle URL
bleibt im href und im title-Attribut sichtbar.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 .../src/pages/contracts/ContractDetail.tsx     | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/frontend/src/pages/contracts/ContractDetail.tsx b/frontend/src/pages/contracts/ContractDetail.tsx
index 35d48630..b23ff303 100644
--- a/frontend/src/pages/contracts/ContractDetail.tsx
+++ b/frontend/src/pages/contracts/ContractDetail.tsx
@@ -2416,6 +2416,24 @@ export default function ContractDetail() {
                 </dd>
               </div>
             )}
+            {c.provider?.portalUrl && (
+              <div>
+                <dt className="text-sm text-gray-500">Portal-Link</dt>
+                <dd className="flex items-center gap-1">
+                  <a
+                    href={c.provider.portalUrl}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="text-blue-600 hover:underline truncate"
+                    title={c.provider.portalUrl}
+                  >
+                    {c.provider.portalUrl.replace(/^https?:\/\//, '').replace(/\/$/, '')}
+                    <ExternalLink className="w-3 h-3 inline ml-1 -mt-0.5" />
+                  </a>
+                  <CopyButton value={c.provider.portalUrl} />
+                </dd>
+              </div>
+            )}
             {c.hasPortalPassword && (
               <div>
                 <dt className="text-sm text-gray-500">Passwort</dt>