Added character likes

This commit is contained in:
Eduard Urbach 2018-04-19 16:23:14 +02:00
parent 7e040f7c44
commit 717b240e41
12 changed files with 98 additions and 24 deletions

29
mixins/Like.pixy Normal file
View File

@ -0,0 +1,29 @@
component LikeButton(label string, icon string, typeName string, likeable arn.Likeable, user *arn.User)
if user == nil
button.tip.action(aria-label="Login to like this " + typeName)
Icon(icon)
span= label
else
if likeable.LikedBy(user.ID)
button.tip.action(data-api="/api" + likeable.Link(), data-action="unlike", data-trigger="click", aria-label="Click to unlike this " + typeName)
Icon(icon)
span= label
else
button.tip.action(data-api="/api" + likeable.Link(), data-action="like", data-trigger="click", aria-label="Click to like this " + typeName)
Icon(icon + "-o")
span= label
component LikeTab(label string, icon string, typeName string, likeable arn.Likeable, user *arn.User)
if user == nil
.tab.action(aria-label=label, title="Login to like this " + typeName)
Icon(icon)
span.tab-text= label
else
if likeable.LikedBy(user.ID)
.tab.action(data-api="/api" + likeable.Link(), data-action="unlike", data-trigger="click", aria-label=label, title="Click to unlike this " + typeName)
Icon(icon)
span.tab-text= label
else
.tab.action(data-api="/api" + likeable.Link(), data-action="like", data-trigger="click", aria-label=label, title="Click to like this " + typeName)
Icon(icon + "-o")
span.tab-text= label

View File

@ -1,14 +0,0 @@
component TabLike(label string, icon string, typeName string, likeable arn.Likeable, user *arn.User)
if user == nil
.tab.action(aria-label=label, title="Login to like this " + typeName)
Icon(icon)
span.tab-text= label
else
if likeable.LikedBy(user.ID)
.tab.action(data-api="/api" + likeable.Link(), data-action="unlike", data-trigger="click", aria-label=label, title="Click to unlike this " + typeName)
Icon(icon)
span.tab-text= label
else
.tab.action(data-api="/api" + likeable.Link(), data-action="like", data-trigger="click", aria-label=label, title="Click to like this " + typeName)
Icon(icon + "-o")
span.tab-text= label

View File

@ -47,7 +47,7 @@ component AnimeGridSmall(animes []*arn.Anime, user *arn.User)
component AMVTabs(amv *arn.AMV, user *arn.User)
.tabs
TabLike(strconv.Itoa(len(amv.Likes)), "heart", "amv", amv, user)
LikeTab(strconv.Itoa(len(amv.Likes)), "heart", "amv", amv, user)
Tab("AMV", "video-camera", amv.Link())
if user != nil

View File

