Improved anime list rendering

This commit is contained in:
Eduard Urbach 2017-07-05 15:00:58 +02:00
parent a94b69d671
commit 59daa5404e
7 changed files with 19 additions and 3 deletions

View File

@ -49,8 +49,8 @@ component AnimeList(animeList *arn.AnimeList, viewUser *arn.User, user *arn.User
if user != nil if user != nil
th.anime-list-item-actions Actions th.anime-list-item-actions Actions
tbody tbody
each item in animeList.Items for i, item := range animeList.Items
tr.anime-list-item.mountable(title=item.Notes, data-api="/api/animelist/" + animeList.UserID + "/update/" + item.AnimeID) tr(class=utils.ItemCSSClass(animeList, i), title=item.Notes, data-api="/api/animelist/" + animeList.UserID + "/update/" + item.AnimeID)
td.anime-list-item-name td.anime-list-item-name
a.ajax(href=item.Link(animeList.User().Nick))= item.Anime().Title.Canonical a.ajax(href=item.Link(animeList.User().Nick))= item.Anime().Title.Canonical
td.anime-list-item-airing-date td.anime-list-item-airing-date

View File

@ -223,8 +223,10 @@ export class AnimeNotifier {
const maxDelay = 1000 const maxDelay = 1000
let time = 0 let time = 0
let collection = document.getElementsByClassName(className)
for(let element of findAll(className)) { for(let i = 0; i < collection.length; i++) {
let element = collection.item(i) as HTMLElement
let type = element.dataset.mountableType || "general" let type = element.dataset.mountableType || "general"
if(type in mountableTypes) { if(type in mountableTypes) {

14
utils/ItemCSSClass.go Normal file
View File

@ -0,0 +1,14 @@
package utils
import (
"github.com/animenotifier/arn"
)
// ItemCSSClass removes mountable class if the list has too many items.
func ItemCSSClass(list *arn.AnimeList, index int) string {
if index > 20 || len(list.Items) > 50 {
return "anime-list-item"
}
return "anime-list-item mountable"
}