First commit
This commit is contained in:
@@ -0,0 +1,52 @@
|
||||
<div class="row">
|
||||
<div class="max">
|
||||
<h1>{{name}}</h1>
|
||||
</div>
|
||||
<div class="min">
|
||||
{{if hasanysongs}}
|
||||
<nav class="group split">
|
||||
<a class="button left-round" href="{{zipurl}}">
|
||||
<i>folder_zip</i>
|
||||
<span>Download Zip</span>
|
||||
</a>
|
||||
<nav class="no-margin">
|
||||
<button class="right-round square">
|
||||
<i>keyboard_arrow_down</i>
|
||||
</button>
|
||||
<menu class="left no-wrap secondary-container">
|
||||
<li hx-post="/music/album/add" hx-vals="{{addvals}}" hx-swap="outerHTML">Add To TYTD</li>
|
||||
|
||||
</menu>
|
||||
</nav>
|
||||
</nav>
|
||||
{{else}}
|
||||
<button hx-post="/music/album/add" hx-vals="{{addvals}}" hx-swap="outerHTML"><i>add</i> Add to TYTD</button>
|
||||
{{end}}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div>
|
||||
{{artists}}
|
||||
</div>
|
||||
|
||||
|
||||
<ul class="list border">
|
||||
{{for song in songs}}
|
||||
<li>
|
||||
<div class="min">
|
||||
<span>{{song.songnumber}}</span>
|
||||
</div>
|
||||
<div class="max">
|
||||
<a href="{{song.songurl}}">{{song.songname}}</a>
|
||||
</div>
|
||||
<div class="min">
|
||||
<span>{{song.duration}}</span>
|
||||
|
||||
</div>
|
||||
<div class="min">
|
||||
{{song.btn}}
|
||||
</div>
|
||||
|
||||
</li>
|
||||
{{end}}
|
||||
</ul>
|
||||
@@ -0,0 +1,34 @@
|
||||
<form hx-target="body" hx-push-url="true" hx-get="/music/myalbums">
|
||||
<div class="row">
|
||||
<div class="max">
|
||||
<div class="field label border">
|
||||
<input type="text" name="q" value="{{q}}">
|
||||
<label>Search for albums</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="min">
|
||||
<button>Search</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
{{for album in albums}}
|
||||
<div class="row">
|
||||
<div class="min">
|
||||
<img width="120" height="120" src="{{album.imgurl}}" alt="album thumbnail">
|
||||
</div>
|
||||
<div class="max">
|
||||
<a href="{{album.albumurl}}">{{album.albumname}}</a>
|
||||
</div>
|
||||
</div>
|
||||
{{end}}
|
||||
<div class="row">
|
||||
<div class="max">
|
||||
</div>
|
||||
<div class="min">
|
||||
<button class="round" hx-target="body" hx-push-url="true" hx-get="{{prev}}"><i>arrow_back</i></button>
|
||||
<span>{{current}}</span>
|
||||
<button class="round" hx-target="body" hx-push-url="true" hx-get="{{next}}"><i>arrow_forward</i></button>
|
||||
</div>
|
||||
<div class="max">
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user