REDACTED-1-AdvComProg-Final/src/app/tab1/tab1.page.html

31 lines
1.1 KiB
HTML

<ion-header>
<ion-toolbar>
<ion-title>Search</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-toolbar>
<ion-searchbar [(ngModel)]="searchbar" (search)="search($event)"></ion-searchbar>
</ion-toolbar>
<ion-card *ngFor="let item of current">
<ion-card-header style="height: 10px"><ion-icon name="time"></ion-icon> {{item.time}}</ion-card-header>
<ion-card-title>
<ion-item>
<ion-icon size="large" name="log-in"></ion-icon>
<span class="text">
<h1>&nbsp;&nbsp;{{item.web}}</h1>
</span>
</ion-item>
</ion-card-title>
<ion-card-content>
<h6><b><ion-icon name="ellipsis-vertical-outline"></ion-icon>&nbsp;Category: </b>{{capitalizeFirstLetter(item.category)}}<br></h6>
<h6><b><ion-icon name="list-outline"></ion-icon>&nbsp;Type: </b>{{capitalizeFirstLetter(item.type)}}<br></h6>
</ion-card-content>
</ion-card>
<ion-infinite-scroll threshold="100px" (ionInfinite)="loadData($event)">
<ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="Loading more data...">
</ion-infinite-scroll-content>
</ion-infinite-scroll>
</ion-content>