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>
        <ion-grid>
            <ion-row>
                <ion-col style="width: 95px;">
                    <button ion-button right small (click)="addPage()">
                        <ion-icon name="cloud-upload"></ion-icon><div>&nbsp;&nbsp;Save</div>
                    </button>
                </ion-col>
                <ion-col style="flex-grow: 100 !important">
                    <ion-item>
                        <ion-input type="text" placeholder="Saved Results Title goes here" [(ngModel)]="saved_results_title"></ion-input>
                    </ion-item>
                </ion-col>
                
            </ion-row>
        </ion-grid>
    </ion-card>

    <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>