dynamicbible/DynamicBibleIonic/src/components/passage/passage.html

<ion-item class="title passage-title" (swipe)="close()">
    <ion-icon name="book" item-left></ion-icon> <span *ngIf="data !== undefined"><span *ngIf="data.status === -1">Error:</span>{{data.ref}}</span>
    <button ion-button icon-only item-right large clear (click)="close()">
        <ion-icon name="close-circle"></ion-icon>
    </button>
</ion-item>
<ion-card-content *ngIf="data !== undefined && data.status === 0">
    <br>
    <div class="passage-text" *ngFor="let ch of data.cs">
        <h2 *ngIf="data.cs.length > 1">
            <b>Chapter {{ch.ch}}</b>
        </h2>
        <span *ngFor="let vs of ch.vss">
            <b>{{vs.v}}.</b> <span *ngFor="let w of vs.w">
                <template [ngIf]="!isPunct(w.t)"> </template><a *ngIf="w.s != null" (click)="openStrongs(w.s)" (press)="openMenu(w.s)">{{w.t}}</a>
                <template [ngIf]="w.s == null">{{w.t}}</template>
            </span><br *ngIf="versesOnNewLine">
        </span>
    </div>
</ion-card-content>
<ion-card-content *ngIf="data !== undefined && data.status === -1">
    <error-message [msg]="data.msg"></error-message>
</ion-card-content>
<ion-row>
    <ion-col text-left class="col-fixed">
        <button ion-button icon-left clear small (click)="close()">
            <ion-icon name="close-circle"></ion-icon>
            <div>Close</div>
        </button>
    </ion-col>
    <ion-col text-center col-auto> </ion-col>
    <ion-col text-center  class="col-fixed" *ngIf="ref !== undefined && ref.Section.start.chapter !== '1'">
        <button ion-button icon-left clear small (click)="prev()">
            <ion-icon name="arrow-dropleft"></ion-icon>
            <div>Prev</div>
        </button>
    </ion-col>
    <ion-col text-center  class="col-fixed">
        <button ion-button icon-left clear small (click)="expand()">
            <ion-icon name="code-working"></ion-icon>
            <div>Expand</div>
        </button>
    </ion-col>
    <ion-col text-center  class="col-fixed" *ngIf="ref !== undefined && ref.Section.end.chapter !== ref.Section.end.lastchapter.toString()">
        <button ion-button icon-right clear small (click)="next()">
            <div>Next</div>
            <ion-icon name="arrow-dropright"></ion-icon>
        </button>
    </ion-col>
</ion-row>