lyrics

song.templ (1910B)

---

 package song
 
 import (
 	"lyrics/internal/domain"
 	"lyrics/internal/server/routes"
 	"lyrics/internal/server/ui/layouts/base"
 	"time"
 )
 
 templ Song(params SongParams) {
 	@base.Base(base.BaseParams{Title: params.Song.Title, PageStylesheets: []string{"song.css"}}) {
 		<article class="song-layout">
 			<section class="song-content">
 				<header>
 					<h1 id="song-title">
 						{ params.Song.Title }
 						if params.Song.LatinTitle != nil {
 							<span>({ *params.Song.LatinTitle })</span>
 						}
 					</h1>
 				</header>
 				<section>
 					<h2 id="lyrics-heading">Lyrics</h2>
 					<pre>{ params.Song.Lyrics }</pre>
 				</section>
 			</section>
 			<aside class="song-details">
 				<dl>
 					<dt>Artist(s)</dt>
 					<dd>
 						<ul>
 							for _, artist := range params.Song.Artists {
 								<li>
 									<a href={ routes.Artist(artist.Artist) }>
 										{ artist.Artist.Name }
 										if artist.Artist.LatinName != nil {
 											<span>({ *artist.Artist.LatinName })</span>
 										}
 										if artist.Role == domain.RoleFeatured {
 											<span>[featured]</span>
 										}
 									</a>
 								</li>
 							}
 						</ul>
 					</dd>
 					<dt>Released</dt>
 					<dd>
 						<time datetime={ params.Song.ReleaseDate.Format(time.DateOnly) }>
 							{ params.Song.ReleaseDate.Format("Jan 2, 2006") }
 						</time>
 					</dd>
 					<dt>Genre(s)</dt>
 					<dd>
 						<ul>
 							for _, genre := range params.Song.Genres {
 								<li>{ genre }</li>
 							}
 						</ul>
 					</dd>
 					<dt>Release(s)</dt>
 					<dd>
 						<ul>
 							for _, release := range params.Song.Releases {
 								<li>
 									<a href={ routes.Release(release.Release) }>
 										{ release.Release.Title }
 										if release.Release.LatinTitle != nil {
 											<span>({ *release.Release.LatinTitle })</span>
 										}
 									</a>
 								</li>
 							}
 						</ul>
 					</dd>
 				</dl>
 			</aside>
 		</article>
 	}
 }