New dashboard idea (still not happy though)

pages/search/search.go

@@ -0,0 +1,30 @@
+package search
+
+import (
+	"github.com/aerogo/aero"
+	"github.com/animenotifier/arn"
+	"github.com/animenotifier/notify.moe/components"
+)
+
+// Get ...
+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))
+}

pages/search/search.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/search/search.styl

@@ -0,0 +1,2 @@
+.popular-title
+	text-align center