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

<ion-item class="title passage-title" (swipe)="close($event)">
    <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>
    <ng-template [ngIf]="profileService.profile().show_paragraphs"><div class="passage-text" *ngFor="let ch of withParas">
        <h2 *ngIf="data.cs.length > 1">
            Chapter {{ch.ch}}
        </h2>
        <div *ngFor="let para of ch.paras">
            <h3 *ngIf="profileService.profile().show_paragraph_headings && hasHeader(para.p)">{{para.p.h}}</h3>
            <p>
                <ng-template ngFor let-vs [ngForOf]="para.vss">
                    <b *ngIf="profileService.profile().show_verse_numbers">{{vs.v}}.</b> <ng-template ngFor let-w [ngForOf]="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>
                    </ng-template><br *ngIf="profileService.profile().verses_on_new_line">
                </ng-template>
            </p>
        </div>
    </div></ng-template>
    <ng-template [ngIf]="!profileService.profile().show_paragraphs"><div class="passage-text" *ngFor="let ch of data.cs">
        <h2 *ngIf="data.cs.length > 1">
            Chapter {{ch.ch}}
        </h2>
        <ng-template ngFor let-vs [ngForOf]="ch.vss">
            <b *ngIf="profileService.profile().show_verse_numbers">{{vs.v}}.</b> <ng-template ngFor let-w [ngForOf]="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>
            </ng-template><br *ngIf="profileService.profile().verses_on_new_line">
        </ng-template>
    </div></ng-template>
</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: 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>
    <button ion-button icon-center clear (click)="contextMenu()">
        <ion-icon name="more"></ion-icon>
    </button>
</div>