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.
71 lines
2.5 KiB
HTML
71 lines
2.5 KiB
HTML
<ion-content *ngIf="itemDetails">
|
|
<div class="head-title">
|
|
|
|
<app-generic-header
|
|
showImage="false"
|
|
showBack="true"
|
|
[headerText]="'itemforsale,title' | translate">
|
|
</app-generic-header>
|
|
</div>
|
|
<div class="header"></div>
|
|
<div class="bottom"></div>
|
|
<div >
|
|
<ion-card>
|
|
<ion-card-header>
|
|
<!-- <img *ngIf="itemDetails.itemAttachments[0]" [src]="item.itemAttachments[0]" />
|
|
<img *ngIf="!itemDetails.itemAttachments[0]" src="assets/imgs/no-images.png" /> -->
|
|
<ion-slides *ngIf="itemDetails.itemAttachments.length>0">
|
|
<ion-slide *ngFor="let slide of itemDetails.itemAttachments">
|
|
<img [src]="getImgContent('data:image/png;base64, ' +slide.content)" />
|
|
</ion-slide>
|
|
</ion-slides>
|
|
<ion-card-title *ngIf="direction == 'ltr'">{{itemDetails.title}}</ion-card-title>
|
|
<ion-card-title *ngIf="direction =='rtl'">{{itemDetails.title_Ar}}</ion-card-title>
|
|
</ion-card-header>
|
|
|
|
<ion-card-content>
|
|
<span *ngIf="direction == 'ltr'">{{itemDetails.description}}</span>
|
|
<span *ngIf="direction =='rtl'">{{itemDetails.description_Ar}}</span>
|
|
<div class="content-bottom">
|
|
<p [class]="itemDetails.status=='Approved' ? 'green' : 'yellow'">{{itemDetails.status}}</p>
|
|
<h1> <strong>
|
|
{{itemDetails.quotePrice}} {{itemDetails.currencyCode}}
|
|
</strong></h1>
|
|
</div>
|
|
|
|
|
|
<div class="profile">
|
|
<ion-item lines="none" >
|
|
<ion-avatar slot="start">
|
|
<img class="profile-img" src="/assets/imgs/S.png">
|
|
</ion-avatar>
|
|
<ion-label>
|
|
<p class="profile-title">{{itemDetails.fullName}}</p>
|
|
<p>{{getDate(itemDetails.created) }}</p>
|
|
<!-- <p><a href="">View Profile</a></p> -->
|
|
</ion-label>
|
|
|
|
</ion-item>
|
|
|
|
</div>
|
|
</ion-card-content>
|
|
|
|
|
|
</ion-card>
|
|
</div>
|
|
|
|
|
|
<ion-footer >
|
|
<div class="centerDiv details-button" >
|
|
<a [href]="'mail:' + itemDetails.emailAddress">
|
|
<ion-button class="footer-button" ion-button>
|
|
<img class="icon-footer" src="/assets/imgs/itemsforsale/sms.svg">
|
|
{{ts.trPK('general','email')}} </ion-button></a>
|
|
|
|
<a [href]="'tel:' + itemDetails.mobileNumber">
|
|
<ion-button class="footer-button" ion-button>
|
|
<img class="icon-footer" src="/assets/imgs/itemsforsale/call.svg ">
|
|
{{ts.trPK('vacation-rule','call')}} </ion-button></a>
|
|
</div>
|
|
</ion-footer>
|
|
</ion-content> |