android images fixed

enad-pre-live
Sultan Khan 4 years ago
parent fabc043de0
commit 5b2eb00f1a

@ -4,8 +4,8 @@
<description>an app created by cloud Solutions</description> <description>an app created by cloud Solutions</description>
<author email="eservicescs@cloudsolution-sa.com" href="http://cloudsolution-sa.com">Cloud Solutions</author> <author email="eservicescs@cloudsolution-sa.com" href="http://cloudsolution-sa.com">Cloud Solutions</author>
<content src="index.html" /> <content src="index.html" />
<content src="index.html" />
<access origin="*" /> <access origin="*" />
<allow-navigation href="*" />
<allow-intent href="http://*/*" /> <allow-intent href="http://*/*" />
<allow-intent href="https://*/*" /> <allow-intent href="https://*/*" />
<allow-intent href="tel:*" /> <allow-intent href="tel:*" />

@ -2,5 +2,6 @@
<network-security-config> <network-security-config>
<domain-config cleartextTrafficPermitted="true"> <domain-config cleartextTrafficPermitted="true">
<domain includeSubdomains="true">localhost</domain> <domain includeSubdomains="true">localhost</domain>
<domain includeSubdomains="true">hmg.com</domain>
</domain-config> </domain-config>
</network-security-config> </network-security-config>

@ -54,7 +54,8 @@
<ion-card class="offers-discount-card"> <ion-card class="offers-discount-card">
<ion-card-header> <ion-card-header>
<!-- <img [src]="item.Banner_Image" /> --> <!-- <img [src]="item.Banner_Image" /> -->
<div class="header-img" [ngStyle]="{'background-image': 'url(' + item.Banner_Image + ')'}"></div> <!-- <div [ngStyle]="{'background-image': url(' + + ')'}"></div> -->
<img class="header-img" [src]="sanitize(item.Banner_Image)" />
<ion-card-title *ngIf='direction === "ltr"'>{{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-title *ngIf='direction === "rtl"'>{{item.Title_AR}}</ion-card-title>
</ion-card-header> </ion-card-header>

@ -39,6 +39,7 @@ export class HomeComponent implements AfterViewInit {
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
@ -218,4 +219,9 @@ export class HomeComponent implements AfterViewInit {
}, 1000); }, 1000);
} }
} }
sanitize(img) {
return this.sanitizer.bypassSecurityTrustUrl(img);
}
} }

@ -14,7 +14,7 @@
<!-- <div class="header-img-main" [ngStyle]="{'background-image': 'url(' + details.Banner_Image + ')'}" ></div> <!-- <div class="header-img-main" [ngStyle]="{'background-image': 'url(' + details.Banner_Image + ')'}" ></div>
--> -->
<image-modal size="big" fontsize="1cm" <image-modal size="big" fontsize="1cm"
[src]="details.Banner_Image"> [src]="sanitize(details.Banner_Image)">
</image-modal> </image-modal>
<ion-card-title *ngIf="direction =='ltr'">{{details.Title}}</ion-card-title> <ion-card-title *ngIf="direction =='ltr'">{{details.Title}}</ion-card-title>
@ -69,8 +69,8 @@
<ion-col size="6" *ngFor="let item of related" (click)="openRelated(item)"> <ion-col size="6" *ngFor="let item of related" (click)="openRelated(item)">
<ion-card class="related-card"> <ion-card class="related-card">
<ion-card-header> <ion-card-header>
<div class="header-img" [ngStyle]="{'background-image': 'url(' + item.Banner_Image + ')'}" ></div> <!-- <div class="header-img" [ngStyle]="{'background-image': 'url(' + sanitize(item.Banner_Image) + ')'}" ></div> -->
<img class="header-img" [src]="sanitize(item.Banner_Image)" />
<ion-card-title>{{item.Title}}</ion-card-title> <ion-card-title>{{item.Title}}</ion-card-title>
</ion-card-header> </ion-card-header>

@ -3,6 +3,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 { SocialSharing } from '@ionic-native/social-sharing/ngx'; import { SocialSharing } from '@ionic-native/social-sharing/ngx';
import { DomSanitizer } from '@angular/platform-browser';
@Component({ @Component({
selector: 'app-offer-details', selector: 'app-offer-details',
templateUrl: './offer-details.component.html', templateUrl: './offer-details.component.html',
@ -12,7 +13,7 @@ export class OfferDetailsComponent implements OnInit {
public details: any; public details: any;
public direction: String; public direction: String;
public related: any; public related: any;
constructor(public ts: TranslatorService, private socialSharing: SocialSharing, public cs: CommonService, public offersService: OfferDiscountService) { } constructor(public ts: TranslatorService, private socialSharing: SocialSharing, public cs: CommonService, public offersService: OfferDiscountService, private sanitizer: DomSanitizer) { }
ngOnInit() { ngOnInit() {
this.direction = TranslatorService.getCurrentDirection(); this.direction = TranslatorService.getCurrentDirection();
@ -68,4 +69,8 @@ export class OfferDetailsComponent implements OnInit {
this.openLocation(); this.openLocation();
}) })
} }
sanitize(img) {
return this.sanitizer.bypassSecurityTrustUrl(img);
}
} }

Loading…
Cancel
Save