78 lines
3.1 KiB
HTML
78 lines
3.1 KiB
HTML
{% extends "admin/base.html" %}
|
|
|
|
{% block title %}New Audio Album{% endblock title %}
|
|
|
|
{% block content %}
|
|
<div class="space-y-2">
|
|
<div class="flex flex-wrap items-center justify-between gap-3">
|
|
<div>
|
|
<h1 class="text-2xl font-bold">New Audio Album</h1>
|
|
<p class="text-sm opacity-70">Create a container for uploaded tracks.</p>
|
|
</div>
|
|
<a href="/admin/audio/albums" class="btn btn-ghost btn-sm">Back to albums</a>
|
|
</div>
|
|
|
|
<div class="card border border-base-300 bg-base-100 shadow-sm">
|
|
<div class="card-body">
|
|
<form method="post" action="/admin/audio/albums/create" class="space-y-2">
|
|
<div class="form-control">
|
|
<label class="label"><span class="label-text">Title</span></label>
|
|
<input type="text" name="title" required class="input input-bordered w-full">
|
|
</div>
|
|
|
|
<div class="form-control">
|
|
<label class="label"><span class="label-text">Artist</span></label>
|
|
<input type="text" name="artist" class="input input-bordered w-full">
|
|
</div>
|
|
|
|
<div class="form-control">
|
|
<label class="label"><span class="label-text">Release date</span></label>
|
|
<input type="date" name="release_date" class="input input-bordered w-full">
|
|
</div>
|
|
|
|
<div class="form-control">
|
|
<label class="label"><span class="label-text">Cover image id</span></label>
|
|
<input type="text" name="cover_image_id" class="input input-bordered w-full">
|
|
</div>
|
|
|
|
<div class="form-control">
|
|
<label class="label"><span class="label-text">Description</span></label>
|
|
<textarea name="description" rows="6" class="textarea textarea-bordered w-full"></textarea>
|
|
</div>
|
|
|
|
<div class="form-control">
|
|
<label class="label"><span class="label-text">Songs</span></label>
|
|
{% if available_tracks | length > 0 %}
|
|
<div class="divide-y divide-base-300 rounded border border-base-300">
|
|
{% for song in available_tracks %}
|
|
<label class="flex cursor-pointer items-center gap-3 p-2 hover:bg-base-200">
|
|
<input type="checkbox" name="track_ids" value="{{ song.id }}" class="checkbox checkbox-sm">
|
|
<span class="min-w-0 flex-1">
|
|
<span class="block truncate font-medium">{{ song.title }}</span>
|
|
<span class="block truncate text-xs opacity-70">{{ song.audio_file_id }}</span>
|
|
</span>
|
|
</label>
|
|
{% endfor %}
|
|
</div>
|
|
{% else %}
|
|
<div class="rounded border border-base-300 p-2 text-sm opacity-70">
|
|
No ungrouped songs available.
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
|
|
<label class="label cursor-pointer justify-start gap-2">
|
|
<input type="checkbox" name="published" class="checkbox checkbox-sm">
|
|
<span class="label-text">Published</span>
|
|
</label>
|
|
|
|
<div class="flex flex-wrap gap-2 pt-2">
|
|
<button type="submit" class="btn btn-neutral btn-sm">Create</button>
|
|
<a href="/admin/audio/albums" class="btn btn-ghost btn-sm">Cancel</a>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock content %}
|