dave/eve-industrializer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add a "sold" counter too

Browse Source
This commit is contained in:
PhatPhuckDave
2025-07-05 14:58:04 +02:00
parent b54e3ee847
commit 1660e0b765
1 changed files with 27 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
frontend/src/components/JobCard.tsx
View File

@@ -137,32 +137,33 @@ const JobCard: React.FC<JobCardProps> = ({ job, onEdit, onDelete, onUpdateProduc
</div> </div>
<p className="text-gray-400"> <p className="text-gray-400">
Quantity: {job.outputQuantity.toLocaleString()} Quantity: {job.outputQuantity.toLocaleString()}
{job.status !== 'Planned' && job.status !== 'Closed' && ( <span className="ml-4">
<span className="ml-4"> Produced: {
Produced: { isEditingProduced && job.status !== 'Closed' ? (
isEditingProduced ? ( <Input
<Input type="number"
type="number" value={producedValue}
value={producedValue} onChange={(e) => setProducedValue(e.target.value)}
onChange={(e) => setProducedValue(e.target.value)} onBlur={handleProducedUpdate}
onBlur={handleProducedUpdate} onKeyDown={handleProducedKeyPress}
onKeyDown={handleProducedKeyPress} className="w-24 h-6 px-2 py-1 inline-block bg-gray-800 border-gray-600 text-white"
className="w-24 h-6 px-2 py-1 inline-block bg-gray-800 border-gray-600 text-white" min="0"
min="0" autoFocus
autoFocus />
/> ) : (
) : ( <span
<span onClick={() => job.status !== 'Closed' && setIsEditingProduced(true)}
onClick={() => setIsEditingProduced(true)} className={job.status !== 'Closed' ? "cursor-pointer hover:text-blue-400" : undefined}
className="cursor-pointer hover:text-blue-400" title={job.status !== 'Closed' ? "Click to edit" : undefined}
title="Click to edit" >
> {(job.produced || 0).toLocaleString()}
{(job.produced || 0).toLocaleString()} </span>
</span> )
) }
} </span>
</span> <span className="ml-4">
)} Sold: <span className="text-green-400">{itemsSold.toLocaleString()}</span>
</span>
</p> </p>
</div> </div>
<div className="flex gap-2"> <div className="flex gap-2">