Krow/Krow-workspace
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

modification just for test staff crud

Browse Source
This commit is contained in:
José Salazar
2025-12-15 17:26:22 -05:00
parent e7546715b2
commit ea3fe79c8e
2 changed files with 81 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

154
frontend-web-free/src/components/staff/StaffForm.jsx
View File

@@ -14,35 +14,35 @@ export default function StaffForm({ staff, onSubmit, isSubmitting }) {
employee_name: "", employee_name: "",
manager: "", manager: "",
contact_number: "", contact_number: "",
phone: "", //phone: "",
email: "", // Added email field email: "", // Added email field
department: "", department: "",
hub_location: "", hub_location: "",
event_location: "", //event_location: "",
track: "", track: "",
address: "", //address: "",
city: "", //city: "",
position: "", position: "",
position_2: "", //position_2: "",
initial: "", //initial: "",
profile_type: "", profile_type: "",
employment_type: "", employment_type: "",
english: "", english: "",
english_required: false, //english_required: false,
check_in: "", //check_in: "",
replaced_by: "", //replaced_by: "",
ro: "", //ro: "",
mon: "", //mon: "",
schedule_days: "", //schedule_days: "",
invoiced: false, //invoiced: false,
action: "", //action: "",
notes: "", notes: "",
accounting_comments: "", //accounting_comments: "",
rating: 0, rating: 0,
shift_coverage_percentage: 100, //shift_coverage_percentage: 100,
cancellation_count: 0, //cancellation_count: 0,
no_show_count: 0, // Added no_show_count field //no_show_count: 0, // Added no_show_count field
total_shifts: 0, //total_shifts: 0,
reliability_score: 100 reliability_score: 100
}); });
@@ -81,7 +81,7 @@ export default function StaffForm({ staff, onSubmit, isSubmitting }) {
/> />
</div> </div>
<div className="space-y-2"> {/* <div className="space-y-2">
<Label htmlFor="initial" className="text-slate-700 font-medium">Initials</Label> <Label htmlFor="initial" className="text-slate-700 font-medium">Initials</Label>
<Input <Input
id="initial" id="initial"
@@ -90,7 +90,7 @@ export default function StaffForm({ staff, onSubmit, isSubmitting }) {
maxLength={3} maxLength={3}
className="border-slate-200" className="border-slate-200"
/> />
</div> </div> */}
<div className="space-y-2"> <div className="space-y-2">
<Label htmlFor="position" className="text-slate-700 font-medium">Primary Skill</Label> <Label htmlFor="position" className="text-slate-700 font-medium">Primary Skill</Label>
@@ -103,7 +103,7 @@ export default function StaffForm({ staff, onSubmit, isSubmitting }) {
/> />
</div> </div>
<div className="space-y-2"> {/* <div className="space-y-2">
<Label htmlFor="position_2" className="text-slate-700 font-medium">Secondary Skill</Label> <Label htmlFor="position_2" className="text-slate-700 font-medium">Secondary Skill</Label>
<Input <Input
id="position_2" id="position_2"
@@ -112,7 +112,7 @@ export default function StaffForm({ staff, onSubmit, isSubmitting }) {
placeholder="e.g., Dishwasher, Prep Cook" placeholder="e.g., Dishwasher, Prep Cook"
className="border-slate-200" className="border-slate-200"
/> />
</div> </div> */}
<div className="space-y-2"> <div className="space-y-2">
<Label htmlFor="profile_type" className="text-slate-700 font-medium">Skill Level</Label> <Label htmlFor="profile_type" className="text-slate-700 font-medium">Skill Level</Label>
@@ -121,9 +121,9 @@ export default function StaffForm({ staff, onSubmit, isSubmitting }) {
<SelectValue placeholder="Select skill level" /> <SelectValue placeholder="Select skill level" />
</SelectTrigger> </SelectTrigger>
<SelectContent> <SelectContent>
<SelectItem value="Skilled">Skilled</SelectItem> <SelectItem value="SKILLED">Skilled</SelectItem>
<SelectItem value="Beginner">Beginner</SelectItem> <SelectItem value="BEGINNER">Beginner</SelectItem>
<SelectItem value="Cross-Trained">Cross-Trained</SelectItem> <SelectItem value="CROSS_TRAINED">Cross-Trained</SelectItem>
</SelectContent> </SelectContent>
</Select> </Select>
</div> </div>
@@ -135,13 +135,13 @@ export default function StaffForm({ staff, onSubmit, isSubmitting }) {
<SelectValue placeholder="Select type" /> <SelectValue placeholder="Select type" />
</SelectTrigger> </SelectTrigger>
<SelectContent> <SelectContent>
<SelectItem value="Full Time">Full Time</SelectItem> <SelectItem value="FULL_TIME">Full Time</SelectItem>
<SelectItem value="Part Time">Part Time</SelectItem> <SelectItem value="PART_TIME">Part Time</SelectItem>
<SelectItem value="On call">On call</SelectItem> <SelectItem value="ON_CALL">On call</SelectItem>
<SelectItem value="Weekends">Weekends</SelectItem> <SelectItem value="WEEKENDS">Weekends</SelectItem>
<SelectItem value="Specific Days">Specific Days</SelectItem> <SelectItem value="SPECIFIC_DAYS">Specific Days</SelectItem>
<SelectItem value="Seasonal">Seasonal</SelectItem> <SelectItem value="SEASONAL">Seasonal</SelectItem>
<SelectItem value="Medical Leave">Medical Leave</SelectItem> <SelectItem value="MEDICAL_LEAVE">Medical Leave</SelectItem>
</SelectContent> </SelectContent>
</Select> </Select>
</div> </div>
@@ -187,7 +187,7 @@ export default function StaffForm({ staff, onSubmit, isSubmitting }) {
/> />
</div> </div>
<div className="space-y-2"> {/* <div className="space-y-2">
<Label htmlFor="phone" className="text-slate-700 font-medium">Additional Phone</Label> <Label htmlFor="phone" className="text-slate-700 font-medium">Additional Phone</Label>
<Input <Input
id="phone" id="phone"
@@ -196,7 +196,7 @@ export default function StaffForm({ staff, onSubmit, isSubmitting }) {
onChange={(e) => handleChange('phone', e.target.value)} onChange={(e) => handleChange('phone', e.target.value)}
className="border-slate-200" className="border-slate-200"
/> />
</div> </div> */}
</div> </div>
</CardContent> </CardContent>
</Card> </Card>
@@ -234,7 +234,7 @@ export default function StaffForm({ staff, onSubmit, isSubmitting }) {
/> />
</div> </div>
<div className="space-y-2"> {/* <div className="space-y-2">
<Label htmlFor="shift_coverage_percentage" className="text-slate-700 font-medium">Shift Coverage %</Label> <Label htmlFor="shift_coverage_percentage" className="text-slate-700 font-medium">Shift Coverage %</Label>
<Input <Input
id="shift_coverage_percentage" id="shift_coverage_percentage"
@@ -245,9 +245,9 @@ export default function StaffForm({ staff, onSubmit, isSubmitting }) {
onChange={(e) => handleChange('shift_coverage_percentage', parseInt(e.target.value) || 0)} onChange={(e) => handleChange('shift_coverage_percentage', parseInt(e.target.value) || 0)}
className="border-slate-200" className="border-slate-200"
/> />
</div> </div> */}
<div className="space-y-2"> {/* <div className="space-y-2">
<Label htmlFor="cancellation_count" className="text-slate-700 font-medium">Cancellation Count</Label> <Label htmlFor="cancellation_count" className="text-slate-700 font-medium">Cancellation Count</Label>
<Input <Input
id="cancellation_count" id="cancellation_count"
@@ -257,10 +257,10 @@ export default function StaffForm({ staff, onSubmit, isSubmitting }) {
onChange={(e) => handleChange('cancellation_count', parseInt(e.target.value) || 0)} onChange={(e) => handleChange('cancellation_count', parseInt(e.target.value) || 0)}
className="border-slate-200" className="border-slate-200"
/> />
</div> </div> */}
{/* New No Show Count field */} {/* New No Show Count field */}
<div className="space-y-2"> {/* <div className="space-y-2">
<Label htmlFor="no_show_count" className="text-slate-700 font-medium">No Show Count</Label> <Label htmlFor="no_show_count" className="text-slate-700 font-medium">No Show Count</Label>
<Input <Input
id="no_show_count" id="no_show_count"
@@ -270,10 +270,10 @@ export default function StaffForm({ staff, onSubmit, isSubmitting }) {
onChange={(e) => handleChange('no_show_count', parseInt(e.target.value) || 0)} onChange={(e) => handleChange('no_show_count', parseInt(e.target.value) || 0)}
className="border-slate-200" className="border-slate-200"
/> />
</div> </div> */}
{/* End new No Show Count field */} {/* End new No Show Count field */}
<div className="space-y-2"> {/* <div className="space-y-2">
<Label htmlFor="total_shifts" className="text-slate-700 font-medium">Total Shifts</Label> <Label htmlFor="total_shifts" className="text-slate-700 font-medium">Total Shifts</Label>
<Input <Input
id="total_shifts" id="total_shifts"
@@ -283,9 +283,9 @@ export default function StaffForm({ staff, onSubmit, isSubmitting }) {
onChange={(e) => handleChange('total_shifts', parseInt(e.target.value) || 0)} onChange={(e) => handleChange('total_shifts', parseInt(e.target.value) || 0)}
className="border-slate-200" className="border-slate-200"
/> />
</div> </div> */}
<div className="space-y-2 flex items-end"> {/* <div className="space-y-2 flex items-end">
<div className="flex items-center space-x-2"> <div className="flex items-center space-x-2">
<Checkbox <Checkbox
id="invoiced" id="invoiced"
@@ -296,7 +296,7 @@ export default function StaffForm({ staff, onSubmit, isSubmitting }) {
Invoiced Invoiced
</Label> </Label>
</div> </div>
</div> </div> */}
</div> </div>
</CardContent> </CardContent>
</Card> </Card>
@@ -314,19 +314,19 @@ export default function StaffForm({ staff, onSubmit, isSubmitting }) {
<SelectValue placeholder="Select department" /> <SelectValue placeholder="Select department" />
</SelectTrigger> </SelectTrigger>
<SelectContent> <SelectContent>
<SelectItem value="Operations">Operations</SelectItem> <SelectItem value="OPERATIONS">Operations</SelectItem>
<SelectItem value="Sales">Sales</SelectItem> <SelectItem value="SALES">Sales</SelectItem>
<SelectItem value="HR">HR</SelectItem> <SelectItem value="HR">HR</SelectItem>
<SelectItem value="Finance">Finance</SelectItem> <SelectItem value="FINANCE">Finance</SelectItem>
<SelectItem value="IT">IT</SelectItem> <SelectItem value="IT">IT</SelectItem>
<SelectItem value="Marketing">Marketing</SelectItem> <SelectItem value="MARKETING">Marketing</SelectItem>
<SelectItem value="Customer Service">Customer Service</SelectItem> <SelectItem value="CUSTOMER_SERVICE">Customer Service</SelectItem>
<SelectItem value="Logistics">Logistics</SelectItem> <SelectItem value="LOGISTICS">Logistics</SelectItem>
</SelectContent> </SelectContent>
</Select> </Select>
</div> </div>
<div className="space-y-2"> {/* <div className="space-y-2">
<Label htmlFor="city" className="text-slate-700 font-medium">City</Label> <Label htmlFor="city" className="text-slate-700 font-medium">City</Label>
<Input <Input
id="city" id="city"
@@ -335,7 +335,7 @@ export default function StaffForm({ staff, onSubmit, isSubmitting }) {
placeholder="e.g., San Francisco" placeholder="e.g., San Francisco"
className="border-slate-200" className="border-slate-200"
/> />
</div> </div> */}
<div className="space-y-2"> <div className="space-y-2">
<Label htmlFor="hub_location" className="text-slate-700 font-medium">Hub Location</Label> <Label htmlFor="hub_location" className="text-slate-700 font-medium">Hub Location</Label>
@@ -347,7 +347,7 @@ export default function StaffForm({ staff, onSubmit, isSubmitting }) {
/> />
</div> </div>
<div className="space-y-2"> {/* <div className="space-y-2">
<Label htmlFor="event_location" className="text-slate-700 font-medium">Event Location</Label> <Label htmlFor="event_location" className="text-slate-700 font-medium">Event Location</Label>
<Input <Input
id="event_location" id="event_location"
@@ -355,7 +355,7 @@ export default function StaffForm({ staff, onSubmit, isSubmitting }) {
onChange={(e) => handleChange('event_location', e.target.value)} onChange={(e) => handleChange('event_location', e.target.value)}
className="border-slate-200" className="border-slate-200"
/> />
</div> </div> */}
<div className="space-y-2"> <div className="space-y-2">
<Label htmlFor="track" className="text-slate-700 font-medium">Track</Label> <Label htmlFor="track" className="text-slate-700 font-medium">Track</Label>
@@ -367,7 +367,7 @@ export default function StaffForm({ staff, onSubmit, isSubmitting }) {
/> />
</div> </div>
<div className="space-y-2 md:col-span-2"> {/* <div className="space-y-2 md:col-span-2">
<Label htmlFor="address" className="text-slate-700 font-medium">Address</Label> <Label htmlFor="address" className="text-slate-700 font-medium">Address</Label>
<Textarea <Textarea
id="address" id="address"
@@ -376,7 +376,7 @@ export default function StaffForm({ staff, onSubmit, isSubmitting }) {
rows={2} rows={2}
className="border-slate-200" className="border-slate-200"
/> />
</div> </div> */}
</div> </div>
</CardContent> </CardContent>
</Card> </Card>
@@ -394,15 +394,15 @@ export default function StaffForm({ staff, onSubmit, isSubmitting }) {
<SelectValue placeholder="Select level" /> <SelectValue placeholder="Select level" />
</SelectTrigger> </SelectTrigger>
<SelectContent> <SelectContent>
<SelectItem value="Fluent">Fluent</SelectItem> <SelectItem value="FLUENT">Fluent</SelectItem>
<SelectItem value="Intermediate">Intermediate</SelectItem> <SelectItem value="INTERMEDIATE">Intermediate</SelectItem>
<SelectItem value="Basic">Basic</SelectItem> <SelectItem value="BASIC">Basic</SelectItem>
<SelectItem value="None">None</SelectItem> <SelectItem value="NONE">None</SelectItem>
</SelectContent> </SelectContent>
</Select> </Select>
</div> </div>
<div className="space-y-2 flex items-end"> {/* <div className="space-y-2 flex items-end">
<div className="flex items-center space-x-2"> <div className="flex items-center space-x-2">
<Checkbox <Checkbox
id="english_required" id="english_required"
@@ -413,9 +413,9 @@ export default function StaffForm({ staff, onSubmit, isSubmitting }) {
English Required English Required
</Label> </Label>
</div> </div>
</div> </div> */}
<div className="space-y-2"> {/* <div className="space-y-2">
<Label htmlFor="check_in" className="text-slate-700 font-medium">Last Check-in</Label> <Label htmlFor="check_in" className="text-slate-700 font-medium">Last Check-in</Label>
<Input <Input
id="check_in" id="check_in"
@@ -424,9 +424,9 @@ export default function StaffForm({ staff, onSubmit, isSubmitting }) {
onChange={(e) => handleChange('check_in', e.target.value)} onChange={(e) => handleChange('check_in', e.target.value)}
className="border-slate-200" className="border-slate-200"
/> />
</div> </div> */}
<div className="space-y-2"> {/* <div className="space-y-2">
<Label htmlFor="schedule_days" className="text-slate-700 font-medium">Schedule Days</Label> <Label htmlFor="schedule_days" className="text-slate-700 font-medium">Schedule Days</Label>
<Input <Input
id="schedule_days" id="schedule_days"
@@ -435,7 +435,7 @@ export default function StaffForm({ staff, onSubmit, isSubmitting }) {
placeholder="e.g., Mon-Fri, 9AM-5PM" placeholder="e.g., Mon-Fri, 9AM-5PM"
className="border-slate-200" className="border-slate-200"
/> />
</div> </div> */}
</div> </div>
</CardContent> </CardContent>
</Card> </Card>
@@ -446,7 +446,7 @@ export default function StaffForm({ staff, onSubmit, isSubmitting }) {
</CardHeader> </CardHeader>
<CardContent className="p-6"> <CardContent className="p-6">
<div className="grid grid-cols-1 md:grid-cols-2 gap-6"> <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
<div className="space-y-2"> {/* <div className="space-y-2">
<Label htmlFor="replaced_by" className="text-slate-700 font-medium">Replaced By</Label> <Label htmlFor="replaced_by" className="text-slate-700 font-medium">Replaced By</Label>
<Input <Input
id="replaced_by" id="replaced_by"
@@ -454,9 +454,9 @@ export default function StaffForm({ staff, onSubmit, isSubmitting }) {
onChange={(e) => handleChange('replaced_by', e.target.value)} onChange={(e) => handleChange('replaced_by', e.target.value)}
className="border-slate-200" className="border-slate-200"
/> />
</div> </div> */}
<div className="space-y-2"> {/* <div className="space-y-2">
<Label htmlFor="action" className="text-slate-700 font-medium">Action</Label> <Label htmlFor="action" className="text-slate-700 font-medium">Action</Label>
<Input <Input
id="action" id="action"
@@ -464,9 +464,9 @@ export default function StaffForm({ staff, onSubmit, isSubmitting }) {
onChange={(e) => handleChange('action', e.target.value)} onChange={(e) => handleChange('action', e.target.value)}
className="border-slate-200" className="border-slate-200"
/> />
</div> </div> */}
<div className="space-y-2"> {/* <div className="space-y-2">
<Label htmlFor="ro" className="text-slate-700 font-medium">R.O</Label> <Label htmlFor="ro" className="text-slate-700 font-medium">R.O</Label>
<Input <Input
id="ro" id="ro"
@@ -474,9 +474,9 @@ export default function StaffForm({ staff, onSubmit, isSubmitting }) {
onChange={(e) => handleChange('ro', e.target.value)} onChange={(e) => handleChange('ro', e.target.value)}
className="border-slate-200" className="border-slate-200"
/> />
</div> </div> */}
<div className="space-y-2"> {/* <div className="space-y-2">
<Label htmlFor="mon" className="text-slate-700 font-medium">MON</Label> <Label htmlFor="mon" className="text-slate-700 font-medium">MON</Label>
<Input <Input
id="mon" id="mon"
@@ -484,7 +484,7 @@ export default function StaffForm({ staff, onSubmit, isSubmitting }) {
onChange={(e) => handleChange('mon', e.target.value)} onChange={(e) => handleChange('mon', e.target.value)}
className="border-slate-200" className="border-slate-200"
/> />
</div> </div> */}
<div className="space-y-2 md:col-span-2"> <div className="space-y-2 md:col-span-2">
<Label htmlFor="notes" className="text-slate-700 font-medium">Notes</Label> <Label htmlFor="notes" className="text-slate-700 font-medium">Notes</Label>
@@ -497,7 +497,7 @@ export default function StaffForm({ staff, onSubmit, isSubmitting }) {
/> />
</div> </div>
<div className="space-y-2 md:col-span-2"> {/* <div className="space-y-2 md:col-span-2">
<Label htmlFor="accounting_comments" className="text-slate-700 font-medium">Accounting Comments</Label> <Label htmlFor="accounting_comments" className="text-slate-700 font-medium">Accounting Comments</Label>
<Textarea <Textarea
id="accounting_comments" id="accounting_comments"
@@ -506,7 +506,7 @@ export default function StaffForm({ staff, onSubmit, isSubmitting }) {
rows={3} rows={3}
className="border-slate-200" className="border-slate-200"
/> />
</div> </div> */}
</div> </div>
</CardContent> </CardContent>
</Card> </Card>

4
frontend-web-free/src/pages/EditStaff.jsx
View File

@@ -27,6 +27,10 @@ export default function EditStaff() {
queryClient.invalidateQueries({ queryKey: ['staff'] }); queryClient.invalidateQueries({ queryKey: ['staff'] });
navigate(createPageUrl("Dashboard")); navigate(createPageUrl("Dashboard"));
}, },
onError: (error, variables) => {
console.log("data: ",variables);
console.error("Update failed", error);
},
}); });
const handleSubmit = (staffData) => { const handleSubmit = (staffData) => {