lyrics

artist.templ (2566B)

---

 package artist
 
 import (
 	"lyrics/internal/server/routes"
 	"lyrics/internal/server/ui/layouts/base"
 	"time"
 )
 
 templ Artist(params ArtistParams) {
 	@base.Base(base.BaseParams{Title: params.Artist.Name, PageStylesheets: []string{"artist.css"}}) {
 		<article>
 			<header>
 				<hgroup>
 					<h1>
 						{ params.Artist.Name }
 						if params.Artist.LatinName != nil {
 							<span>({ *params.Artist.LatinName })</span>
 						}
 					</h1>
 					if params.Artist.Disambiguation != nil {
 						<p class="section-label -muted">{ *params.Artist.Disambiguation }</p>
 					}
 				</hgroup>
 				if params.Artist.Bio != nil {
 					<p>{ *params.Artist.Bio }</p>
 				}
 			</header>
 			<section>
 				<h2>Discography</h2>
 				<ol>
 					for _, release := range params.Releases {
 						<li>
 							<article>
 								<header class="release-title">
 									<h3>
 										<a href={ routes.Release(release) }>
 											{ release.Title }
 											if release.LatinTitle != nil {
 												<span>({ *release.LatinTitle })</span>
 											}
 										</a>
 									</h3>
 									<div>
 										<span>{ release.Type }</span>
 										·
 										<time aria-label="Release date" datetime={ release.ReleaseDate.Format(time.DateOnly) }>
 											{ release.ReleaseDate.Format("Jan 2, 2006") }
 										</time>
 									</div>
 								</header>
 								<section aria-label="Track List">
 									<ol>
 										for _, as := range release.Songs {
 											<li>
 												<a href={ routes.Song(as.Song) }>
 													{ as.Song.Title }
 													if as.Song.LatinTitle != nil {
 														<span>({ *as.Song.LatinTitle })</span>
 													}
 												</a>
 											</li>
 										}
 									</ol>
 								</section>
 							</article>
 						</li>
 					}
 				</ol>
 			</section>
 			<section aria-label="Songs">
 				<h2>Songs</h2>
 				<ul>
 					for _, song := range params.Singles {
 						<li>
 							<a href={ routes.Song(song) }>
 								{ song.Title }
 								if song.LatinTitle != nil {
 									<span>({ *song.LatinTitle })</span>
 								}
 							</a>
 						</li>
 					}
 				</ul>
 			</section>
 			<section aria-label="Featured On">
 				<h2>Featured On</h2>
 				<ul>
 					for _, song := range params.Featured {
 						<li>
 							<a href={ routes.Song(song) }>
 								{ song.Title }
 								if song.LatinTitle != nil {
 									<span>({ *song.LatinTitle })</span>
 								}
 							</a>
 						</li>
 					}
 				</ul>
 			</section>
 			<footer aria-label="Release actions">
 				<a href={ routes.ArtistEdit(params.Artist) }>edit artist</a>
 			</footer>
 		</article>
 	}
 }