Commit 8eae68bd authored by Juraj Fiala's avatar Juraj Fiala
Browse files

feat: Country tweaks

parent 1b6a8504
<mat-toolbar color="primary" class="flex flex-row">
<button mat-icon-button routerLink="/auth/countries" aria-label="Cancel editing">
<mat-icon>arrow_back</mat-icon>
</button>
<span>Country detail</span>
<span class="flex-1"></span>
<button mat-icon-button [matMenuTriggerFor]="menu" aria-label="Example icon-button with a menu">
<mat-icon>more_vert</mat-icon>
</button>
<mat-menu #menu="matMenu">
<button mat-menu-item>Delete</button>
</mat-menu>
</mat-toolbar>
<div *ngIf="state === requestState.ERROR">
Error occured: {{ errorMessage }}
</div>
<div *ngIf="country && state === requestState.SUCCESS" class="flex flex-col max-w-xl m-auto p-4">
<div *ngIf="country && state === requestState.SUCCESS" class="main-container">
<div *ngIf="!editing">
<h1>{{ country.name}}</h1>
......@@ -77,7 +96,7 @@
</button>
<button color="accent" *ngIf="editing" mat-fab (click)="setEditing(false)" class="!fixed right-8 bottom-20"
aria-label="Example icon button with a delete icon">
aria-label="Edit country details">
<mat-icon>done</mat-icon>
</button>
</div>
<div *ngIf="state === requestState.ERROR">
Error occured: {{ errorMessage }}
</div>
<div *ngIf="state === requestState.SUCCESS" class="max-w-xl m-auto">
<div *ngIf="state === requestState.SUCCESS" class="main-container">
<mat-action-list>
<mat-list-item *ngFor="let country of countries" [routerLink]="['/auth/country/', country.id]">
<p matLine class="!text-xs !tracking-widest capitalize"> {{country.code}} </p>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment