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-end 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>
        <div *ngFor="let para of getParas(ch)">
            <h3 *ngIf="hasHeader(para.p)">{{para.p.h}}</h3>
            <p>
                <span *ngFor="let vs of para.vss">
                    <b *ngIf="showVerseNumbers">{{vs.v}}.</b> <span *ngFor="let w of vs.w">
                        <ng-template [ngIf]="!isPunct(w.t)"> </ng-template><a *ngIf="w.s != null" (click)="openStrongs(w.s)" (press)="openMenu(w.s)">{{w.t}}</a>
                        <ng-template [ngIf]="w.s == null">{{w.t}}</ng-template>
                    </span><br *ngIf="versesOnNewLine">
                </span>
            </p>
        </div>
    </div>
</ion-card-content>
<ion-card-content *ngIf="data !== undefined && data.status === -1">
    <error-message [msg]="data.msg"></error-message>
</ion-card-content>
<div style="float: left">
    <button ion-button icon-start clear (click)="close()">
        <ion-icon name="close-circle"></ion-icon>
        <div>Close</div>
    </button>
</div>
<div style="float: right">
    <button ion-button icon-center clear (click)="prev()" *ngIf="ref !== undefined && ref.Section.start.chapter !== '1'">
        <ion-icon name="rewind"></ion-icon>
    </button>
    <button ion-button icon-center clear (click)="expand()">
        <ion-icon name="code-working"></ion-icon>
    </button>
    <button ion-button icon-center clear (click)="next()" *ngIf="ref !== undefined && ref.Section.end.chapter !== ref.Section.end.book.last_chapter.toString()">
        <ion-icon name="fastforward"></ion-icon>
    </button>
</div>