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

job actions buttons

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2023-12-04 07:32:40 -05:00
parent 0544d5589c
commit 0186c69177
3 changed files with 43 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/activetask/activetask.page.html
+34 -10
View File
@@ -112,21 +112,45 @@
<!-- &lt;!&ndash; <ion-label class="color">See all</ion-label>&ndash;&gt;-->
<!-- </div>-->
<ion-card>
<!-- <ion-card-header>-->
<!-- <ion-card-subtitle>Completed the task?</ion-card-subtitle>-->
<!-- </ion-card-header>-->
<ion-card-content>
<ion-card style="background-color: #f4f4fb;
font-weight: bolder;
color:darkblue;
font-size: 10px;">
<ion-card-content style="padding: 2px;">
<ion-grid>
<ion-row>
<ion-col>
<div color="warning" class="ion-text-wrap task_button" (click)="taskCancel()">Send cancellation request</div>
<ion-col style="font-size: 12px;">
Checking the requirements and delivery details is essential to ensure fast approval.
</ion-col>
<ion-col>
<div color="secondary" class="ion-text-wrap task_button cpl" (click)="taskCompleted()">Send completion Message</div>
</ion-row>
<ion-row>
<ion-col style="padding: 5px 0px 25px 0px;">
<ion-button
color="secondary"
size="small"
shape="round"
expand="block"
fill="solid"
(click)="taskCompleted()">Task is Completed</ion-button>
</ion-col>
</ion-row>
<ion-row>
<ion-col>
<ion-button
color="danger"
size="small"
shape="round"
fill="solid"
(click)="taskCancel()"
>Cancel Request</ion-button><span
style="font-size: 12px; color:red;padding-top: 5px;">
I am not able to perform this task.</span>
<!-- <div color=danger class="ion-text-wrap task_button" (click)="taskCancel()">Send cancellation request</div>-->
</ion-col>
<!-- <ion-col>-->
<!-- <div color="secondary" class="ion-text-wrap task_button cpl" (click)="taskCompleted()">Send completion Message</div>-->
<!-- </ion-col>-->
</ion-row>
</ion-grid>
<ion-label class="description">{{interest_status}}
src/app/pages/jobpastdue/jobpastdue.page.html
+4 -4
View File
@@ -52,16 +52,16 @@
<!-- </div>-->
</div>
<ion-card>
<ion-card-content>
<ion-card style="background-color: #ebebf8; font-weight: bolder; color:darkred">
<ion-card-content style="padding: 5px;">
This task is already past the due date. You can extend the timeline or cancel the job.
</ion-card-content>
<ion-grid>
<ion-row>
<ion-col><ion-button color="secondary" expand="block" fill="outline" (click)="extendJobDueDate()">Extend Date</ion-button></ion-col>
<ion-col><ion-button color="secondary" size="small" shape="round" expand="block" fill="solid" (click)="extendJobDueDate()">Extend Date</ion-button></ion-col>
<ion-col></ion-col>
<ion-col> <ion-button color="danger" expand="block" fill="outline" (click)="cancelThisJob()">Cancel Task</ion-button></ion-col>
<ion-col> <ion-button color="danger" size="small" shape="round" expand="block" fill="solid" (click)="cancelThisJob()">Cancel Task</ion-button></ion-col>
</ion-row>
</ion-grid>
</ion-card>
src/app/pages/jobreview/jobreview.page.html
+5 -5
View File
@@ -51,15 +51,15 @@
</div>
<div style=" margin-bottom: 30px;">
<ion-card style="background-color: lavender;">
<ion-card-content>
<ion-card style="background-color: #ebebf8; font-weight: bolder; color:darkgreen">
<ion-card-content style="padding: 5px;">
This job is in review, you can accept or reject completion.
</ion-card-content>
<ion-grid style="background-color: white;">
<ion-grid>
<ion-row>
<ion-col> <ion-button color="danger" expand="block" fill="outline" (click)="rejectCompletetion()">Reject</ion-button></ion-col>
<ion-col> <ion-button color="danger" size="small" shape="round" expand="block" fill="solid" (click)="rejectCompletetion()">Reject</ion-button></ion-col>
<ion-col></ion-col>
<ion-col><ion-button color="secondary" expand="block" fill="solid" (click)="acceptCompletetion()">Accept</ion-button></ion-col>
<ion-col><ion-button color="secondary" size="small" shape="round" expand="block" fill="solid" (click)="acceptCompletetion()">Accept</ion-button></ion-col>
</ion-row>
</ion-grid>
<div style="color: red; width: 100%; text-align: center;">{{response_result}}</div>