mixins/SoundTrack.pixy

component SoundTrack(track *arn.SoundTrack, user *arn.User)
	.soundtrack.mountable(id=track.ID)
		SoundTrackContent(track, user)
		SoundTrackFooter(track, user)

component SoundTrackMini(track *arn.SoundTrack, user *arn.User)
	.soundtrack.mountable(id=track.ID)
		SoundTrackContent(track, user)
		SoundTrackMiniFooter(track, user)

component SoundTrackContent(track *arn.SoundTrack, user *arn.User)
	.soundtrack-content
		if track.MainAnime() != nil
			a.soundtrack-anime-link(href="/anime/" + track.MainAnime().ID, title=track.MainAnime().Title.ByUser(user))
				img.soundtrack-anime-image.lazy(data-src=track.MainAnime().ImageLink("medium"), data-webp="true", data-color=track.MainAnime().AverageColor(), alt=track.MainAnime().Title.Canonical)

		SoundTrackMedia(track)

component SoundTrackMedia(track *arn.SoundTrack)
	if track.File != "" && track.HasMediaByService("Youtube")
		.soundtrack-media
			.media-play-area.action(data-action="toggleAudio", data-trigger="click", data-audio-src="https://notify.moe/audio/" + track.File, data-media-id=track.ID)
				img.media-image.lazy(data-src="https://img.youtube.com/vi/" + track.MediaByService("Youtube")[0].ServiceID + "/0.jpg", alt=track.Title)
				
				button.media-play-button(aria-label="Play soundtrack")
					RawIcon("play")
				
				.media-visualizer
					.visualizer-box.visualizer-box-1
					.visualizer-box.visualizer-box-2
					.visualizer-box.visualizer-box-3
	else if len(track.Media) > 0
		ExternalMedia(track.Media[0])

component SoundTrackFooter(track *arn.SoundTrack, user *arn.User)
	footer.soundtrack-footer
		if track.Title.ByUser(user) == ""
			a(href=track.Link() + "/edit") untitled
		else
			a(href=track.Link())= track.Title.ByUser(user)
		span  posted 
		span.utc-date.no-tip(data-date=track.Created)
		span  by 
		a(href=track.Creator().Link())= track.Creator().Nick + " "

component SoundTrackMiniFooter(track *arn.SoundTrack, user *arn.User)
	footer.soundtrack-footer
		if track.Title.ByUser(user) == ""
			a(href=track.Link() + "/edit") untitled
		else
			a(href=track.Link())= track.Title.ByUser(user)

component ExternalMedia(media *arn.ExternalMedia)
	iframe.lazy(data-src=media.EmbedLink(), title=media.Service + " media", allowfullscreen)
Use preferred title settings 2018-04-23 08:30:25 +00:00			`component SoundTrack(track arn.SoundTrack, user arn.User)`
Heavily improved audio player 2018-03-11 14:43:17 +00:00			`.soundtrack.mountable(id=track.ID)`
Use preferred title settings 2018-04-23 08:30:25 +00:00			`SoundTrackContent(track, user)`
			`SoundTrackFooter(track, user)`
Improved soundtrack editing 2017-10-12 15:52:46 +00:00
Use preferred title settings 2018-04-23 08:30:25 +00:00			`component SoundTrackMini(track arn.SoundTrack, user arn.User)`
Various design improvements 2018-04-19 13:04:25 +00:00			`.soundtrack.mountable(id=track.ID)`
Use preferred title settings 2018-04-23 08:30:25 +00:00			`SoundTrackContent(track, user)`
			`SoundTrackMiniFooter(track, user)`
Various design improvements 2018-04-19 13:04:25 +00:00
Use preferred title settings 2018-04-23 08:30:25 +00:00			`component SoundTrackContent(track arn.SoundTrack, user arn.User)`
Heavily improved audio player 2018-03-11 14:43:17 +00:00			`.soundtrack-content`
Improved soundtrack editing 2017-10-12 15:52:46 +00:00			`if track.MainAnime() != nil`
Use preferred title settings 2018-04-23 08:30:25 +00:00			`a.soundtrack-anime-link(href="/anime/" + track.MainAnime().ID, title=track.MainAnime().Title.ByUser(user))`
Added more tooltip locations 2018-04-18 13:07:46 +00:00			`img.soundtrack-anime-image.lazy(data-src=track.MainAnime().ImageLink("medium"), data-webp="true", data-color=track.MainAnime().AverageColor(), alt=track.MainAnime().Title.Canonical)`
New images 2017-11-09 17:31:32 +00:00
Improved soundtrack components 2018-03-11 19:22:33 +00:00			`SoundTrackMedia(track)`

			`component SoundTrackMedia(track *arn.SoundTrack)`
