Initial Commit
This commit is contained in:
54
otis/src/app/cases/case-list/case-list.component.html
Normal file
54
otis/src/app/cases/case-list/case-list.component.html
Normal file
@ -0,0 +1,54 @@
|
||||
<mat-card>
|
||||
<mat-card-title-group>
|
||||
<mat-card-title>Cases</mat-card-title>
|
||||
<a mat-button [routerLink]="['/cases', 'new']">
|
||||
<mat-icon>add_box</mat-icon>
|
||||
Add
|
||||
</a>
|
||||
</mat-card-title-group>
|
||||
<mat-card-content>
|
||||
<mat-table #table [dataSource]="dataSource" aria-label="Elements">
|
||||
<!-- Name Column -->
|
||||
<ng-container matColumnDef="name">
|
||||
<mat-header-cell *matHeaderCellDef>Name</mat-header-cell>
|
||||
<mat-cell *matCellDef="let row"
|
||||
><a [routerLink]="['/cases', row.id]">{{ row.name }}</a></mat-cell
|
||||
>
|
||||
</ng-container>
|
||||
|
||||
<!-- Mobile Column -->
|
||||
<ng-container matColumnDef="mobile">
|
||||
<mat-header-cell *matHeaderCellDef>Mobile</mat-header-cell>
|
||||
<mat-cell *matCellDef="let row">{{ row.mobile }}</mat-cell>
|
||||
</ng-container>
|
||||
|
||||
<!-- Landline Column -->
|
||||
<ng-container matColumnDef="landline">
|
||||
<mat-header-cell *matHeaderCellDef>Landline</mat-header-cell>
|
||||
<mat-cell *matCellDef="let row">{{ row.landline }}</mat-cell>
|
||||
</ng-container>
|
||||
|
||||
<!-- Email Column -->
|
||||
<ng-container matColumnDef="email">
|
||||
<mat-header-cell *matHeaderCellDef>Email</mat-header-cell>
|
||||
<mat-cell *matCellDef="let row">{{ row.email }}</mat-cell>
|
||||
</ng-container>
|
||||
|
||||
<!-- Address Column -->
|
||||
<ng-container matColumnDef="address">
|
||||
<mat-header-cell *matHeaderCellDef>Address</mat-header-cell>
|
||||
<mat-cell *matCellDef="let row">{{ row.address }}</mat-cell>
|
||||
</ng-container>
|
||||
|
||||
<!-- Case Column -->
|
||||
<ng-container matColumnDef="office">
|
||||
<mat-header-cell *matHeaderCellDef>Address</mat-header-cell>
|
||||
<mat-cell *matCellDef="let row"
|
||||
>{{ row.department?.name }} / {{ row.office?.name }}</mat-cell
|
||||
>
|
||||
</ng-container>
|
||||
<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
|
||||
<mat-row *matRowDef="let row; columns: displayedColumns"></mat-row>
|
||||
</mat-table>
|
||||
</mat-card-content>
|
||||
</mat-card>
|
||||
Reference in New Issue
Block a user