lyrics

release.templ (2446B)

---

 package release
 
 import (
 	"lyrics/internal/server/routes"
 	"lyrics/internal/server/ui/layouts/base"
 	"time"
 )
 
 templ Release(params ReleaseParams) {
 	@base.Base(base.BaseParams{Title: params.Release.Title, PageStylesheets: []string{"release.css"}}) {
 		<article class="release-layout">
 			<section class="release-content">
 				<header>
 					<h1>
 						{ params.Release.Title }
 						if params.Release.LatinTitle != nil {
 							<span>({ *params.Release.LatinTitle })</span>
 						}
 					</h1>
 				</header>
 				<section aria-label="Track list">
 					if len(params.Release.Songs) == 0 {
 						<p class="section-label -muted">No songs yet.</p>
 					} else {
 						<ol>
 							for _, as := range params.Release.Songs {
 								<li value={ as.TrackNumber }>
 									<a href={ routes.Song(as.Song) }>
 										{ as.Song.Title }
 										if as.Song.LatinTitle != nil {
 											<span>({ *as.Song.LatinTitle })</span>
 										}
 									</a>
 								</li>
 							}
 						</ol>
 					}
 				</section>
 				<footer aria-label="Release actions">
 					<a href={ routes.ReleaseEdit(params.Release) }>edit release</a>
 				</footer>
 			</section>
 			<aside class="release-details">
 				<dl>
 					<dt>Artist(s)</dt>
 					<dd>
 						<ul>
 							for _, artist := range params.Release.Artists {
 								<li>
 									<a href={ routes.Artist(artist.Artist) }>
 										{ artist.Artist.Name }
 										if artist.Artist.LatinName != nil {
 											<span>({ *artist.Artist.LatinName })</span>
 										}
 									</a>
 								</li>
 							}
 						</ul>
 					</dd>
 					<dt>Released</dt>
 					<dd>
 						<time datetime={ params.Release.ReleaseDate.Format(time.DateOnly) }>
 							{ params.Release.ReleaseDate.Format("Jan 2, 2006") }
 						</time>
 					</dd>
 					<dt>Type</dt>
 					<dd>
 						<span>{ params.Release.Type }</span>
 					</dd>
 					if params.Release.MusicBrainzReleaseID != nil {
 						<dt>MusicBrainz release ID</dt>
 						<dd>
 							<a href={ "https://musicbrainz.org/release/" + string(*params.Release.MusicBrainzReleaseID) }>
 								{ *params.Release.MusicBrainzReleaseID }
 							</a>
 						</dd>
 						<dt>Cover</dt>
 						<dd
 							hx-get={ routes.ReleaseCover(params.Release) }
 							hx-trigger="load"
 							hx-swap="innerHTML"
 						>
 							<span class="section-label -muted">Loading cover art from <a href="https://coverartarchive.org/">Cover Art Archive</a>...</span>
 						</dd>
 					}
 				</dl>
 			</aside>
 		</article>
 	}
 }