43 lines
2.6 KiB
HTML
43 lines
2.6 KiB
HTML
<form #editEntityForm="ngForm" [formGroup]="editEntityFormGroup" (ngSubmit)="save()" class="edit-entity-form">
|
|
<mat-toolbar fxLayout="row" color="primary">
|
|
<h2>{{entityName}} Alerts for {{user.firstName}} {{user.lastName}}</h2>
|
|
<span fxFlex></span>
|
|
<button mat-icon-button (click)="cancel()" type="button">
|
|
<mat-icon class="material-icons">close</mat-icon>
|
|
</button>
|
|
</mat-toolbar>
|
|
<mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async"> </mat-progress-bar>
|
|
<div style="height: 4px" *ngIf="!(isLoading$ | async)"></div>
|
|
<div mat-dialog-content fxLayout="column">
|
|
<div formGroupName="attributes" fxLayout="column">
|
|
<div fxLayout="row" fxLayoutGap="8px" fxLayout.xs="column" fxLayoutGap.xs="0">
|
|
<div class="boolean-value-input" fxLayout="column" fxLayoutAlign="center start" fxFlex>
|
|
<label class="checkbox-label">Alerts Email</label>
|
|
<mat-slide-toggle formControlName="alertsEmail" style="margin-bottom: 40px"> {{ (editEntityFormGroup.get('attributes.alertsEmail').value ? "value.true" : "value.false") | translate }} </mat-slide-toggle>
|
|
</div>
|
|
</div>
|
|
<div fxLayout="row" fxLayoutGap="8px" fxLayout.xs="column" fxLayoutGap.xs="0">
|
|
<div class="boolean-value-input" fxLayout="column" fxLayoutAlign="center start" fxFlex>
|
|
<label class="checkbox-label">Alerts SMS</label>
|
|
<mat-slide-toggle formControlName="alertsSMS" style="margin-bottom: 40px"> {{ (editEntityFormGroup.get('attributes.alertsSMS').value ? "value.true" : "value.false") | translate }} </mat-slide-toggle>
|
|
</div>
|
|
</div>
|
|
<div fxLayout="row" fxLayoutGap="8px" fxLayout.xs="column" fxLayoutGap.xs="0">
|
|
<div class="boolean-value-input" fxLayout="column" fxLayoutAlign="center start" fxFlex>
|
|
<label class="checkbox-label">Alerts Voice</label>
|
|
<mat-slide-toggle formControlName="alertsVoice" style="margin-bottom: 40px"> {{ (editEntityFormGroup.get('attributes.alertsVoice').value ? "value.true" : "value.false") | translate }} </mat-slide-toggle>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div mat-dialog-content fxLayout="column">
|
|
<p style="font-size: 15px">
|
|
When using SMS alerts messaging rates may apply.
|
|
</p>
|
|
</div>
|
|
<div mat-dialog-actions fxLayout="row" fxLayoutAlign="end center">
|
|
<button mat-button color="primary" type="button" [disabled]="(isLoading$ | async)" (click)="cancel()" cdkFocusInitial>Cancel</button>
|
|
<button mat-button mat-raised-button color="primary" type="submit" [disabled]="(isLoading$ | async) || editEntityForm.invalid || !editEntityForm.dirty">Save</button>
|
|
</div>
|
|
</form>
|