Added tag filter for soundtracks

config.json

@@ -19,6 +19,7 @@
 		"grid",
 		"forum",
 		"tabs",
+		"tags",
 		"user",
 		"video",
 		"loading",

pages/anime/genres.scarlet

@@ -3,22 +3,7 @@
 	justify-content center
 
 .anime-genre
-	default-transition
+	genre-tag
-	padding 0.25rem 0.75rem
-	font-size 85%
-	color text-color
-	background reverse-light-color
-	border-radius ui-element-border-radius
-	margin 0.35rem
-
-	&.mounted
-		opacity 0.8
-
-	:hover
-		color text-color
-		opacity 1.0
-		text-shadow none
-		background reverse-light-hover-color
 
 > 800px
 	.anime-genres

pages/index.go

@@ -144,6 +144,8 @@ func Configure(app *aero.Application) {
 	l.Page("/soundtracks/from/:index", soundtracks.LatestFrom)
 	l.Page("/soundtracks/best", soundtracks.Best)
 	l.Page("/soundtracks/best/from/:index", soundtracks.BestFrom)
+	l.Page("/soundtracks/tag/:tag", soundtracks.FilterByTag)
+	l.Page("/soundtracks/tag/:tag/from/:index", soundtracks.FilterByTagFrom)
 	l.Page("/soundtrack/:id", soundtrack.Get)
 	l.Page("/soundtrack/:id/edit", soundtrack.Edit)
 

pages/soundtrack/soundtrack.go

@@ -41,5 +41,5 @@ func Get(ctx *aero.Context) string {
 
 	ctx.Data = openGraph
 
-	return ctx.HTML(components.Track(track, user))
+	return ctx.HTML(components.SoundTrackPage(track, user))
 }

pages/soundtrack/soundtrack.pixy

@@ -1,4 +1,4 @@
-component Track(track *arn.SoundTrack, user *arn.User)
+component SoundTrackPage(track *arn.SoundTrack, user *arn.User)
 	SoundTrackTabs(track, user)
 
 	.soundtrack-full-page
@@ -35,11 +35,14 @@ component Track(track *arn.SoundTrack, user *arn.User)
 						for index, beatmap := range track.Beatmaps()
 							li
 								a.beatmap(href="https://osu.ppy.sh/s/" + beatmap, target="_blank")= "Beatmap #" + strconv.Itoa(index + 1)
+			
 			.widget.mountable
 				h3.widget-title Tags
+
 				.tags
 					each tag in track.Tags
-						.tag= tag
+						a.tag.ajax(href="/soundtracks/tag/" + tag)= tag
+
 		.footer.mountable
 			if track.EditedBy != ""
 				span Edited 

pages/soundtracks/best.go

@@ -20,11 +20,15 @@ func Best(ctx *aero.Context) string {
 
 	arn.SortSoundTracksPopularFirst(tracks)
 
+	// Limit the number of displayed tracks
+	loadMoreIndex := 0
+
 	if len(tracks) > maxTracks {
 		tracks = tracks[:maxTracks]
+		loadMoreIndex = maxTracks
 	}
 
-	return ctx.HTML(components.SoundTracks(tracks, maxTracks, user))
+	return ctx.HTML(components.SoundTracks(tracks, loadMoreIndex, "", user))
 }
 
 // BestFrom renders the soundtracks from the given index.

pages/soundtracks/soundtracks.go

@@ -30,7 +30,7 @@ func Latest(ctx *aero.Context) string {
 		loadMoreIndex = maxTracks
 	}
 
-	return ctx.HTML(components.SoundTracks(tracks, loadMoreIndex, user))
+	return ctx.HTML(components.SoundTracks(tracks, loadMoreIndex, "", user))
 }
 
 // LatestFrom renders the soundtracks from the given index.

pages/soundtracks/soundtracks.pixy

@@ -1,7 +1,7 @@
-component SoundTracks(tracks []*arn.SoundTrack, loadMoreIndex int, user *arn.User)
+component SoundTracks(tracks []*arn.SoundTrack, loadMoreIndex int, tag string, user *arn.User)
 	h1.page-title Soundtracks
 
