Improved anime list

pages/animelist/animelist.go

@@ -7,11 +7,13 @@ import (
 	"github.com/aerogo/aero"
 	"github.com/animenotifier/arn"
 	"github.com/animenotifier/notify.moe/components"
+	"github.com/animenotifier/notify.moe/utils"
 )
 
 // Get anime list.
 func Get(ctx *aero.Context) string {
 	nick := ctx.Get("nick")
+	user := utils.GetUser(ctx)
 	viewUser, err := arn.GetUserByNick(nick)
 
 	if err != nil {
@@ -28,5 +30,5 @@ func Get(ctx *aero.Context) string {
 		return animeList.Items[i].FinalRating() < animeList.Items[j].FinalRating()
 	})
 
-	return ctx.HTML(components.AnimeList(animeList))
+	return ctx.HTML(components.AnimeList(animeList, user))
 }

pages/animelist/animelist.pixy

@@ -1,17 +1,26 @@
-component AnimeList(animeList *arn.AnimeList)
+component AnimeList(animeList *arn.AnimeList, user *arn.User)
 	table.anime-list
 		thead
 			tr
 				th.anime-list-item-name Anime
-				th.anime-list-item-episodes Progress
+				th.anime-list-item-episodes Episodes
 				th.anime-list-item-rating Rating
+				if user != nil
+					th.anime-list-item-actions Actions
 		tbody
 			each item in animeList.Items
 				tr.anime-list-item.mountable(title=item.Notes)
 					td.anime-list-item-name
 						a.ajax(href=item.Anime().Link())= item.Anime().Title.Canonical
 					td.anime-list-item-episodes
-						span.anime-list-item-episodes-watched= item.Episodes
-						span.anime-list-item-episodes-separator  / 
-						span.anime-list-item-episodes-max= item.Anime().EpisodeCountString()
-					td.anime-list-item-rating= item.FinalRating()
+						.anime-list-item-episodes-watched= item.Episodes
+						.anime-list-item-episodes-separator /
+						.anime-list-item-episodes-max= item.Anime().EpisodeCountString()
+						.anime-list-item-episodes-edit
+							a.ajax(href=item.Link(animeList.User().Nick), title="Edit anime")
+								RawIcon("pencil")
+					td.anime-list-item-rating= item.FinalRating()
+					if user != nil
+						td.anime-list-item-actions
+							a(href=arn.Nyaa.GetLink(item.Anime()), title="Search on Nyaa", target="_blank", rel="noopener")
+								RawIcon("download")

pages/animelist/animelist.scarlet

@@ -4,17 +4,53 @@
 
 	tr
 		horizontal
+	
+	thead
+		display none
 
 .anime-list-item-name
-	flex 0.8
+	flex 1
 	white-space nowrap
 	text-overflow ellipsis
 	overflow hidden
 
 .anime-list-item-episodes
-	flex 0.1
-	text-align center
+	horizontal
+	justify-content flex-end
+	text-align right
+	white-space nowrap
+	flex-basis 120px
+
+.anime-list-item-episodes-watched
+	flex 0.4
+
+.anime-list-item-episodes-separator
+	flex 0.2
+	opacity 0.5
+
+.anime-list-item-episodes-max
+	flex 0.4
+	opacity 0.5
+
+.anime-list-item-episodes-edit
+	flex 0.5
+
+	// Beautify icon alignment
+	.raw-icon
+		margin-bottom -2px
 
 .anime-list-item-rating
-	flex 0.1
-	text-align center
+	flex-basis 100px
+	text-align center
+
+.anime-list-item-actions
+	flex-basis 40px
+	text-align right
+
+	// Beautify icon alignment
+	.raw-icon
+		margin-bottom -4px
+
+< 1100px
+	.anime-list-item-rating
+		display none