dynamicbible/DynamicBibleIonic/src/pages/search/search.html

<ion-header>
    <ion-navbar>
        <ion-searchbar (search)="getQuery($event)" (input)="setQuery($event)"></ion-searchbar>
        <button menuToggle item-left large clear>
            <ion-icon name="menu"></ion-icon>
        </button>
    </ion-navbar>
</ion-header>
<ion-content padding class="search-card">
    <ion-card *ngFor="let item of items" (swipe)="removeItem(item)">
        <passage *ngIf="isPassage(item.type)" [cardItem]="item" [item]="item.data" [dict]="item.dict" (onStrongs)="getItems($event)" (onClose)="removeItem($event)"></passage>
        <strongs *ngIf="isStrongs(item.type)" [cardItem]="item" [item]="item.data" (onClose)="removeItem($event)"></strongs>
        <button ion-button icon-left clear small (click)="removeItem(item)">
            <ion-icon name="close-circle"></ion-icon>
            <div>Close</div>
        </button>
        <button ion-button icon-left clear small>
            <ion-icon name="text"></ion-icon>
            <div>4 Notes</div>
        </button>
        <button ion-button icon-left clear small>
            <ion-icon name="text"></ion-icon>
            <div>8 Tags</div>
        </button>
    </ion-card>
</ion-content>