sebastjan/videofolxtv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adapt video and episode editing forms to show distinct fields

Browse Source 
Update the admin interface to conditionally display labels, placeholders, and input fields based on whether the content is a video or an episode, differentiating between song titles/artists and episode titles/performers.

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/wfkjaU4
This commit is contained in:
sebastjanartic 2025-09-02 13:36:36 +00:00
parent 57c6462561
commit d45aedfc0d
1 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
client/src/pages/admin.tsx
View File

@ -347,29 +347,34 @@ function EditVideoDialog({
<form onSubmit={handleSubmit} className="space-y-6"> <form onSubmit={handleSubmit} className="space-y-6">
<div className="grid grid-cols-1 md:grid-cols-2 gap-4"> <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
<div> <div>
<Label className="text-white/90">Title</Label> <Label className="text-white/90">
{formData.episodeNumber ? 'Episode Title / Show Name' : 'Song Title'}
</Label>
<Input <Input
value={formData.title} value={formData.title}
onChange={(e) => setFormData({ ...formData, title: e.target.value })} onChange={(e) => setFormData({ ...formData, title: e.target.value })}
className="bg-white/10 border-white/20 text-white" className="bg-white/10 border-white/20 text-white"
placeholder={formData.episodeNumber ? "Episode title or show name..." : "Song title..."}
required required
/> />
</div> </div>
<div> <div>
<Label className="text-white/90">Artist/Izvajalec</Label> <Label className="text-white/90">
{formData.episodeNumber ? 'Guest / Performer' : 'Artist / Band'}
</Label>
<Input <Input
value={formData.artist} value={formData.artist}
onChange={(e) => setFormData({ ...formData, artist: e.target.value })} onChange={(e) => setFormData({ ...formData, artist: e.target.value })}
className="bg-white/10 border-white/20 text-white" className="bg-white/10 border-white/20 text-white"
placeholder="Enter artist/band name..." placeholder={formData.episodeNumber ? "Guest name or performer..." : "Artist or band name..."}
/> />
</div> </div>
<div> <div>
<Label className="text-white/90">File Name (from Bunny.net)</Label> <Label className="text-white/90">File Name (from Bunny.net)</Label>
<Input <Input
value={formData.filename} value={formData.filename || ''}
onChange={(e) => setFormData({ ...formData, filename: e.target.value })} onChange={(e) => setFormData({ ...formData, filename: e.target.value })}
className="bg-white/10 border-white/20 text-white" className="bg-white/10 border-white/20 text-white"
placeholder="Original filename..." placeholder="Original filename..."
@ -383,8 +388,13 @@ function EditVideoDialog({
value={formData.episodeNumber} value={formData.episodeNumber}
onChange={(e) => setFormData({ ...formData, episodeNumber: e.target.value })} onChange={(e) => setFormData({ ...formData, episodeNumber: e.target.value })}
className="bg-white/10 border-white/20 text-white" className="bg-white/10 border-white/20 text-white"
placeholder="e.g., 15" placeholder="e.g., 15 (leave empty for music videos)"
/> />
{formData.episodeNumber && (
<p className="text-sm text-blue-300 mt-1">
🎭 Show mode: Fields above adjusted for episode content
</p>
)}
</div> </div>
<div> <div>