@ -10,6 +10,9 @@ component CharacterDetails(character *arn.Character, characterAnime []*arn.Anime
.character-header
.character-image-container.mountable
img.character-image-large.lazy(data-src=character.ImageLink("large"), data-webp="true", data-color=character.AverageColor(), alt=character.Name.Canonical)
.buttons
LikeButton(strconv.Itoa(len(character.Likes)), "heart", "character", character, user)
.character-description-container
h1.character-name.mountable= character.Name.Canonical

View File

@ -54,6 +54,7 @@ import (
"github.com/animenotifier/notify.moe/pages/popular"
"github.com/animenotifier/notify.moe/pages/posts"
"github.com/animenotifier/notify.moe/pages/profile"
"github.com/animenotifier/notify.moe/pages/profile/profilecharacters"
"github.com/animenotifier/notify.moe/pages/profile/profilequotes"
"github.com/animenotifier/notify.moe/pages/profile/profiletracks"
"github.com/animenotifier/notify.moe/pages/quote"
@ -205,6 +206,7 @@ func Configure(app *aero.Application) {
// User profiles
l.Page("/user", user.Get)
l.Page("/user/:nick", profile.Get)
l.Page("/user/:nick/characters/liked", profilecharacters.Liked)
l.Page("/user/:nick/forum/threads", profile.GetThreadsByUser)
l.Page("/user/:nick/forum/posts", profile.GetPostsByUser)
l.Page("/user/:nick/soundtracks/added", profiletracks.Added)

View File

@ -11,7 +11,7 @@ component Profile(viewUser *arn.User, user *arn.User, animeList *arn.AnimeList,
img.profile-watching-list-item-image.lazy(data-src=item.Anime().ImageLink("small"), data-webp="true", data-color=item.Anime().AverageColor(), alt=item.Anime().Title.ByUser(user))
.footer
.buttons
.buttons
if user != nil && (user.Role == "admin" || user.Role == "editor")
a.button.profile-action(href="/api/user/" + viewUser.ID, target="_blank", rel="noopener")
Icon("search-plus")
@ -20,15 +20,12 @@ component Profile(viewUser *arn.User, user *arn.User, animeList *arn.AnimeList,
component ProfileTabs(viewUser *arn.User, uri string)
.tabs
Tab("Anime", "th", "/+" + viewUser.Nick)
//- Tab("Collection", "list", "/+" + viewUser.Nick + "/animelist/watching")
Tab("Characters", "child", "/+" + viewUser.Nick + "/characters/liked")
Tab("Forum", "comment", "/+" + viewUser.Nick + "/forum/threads")
Tab("Tracks", "music", "/+" + viewUser.Nick + "/soundtracks/liked")
Tab("Quotes", "quote-left", "/+" + viewUser.Nick + "/quotes/liked")
Tab("Stats", "area-chart", "/+" + viewUser.Nick + "/stats")
Tab("Followers", "users", "/+" + viewUser.Nick + "/followers")
//- if strings.Contains(uri, "/animelist")
//- StatusTabs("/+" + viewUser.Nick + "/animelist")
if strings.Contains(uri, "/soundtracks")
.tabs

View File

@ -0,0 +1,11 @@
component ProfileCharacters(characters []*arn.Character, viewUser *arn.User, user *arn.User, uri string)
ProfileHeader(viewUser, user, uri)
if len(characters) == 0
p.no-data.mountable= viewUser.Nick + " hasn't liked any characters yet."
else
.characters.profile-characters
each character in characters
.mountable
Character(character)

View File

@ -0,0 +1,2 @@
.profile-characters
justify-content center

View File

@ -0,0 +1,44 @@
package profilecharacters
import (
"net/http"
"sort"
"github.com/aerogo/aero"
"github.com/animenotifier/arn"
"github.com/animenotifier/notify.moe/components"
"github.com/animenotifier/notify.moe/utils"
)
// Liked shows all liked characters of a particular user.
func Liked(ctx *aero.Context) string {
nick := ctx.Get("nick")
viewUser, err := arn.GetUserByNick(nick)
if err != nil {
return ctx.Error(http.StatusNotFound, "User not found", err)
}
characters := []*arn.Character{}
for character := range arn.StreamCharacters() {
if arn.Contains(character.Likes, viewUser.ID) {
characters = append(characters, character)
}
}
sort.Slice(characters, func(i, j int) bool {
return characters[i].Name.Canonical < characters[j].Name.Canonical
// aLikes := len(characters[i].Likes)
// bLikes := len(characters[j].Likes)
// if aLikes == bLikes {
// return characters[i].Name.Canonical < characters[j].Name.Canonical
// }
// return aLikes > bLikes
})
return ctx.HTML(components.ProfileCharacters(characters, viewUser, utils.GetUser(ctx), ctx.URI()))
}

View File

@ -50,7 +50,7 @@ component QuoteInformation(quote *arn.Quote, user *arn.User)
component QuoteTabs(quote *arn.Quote, user *arn.User)
.tabs
TabLike(strconv.Itoa(len(quote.Likes)), "heart", "quote", quote, user)
LikeTab(strconv.Itoa(len(quote.Likes)), "heart", "quote", quote, user)
Tab("Quote", "quote-left", quote.Link())
if user != nil
Tab("Edit", "pencil", quote.Link() + "/edit")

View File

@ -72,7 +72,7 @@ component SoundTrackPage(track *arn.SoundTrack, user *arn.User)
component SoundTrackTabs(track *arn.SoundTrack, user *arn.User)
.tabs
TabLike(strconv.Itoa(len(track.Likes)), "heart", "track", track, user)
LikeTab(strconv.Itoa(len(track.Likes)), "heart", "track", track, user)
Tab("Soundtrack", "music", track.Link())
if track.HasLyrics()

View File

@ -2,7 +2,7 @@ import AnimeNotifier from "../AnimeNotifier"
// like
export async function like(arn: AnimeNotifier, element: HTMLElement) {
arn.statusMessage.showInfo("Liked!")
arn.statusMessage.showInfo("Liked!", 1000)
let apiEndpoint = arn.findAPIEndpoint(element)
await arn.post(apiEndpoint + "/like", null).catch(err => arn.statusMessage.showError(err))
@ -11,7 +11,7 @@ export async function like(arn: AnimeNotifier, element: HTMLElement) {
// unlike
export async function unlike(arn: AnimeNotifier, element: HTMLElement) {
arn.statusMessage.showInfo("Disliked!")
arn.statusMessage.showInfo("Disliked!", 1000)
let apiEndpoint = arn.findAPIEndpoint(element)
await arn.post(apiEndpoint + "/unlike", null).catch(err => arn.statusMessage.showError(err))