fixed offers and discount images rendering issue

MOHEMM-Q3-DEV-LATEST
umasoodch 5 years ago
parent 5e389beb98
commit 267ab249c6

@ -32,9 +32,10 @@
<div class="container-icon" *ngIf="categories.length>0"> <div class="container-icon" *ngIf="categories.length>0">
<div class="box-icon" *ngFor="let key of categories"> <div class="box-icon" *ngFor="let key of categories">
<div class="sale-icon" (click)="filterOffers(key)" [ngClass]="{'active':activeClass==key.categoryName_en }"> <div class="sale-icon" (click)="filterOffers(key)" [ngClass]="{'active':activeClass==key.categoryName_en }">
<div class="top"> <div class="top" [innerHTML]="key.content">
<!-- <ion-icon name="images"></ion-icon> --> <!-- <ion-icon name="images"></ion-icon> -->
<img [src]="key.content" /> <!-- <span [innerHTML]="key.content"></span> -->
<!-- <img [src]="key.content" /> -->
</div> </div>
<div class="bottom-icon"> <div class="bottom-icon">
<p *ngIf="direction =='ltr'">{{key.categoryName_en}}</p> <p *ngIf="direction =='ltr'">{{key.categoryName_en}}</p>

@ -5,7 +5,7 @@ import { CommonService } from 'src/app/hmg-common/services/common/common.service
import { TranslatorService } from 'src/app/hmg-common/services/translator/translator.service'; import { TranslatorService } from 'src/app/hmg-common/services/translator/translator.service';
import { OfferDiscountService } from '../services/service'; import { OfferDiscountService } from '../services/service';
import { IonInfiniteScroll } from '@ionic/angular'; import { IonInfiniteScroll } from '@ionic/angular';
import { DomSanitizer} from '@angular/platform-browser';
@Component({ @Component({
selector: 'app-home', selector: 'app-home',
templateUrl: './home.component.html', templateUrl: './home.component.html',
@ -31,7 +31,8 @@ export class HomeComponent implements AfterViewInit {
public modalController: ModalController, public modalController: ModalController,
public cs: CommonService, public cs: CommonService,
public offersService: OfferDiscountService, public offersService: OfferDiscountService,
public route: ActivatedRoute) { public route: ActivatedRoute,
private sanitizer: DomSanitizer) {
this.route this.route
.params.subscribe(val => { .params.subscribe(val => {
@ -59,6 +60,9 @@ export class HomeComponent implements AfterViewInit {
getCategories() { getCategories() {
this.offersService.getCategories({}).subscribe((result) => { this.offersService.getCategories({}).subscribe((result) => {
this.categories = JSON.parse(result.Mohemm_ITG_ResponseItem).result.data; //result.result.data; this.categories = JSON.parse(result.Mohemm_ITG_ResponseItem).result.data; //result.result.data;
for (let i = 0; i < this.categories.length; i++) {
this.categories[i].content = this.sanitizer.bypassSecurityTrustHtml(this.categories[i].content);
}
this.cs.sharedService.setSharedData(this.categories, OfferDiscountService.categories); this.cs.sharedService.setSharedData(this.categories, OfferDiscountService.categories);
}); });
} }

Loading…
Cancel
Save