web/notify.moe
Code Issues Pull Requests Activity

More badaboom

Browse Source
This commit is contained in:
Eduard Urbach 2018-04-20 00:28:19 +02:00
parent 36361c5f86
commit 644c023fc9
2 changed files with 37 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
pages/animelistitem/animelistitem.pixy
View File

@ -3,10 +3,10 @@ component AnimeListItem(viewUser *arn.User, item *arn.AnimeListItem, anime *arn.
h1.anime-list-item-title.mountable= anime.Title.ByUser(user)
.anime-list-item-progress-edit
.anime-list-item-episodes-edit
.anime-list-item-episodes-edit.mountable
InputNumberWithButtons("Episodes", float64(item.Episodes), "Episodes", "Number of episodes you watched", "0", arn.EpisodeCountMax(anime.EpisodeCount), "1")
.widget-section.anime-list-item-status-edit
.widget-section.anime-list-item-status-edit.mountable
label(for="Status") Status:
select.widget-ui-element.action(id="Status", data-field="Status", value=item.Status, data-action="save", data-trigger="change")
option(value=arn.AnimeListStatusWatching) Watching
@ -15,32 +15,33 @@ 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(data-status=item.Status)
.anime-list-item-rating-edit.mountable(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
.anime-list-item-others.mountable
InputNumber("RewatchCount", float64(item.RewatchCount), "Rewatched", "How often you rewatched this anime", "0", "100", "1")
InputBool("Private", item.Private, "Private", "Hidden entry")
.mountable
InputTextArea("Notes", item.Notes, "Notes", "Your notes")
.buttons.mountable
a.button(href="/+" + viewUser.Nick + "/animelist/" + item.Status)
a.button.mountable(href="/+" + viewUser.Nick + "/animelist/" + item.Status)
Icon("list")
span View collection
a.button(href=anime.Link())
a.button.mountable(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)
button.action.mountable(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")
//- 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")

46
pages/animelistitem/animelistitem.scarlet
View File

@ -22,28 +22,34 @@
grid-template-columns repeat(auto-fill, calc(50% - content-padding / 2))
grid-gap content-padding
.anime-list-item-cover
display none
// .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
// > 1200px
// .anime-list-item-cover
// display block
// position absolute
// left 0
// top calc(anime-image-medium-height / 2)
// transform translateY(-50%) translateX(-50%)
// opacity 0.85
// color rgb(215, 38, 15)
// left content-padding
// top content-padding
// &.mounted
// opacity 0 !important
// :hover
// opacity 1 !important
// 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
// // color rgb(215, 38, 15)
.anime-list-item-rating-edit
horizontal