43 lines
1.6 KiB
HTML
43 lines
1.6 KiB
HTML
<h2>Email Templates</h2>
|
|
|
|
<button mat-stroked-button color="primary" (click)="openAddEmailTemplateDialog()">
|
|
<mat-icon fontIcon="add"></mat-icon>
|
|
create a new template
|
|
</button>
|
|
|
|
<mat-form-field appearance="fill" floatLabel="always" style="width: 100%; margin-top: 10px;">
|
|
<mat-label>Filter</mat-label>
|
|
<input matInput (keyup)="applyFilter($event)" placeholder="Filter..." #input />
|
|
</mat-form-field>
|
|
|
|
<table mat-table [dataSource]="emailsDatasource" matSort class="mat-elevation-z8">
|
|
|
|
<ng-container matColumnDef="id">
|
|
<th mat-header-cell *matHeaderCellDef style="width: 25%;" mat-sort-header sortActionDescription="Sort by ID"> Id
|
|
</th>
|
|
<td mat-cell *matCellDef="let element">
|
|
<a (click)="openEditEmailTemplateDialog(element)">{{element.id}}</a>
|
|
</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="description">
|
|
<th mat-header-cell *matHeaderCellDef mat-sort-header sortActionDescription="Sort by Description"> Description </th>
|
|
<td mat-cell *matCellDef="let element"> {{element.description}} </td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="buttons">
|
|
<th mat-header-cell *matHeaderCellDef style="text-align: right;" style="width: 20%"></th>
|
|
<td mat-cell *matCellDef="let element" class="table-buttons">
|
|
<button mat-stroked-button color="warn" (click)="deleteEmailTemplate(element)">delete</button>
|
|
</td>
|
|
</ng-container>
|
|
|
|
<tr mat-header-row *matHeaderRowDef="colums"></tr>
|
|
<tr mat-row *matRowDef="let row; columns: colums;"></tr>
|
|
|
|
<!-- Row shown when there is no matching data. -->
|
|
<tr class="mat-row" *matNoDataRow>
|
|
<td class="mat-cell" colspan="4" style="padding: 0 16px;">No data matching the filter "{{input.value}}"</td>
|
|
</tr>
|
|
</table>
|