-	SoundTracksTabs
+	SoundTracksTabs(tag)
 
 	.corner-buttons
 		if user != nil
@@ -25,7 +25,10 @@ component SoundTracksScrollable(tracks []*arn.SoundTrack, user *arn.User)
 	each track in tracks
 		SoundTrack(track)
 
-component SoundTracksTabs
+component SoundTracksTabs(tag string)
 	.tabs
 		Tab("Latest", "music", "/soundtracks")
 		Tab("Best", "heart", "/soundtracks/best")
+
+		if tag != ""
+			Tab(tag, "tag", "/soundtracks/tag/" + tag)

pages/soundtracks/tag.go

@@ -0,0 +1,72 @@
+package soundtracks
+
+import (
+	"net/http"
+	"strconv"
+
+	"github.com/aerogo/aero"
+	"github.com/animenotifier/arn"
+	"github.com/animenotifier/notify.moe/components"
+	"github.com/animenotifier/notify.moe/utils"
+)
+
+// FilterByTag renders the soundtracks with the given tag.
+func FilterByTag(ctx *aero.Context) string {
+	user := utils.GetUser(ctx)
+	tag := ctx.Get("tag")
+
+	tracks := arn.FilterSoundTracks(func(track *arn.SoundTrack) bool {
+		return !track.IsDraft && len(track.Media) > 0 && track.HasTag(tag)
+	})
+
+	arn.SortSoundTracksPopularFirst(tracks)
+
+	// Limit the number of displayed tracks
+	loadMoreIndex := 0
+
+	if len(tracks) > maxTracks {
+		tracks = tracks[:maxTracks]
+		loadMoreIndex = maxTracks
+	}
+
+	return ctx.HTML(components.SoundTracks(tracks, loadMoreIndex, tag, user))
+}
+
+// FilterByTagFrom renders the soundtracks from the given index.
+func FilterByTagFrom(ctx *aero.Context) string {
+	user := utils.GetUser(ctx)
+	tag := ctx.Get("tag")
+	index, err := ctx.GetInt("index")
+
+	if err != nil {
+		return ctx.Error(http.StatusBadRequest, "Invalid start index", err)
+	}
+
+	allTracks := arn.FilterSoundTracks(func(track *arn.SoundTrack) bool {
+		return !track.IsDraft && len(track.Media) > 0 && track.HasTag(tag)
+	})
+
+	if index < 0 || index >= len(allTracks) {
+		return ctx.Error(http.StatusBadRequest, "Invalid start index (maximum is "+strconv.Itoa(len(allTracks))+")", nil)
+	}
+
+	arn.SortSoundTracksPopularFirst(allTracks)
+
+	tracks := allTracks[index:]
+
+	if len(tracks) > maxTracks {
+		tracks = tracks[:maxTracks]
+	}
+
+	nextIndex := index + maxTracks
+
+	if nextIndex >= len(allTracks) {
+		// End of data - no more scrolling
+		ctx.Response().Header().Set("X-LoadMore-Index", "-1")
+	} else {
+		// Send the index for the next request
+		ctx.Response().Header().Set("X-LoadMore-Index", strconv.Itoa(nextIndex))
+	}
+
+	return ctx.HTML(components.SoundTracksScrollable(tracks, user))
+}

styles/tags.scarlet

@@ -3,6 +3,24 @@ mixin tag-dimensions
 	margin 0.4rem
 	height 38px
 
+mixin genre-tag
+	default-transition
+	padding 0.25rem 0.75rem
+	font-size 85%
+	color text-color
+	background reverse-light-color
+	border-radius ui-element-border-radius
+	margin 0.35rem
+
+	&.mounted
+		opacity 0.8
+
+	:hover
+		color text-color
+		opacity 1.0
+		text-shadow none
+		background reverse-light-hover-color
+
 .tags
 	horizontal-wrap
 
@@ -10,6 +28,7 @@ mixin tag-dimensions
 	ui-element
 	tag-dimensions
 	margin-right 0
+	color text-color
 
 .tag-edit
 	border-right none