41 lines
1.4 KiB
HTML
41 lines
1.4 KiB
HTML
<ion-header>
|
|
<ion-toolbar>
|
|
<ion-buttons slot="start">
|
|
<ion-menu-button></ion-menu-button>
|
|
</ion-buttons>
|
|
<ion-title>Result Page</ion-title>
|
|
</ion-toolbar>
|
|
</ion-header>
|
|
|
|
<ion-content>
|
|
<ion-list *ngFor="let country of countries; let i=index;">
|
|
<ion-item-sliding>
|
|
<ion-item-options side="start">
|
|
<ion-item-option >Favorite</ion-item-option>
|
|
<ion-item-option color="danger">Share</ion-item-option>
|
|
</ion-item-options>
|
|
<ion-item routerLink="">
|
|
<ion-avatar slot="start">
|
|
<img src="assets/img/flags/iconfinder.com.png">
|
|
</ion-avatar>
|
|
<ion-label>
|
|
<h2>{{country.cs_country_name}}</h2>
|
|
<p>Continent: {{country.cs_country_continent}}</p>
|
|
<p>Surface Area: {{country.cs_country_area}}</p>
|
|
<p>Population: {{country.cs_country_population}}</p>
|
|
<p>Driving Side: {{country.cs_country_drivingSide}}</p>
|
|
<p></p>
|
|
</ion-label>
|
|
</ion-item>
|
|
<ion-item-options side="end">
|
|
<ion-item-option (click)="delCountry(country.cs_country_id, i)" color="danger" expandable>Delete</ion-item-option>
|
|
</ion-item-options>
|
|
</ion-item-sliding>
|
|
|
|
</ion-list>
|
|
<div class="bigButtonDiv">
|
|
<div class="buttonDiv" routerLink="/main">Go to home page</div>
|
|
<div class="buttonDiv" routerLink="/form">Go to form page</div>
|
|
</div>
|
|
</ion-content>
|