Improved list item editor

This commit is contained in:
Eduard Urbach 2018-04-20 00:06:13 +02:00
parent 5173ba2a83
commit ad561c5652
8 changed files with 96 additions and 44 deletions

View File

@ -43,7 +43,7 @@ func Get(ctx *aero.Context) string {
friendAnimeList := friends[j].AnimeList()
friendAnimeListItem := friendAnimeList.Find(anime.ID)
if friendAnimeListItem == nil {
if friendAnimeListItem == nil || friendAnimeListItem.Private {
friends = friends[:j+copy(friends[j:], friends[j+1:])]
deleted++
} else {

View File

@ -7,7 +7,6 @@ import (
"github.com/aerogo/aero"
"github.com/animenotifier/arn"
"github.com/animenotifier/notify.moe/components"
"github.com/animenotifier/notify.moe/pages/frontpage"
"github.com/animenotifier/notify.moe/utils"
"github.com/animenotifier/notify.moe/utils/infinitescroll"
)
@ -21,11 +20,6 @@ const (
func FilterByStatus(status string) aero.Handle {
return func(ctx *aero.Context) string {
user := utils.GetUser(ctx)
if user == nil {
return frontpage.Get(ctx)
}
return AnimeList(ctx, user, status)
}
}
@ -49,6 +43,11 @@ func AnimeList(ctx *aero.Context, user *arn.User, status string) string {
statusList := animeList.FilterStatus(status)
// Filter private items
if user == nil || user.ID != viewUser.ID {
statusList = statusList.WithoutPrivateItems()
}
// Sort the items
statusList.Sort()

View File

@ -1,7 +1,7 @@
component AnimeListPage(animeListItems []*arn.AnimeListItem, nextIndex int, viewUser *arn.User, user *arn.User, status string)
h1.page-title= viewUser.Nick + "'s anime list"
if user.ID != viewUser.ID
if user == nil || user.ID != viewUser.ID
.anime-list-user-avatar
AvatarNoTip(viewUser)

View File

@ -1,7 +1,6 @@
component AnimeListItem(viewUser *arn.User, item *arn.AnimeListItem, anime *arn.Anime, user *arn.User)
.widget-form.mountable
.widget.anime-list-item-view(data-api="/api/animelist/" + viewUser.ID + "/field/Items[AnimeID=\"" + anime.ID + "\"]")
h1= anime.Title.ByUser(user)
.anime-list-item-view.mountable(data-api="/api/animelist/" + viewUser.ID + "/field/Items[AnimeID=\"" + anime.ID + "\"]")
h1.anime-list-item-title.mountable= anime.Title.ByUser(user)
.anime-list-item-progress-edit
.anime-list-item-episodes-edit
@ -16,13 +15,15 @@ component AnimeListItem(viewUser *arn.User, item *arn.AnimeListItem, anime *arn.
option(value=arn.AnimeListStatusHold) On hold
option(value=arn.AnimeListStatusDropped) Dropped
.anime-list-item-rating-edit
.anime-list-item-rating-edit(data-status=item.Status)
InputNumber("Rating.Overall", item.Rating.Overall, arn.OverallRatingName(item.Episodes), "Overall rating on a scale of 0 to 10", "0", "10", "0.1")
InputNumber("Rating.Story", item.Rating.Story, "Story", "Story rating on a scale of 0 to 10", "0", "10", "0.1")
InputNumber("Rating.Visuals", item.Rating.Visuals, "Visuals", "Visuals rating on a scale of 0 to 10", "0", "10", "0.1")
InputNumber("Rating.Soundtrack", item.Rating.Soundtrack, "Soundtrack", "Soundtrack rating on a scale of 0 to 10", "0", "10", "0.1")
.anime-list-item-others
InputNumber("RewatchCount", float64(item.RewatchCount), "Rewatched", "How often you rewatched this anime", "0", "100", "1")
InputBool("Private", item.Private, "Private", "Hidden entry")
InputTextArea("Notes", item.Notes, "Notes", "Your notes")
@ -30,9 +31,16 @@ component AnimeListItem(viewUser *arn.User, item *arn.AnimeListItem, anime *arn.
a.button(href="/+" + viewUser.Nick + "/animelist/" + item.Status)
Icon("list")
span View collection
a.button(href=anime.Link())
Icon("search-plus")
span View anime
button.action(data-action="removeAnimeFromCollection", data-trigger="click", data-api="/api/animelist/" + viewUser.ID, data-anime-id=anime.ID, data-nick=viewUser.Nick)
Icon("trash")
span Remove from collection
a.anime-list-item-cover.mountable(href=anime.Link(), title="View anime")
img.anime-cover-image.lazy(data-src=anime.ImageLink("medium"), data-webp="true", data-color=anime.AverageColor(), alt=anime.Title.ByUser(user))
RawIcon("arrow-left")

View File

@ -10,9 +10,49 @@
// .anime-list-item-status-edit
// flex-basis 50%
.anime-list-item-view
vertical
width 100%
max-width 530px
margin 0 auto
margin-top calc(content-padding / 2)
.anime-list-item-others
display grid
grid-template-columns repeat(auto-fill, calc(50% - content-padding / 2))
grid-gap content-padding
.anime-list-item-cover
display none
> 1200px
.anime-list-item-cover
display block
position absolute
left content-padding
top content-padding
img
width anime-image-medium-width
height anime-image-medium-height
.raw-icon
font-size 2.5rem
position absolute
left 0
top calc(anime-image-medium-height / 2)
transform translateY(-50%) translateX(-50%)
opacity 0.85
.anime-list-item-rating-edit
horizontal
justify-content space-between
width 100%
.widget-section
max-width 20%
.anime-list-item-rating-edit
[data-status="completed"]
input[value="0"]
border-color rgb(232, 0, 0)

View File

@ -25,6 +25,11 @@ func Get(ctx *aero.Context) string {
func Profile(ctx *aero.Context, viewUser *arn.User) string {
user := utils.GetUser(ctx)
animeList := viewUser.AnimeList()
if user == nil || user.ID != viewUser.ID {
animeList = animeList.WithoutPrivateItems()
}
animeList.SortByRating()
openGraph := &arn.OpenGraph{

View File

@ -32,7 +32,7 @@ ui-disabled-color = rgb(224, 224, 224)
const ui-element-border-radius = 3px
// Input
input-height = 2.4rem
input-height = 2.5rem
input-focus-border-color = rgb(248, 165, 130)
// Button

View File

@ -39,11 +39,11 @@ input
button, .button
horizontal
line-height 1.5em
padding 0.5rem 1rem
color link-color
align-items center
pointer-events all
height input-height
button-hover