Rounds overhaul: full CRUD submission windows, scheduling UI, analytics, design refresh
All checks were successful
Build and Push Docker Image / build (push) Successful in 7m40s
All checks were successful
Build and Push Docker Image / build (push) Successful in 7m40s
- Fix special award FK crash: replace 4x raw auditLog.create with logAudit() helper - Add updateSubmissionWindow + deleteSubmissionWindow mutations to round router - Add per-round analytics (_count, juryGroup) to competition.getById - Remove redundant acceptedCategories from intake config - Rewrite submission window manager with full CRUD, all fields, date pickers - Add round scheduling card (open/close dates) to round detail page - Add project count, assignment count, jury group to round list cards - Visual redesign: pipeline view, brand colors, progress bars, enhanced cards Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -9,16 +9,19 @@ import { Input } from '@/components/ui/input'
|
||||
import { Label } from '@/components/ui/label'
|
||||
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
|
||||
import { Badge } from '@/components/ui/badge'
|
||||
import { Switch } from '@/components/ui/switch'
|
||||
import {
|
||||
Dialog,
|
||||
DialogContent,
|
||||
DialogDescription,
|
||||
DialogFooter,
|
||||
DialogHeader,
|
||||
DialogTitle,
|
||||
DialogTrigger,
|
||||
} from '@/components/ui/dialog'
|
||||
import { Plus, Lock, Unlock, LockKeyhole, Loader2 } from 'lucide-react'
|
||||
import { Plus, Lock, Unlock, LockKeyhole, Loader2, Pencil, Trash2 } from 'lucide-react'
|
||||
import { cn } from '@/lib/utils'
|
||||
import { formatDistanceToNow } from 'date-fns'
|
||||
import { format } from 'date-fns'
|
||||
|
||||
type SubmissionWindowManagerProps = {
|
||||
competitionId: string
|
||||
@@ -27,14 +30,36 @@ type SubmissionWindowManagerProps = {
|
||||
|
||||
export function SubmissionWindowManager({ competitionId, roundId }: SubmissionWindowManagerProps) {
|
||||
const [isCreateOpen, setIsCreateOpen] = useState(false)
|
||||
const [name, setName] = useState('')
|
||||
const [slug, setSlug] = useState('')
|
||||
const [roundNumber, setRoundNumber] = useState(1)
|
||||
const [editingWindow, setEditingWindow] = useState<string | null>(null)
|
||||
const [deletingWindow, setDeletingWindow] = useState<string | null>(null)
|
||||
|
||||
// Create form state
|
||||
const [createForm, setCreateForm] = useState({
|
||||
name: '',
|
||||
slug: '',
|
||||
roundNumber: 1,
|
||||
windowOpenAt: '',
|
||||
windowCloseAt: '',
|
||||
deadlinePolicy: 'HARD_DEADLINE' as 'HARD_DEADLINE' | 'FLAG' | 'GRACE',
|
||||
graceHours: 0,
|
||||
lockOnClose: true,
|
||||
})
|
||||
|
||||
// Edit form state
|
||||
const [editForm, setEditForm] = useState({
|
||||
name: '',
|
||||
slug: '',
|
||||
roundNumber: 1,
|
||||
windowOpenAt: '',
|
||||
windowCloseAt: '',
|
||||
deadlinePolicy: 'HARD_DEADLINE' as 'HARD_DEADLINE' | 'FLAG' | 'GRACE',
|
||||
graceHours: 0,
|
||||
lockOnClose: true,
|
||||
sortOrder: 1,
|
||||
})
|
||||
|
||||
const utils = trpc.useUtils()
|
||||
|
||||
// For now, we'll query all windows for the competition
|
||||
// In a real implementation, we'd filter by round or have a dedicated endpoint
|
||||
const { data: competition, isLoading } = trpc.competition.getById.useQuery({
|
||||
id: competitionId,
|
||||
})
|
||||
@@ -44,9 +69,35 @@ export function SubmissionWindowManager({ competitionId, roundId }: SubmissionWi
|
||||
utils.competition.getById.invalidate({ id: competitionId })
|
||||
toast.success('Submission window created')
|
||||
setIsCreateOpen(false)
|
||||
setName('')
|
||||
setSlug('')
|
||||
setRoundNumber(1)
|
||||
// Reset form
|
||||
setCreateForm({
|
||||
name: '',
|
||||
slug: '',
|
||||
roundNumber: 1,
|
||||
windowOpenAt: '',
|
||||
windowCloseAt: '',
|
||||
deadlinePolicy: 'HARD_DEADLINE',
|
||||
graceHours: 0,
|
||||
lockOnClose: true,
|
||||
})
|
||||
},
|
||||
onError: (err) => toast.error(err.message),
|
||||
})
|
||||
|
||||
const updateWindowMutation = trpc.round.updateSubmissionWindow.useMutation({
|
||||
onSuccess: () => {
|
||||
utils.competition.getById.invalidate({ id: competitionId })
|
||||
toast.success('Submission window updated')
|
||||
setEditingWindow(null)
|
||||
},
|
||||
onError: (err) => toast.error(err.message),
|
||||
})
|
||||
|
||||
const deleteWindowMutation = trpc.round.deleteSubmissionWindow.useMutation({
|
||||
onSuccess: () => {
|
||||
utils.competition.getById.invalidate({ id: competitionId })
|
||||
toast.success('Submission window deleted')
|
||||
setDeletingWindow(null)
|
||||
},
|
||||
onError: (err) => toast.error(err.message),
|
||||
})
|
||||
@@ -75,24 +126,79 @@ export function SubmissionWindowManager({ competitionId, roundId }: SubmissionWi
|
||||
onError: (err) => toast.error(err.message),
|
||||
})
|
||||
|
||||
const handleCreateNameChange = (value: string) => {
|
||||
const autoSlug = value.toLowerCase().replace(/\s+/g, '-').replace(/[^a-z0-9-]/g, '')
|
||||
setCreateForm({ ...createForm, name: value, slug: autoSlug })
|
||||
}
|
||||
|
||||
const handleEditNameChange = (value: string) => {
|
||||
const autoSlug = value.toLowerCase().replace(/\s+/g, '-').replace(/[^a-z0-9-]/g, '')
|
||||
setEditForm({ ...editForm, name: value, slug: autoSlug })
|
||||
}
|
||||
|
||||
const handleCreate = () => {
|
||||
if (!name || !slug) {
|
||||
if (!createForm.name || !createForm.slug) {
|
||||
toast.error('Name and slug are required')
|
||||
return
|
||||
}
|
||||
|
||||
createWindowMutation.mutate({
|
||||
competitionId,
|
||||
name,
|
||||
slug,
|
||||
roundNumber,
|
||||
name: createForm.name,
|
||||
slug: createForm.slug,
|
||||
roundNumber: createForm.roundNumber,
|
||||
windowOpenAt: createForm.windowOpenAt ? new Date(createForm.windowOpenAt) : undefined,
|
||||
windowCloseAt: createForm.windowCloseAt ? new Date(createForm.windowCloseAt) : undefined,
|
||||
deadlinePolicy: createForm.deadlinePolicy,
|
||||
graceHours: createForm.deadlinePolicy === 'GRACE' ? createForm.graceHours : undefined,
|
||||
lockOnClose: createForm.lockOnClose,
|
||||
})
|
||||
}
|
||||
|
||||
const handleNameChange = (value: string) => {
|
||||
setName(value)
|
||||
const autoSlug = value.toLowerCase().replace(/\s+/g, '-').replace(/[^a-z0-9-]/g, '')
|
||||
setSlug(autoSlug)
|
||||
const handleEdit = () => {
|
||||
if (!editingWindow) return
|
||||
if (!editForm.name || !editForm.slug) {
|
||||
toast.error('Name and slug are required')
|
||||
return
|
||||
}
|
||||
|
||||
updateWindowMutation.mutate({
|
||||
id: editingWindow,
|
||||
name: editForm.name,
|
||||
slug: editForm.slug,
|
||||
roundNumber: editForm.roundNumber,
|
||||
windowOpenAt: editForm.windowOpenAt ? new Date(editForm.windowOpenAt) : null,
|
||||
windowCloseAt: editForm.windowCloseAt ? new Date(editForm.windowCloseAt) : null,
|
||||
deadlinePolicy: editForm.deadlinePolicy,
|
||||
graceHours: editForm.deadlinePolicy === 'GRACE' ? editForm.graceHours : null,
|
||||
lockOnClose: editForm.lockOnClose,
|
||||
sortOrder: editForm.sortOrder,
|
||||
})
|
||||
}
|
||||
|
||||
const handleDelete = () => {
|
||||
if (!deletingWindow) return
|
||||
deleteWindowMutation.mutate({ id: deletingWindow })
|
||||
}
|
||||
|
||||
const openEditDialog = (window: any) => {
|
||||
setEditForm({
|
||||
name: window.name,
|
||||
slug: window.slug,
|
||||
roundNumber: window.roundNumber,
|
||||
windowOpenAt: window.windowOpenAt ? new Date(window.windowOpenAt).toISOString().slice(0, 16) : '',
|
||||
windowCloseAt: window.windowCloseAt ? new Date(window.windowCloseAt).toISOString().slice(0, 16) : '',
|
||||
deadlinePolicy: 'HARD_DEADLINE', // Not available in query, use default
|
||||
graceHours: 0, // Not available in query, use default
|
||||
lockOnClose: true, // Not available in query, use default
|
||||
sortOrder: 1, // Not available in query, use default
|
||||
})
|
||||
setEditingWindow(window.id)
|
||||
}
|
||||
|
||||
const formatDate = (date: Date | null | undefined) => {
|
||||
if (!date) return 'Not set'
|
||||
return format(new Date(date), 'MMM d, yyyy h:mm a')
|
||||
}
|
||||
|
||||
const windows = competition?.submissionWindows ?? []
|
||||
@@ -115,42 +221,105 @@ export function SubmissionWindowManager({ competitionId, roundId }: SubmissionWi
|
||||
Create Window
|
||||
</Button>
|
||||
</DialogTrigger>
|
||||
<DialogContent>
|
||||
<DialogContent className="max-h-[90vh] overflow-y-auto">
|
||||
<DialogHeader>
|
||||
<DialogTitle>Create Submission Window</DialogTitle>
|
||||
</DialogHeader>
|
||||
<div className="space-y-4">
|
||||
<div className="space-y-2">
|
||||
<Label htmlFor="windowName">Window Name</Label>
|
||||
<Label htmlFor="create-name">Window Name</Label>
|
||||
<Input
|
||||
id="windowName"
|
||||
id="create-name"
|
||||
placeholder="e.g., Round 1 Submissions"
|
||||
value={name}
|
||||
onChange={(e) => handleNameChange(e.target.value)}
|
||||
value={createForm.name}
|
||||
onChange={(e) => handleCreateNameChange(e.target.value)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="space-y-2">
|
||||
<Label htmlFor="windowSlug">Slug</Label>
|
||||
<Label htmlFor="create-slug">Slug</Label>
|
||||
<Input
|
||||
id="windowSlug"
|
||||
id="create-slug"
|
||||
placeholder="e.g., round-1-submissions"
|
||||
value={slug}
|
||||
onChange={(e) => setSlug(e.target.value)}
|
||||
value={createForm.slug}
|
||||
onChange={(e) => setCreateForm({ ...createForm, slug: e.target.value })}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="space-y-2">
|
||||
<Label htmlFor="roundNumber">Round Number</Label>
|
||||
<Label htmlFor="create-roundNumber">Round Number</Label>
|
||||
<Input
|
||||
id="roundNumber"
|
||||
id="create-roundNumber"
|
||||
type="number"
|
||||
min={1}
|
||||
value={roundNumber}
|
||||
onChange={(e) => setRoundNumber(parseInt(e.target.value, 10))}
|
||||
value={createForm.roundNumber}
|
||||
onChange={(e) => setCreateForm({ ...createForm, roundNumber: parseInt(e.target.value, 10) || 1 })}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="space-y-2">
|
||||
<Label htmlFor="create-windowOpenAt">Window Open At</Label>
|
||||
<Input
|
||||
id="create-windowOpenAt"
|
||||
type="datetime-local"
|
||||
value={createForm.windowOpenAt}
|
||||
onChange={(e) => setCreateForm({ ...createForm, windowOpenAt: e.target.value })}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="space-y-2">
|
||||
<Label htmlFor="create-windowCloseAt">Window Close At</Label>
|
||||
<Input
|
||||
id="create-windowCloseAt"
|
||||
type="datetime-local"
|
||||
value={createForm.windowCloseAt}
|
||||
onChange={(e) => setCreateForm({ ...createForm, windowCloseAt: e.target.value })}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="space-y-2">
|
||||
<Label htmlFor="create-deadlinePolicy">Deadline Policy</Label>
|
||||
<Select
|
||||
value={createForm.deadlinePolicy}
|
||||
onValueChange={(value: 'HARD_DEADLINE' | 'FLAG' | 'GRACE') =>
|
||||
setCreateForm({ ...createForm, deadlinePolicy: value })
|
||||
}
|
||||
>
|
||||
<SelectTrigger id="create-deadlinePolicy">
|
||||
<SelectValue />
|
||||
</SelectTrigger>
|
||||
<SelectContent>
|
||||
<SelectItem value="HARD_DEADLINE">Hard Deadline</SelectItem>
|
||||
<SelectItem value="FLAG">Flag Late Submissions</SelectItem>
|
||||
<SelectItem value="GRACE">Grace Period</SelectItem>
|
||||
</SelectContent>
|
||||
</Select>
|
||||
</div>
|
||||
|
||||
{createForm.deadlinePolicy === 'GRACE' && (
|
||||
<div className="space-y-2">
|
||||
<Label htmlFor="create-graceHours">Grace Hours</Label>
|
||||
<Input
|
||||
id="create-graceHours"
|
||||
type="number"
|
||||
min={0}
|
||||
value={createForm.graceHours}
|
||||
onChange={(e) => setCreateForm({ ...createForm, graceHours: parseInt(e.target.value, 10) || 0 })}
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<div className="flex items-center gap-2">
|
||||
<Switch
|
||||
id="create-lockOnClose"
|
||||
checked={createForm.lockOnClose}
|
||||
onCheckedChange={(checked) => setCreateForm({ ...createForm, lockOnClose: checked })}
|
||||
/>
|
||||
<Label htmlFor="create-lockOnClose" className="cursor-pointer">
|
||||
Lock window on close
|
||||
</Label>
|
||||
</div>
|
||||
|
||||
<div className="flex gap-2 pt-4">
|
||||
<Button
|
||||
variant="outline"
|
||||
@@ -195,89 +364,113 @@ export function SubmissionWindowManager({ competitionId, roundId }: SubmissionWi
|
||||
return (
|
||||
<div
|
||||
key={window.id}
|
||||
className="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between border rounded-lg p-3"
|
||||
className="flex flex-col gap-3 border rounded-lg p-3"
|
||||
>
|
||||
<div className="min-w-0 flex-1">
|
||||
<div className="flex items-center gap-2 flex-wrap">
|
||||
<p className="text-sm font-medium truncate">{window.name}</p>
|
||||
<div className="flex flex-col sm:flex-row sm:items-start sm:justify-between gap-3">
|
||||
<div className="min-w-0 flex-1">
|
||||
<div className="flex items-center gap-2 flex-wrap">
|
||||
<p className="text-sm font-medium truncate">{window.name}</p>
|
||||
{isPending && (
|
||||
<Badge variant="secondary" className="text-[10px] bg-gray-100 text-gray-700">
|
||||
Pending
|
||||
</Badge>
|
||||
)}
|
||||
{isOpen && (
|
||||
<Badge variant="secondary" className="text-[10px] bg-emerald-100 text-emerald-700">
|
||||
Open
|
||||
</Badge>
|
||||
)}
|
||||
{isClosed && (
|
||||
<Badge variant="secondary" className="text-[10px] bg-blue-100 text-blue-700">
|
||||
Closed
|
||||
</Badge>
|
||||
)}
|
||||
{isLocked && (
|
||||
<Badge variant="secondary" className="text-[10px] bg-red-100 text-red-700">
|
||||
<LockKeyhole className="h-2.5 w-2.5 mr-1" />
|
||||
Locked
|
||||
</Badge>
|
||||
)}
|
||||
|
||||
</div>
|
||||
<p className="text-xs text-muted-foreground font-mono mt-0.5">{window.slug}</p>
|
||||
<div className="flex flex-wrap gap-2 mt-1 text-xs text-muted-foreground">
|
||||
<span>Round {window.roundNumber}</span>
|
||||
<span>•</span>
|
||||
<span>{window._count.fileRequirements} requirements</span>
|
||||
<span>•</span>
|
||||
<span>{window._count.projectFiles} files</span>
|
||||
</div>
|
||||
<div className="flex flex-wrap gap-2 mt-1 text-xs text-muted-foreground">
|
||||
<span>Open: {formatDate(window.windowOpenAt)}</span>
|
||||
<span>•</span>
|
||||
<span>Close: {formatDate(window.windowCloseAt)}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex items-center gap-2 shrink-0 flex-wrap">
|
||||
<Button
|
||||
size="sm"
|
||||
variant="ghost"
|
||||
onClick={() => openEditDialog(window)}
|
||||
className="h-8 px-2"
|
||||
>
|
||||
<Pencil className="h-3 w-3" />
|
||||
</Button>
|
||||
<Button
|
||||
size="sm"
|
||||
variant="ghost"
|
||||
onClick={() => setDeletingWindow(window.id)}
|
||||
className="h-8 px-2 text-destructive hover:text-destructive"
|
||||
>
|
||||
<Trash2 className="h-3 w-3" />
|
||||
</Button>
|
||||
{isPending && (
|
||||
<Badge variant="secondary" className="text-[10px] bg-gray-100 text-gray-700">
|
||||
Pending
|
||||
</Badge>
|
||||
<Button
|
||||
size="sm"
|
||||
variant="outline"
|
||||
onClick={() => openWindowMutation.mutate({ windowId: window.id })}
|
||||
disabled={openWindowMutation.isPending}
|
||||
>
|
||||
{openWindowMutation.isPending ? (
|
||||
<Loader2 className="h-3 w-3 mr-1 animate-spin" />
|
||||
) : (
|
||||
<Unlock className="h-3 w-3 mr-1" />
|
||||
)}
|
||||
Open
|
||||
</Button>
|
||||
)}
|
||||
{isOpen && (
|
||||
<Badge variant="secondary" className="text-[10px] bg-emerald-100 text-emerald-700">
|
||||
Open
|
||||
</Badge>
|
||||
<Button
|
||||
size="sm"
|
||||
variant="outline"
|
||||
onClick={() => closeWindowMutation.mutate({ windowId: window.id })}
|
||||
disabled={closeWindowMutation.isPending}
|
||||
>
|
||||
{closeWindowMutation.isPending ? (
|
||||
<Loader2 className="h-3 w-3 mr-1 animate-spin" />
|
||||
) : (
|
||||
<Lock className="h-3 w-3 mr-1" />
|
||||
)}
|
||||
Close
|
||||
</Button>
|
||||
)}
|
||||
{isClosed && (
|
||||
<Badge variant="secondary" className="text-[10px] bg-blue-100 text-blue-700">
|
||||
Closed
|
||||
</Badge>
|
||||
)}
|
||||
{isLocked && (
|
||||
<Badge variant="secondary" className="text-[10px] bg-red-100 text-red-700">
|
||||
<LockKeyhole className="h-2.5 w-2.5 mr-1" />
|
||||
Locked
|
||||
</Badge>
|
||||
<Button
|
||||
size="sm"
|
||||
variant="outline"
|
||||
onClick={() => lockWindowMutation.mutate({ windowId: window.id })}
|
||||
disabled={lockWindowMutation.isPending}
|
||||
>
|
||||
{lockWindowMutation.isPending ? (
|
||||
<Loader2 className="h-3 w-3 mr-1 animate-spin" />
|
||||
) : (
|
||||
<LockKeyhole className="h-3 w-3 mr-1" />
|
||||
)}
|
||||
Lock
|
||||
</Button>
|
||||
)}
|
||||
</div>
|
||||
<p className="text-xs text-muted-foreground font-mono mt-0.5">{window.slug}</p>
|
||||
<div className="flex flex-wrap gap-2 mt-1 text-xs text-muted-foreground">
|
||||
<span>Round {window.roundNumber}</span>
|
||||
<span>•</span>
|
||||
<span>{window._count.fileRequirements} requirements</span>
|
||||
<span>•</span>
|
||||
<span>{window._count.projectFiles} files</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex items-center gap-2 shrink-0">
|
||||
{isPending && (
|
||||
<Button
|
||||
size="sm"
|
||||
variant="outline"
|
||||
onClick={() => openWindowMutation.mutate({ windowId: window.id })}
|
||||
disabled={openWindowMutation.isPending}
|
||||
>
|
||||
{openWindowMutation.isPending ? (
|
||||
<Loader2 className="h-3 w-3 mr-1 animate-spin" />
|
||||
) : (
|
||||
<Unlock className="h-3 w-3 mr-1" />
|
||||
)}
|
||||
Open
|
||||
</Button>
|
||||
)}
|
||||
{isOpen && (
|
||||
<Button
|
||||
size="sm"
|
||||
variant="outline"
|
||||
onClick={() => closeWindowMutation.mutate({ windowId: window.id })}
|
||||
disabled={closeWindowMutation.isPending}
|
||||
>
|
||||
{closeWindowMutation.isPending ? (
|
||||
<Loader2 className="h-3 w-3 mr-1 animate-spin" />
|
||||
) : (
|
||||
<Lock className="h-3 w-3 mr-1" />
|
||||
)}
|
||||
Close
|
||||
</Button>
|
||||
)}
|
||||
{isClosed && (
|
||||
<Button
|
||||
size="sm"
|
||||
variant="outline"
|
||||
onClick={() => lockWindowMutation.mutate({ windowId: window.id })}
|
||||
disabled={lockWindowMutation.isPending}
|
||||
>
|
||||
{lockWindowMutation.isPending ? (
|
||||
<Loader2 className="h-3 w-3 mr-1 animate-spin" />
|
||||
) : (
|
||||
<LockKeyhole className="h-3 w-3 mr-1" />
|
||||
)}
|
||||
Lock
|
||||
</Button>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
@@ -286,6 +479,176 @@ export function SubmissionWindowManager({ competitionId, roundId }: SubmissionWi
|
||||
)}
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
{/* Edit Dialog */}
|
||||
<Dialog open={!!editingWindow} onOpenChange={(open) => !open && setEditingWindow(null)}>
|
||||
<DialogContent className="max-h-[90vh] overflow-y-auto">
|
||||
<DialogHeader>
|
||||
<DialogTitle>Edit Submission Window</DialogTitle>
|
||||
</DialogHeader>
|
||||
<div className="space-y-4">
|
||||
<div className="space-y-2">
|
||||
<Label htmlFor="edit-name">Window Name</Label>
|
||||
<Input
|
||||
id="edit-name"
|
||||
placeholder="e.g., Round 1 Submissions"
|
||||
value={editForm.name}
|
||||
onChange={(e) => handleEditNameChange(e.target.value)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="space-y-2">
|
||||
<Label htmlFor="edit-slug">Slug</Label>
|
||||
<Input
|
||||
id="edit-slug"
|
||||
placeholder="e.g., round-1-submissions"
|
||||
value={editForm.slug}
|
||||
onChange={(e) => setEditForm({ ...editForm, slug: e.target.value })}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="space-y-2">
|
||||
<Label htmlFor="edit-roundNumber">Round Number</Label>
|
||||
<Input
|
||||
id="edit-roundNumber"
|
||||
type="number"
|
||||
min={1}
|
||||
value={editForm.roundNumber}
|
||||
onChange={(e) => setEditForm({ ...editForm, roundNumber: parseInt(e.target.value, 10) || 1 })}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="space-y-2">
|
||||
<Label htmlFor="edit-windowOpenAt">Window Open At</Label>
|
||||
<Input
|
||||
id="edit-windowOpenAt"
|
||||
type="datetime-local"
|
||||
value={editForm.windowOpenAt}
|
||||
onChange={(e) => setEditForm({ ...editForm, windowOpenAt: e.target.value })}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="space-y-2">
|
||||
<Label htmlFor="edit-windowCloseAt">Window Close At</Label>
|
||||
<Input
|
||||
id="edit-windowCloseAt"
|
||||
type="datetime-local"
|
||||
value={editForm.windowCloseAt}
|
||||
onChange={(e) => setEditForm({ ...editForm, windowCloseAt: e.target.value })}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="space-y-2">
|
||||
<Label htmlFor="edit-deadlinePolicy">Deadline Policy</Label>
|
||||
<Select
|
||||
value={editForm.deadlinePolicy}
|
||||
onValueChange={(value: 'HARD_DEADLINE' | 'FLAG' | 'GRACE') =>
|
||||
setEditForm({ ...editForm, deadlinePolicy: value })
|
||||
}
|
||||
>
|
||||
<SelectTrigger id="edit-deadlinePolicy">
|
||||
<SelectValue />
|
||||
</SelectTrigger>
|
||||
<SelectContent>
|
||||
<SelectItem value="HARD_DEADLINE">Hard Deadline</SelectItem>
|
||||
<SelectItem value="FLAG">Flag Late Submissions</SelectItem>
|
||||
<SelectItem value="GRACE">Grace Period</SelectItem>
|
||||
</SelectContent>
|
||||
</Select>
|
||||
</div>
|
||||
|
||||
{editForm.deadlinePolicy === 'GRACE' && (
|
||||
<div className="space-y-2">
|
||||
<Label htmlFor="edit-graceHours">Grace Hours</Label>
|
||||
<Input
|
||||
id="edit-graceHours"
|
||||
type="number"
|
||||
min={0}
|
||||
value={editForm.graceHours}
|
||||
onChange={(e) => setEditForm({ ...editForm, graceHours: parseInt(e.target.value, 10) || 0 })}
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<div className="flex items-center gap-2">
|
||||
<Switch
|
||||
id="edit-lockOnClose"
|
||||
checked={editForm.lockOnClose}
|
||||
onCheckedChange={(checked) => setEditForm({ ...editForm, lockOnClose: checked })}
|
||||
/>
|
||||
<Label htmlFor="edit-lockOnClose" className="cursor-pointer">
|
||||
Lock window on close
|
||||
</Label>
|
||||
</div>
|
||||
|
||||
<div className="space-y-2">
|
||||
<Label htmlFor="edit-sortOrder">Sort Order</Label>
|
||||
<Input
|
||||
id="edit-sortOrder"
|
||||
type="number"
|
||||
min={1}
|
||||
value={editForm.sortOrder}
|
||||
onChange={(e) => setEditForm({ ...editForm, sortOrder: parseInt(e.target.value, 10) || 1 })}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="flex gap-2 pt-4">
|
||||
<Button
|
||||
variant="outline"
|
||||
className="flex-1"
|
||||
onClick={() => setEditingWindow(null)}
|
||||
>
|
||||
Cancel
|
||||
</Button>
|
||||
<Button
|
||||
className="flex-1"
|
||||
onClick={handleEdit}
|
||||
disabled={updateWindowMutation.isPending}
|
||||
>
|
||||
{updateWindowMutation.isPending && (
|
||||
<Loader2 className="h-4 w-4 mr-2 animate-spin" />
|
||||
)}
|
||||
Save Changes
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
</DialogContent>
|
||||
</Dialog>
|
||||
|
||||
{/* Delete Confirmation Dialog */}
|
||||
<Dialog open={!!deletingWindow} onOpenChange={(open) => !open && setDeletingWindow(null)}>
|
||||
<DialogContent>
|
||||
<DialogHeader>
|
||||
<DialogTitle>Delete Submission Window</DialogTitle>
|
||||
<DialogDescription>
|
||||
Are you sure you want to delete this submission window? This action cannot be undone.
|
||||
{(windows.find(w => w.id === deletingWindow)?._count?.projectFiles ?? 0) > 0 && (
|
||||
<span className="block mt-2 text-destructive font-medium">
|
||||
Warning: This window has uploaded files and cannot be deleted until they are removed.
|
||||
</span>
|
||||
)}
|
||||
</DialogDescription>
|
||||
</DialogHeader>
|
||||
<DialogFooter className="flex gap-2">
|
||||
<Button
|
||||
variant="outline"
|
||||
onClick={() => setDeletingWindow(null)}
|
||||
>
|
||||
Cancel
|
||||
</Button>
|
||||
<Button
|
||||
variant="destructive"
|
||||
onClick={handleDelete}
|
||||
disabled={deleteWindowMutation.isPending}
|
||||
>
|
||||
{deleteWindowMutation.isPending && (
|
||||
<Loader2 className="h-4 w-4 mr-2 animate-spin" />
|
||||
)}
|
||||
Delete
|
||||
</Button>
|
||||
</DialogFooter>
|
||||
</DialogContent>
|
||||
</Dialog>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user