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

fix div for offers

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2024-09-28 21:03:15 -04:00
parent df13c81ea6
commit 4182277841
2 changed files with 84 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/components/offers-received/offers-received.component.html
+83 -40
View File
@@ -5,60 +5,103 @@
<div *ngFor="let item of offerDataReduced">
<div class="offerBanner">
<div style="padding: 5px 0 5px 10px; color: red; font-weight: bolder; font-size: 16px;"> New Offer Expires : {{item.expire | date}}</div>
<div style="display: flex;">
<div style="min-width: 90px; padding: 10px; max-width: 90px;" ><img
<div style="display: flex; padding-bottom: 5px;">
<div style="min-width: 90px; padding: 10px; max-width: 90px; max-height: 90px;" ><img
class="bg_image back_image banner_image"
alt="{{item.title}}" src="{{session_image_server+'/'+curr_session+'/job/'+item.job_uid}}" />
alt="job banner" src="{{session_image_server+'/'+curr_session+'/job/'+item.job_uid}}" />
</div>
<div>
<div style="width: 100%; flex-direction: column;">
<div class="offer_title">{{(item.title.length > 65) ? item.title.substring(0,64)+"...": item.title }}</div>
<div style="display: flex; width: 100%;">
<!-- <div class="expire" style="width: 70%;">Expires : {{item.expire | date}}</div>-->
<div style="width: 150px;" class="price">{{item.price*0.01| number : '1.2-2'}} {{item.currency}}</div>
<div style="text-align: right; padding-left: 5px;">
<ion-button size="small" (click)="openOfferDetail(item)" color="secondary" fill="outline" shape="round">{{ (currOpenOffer !='' && currOpenOffer==item.offer_uid)? 'Close': 'View'}} </ion-button>
<div style="text-align: right; padding: 0 0 0 5px;">
<ion-button
size="small"
(click)="openOfferDetail(item)"
color="secondary" fill="outline" shape="round">{{ (currOpenOffer !='' && currOpenOffer==item.offer_uid)? 'Close': 'View'}} </ion-button>
</div>
</div>
</div>
</div>
</div>
<div *ngIf="currOpenOffer !='' && currOpenOffer==item.offer_uid" style="border-radius: 10px; margin: 15px;">
<div>
<ion-list style="font-size: 14px;">
<ion-item>
<ion-label class="bold_text ion-text-wrap">{{item.title }}</ion-label>
</ion-item>
<ion-item>
<ion-label class="ion-text-wrap">{{item.description}}</ion-label>
</ion-item>
<ion-item>
<ion-label class="ion-text-nowrap price">{{item.price*0.01| number : '1.2-2'}} {{item.currency}} {{item.timeline_days}} day(s) </ion-label>
</ion-item>
<ion-item>
<ion-textarea
style="height: 120px; background-color: whitesmoke; margin: 0; font-size: 14px"
[autoGrow]="false"
[rows]="5"
value={{item.job_description}}
>
</ion-textarea>
</ion-item>
<ion-item>
<div style="display: flex; padding: 5px; width: 100%;">
<div style="width: 50%;">
<ion-button size="small" (click)="requestReject(item)" color="danger" fill="clear" 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>
</ion-item>
</ion-list>
</div>
</div>
<div *ngIf="currOpenOffer !='' && currOpenOffer==item.offer_uid" style="border-radius: 10px; margin: 15px;">
<div>
<div style="font-size: 14px; background-color: transparent;">
<div>
<ion-label class="bold_text ion-text-wrap">{{item.title}}</ion-label>
</div>
<div>
<ion-label class="ion-text-wrap">{{item.description}}</ion-label>
</div>
<div>
<ion-label class="ion-text-nowrap price">Reward : {{item.price*0.01| number : '1.2-2'}} {{item.currency}} Duration : {{item.timeline_days}} day(s) </ion-label>
</div>
<div>
<ion-textarea
style="height: 120px; background-color: white; padding: 5px; margin: 0; font-size: 14px; border-radius: 5px;"
[autoGrow]="false"
[rows]="5"
[readonly]="true"
value={{item.job_description}}
>
</ion-textarea>
</div>
<div>
<div style="display: flex; padding: 5px; width: 100%;">
<div style="width: 50%;">
<ion-button size="small" (click)="requestReject(item)" color="danger" fill="clear" 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>
</div>
</div>
<!-- <div *ngIf="currOpenOffer !='' && currOpenOffer==item.offer_uid" style="border-radius: 10px; margin: 15px;">-->
<!-- <div>-->
<!-- <ion-list style="font-size: 14px; background-color: transparent;">-->
<!-- <ion-item>-->
<!-- <ion-label class="bold_text ion-text-wrap">{{item.title}}</ion-label>-->
<!-- </ion-item>-->
<!-- <ion-item>-->
<!-- <ion-label class="ion-text-wrap">{{item.description}}</ion-label>-->
<!-- </ion-item>-->
<!-- <ion-item>-->
<!-- <ion-label class="ion-text-nowrap price">{{item.price*0.01| number : '1.2-2'}} {{item.currency}} {{item.timeline_days}} day(s) </ion-label>-->
<!-- </ion-item>-->
<!-- <ion-item>-->
<!-- <ion-textarea-->
<!-- style="height: 120px; background-color: whitesmoke; margin: 0; font-size: 14px"-->
<!-- [autoGrow]="false"-->
<!-- [rows]="5"-->
<!-- value={{item.job_description}}-->
<!-- >-->
<!-- </ion-textarea>-->
<!-- </ion-item>-->
<!-- <ion-item>-->
<!-- <div style="display: flex; padding: 5px; width: 100%;">-->
<!-- <div style="width: 50%;">-->
<!-- <ion-button size="small" (click)="requestReject(item)" color="danger" fill="clear" 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>-->
<!-- </ion-item>-->
<!-- </ion-list>-->
<!-- </div>-->
<!-- </div>-->
</div>
</div>
src/app/components/offers-received/offers-received.component.scss
+1 -1
View File
@@ -3,7 +3,7 @@
font-weight: bolder;
}
.offerBanner{
box-shadow: 3px 2px 2px #bbadad;
box-shadow: 2px 1px 1px #bbadad;
//background-color: #e8f1e8;
background: linear-gradient(to top, #f0f8ff 0%, #f0f9fd 100%);
border-radius: 10px;