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

<ion-menu side="right" [content]="searchcontent" id="actions">
    <ion-header>
        <ion-toolbar>
            <ion-title>Actions</ion-title>
        </ion-toolbar>
    </ion-header>

    <ion-content>
        <ion-list>
            <button ion-item menuClose="actions" (click)="addPage()">
                <ion-icon name="bookmarks" item-left></ion-icon>Save Current Results as Page
            </button>
            <button ion-item menuClose="actions" (click)="updatePage()">
                <ion-icon name="arrow-up" item-left></ion-icon>Update Page with current Results
            </button>
        </ion-list>
    </ion-content>
</ion-menu>

<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-buttons right>
            <button ion-button icon-only secondary (click)="actionsMenu()">
                <ion-icon name="apps" large></ion-icon>
            </button>
        </ion-buttons>
    </ion-navbar>
</ion-header>

<ion-content #searchcontent padding class="search-card">
    <span style="font-size: .8em; color: #555;">CURRENT PAGE: {{title}}</span>
    <ion-card *ngFor="let item of userProfile.user.items">
        <error *ngIf="isError(item.type)" [cardItem]="item" [item]="item.data" (onClose)="removeItem($event)"></error>
        <passage *ngIf="isPassage(item.type)" [cardItem]="item" [item]="item.data" (onClose)="removeItem($event)" [dict]="item.dict" (onItemClicked)="getItemsNextToCard($event)"></passage>
        <strongs *ngIf="isStrongs(item.type)" [cardItem]="item" [item]="item.data" (onClose)="removeItem($event)" (onItemClicked)="getItemsNextToCard($event)"></strongs>
        <words *ngIf="isWords(item.type)" [cardItem]="item" [item]="item.data" (onClose)="removeItem($event)" (onItemClicked)="getItemsNextToCard($event)"></words>
    </ion-card>
</ion-content>