26 lines
1.1 KiB
HTML
26 lines
1.1 KiB
HTML
<ion-content no-padding [style.backgroundImage]="getBackground(this.cruise.pic)" (press)="showLightbox($event, this.cruise.pic.detail)">
|
|
<ion-toolbar>
|
|
<ion-buttons left>
|
|
<button ion-button icon-only (tap)="closeCruise($event)">
|
|
<ion-icon name="arrow-back"></ion-icon>
|
|
</button>
|
|
</ion-buttons>
|
|
</ion-toolbar>
|
|
<div id="detail-overlay" class="details">
|
|
<ion-grid>
|
|
<ion-row nowrap align-items-center justify-content-between swipeAll (swipedown)="closeCruiseDetails($event)" (swipeup)="openCruiseDetails($event)" (click)="toggleCruiseDetails($event)">
|
|
<ion-col col-8>
|
|
<h2 class="placename">{{this.cruise.name}}</h2>
|
|
</ion-col>
|
|
</ion-row>
|
|
<ion-row class="location" *ngIf="this.cruise.location">
|
|
<ion-col col-4>Location</ion-col>
|
|
<ion-col col-8 [innerHTML]="getFormattedCruiseAddress(this.cruise.location)"></ion-col>
|
|
</ion-row>
|
|
<ion-row class="text" *ngIf="this.cruise.text">
|
|
<ion-col col-12 [innerHTML]="this.cruise.text"></ion-col>
|
|
</ion-row>
|
|
</ion-grid>
|
|
</div>
|
|
</ion-content>
|