WrenchBoard/WrenchBoardIonic2023
2
0
Fork 0
Code Issues Pull Requests Releases Activity

fix page

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2024-09-25 11:19:07 -04:00
parent 863d08ad61
commit d0ffbe4444
5 changed files with 145 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/components/offers-received/offers-received.component.html
+75 -41
View File
@@ -1,45 +1,79 @@
<div *ngFor="let item of myOffersData">
<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">Price : {{item.price*0.01| number : '1.2-2'}} {{item.currency}}</div>
<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 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>
</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>