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