fixing design offer

MOHEMM-SFH-COLORS
enadhilal 4 years ago
parent 40044ad337
commit 3fa494a7ac

@ -53,11 +53,13 @@
<ion-card-header>
<!-- <img [src]="item.Banner_Image" /> -->
<div class="header-img" [ngStyle]="{'background-image': 'url(' + item.Banner_Image + ')'}"></div>
<ion-card-title>{{item.Title}}</ion-card-title>
<ion-card-title *ngIf='direction === "ltr"'>{{item.Title}}</ion-card-title>
<ion-card-title *ngIf='direction === "rtl"'>{{item.Title_AR}}</ion-card-title>
</ion-card-header>
<ion-card-content>
<div style="min-height: 60px;" [innerHTML]="getDotted(item.Description)"></div>
<div *ngIf='direction === "ltr"' style="min-height: 60px; max-height: 100%;" [innerHTML]="getDotted(item.Description)"></div>
<div *ngIf='direction === "rtl"' style="min-height: 60px; max-height: 100%;" [innerHTML]="getDotted(item.Description_AR)"></div>
<div class="dark offers-title">
{{item.Discount}}
</div>
@ -69,7 +71,7 @@
<p class="offer-valid"> {{ts.trPK('general','expired')}}</p>
</ion-col>
<ion-col size="2">
<img src="assets/imgs/itemsforsale/arrow.svg">
<img [ngClass]='direction === "ltr" ? "arrow-icon-offer-en":"arrow-icon-offer-ar"' src="assets/imgs/itemsforsale/arrow.svg">
</ion-col>
</ion-row>

@ -205,4 +205,8 @@ ion-card{
}
ion-card-content strong{
font-size: 14px;
}
}
.arrow-icon-offer-ar{
transform: rotate(180deg);
}
.arrow-icon-offer-en{}

@ -83,6 +83,7 @@ export class HomeComponent implements AfterViewInit {
} else {
this.offersService.getOffers({}, () => { }, this.ts.trPK('general', 'retry')).subscribe((res) => {
var data = JSON.parse(res['Mohemm_ITG_ResponseItem']);
console.log( JSON.parse(data.result.data));
this.cs.stopLoading();
if (data['result'])
this.displayOffers(data['result']);

Loading…
Cancel
Save