You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
103 lines
3.6 KiB
HTML
103 lines
3.6 KiB
HTML
<ion-content>
|
|
<div class="head-title">
|
|
<app-generic-header
|
|
showImage="false"
|
|
showBack="true"
|
|
[headerText]="'itemforsale,offersdiscount' | translate">
|
|
</app-generic-header>
|
|
</div>
|
|
<div class="header"></div>
|
|
<div class="bottom"></div>
|
|
<div>
|
|
<ion-card>
|
|
<ion-card-header>
|
|
<!-- <div class="header-img-main" [ngStyle]="{'background-image': 'url(' + details.Banner_Image + ')'}" ></div>
|
|
-->
|
|
<image-modal size="big" fontsize="1cm"
|
|
[src]="details.banner_Image">
|
|
</image-modal>
|
|
|
|
<ion-card-title *ngIf="direction =='ltr'">{{details.titleEn}}</ion-card-title>
|
|
<ion-card-title *ngIf="direction =='rtl'">{{details.titleAr}}</ion-card-title>
|
|
</ion-card-header>
|
|
|
|
<ion-card-content>
|
|
<div *ngIf="direction =='ltr'" [innerHTML]="details.descriptionEn"> </div>
|
|
<div *ngIf="direction =='rtl'" [innerHTML]="details.descriptionAr"> </div>
|
|
<div class="content-bottom">
|
|
<ion-row [class]="checkDate(details.endDate) ==true ? 'green' : 'red'">
|
|
<ion-col size="10" *ngIf="checkDate(details.endDate) ==true">
|
|
<p class="offer-valid">{{ts.trPK('general','offer-valid')}}</p>
|
|
</ion-col>
|
|
<ion-col size="10" *ngIf="checkDate(details.endDate) ==false">
|
|
<p class="offer-valid"> {{ts.trPK('general','expired')}}</p>
|
|
</ion-col>
|
|
|
|
</ion-row>
|
|
|
|
|
|
<ion-row>
|
|
<ion-col size="10">
|
|
<h1> {{details.Discount}} </h1>
|
|
</ion-col>
|
|
<ion-col size="2">
|
|
<div class="right-align">
|
|
<ion-icon name="share" class="share-icon" (click)="share()"></ion-icon>
|
|
</div>
|
|
</ion-col>
|
|
</ion-row>
|
|
<ion-row *ngIf="details.IsHasLocation" (click)="getLocation()">
|
|
<ion-col size="1">
|
|
<ion-icon name="map"></ion-icon>
|
|
</ion-col>
|
|
<ion-col><p class="location-text">{{ts.trPK('itemforsale','location')}}</p></ion-col>
|
|
</ion-row>
|
|
</div>
|
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
|
</ion-card>
|
|
</div>
|
|
<p class="related-offers">
|
|
<strong>
|
|
{{ts.trPK('itemforsale','related-offers')}}
|
|
</strong>
|
|
</p>
|
|
<ion-row *ngIf="related" class="related-offers-container">
|
|
<ion-col size="6" *ngFor="let item of related" (click)="openRelated(item)">
|
|
<ion-card class="related-card">
|
|
<ion-card-header>
|
|
<div class="header-img" [ngStyle]="{'background-image': 'url(' + item.banner_Image + ')'}" ></div>
|
|
|
|
|
|
<ion-card-title *ngIf="direction =='ltr'">{{item.titleEn}}</ion-card-title>
|
|
<ion-card-title *ngIf="direction =='rtl'">{{item.titleAr}}</ion-card-title>
|
|
</ion-card-header>
|
|
|
|
<ion-card-content>
|
|
<div *ngIf="direction =='ltr'" [innerHTML]="getDotted(item.descriptionEn)"> </div>
|
|
<div *ngIf="direction =='rtl'" [innerHTML]="getDotted(item.descriptionAr)"> </div>
|
|
<div class="dark offers-title">
|
|
{{item.discountDescription}}
|
|
</div>
|
|
|
|
<ion-row [class]="checkDate(item.endDate) ==true ? 'green' : 'red'">
|
|
<ion-col size="10" *ngIf="checkDate(item.endDate) ==true">
|
|
<p class="offer-valid">{{ts.trPK('general','offer-valid')}}</p>
|
|
</ion-col>
|
|
<ion-col size="10" *ngIf="checkDate(item.endDate) ==false">
|
|
<p class="offer-valid"> {{ts.trPK('general','expired')}}</p>
|
|
</ion-col>
|
|
<ion-col size="2" >
|
|
<img src="assets/imgs/itemsforsale/arrow.svg">
|
|
</ion-col>
|
|
</ion-row>
|
|
|
|
</ion-card-content>
|
|
</ion-card>
|
|
</ion-col>
|
|
|
|
</ion-row>
|
|
</ion-content> |