dynamicbible/DynamicBibleIonic/src/components/strongs/strongs.html

<ion-item class="title strongs-title" padding (swipe)="close()">
    <ion-icon name="paper" item-left></ion-icon> {{cardItem.data.prefix}}{{cardItem.data.sn}}
    <button ion-button icon-only item-right large clear (click)="close()">
        <ion-icon name="close-circle"></ion-icon>
    </button>
</ion-item>
<ion-card-content>
    <br>
    <div class="strongs-def">
        <h2>Strongs Definitition</h2>
        <p>
             <b>{{cardItem.data.def.tr}} <template [ngIf]="cardItem.data.def.sn != null">({{cardItem.data.def.sn}})</template></b>
            - {{cardItem.data.def.p}} - {{cardItem.data.def.lemma}} - 
             <span *ngFor="let part of cardItem.data.def.de"><template [ngIf]="part.sn != null"><a (click)="openItem(part.sn)">{{part.sn}}</a></template><template [ngIf]="part.w != null"><span [innerHTML]="part.w"></span></template></span><br>
        </p>
        <template [ngIf]="cardItem.data.rmac !== null">
            <h2>RMAC</h2>
            <b>{{cardItem.data.rmac.id}}</b>
            <br>
            <ul>
                <li *ngFor="let c of cardItem.data.rmac.d">
                    {{c}}
                </li>
            </ul>
        </template>
    </div>
    <div class="strongs-cross">
        <h2>Cross References</h2>
        <ion-scroll scrollY="true">
            <dl>
                <dd *ngFor="let wrd of cardItem.data.crossrefs.ss">
                    <b>{{wrd.w}}</b>: <span *ngFor="let p of wrd.rs"><a (click)="openPassage(p.r)">{{makePassage(p.r)}}</a>, </span>
                </dd>
            </dl>
        </ion-scroll>
    </div>
</ion-card-content>
<button ion-button icon-left clear small (click)="close()">
    <ion-icon name="close-circle"></ion-icon>
    <div>Close</div>
</button>