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-list-header>Search Settings</ion-list-header>
        <ion-item>
            <ion-label>Show Strongs as Modal</ion-label>
            <ion-toggle color="dark" [(ngModel)]="userProfile.user.strongs_modal" (ionChange)="save()"></ion-toggle>
        </ion-item>
        <ion-item>
            <ion-label>Clear Search after Query</ion-label>
            <ion-toggle color="dark" [(ngModel)]="userProfile.user.clear_search_after_query" (ionChange)="save()"></ion-toggle>
        </ion-item>
        <ion-item>
            <ion-label>Append Results Below</ion-label>
            <ion-toggle color="dark" [(ngModel)]="userProfile.user.append_to_bottom" (ionChange)="save()"></ion-toggle>
        </ion-item>
        <ion-item>
            <ion-label>Insert Result Next to Item</ion-label>
            <ion-toggle color="dark" [(ngModel)]="userProfile.user.insert_next_to_item" (ionChange)="save()"></ion-toggle>
        </ion-item>
        <ion-item>
            <ion-label>Each Verse on New Line</ion-label>
            <ion-toggle color="dark" [(ngModel)]="userProfile.user.verses_on_new_line" (ionChange)="save()"></ion-toggle>
        </ion-item>
        <ion-list-header>Adjust Text</ion-list-header>
        <ion-list>
            <ion-item>
                <ion-range min="6" max="20" step="1" snaps="true" [(ngModel)]="userProfile.user.font_size" (ionChange)="textSizeChanged()">
                    <ion-label range-left class="small-text">A</ion-label>
                    <ion-label range-right>A</ion-label>
                </ion-range>
            </ion-item>
        </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)="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 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>