paperless-ngx/src-ui/src/app/components/common/email-document-dialog/email-document-dialog.component.html

<div class="modal-header">
    <h4 class="modal-title" id="modal-basic-title">{{title}}</h4>
    <button type="button" class="btn-close" aria-label="Close" (click)="close()"></button>
</div>
<div class="modal-body">
    <div class="mb-1">
        <label for="email" class="form-label" i18n>Email address(es)</label>
        <input type="email" class="form-control" id="email" [(ngModel)]="emailAddress">
    </div>
    <div class="mb-1">
        <label for="email" class="form-label" i18n>Subject</label>
        <input type="email" class="form-control" id="subject" [(ngModel)]="emailSubject">
    </div>
    <div>
        <label for="message" class="form-label" i18n>Message</label>
        <textarea class="form-control" id="message" rows="3" [(ngModel)]="emailMessage"></textarea>
    </div>
</div>
<div class="modal-footer">
    <div class="input-group">
        <div class="input-group-text flex-grow-1">
            <input class="form-check-input mt-0 me-2" type="checkbox" role="switch" id="useArchiveVersion" [disabled]="!hasArchiveVersion" [(ngModel)]="useArchiveVersion">
            <label class="form-check-label w-100 text-start" for="useArchiveVersion" i18n>Use archive version</label>
        </div>
        <button type="submit" class="btn btn-outline-primary" (click)="emailDocument()" [disabled]="loading || emailAddress.length === 0 || emailMessage.length === 0 || emailSubject.length === 0">
            @if (loading) {
                <div class="spinner-border spinner-border-sm me-2" role="status"></div>
            }
            <ng-container i18n>Send email</ng-container>
        </button>
    </div>
</div>