78 lines
2.6 KiB
HTML
78 lines
2.6 KiB
HTML
<!--
|
|
Copyright since 2025 Mifos Initiative
|
|
|
|
This Source Code Form is subject to the terms of the Mozilla Public
|
|
License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
|
-->
|
|
|
|
<h1 mat-dialog-title class="ced-title">
|
|
<span class="ced-title__icon">✉</span>
|
|
Approval Email
|
|
|
|
<div class="ced-status-row">
|
|
@if (data.emailSent) {
|
|
<span class="ced-chip ced-chip--sent"> <span class="ced-chip__dot"></span>Sent </span>
|
|
} @else {
|
|
<span class="ced-chip ced-chip--notsent"> <span class="ced-chip__dot"></span>Not sent </span>
|
|
}
|
|
|
|
@if (data.emailOpenedAt) {
|
|
<span class="ced-chip ced-chip--seen"> <fa-icon icon="eye" class="ced-chip__icon"></fa-icon>Seen </span>
|
|
} @else {
|
|
<span class="ced-chip ced-chip--notseen">
|
|
<fa-icon icon="eye-slash" class="ced-chip__icon"></fa-icon>Not yet seen
|
|
</span>
|
|
}
|
|
</div>
|
|
</h1>
|
|
|
|
<div mat-dialog-content class="ced-content">
|
|
<!-- Classic Email Header (Gmail Style) -->
|
|
<div class="ced-gmail-header">
|
|
<h2 class="ced-gmail-subject">{{ data.emailSubject ?? '(No Subject)' }}</h2>
|
|
|
|
<div class="ced-gmail-meta">
|
|
<div class="ced-gmail-avatar">
|
|
<div class="ced-gmail-avatar-letter">C</div>
|
|
</div>
|
|
|
|
<div class="ced-gmail-meta-content">
|
|
<div class="ced-gmail-meta-top">
|
|
<span class="ced-gmail-sender-name">CBSNexora</span>
|
|
<span class="ced-gmail-sender-email"><{{ data.emailFrom ?? 'noreply@cbsnexora.in' }}></span>
|
|
<span class="ced-gmail-spacer"></span>
|
|
<span class="ced-gmail-date">{{ data.emailSentAt ? formatDate(data.emailSentAt) : '—' }}</span>
|
|
</div>
|
|
<div class="ced-gmail-meta-bottom">
|
|
<span class="ced-gmail-to">
|
|
to
|
|
@if (data.emailTo) {
|
|
{{ data.emailTo }}
|
|
} @else {
|
|
<span style="font-style: italic; color: #d32f2f">No email on file</span>
|
|
}
|
|
</span>
|
|
<fa-icon icon="caret-down" class="ced-gmail-caret"></fa-icon>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- HTML email body -->
|
|
@if (data.emailBody) {
|
|
<div class="ced-email-body" [innerHTML]="safeBody"></div>
|
|
} @else {
|
|
<div class="ced-empty">
|
|
<p>No email content available.</p>
|
|
@if (!data.emailSent) {
|
|
<p class="ced-empty__hint">The email has not been sent yet for this edit.</p>
|
|
}
|
|
</div>
|
|
}
|
|
</div>
|
|
|
|
<mat-dialog-actions align="end">
|
|
<button mat-raised-button color="primary" mat-dialog-close>Close</button>
|
|
</mat-dialog-actions>
|