country-list.component.html 653 Bytes
Newer Older
Juraj Fiala's avatar
Juraj Fiala committed
1
2
3
<div *ngIf="state === requestState.ERROR">
  Error occured: {{ errorMessage }}
</div>
Juraj Fiala's avatar
Juraj Fiala committed
4
<div *ngIf="state === requestState.SUCCESS" class="main-container">
Juraj Fiala's avatar
Juraj Fiala committed
5
6
  <mat-action-list>
    <mat-list-item *ngFor="let country of countries" [routerLink]="['/auth/country/', country.id]">
7
      <p matLine class="!text-xs !tracking-widest uppercase"> {{country.code}} </p>
Juraj Fiala's avatar
Juraj Fiala committed
8
9
10
11
      <p matLine> {{country.name}} </p>
      <mat-divider></mat-divider>
    </mat-list-item>
  </mat-action-list>
Juraj Fiala's avatar
Juraj Fiala committed
12

13
  <button mat-fab color="accent" class="!fixed right-8 bottom-20" routerLink="../country/create" aria-label="Create new country">
Juraj Fiala's avatar
Juraj Fiala committed
14
15
    <mat-icon>add</mat-icon>
  </button>
Juraj Fiala's avatar
Juraj Fiala committed
16
</div>