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: {{this.profileService.title}}
        </ion-list-header>

        <ion-list>
            <button ion-item menuClose='actions' (click)='addPage()'>
                <ion-icon name='bookmarks' item-left></ion-icon>Save Results as New Page
            </button>
            <button *ngIf='this.profileService.isOnSearchPage()' ion-item menuClose='actions' (click)='updatePage()'>
                <ion-icon name='arrow-up' item-left></ion-icon>Update Page with Results
            </button>
        </ion-list>
        <settings></settings>
    </ion-content>
</ion-menu>

<ion-header>
    <ion-navbar>
        <button ion-button icon-only menuToggle left>
            <ion-icon name='menu' large></ion-icon>
        </button>
        <ion-auto-complete [dataProvider]='autocompleteService'
            [(keyword)]='searchQuery'
            (search)='getQuery($event)' (input)='setQuery($event)'
            (itemSelected)='itemSelected($event)' [options]='{ showCancelButton : "true" }'
            (autoFocus)='showHistory($event)' #searchbar></ion-auto-complete>
        <ion-buttons right>
            <button ion-button icon-only secondary (click)='versePicker()'>
                <ion-icon name='albums' large></ion-icon>
            </button>
            <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 this.profileService.profile().items'>
        <passage *ngIf='isPassage(item.type)' [cardItem]='item' (onClose)='this.profileService.removeItem($event)'
            (onItemClicked)='getItemsNextToCard($event)'></passage>
        <strongs *ngIf='isStrongs(item.type)' [cardItem]='item' (onClose)='this.profileService.removeItem($event)'
            (onItemClicked)='getItemsNextToCard($event)'></strongs>
        <words *ngIf='isWords(item.type)' [cardItem]='item' (onClose)='this.profileService.removeItem($event)'
            (onItemClicked)='getItemsNextToCard($event)'></words>
        <error *ngIf='isError(item.type)' [cardItem]='item' (onClose)='this.profileService.removeItem($event)'></error>
    </ion-card>
</ion-content>