More badaboom

This commit is contained in:
2018-04-20 00:28:19 +02:00
parent 36361c5f86
commit 644c023fc9
2 changed files with 37 additions and 30 deletions

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) h1.anime-list-item-title.mountable= anime.Title.ByUser(user)
.anime-list-item-progress-edit .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") 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: label(for="Status") Status:
select.widget-ui-element.action(id="Status", data-field="Status", value=item.Status, data-action="save", data-trigger="change") select.widget-ui-element.action(id="Status", data-field="Status", value=item.Status, data-action="save", data-trigger="change")
option(value=arn.AnimeListStatusWatching) Watching 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.AnimeListStatusHold) On hold
option(value=arn.AnimeListStatusDropped) Dropped 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.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.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.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") 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") InputNumber("RewatchCount", float64(item.RewatchCount), "Rewatched", "How often you rewatched this anime", "0", "100", "1")
InputBool("Private", item.Private, "Private", "Hidden entry") InputBool("Private", item.Private, "Private", "Hidden entry")
InputTextArea("Notes", item.Notes, "Notes", "Your notes") .mountable
InputTextArea("Notes", item.Notes, "Notes", "Your notes")
.buttons.mountable .buttons.mountable
a.button(href="/+" + viewUser.Nick + "/animelist/" + item.Status) a.button.mountable(href="/+" + viewUser.Nick + "/animelist/" + item.Status)
Icon("list") Icon("list")
span View collection span View collection
a.button(href=anime.Link()) a.button.mountable(href=anime.Link())
Icon("search-plus") Icon("search-plus")
span View anime 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") Icon("trash")
span Remove from collection span Remove from collection
a.anime-list-item-cover.mountable(href=anime.Link(), title="View anime") //- 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)) //- 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") //- //- RawIcon("arrow-left")

View File

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