From 59e54bd97f70711573d321f2d2aeee5da46bf95d Mon Sep 17 00:00:00 2001
From: Gregor Kleen <gkleen@yggdrasil.li>
Date: Sun, 2 Oct 2022 18:46:48 +0200
Subject: ...

---
 overlays/spm/frontend/src/app/spm/spm.component.html | 5 ++++-
 overlays/spm/frontend/src/app/spm/spm.component.sass | 4 ++++
 2 files changed, 8 insertions(+), 1 deletion(-)

(limited to 'overlays/spm/frontend')

diff --git a/overlays/spm/frontend/src/app/spm/spm.component.html b/overlays/spm/frontend/src/app/spm/spm.component.html
index 5d0e625a..416da91f 100644
--- a/overlays/spm/frontend/src/app/spm/spm.component.html
+++ b/overlays/spm/frontend/src/app/spm/spm.component.html
@@ -1,7 +1,10 @@
 <div id="mail-panel-container" fxLayout="row wrap" style="gap: 16px">
   <ng-template ngFor [ngForOf]="spmMails$ | async | keyvalue: asIsOrder" let-entry>
     <mat-card>
-      <mat-card-title class="mono" *ngIf="entry.value.state !== 'loading'">{{entry.value.local}}</mat-card-title>
+      <mat-card-title class="mono" *ngIf="entry.value.state !== 'loading' && entry.value.state !== 'claimed'">{{entry.value.local}}</mat-card-title>
+      <mat-card-title class="mono" *ngIf="entry.value.state === 'claimed'">
+        <a href="mailto:{{entry.value.local}}@{{entry.value.domain}}">{{entry.value.local}}</a>
+      </mat-card-title>
       <mat-card-subtitle class="mono" *ngIf="entry.value.state !== 'loading'">@{{entry.value.domain}}</mat-card-subtitle>
       <mat-card-content *ngIf="entry.value.state === 'loading'">
         <mat-spinner style="margin: auto"></mat-spinner>
diff --git a/overlays/spm/frontend/src/app/spm/spm.component.sass b/overlays/spm/frontend/src/app/spm/spm.component.sass
index 74ad7d0e..773eb879 100644
--- a/overlays/spm/frontend/src/app/spm/spm.component.sass
+++ b/overlays/spm/frontend/src/app/spm/spm.component.sass
@@ -1,3 +1,7 @@
+a
+  color: inherit
+  text-decoration: inherit
+
 #add-button
   position: fixed
   bottom: 16px
-- 
cgit v1.2.3