80 lines
3.2 KiB
HTML
80 lines
3.2 KiB
HTML
<div *ngFor="let item of offerData">
|
|
<div class="offerBanner">
|
|
<div style="display: flex;">
|
|
<div style="min-width: 120px; padding: 10px;" ><img
|
|
class="bg_image back_image banner_image"
|
|
alt="{{item.title}}" src="{{session_image_server+'/'+curr_session+'/job/'+item.job_uid}}" />
|
|
</div>
|
|
<div>
|
|
<div>
|
|
<div class="offer_title">{{item.title}}</div>
|
|
<div class="price">Reward : {{item.price*0.01| number : '1.2-2'}} {{item.currency}}</div>
|
|
<div style="display: flex; width: 100%;">
|
|
<div class="expire" style="width: 70%;">Expires : {{item.expire | date}}</div>
|
|
<div style="text-align: right; width: 30%; padding-right: 10px;">
|
|
<ion-button size="small" (click)="openOfferDetail(item)" color="success" fill="solid" shape="round">View</ion-button>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="background-color: white; border-radius: 10px; margin: 15px; min-height: 180px; max-height: 220px;">
|
|
<div class="detail_txt">
|
|
{{(item.job_description.length<95)? item.job_description :item.job_description.substring(0,95)+'...' }}
|
|
</div>
|
|
</div>
|
|
<div style="display: flex; padding: 5px; width: 100%;">
|
|
<div style="50%;">
|
|
<ion-button size="small" (click)="requestReject(item)" color="danger" fill="solid" shape="round">Reject</ion-button>
|
|
</div>
|
|
<div style="width: 50%; text-align: right;">
|
|
<ion-button size="small" (click)="requestStart(item)" color="success" fill="solid" shape="round">Start Now</ion-button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- <div class="offers_div">-->
|
|
|
|
<!-- <ion-grid>-->
|
|
<!-- <ion-row>-->
|
|
<!-- <ion-col>-->
|
|
<!-- <img class="offer_banner" alt="{{item.title}}" src="{{session_image_server+'/'+curr_session+'/job/'+item.job_uid}}" />-->
|
|
<!-- </ion-col>-->
|
|
<!-- <ion-col>-->
|
|
<!-- <div>-->
|
|
<!-- <div class="offer_title">{{item.title}}</div>-->
|
|
<!-- <div class="expire">Expiration : {{item.expire | date}}</div>-->
|
|
<!-- <div class="price">Reward : {{item.price*0.01| number : '1.2-2'}} {{item.currency}}</div>-->
|
|
<!-- </div>-->
|
|
|
|
<!-- <div class="detail_txt">-->
|
|
<!-- {{(item.job_description.length<95)? item.job_description :item.job_description.substring(0,95)+'...' }}-->
|
|
<!-- </div>-->
|
|
|
|
|
|
<!-- </ion-col>-->
|
|
<!-- </ion-row>-->
|
|
<!-- <ion-row>-->
|
|
<!-- <ion-col>-->
|
|
<!-- <ion-grid class="action_area">-->
|
|
<!-- <ion-row>-->
|
|
<!-- <ion-col>-->
|
|
<!-- <ion-button size="small" (click)="requestReject(item)" color="danger" fill="solid" shape="round">Reject</ion-button>-->
|
|
<!-- </ion-col>-->
|
|
<!-- <ion-col>-->
|
|
|
|
<!-- </ion-col>-->
|
|
<!-- <ion-col>-->
|
|
<!-- <ion-button size="small" (click)="requestStart(item)" color="success" fill="solid" shape="round">Start Now</ion-button>-->
|
|
<!-- </ion-col>-->
|
|
<!-- </ion-row>-->
|
|
<!-- </ion-grid>-->
|
|
|
|
<!-- </ion-col>-->
|
|
<!-- </ion-row>-->
|
|
<!-- </ion-grid>-->
|
|
|
|
|
|
<!-- </div>-->
|
|
</div>
|