arimelody.me/admin/views/edit-track.html

69 lines
1.9 KiB
HTML
Raw Normal View History

{{define "head"}}
<title>Editing Track - ari melody 💫</title>
<link rel="stylesheet" href="/admin/static/edit-track.css">
{{end}}
{{define "content"}}
<main>
<h1>Editing Track "{{.Title}}"</h1>
<div id="track" data-id="{{.ID}}">
<div class="track-info">
<p class="track-title-header">Title</p>
<h2 class="track-title">
<input type="text" id="title" name="Title" value="{{.Title}}">
</h2>
<h2>Description</h2>
<textarea
name="Description"
value="{{.Description}}"
placeholder="No description provided."
rows="5"
id="description"
>{{.Description}}</textarea>
<h2>Lyrics</h2>
<textarea
name="Lyrics"
value="{{.Lyrics}}"
placeholder="There are no lyrics."
rows="5"
id="lyrics"
>{{.Lyrics}}</textarea>
<div class="track-actions">
<button type="submit" class="save" id="save" disabled>Save</button>
</div>
</div>
</div>
<div class="card-title">
<h2>Featured in</h2>
</div>
<div class="card releases">
{{if .Release}}
{{block "release" .Release}}{{end}}
{{else}}
<p>This track isn't bound to a release.</p>
{{end}}
</div>
<div class="card-title">
<h2>Danger Zone</h2>
</div>
<div class="card danger">
<p>
Clicking the button below will delete this track.
This action is <strong>irreversible</strong>.
You will be prompted to confirm this decision.
</p>
<button class="delete" id="delete">Delete Track</button>
</div>
</main>
<script type="module" src="/admin/static/edit-track.js" defer></script>
{{end}}