Add content type and genre selection to video editing for better categorization

Update the admin interface to include dropdowns for selecting content type and genre when editing videos, improving content organization.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 170e18f0-0f13-4eca-8643-546bba1dd8cc
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/170e18f0-0f13-4eca-8643-546bba1dd8cc/mBFpYYY
This commit is contained in:
sebastjanartic 2025-09-02 13:38:02 +00:00
parent d45aedfc0d
commit a61edee033

View File

@ -345,6 +345,47 @@ function EditVideoDialog({
</DialogHeader>
<form onSubmit={handleSubmit} className="space-y-6">
{/* Content Type and Genre - Top Priority */}
<div className="grid grid-cols-1 md:grid-cols-2 gap-4 p-4 bg-white/5 rounded-lg border border-white/10">
<div>
<Label className="text-white/90">Content Type</Label>
<Select
value={formData.contentType}
onValueChange={(value) => setFormData({ ...formData, contentType: value as any })}
>
<SelectTrigger className="bg-white/10 border-white/20 text-white">
<SelectValue />
</SelectTrigger>
<SelectContent className="bg-[#2D1B69] border-white/20">
<SelectItem value="video">🎵 Music Video</SelectItem>
<SelectItem value="oddaja">🎭 Show/Episode</SelectItem>
</SelectContent>
</Select>
</div>
<div>
<Label className="text-white/90">Genre</Label>
<Select
value={formData.genre}
onValueChange={(value) => setFormData({ ...formData, genre: value })}
>
<SelectTrigger className="bg-white/10 border-white/20 text-white">
<SelectValue />
</SelectTrigger>
<SelectContent className="bg-[#2D1B69] border-white/20">
<SelectItem value="volksmusik">🎵 Volksmusik</SelectItem>
<SelectItem value="traditional">🏔 Traditional Alpine</SelectItem>
<SelectItem value="polka">💃 Polka</SelectItem>
<SelectItem value="waltz">🕺 Waltz</SelectItem>
<SelectItem value="schlager">🎤 Schlager</SelectItem>
<SelectItem value="interview">🎙 Interview</SelectItem>
<SelectItem value="talk_show">📺 Talk Show</SelectItem>
<SelectItem value="folk_show">🎭 Folk Show</SelectItem>
</SelectContent>
</Select>
</div>
</div>
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
<div>
<Label className="text-white/90">
@ -452,46 +493,6 @@ function EditVideoDialog({
</div>
</div>
<div>
<Label className="text-white/90">Content Type</Label>
<Select
value={formData.contentType}
onValueChange={(value) => setFormData({ ...formData, contentType: value as any })}
>
<SelectTrigger className="bg-white/10 border-white/20 text-white">
<SelectValue />
</SelectTrigger>
<SelectContent className="bg-[#2D1B69] border-white/20">
<SelectItem value="video">Video</SelectItem>
<SelectItem value="oddaja">Oddaja</SelectItem>
<SelectItem value="music_video">Music Video</SelectItem>
<SelectItem value="documentary">Documentary</SelectItem>
<SelectItem value="live">Live</SelectItem>
</SelectContent>
</Select>
</div>
<div>
<Label className="text-white/90">Genre</Label>
<Select
value={formData.genre}
onValueChange={(value) => setFormData({ ...formData, genre: value as any })}
>
<SelectTrigger className="bg-white/10 border-white/20 text-white">
<SelectValue />
</SelectTrigger>
<SelectContent className="bg-[#2D1B69] border-white/20">
<SelectItem value="volksmusik">Volksmusik</SelectItem>
<SelectItem value="schlager">Schlager</SelectItem>
<SelectItem value="pop">Pop</SelectItem>
<SelectItem value="rock">Rock</SelectItem>
<SelectItem value="country">Country</SelectItem>
<SelectItem value="instrumental">Instrumental</SelectItem>
<SelectItem value="dance">Dance</SelectItem>
<SelectItem value="other">Other</SelectItem>
</SelectContent>
</Select>
</div>
<div className="md:col-span-2">
<Label className="text-white/90">Custom Thumbnail URL</Label>