system-notification-management-update.component.html

<div class="row justify-content-center">
    <div class="col-md-8">
        <form name="editForm" role="form" (ngSubmit)="save()" #editForm="ngForm" [formGroup]="form">
            <h2 id="myNotificationLabel" jhiTranslate="artemisApp.systemNotification.createOrEditLabel">Create or edit a system notification</h2>
            <div>
                <div class="form-group">
                    <label for="title" class="form-control-label" jhiTranslate="artemisApp.systemNotification.title">Title</label>
                    <input id="title" type="text" class="form-control" name="title" formControlName="title" />
                </div>
                <div class="form-group">
                    <label for="text" class="form-control-label" jhiTranslate="artemisApp.systemNotification.text">Text</label>
                    <input id="text" type="text" class="form-control" name="text" formControlName="text" />
                </div>
                <div class="form-group">
                    <label for="type" jhiTranslate="artemisApp.systemNotification.type">Type</label>
                    <select id="type" class="form-select" name="type" formControlName="type">
                        @for (systemNotificationType of systemNotificationTypes; track systemNotificationType) {
                            <option [value]="systemNotificationType.value">{{ systemNotificationType.name }}</option>
                        }
                    </select>
                </div>
                <div class="form-group">
                    <jhi-date-time-picker
                        [labelName]="'artemisApp.systemNotification.notificationDate' | artemisTranslate"
                        formControlName="notificationDate"
                        [shouldDisplayTimeZoneWarning]="false"
                        name="notificationDate"
                    />
                </div>
                <div class="form-group">
                    <jhi-date-time-picker
                        [labelName]="'artemisApp.systemNotification.expireDate' | artemisTranslate"
                        formControlName="expireDate"
                        [shouldDisplayTimeZoneWarning]="false"
                        name="expireDate"
                    />
                    @if (expireDate?.errors?.expireMustBeAfterNotification) {
                        <span class="text-danger">{{ 'error.systemNotificationNeedsNotificationBeforeExpiration' | artemisTranslate }}</span>
                    }
                </div>
            </div>
            <div>
                <button id="cancelButton" type="button" class="btn btn-secondary" (click)="goToOverview()">
                    <fa-icon [icon]="faBan" />&nbsp;<span jhiTranslate="entity.action.cancel">Cancel</span>
                </button>
                <button id="saveButton" type="submit" [disabled]="editForm.form.invalid || isSaving" class="btn btn-primary">
                    <fa-icon [icon]="faSave" />&nbsp;<span jhiTranslate="entity.action.save">Save</span>
                </button>
            </div>
        </form>
    </div>
</div>