<ion-header class="ion-no-border">
  <ion-toolbar>
    <ion-buttons slot="end">
      <ion-button (click)="closePreview()" strong color="light">{{ 'all.close' | translate}}</ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>

<ion-content (click)="closePreview()">
  <ion-list>
    <ion-img src="{{cityProvider._urlGallery}}products/{{image}}" width="100%" height="500px"></ion-img>
  </ion-list>
</ion-content>

<ion-footer class="ion-no-border">
  <ion-toolbar>
    <ion-grid>
      <ion-row>
        <ion-col size="12" class="ion-float-right">
          <ion-button shape="round" (click)="closePreview()">{{ 'all.close' | translate }}</ion-button>
        </ion-col>
      </ion-row>
    </ion-grid>
  </ion-toolbar>
</ion-footer>