Renamed page to popularanime

pages/popularanime/popular.go

@@ -0,0 +1,29 @@
+package popularanime
+
+import (
+	"github.com/aerogo/aero"
+)
+
+// Get search page.
+func Get(ctx *aero.Context) string {
+	// titleCount := 0
+	// animeCount := 0
+
+	// // let info: any = await bluebird.props({
+	// // 	popular: arn.db.get('Cache', 'popularAnime'),
+	// // 	stats: arn.db.get('Cache', 'animeStats')
+	// // })
+
+	// // return response.render({
+	// // 	user,
+	// // 	popularAnime: info.popular.anime,
+	// // 	animeCount: info.stats.animeCount,
+	// // 	titleCount: info.stats.titleCount,
+	// // 	anime: null
+	// // })
+
+	// popular, _ := arn.GetPopularCache()
+
+	// return ctx.HTML(components.Search(popular.Anime, titleCount, animeCount))
+	return ctx.HTML("Coming soon.")
+}

pages/popularanime/popular.pixy

@@ -0,0 +1,16 @@
+component Search(popularAnime []*arn.Anime, titleCount int, animeCount int)
+	h2 Anime
+	
+	#search-container
+		input#search(type="text", placeholder="Search...", onkeyup="$.searchAnime();", onfocus="this.select();", disabled="disabled", data-count=titleCount, data-anime-count=animeCount)
+	
+	#search-results-container
+		#search-results
+
+	if popularAnime != nil
+		h3.popular-title Popular
+
+		.popular-anime-list
+			each anime in popularAnime
+				a.popular-anime.ajax(href="/anime/" + toString(anime.ID), title=anime.Title.Romaji + " (" + arn.Plural(anime.Watching(), "user") + " watching)")
+					img.anime-image.popular-anime-image(src=anime.Image, alt=anime.Title.Romaji)

pages/popularanime/popular.scarlet

@@ -0,0 +1,19 @@
+.popular-title
+	text-align center
+
+.popular-anime-list
+	display flex
+	flex-flow row wrap
+	justify-content center
+
+.popular-anime
+	padding 0.5em
+	display block
+
+.popular-anime-image
+	width 100px !important
+	height 141px !important
+	border-radius 3px
+	object-fit cover
+	default-transition
+	shadow-up