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

<ion-header>
    <ion-navbar>
        <button ion-button icon-only menuToggle left>
            <ion-icon name="menu" large></ion-icon>
        </button>
        <ion-searchbar (search)="getQuery($event)" (input)="setQuery($event)" [showCancelButton]="true"></ion-searchbar>
    </ion-navbar>
</ion-header>
<ion-content padding class="search-card">
    <ion-card *ngFor="let item of userProfile.user.items">
        <passage *ngIf="isPassage(item.type)" [cardItem]="item" [item]="item.data" (onClose)="removeItem($event)" [dict]="item.dict" (onStrongsClicked)="getItemsNextToCard($event)"></passage>
        <strongs *ngIf="isStrongs(item.type)" [cardItem]="item" [item]="item.data" (onClose)="removeItem($event)" (onPassageClicked)="getItemsNextToCard($event)"></strongs>
        <words   *ngIf="isWords(item.type)"   [cardItem]="item" [item]="item.data" (onClose)="removeItem($event)" (onPassageClicked)="getItemsNextToCard($event)"></words>
        <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>