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-header>
            Current Page: {{title}}
        </ion-list-header>
        <ion-list>
            <button ion-item menuClose="actions" (click)="addPage()">
                <ion-icon name="bookmarks" item-left></ion-icon>Save Current Results as New Page
            </button>
            <button *ngIf="title !== 'Search'" 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">
    <ion-card *ngFor="let item of userProfile.user.items">
        <passage *ngIf="isPassage(item.type)"
                 [cardItem]="item"
                 [versesOnNewLine]="userProfile.user.verses_on_new_line"
                 (onClose)="removeItem($event)"
                 (onItemClicked)="getItemsNextToCard($event)"></passage>
        <strongs *ngIf="isStrongs(item.type)"
                 [cardItem]="item"
                 (onClose)="removeItem($event)"
                 (onItemClicked)="getItemsNextToCard($event)"></strongs>
        <words *ngIf="isWords(item.type)"
               [cardItem]="item"
               (onClose)="removeItem($event)"
               (onItemClicked)="getItemsNextToCard($event)"></words>
        <error *ngIf="isError(item.type)"
               [cardItem]="item"
               (onClose)="removeItem($event)"></error>
    </ion-card>
</ion-content>