Make SoundTrackMedia component more robust 2018-06-04 04:05:48 +00:00			`if track.File != "" && track.HasMediaByService("Youtube")`
Improved soundtrack components 2018-03-11 19:22:33 +00:00			`.soundtrack-media`
Started using custom video controls 2018-12-07 00:54:17 +00:00			`.media-play-area.action(data-action="toggleAudio", data-trigger="click", data-audio-src="https://notify.moe/audio/" + track.File, data-media-id=track.ID)`
			`img.media-image.lazy(data-src="https://img.youtube.com/vi/" + track.MediaByService("Youtube")[0].ServiceID + "/0.jpg", alt=track.Title)`

Cleanup 2019-04-30 14:59:53 +00:00			`button.media-play-button(aria-label="Play soundtrack")`
Improved soundtrack components 2018-03-11 19:22:33 +00:00			`RawIcon("play")`

Started using custom video controls 2018-12-07 00:54:17 +00:00			`.media-visualizer`
Improved soundtrack components 2018-03-11 19:22:33 +00:00			`.visualizer-box.visualizer-box-1`
			`.visualizer-box.visualizer-box-2`
			`.visualizer-box.visualizer-box-3`
Make SoundTrackMedia component more robust 2018-06-04 04:05:48 +00:00			`else if len(track.Media) > 0`
Improved soundtrack components 2018-03-11 19:22:33 +00:00			`ExternalMedia(track.Media[0])`
Improved soundtrack editing 2017-10-12 15:52:46 +00:00
Use preferred title settings 2018-04-23 08:30:25 +00:00			`component SoundTrackFooter(track arn.SoundTrack, user arn.User)`
Use footer elements 2019-09-01 07:39:17 +00:00			`footer.soundtrack-footer`
Use preferred title settings 2018-04-23 08:30:25 +00:00			`if track.Title.ByUser(user) == ""`
Removed ajax class (not required anymore) 2018-03-23 20:33:19 +00:00			`a(href=track.Link() + "/edit") untitled`
Improved soundtrack editing 2017-10-12 15:52:46 +00:00			`else`
Use preferred title settings 2018-04-23 08:30:25 +00:00			`a(href=track.Link())= track.Title.ByUser(user)`
Fixed missing whitespaces 2017-11-09 19:39:49 +00:00			`span posted`
Remove tooltips from soundtracks 2018-04-19 09:22:17 +00:00			`span.utc-date.no-tip(data-date=track.Created)`
Fixed missing whitespaces 2017-11-09 19:39:49 +00:00			`span by`
Removed ajax class (not required anymore) 2018-03-23 20:33:19 +00:00			`a(href=track.Creator().Link())= track.Creator().Nick + " "`
Improved soundtrack editing 2017-10-12 15:52:46 +00:00
Use preferred title settings 2018-04-23 08:30:25 +00:00			`component SoundTrackMiniFooter(track arn.SoundTrack, user arn.User)`
Use footer elements 2019-09-01 07:39:17 +00:00			`footer.soundtrack-footer`
Use preferred title settings 2018-04-23 08:30:25 +00:00			`if track.Title.ByUser(user) == ""`
Various design improvements 2018-04-19 13:04:25 +00:00			`a(href=track.Link() + "/edit") untitled`
			`else`
Use preferred title settings 2018-04-23 08:30:25 +00:00			`a(href=track.Link())= track.Title.ByUser(user)`
Various design improvements 2018-04-19 13:04:25 +00:00
Improved soundtrack editing 2017-10-12 15:52:46 +00:00			`component ExternalMedia(media *arn.ExternalMedia)`
Improved accessibility 2018-11-21 06:43:32 +00:00			`iframe.lazy(data-src=media.EmbedLink(), title=media.Service + " media", allowfullscreen)`