WrenchBoard/Users-Wrench
3
0
Fork 0
Code Issues Pull Requests Releases Activity

Job actions

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2023-06-10 17:25:34 -04:00
parent 4d74946f0d
commit 15ef592252
5 changed files with 61 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/MyActiveJobs/JobActions/CurrentJobAction.jsx
+1 -1
View File
@@ -6,7 +6,7 @@ function CurrentJobAction() {
<p className="my-3 py-1 text-base active-owner">
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400">
<tbody>
<tr className="bg-white dark:bg-dark-white border-b dark:border-[#5356fb29] hover:bg-gray-50">
<tr className=" border-b dark:border-[#5356fb29] hover:bg-gray-50">
<td className=" py-4">
<div className="flex space-x-2 items-center w-full">
<div className="flex flex-col flex-[0.9]">
src/components/MyActiveJobs/JobActions/CurrentTaskAction.jsx
+5 -3
View File
@@ -34,9 +34,10 @@ function CurrentTaskAction({jobDetails}) {
return (
<div className='job-action'>
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400 active-worker">
<tbody>
<tr className="bg-white dark:bg-dark-white border-b dark:border-[#5356fb29] hover:bg-gray-50">
<tr className=" border-b dark:border-[#5356fb29] hover:bg-gray-50">
<td>
<div className="flex space-x-2 items-center w-full">
<div className="flex flex-col flex-[0.9]">
@@ -46,8 +47,9 @@ function CurrentTaskAction({jobDetails}) {
</div>
</div>
</td>
<td className="text-right px-2">
</tr>
<tr>
<td>
<div className="flex justify-center items-center">
<button onClick={popUpHandler} type="button" className="w-20 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white">
Set Status
src/components/MyActiveJobs/JobActions/PastDueJobAction.jsx
+25 -3
View File
@@ -3,9 +3,31 @@ import React from 'react'
function PastDueJobAction() {
return (
<div className='job-action'>
<p className="my-3 py-1 text-base">
Waiting for the completion message from the client before you can approve. Owner True & PastDue
</p>
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400 owner-pastdue">
<tbody>
<tr className="border-b dark:border-[#5356fb29] hover:bg-gray-50">
<td>
<div className="flex space-x-2 items-center w-full">
<div className="flex flex-col flex-[0.9]">
<h1 className="font-bold text-xl text-dark-gray dark:text-white">
Time allocated has passed
</h1>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div className="flex justify-center items-center">
<button type="button" className="w-120 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white">
Cancel or Extend Timeline
</button>
</div>
</td>
</tr>
</tbody>
</table>
</div>
)
}
src/components/MyActiveJobs/JobActions/PastDueTaskAction.jsx
+25 -3
View File
@@ -3,9 +3,31 @@ import React from 'react'
function PastDueTaskAction() {
return (
<div className='job-action'>
<p className="my-3 py-1 text-base">
Waiting for the completion message from the client before you can approve. Worker True & PastDue
</p>
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400 worker-pastdue">
<tbody>
<tr className=" border-b dark:border-[#5356fb29] hover:bg-gray-50">
<td>
<div className="flex space-x-2 items-center w-full">
<div className="flex flex-col flex-[0.9]">
<h1 className="font-bold text-xl text-dark-gray dark:text-white">
You have missed the allocated time
</h1>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div className="flex justify-center items-center">
<button type="button" className="w-120 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white">
Request Extension
</button>
</div>
</td>
</tr>
</tbody>
</table>
</div>
)
}
src/components/MyActiveJobs/JobActions/ReviewJobAction.jsx
+5 -4
View File
@@ -6,7 +6,7 @@ function ReviewJobAction() {
<p className="my-3 py-1 text-base">
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400 review-owner">
<tbody>
<tr className="bg-white dark:bg-dark-white border-b dark:border-[#5356fb29] hover:bg-gray-50">
<tr className=" border-b dark:border-[#5356fb29] hover:bg-gray-50">
<td className=" py-4">
<div className="flex space-x-2 items-center w-full">
<div className="flex flex-col flex-[0.9]">
@@ -16,10 +16,11 @@ function ReviewJobAction() {
</div>
</div>
</td>
<td className="text-right py-4 px-2">
</tr>
<tr>
<td>
<div className="flex justify-center items-center">
<button type="button" className="w-20 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white">
<button type="button" className="w-120 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white">
Reject/Accepts
</button>
</div>