web/notify.moe
Code Issues Pull Requests Activity

Improved mountables on character and settings page

Browse Source
This commit is contained in:
Eduard Urbach
2018-06-30 12:22:17 +09:00
parent 0027653ca8
commit 8053c51237
2 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
pages/character/character.pixy
View File

@ -9,23 +9,23 @@ component CharacterDetails(character *arn.Character, characterAnime []*arn.Anime
.character-page .character-page
.character-left-column .character-left-column
.character-header .character-header
.character-image-container.mountable .character-image-container.mountable(data-mountable-type="header")
img.character-image-large.lazy(data-src=character.ImageLink("large"), data-webp="true", data-color=character.AverageColor(), alt=character.Name.Canonical) img.character-image-large.lazy(data-src=character.ImageLink("large"), data-webp="true", data-color=character.AverageColor(), alt=character.Name.Canonical)
.buttons .buttons
LikeButton(strconv.Itoa(len(character.Likes)), "heart", "character", character, user) LikeButton(strconv.Itoa(len(character.Likes)), "heart", "character", character, user)
if user != nil && (user.Role == "editor" || user.Role == "admin") if user != nil && (user.Role == "editor" || user.Role == "admin")
a.button.tip.mountable(href=character.Link() + "/edit", aria-label="Edit character") a.button.tip.mountable(href=character.Link() + "/edit", aria-label="Edit character", data-mountable-type="header")
RawIcon("pencil") RawIcon("pencil")
.character-description-container .character-description-container
if character.Name.Canonical == "" if character.Name.Canonical == ""
h1.character-name.mountable untitled h1.character-name.mountable(data-mountable-type="header") untitled
else else
h1.character-name.mountable= character.Name.Canonical h1.character-name.mountable(data-mountable-type="header")= character.Name.Canonical
.anime-alternative-title.mountable .anime-alternative-title.mountable(data-mountable-type="header")
if character.Name.Japanese != "" if character.Name.Japanese != ""
Japanese(character.Name.Japanese) Japanese(character.Name.Japanese)
else else
@ -35,7 +35,7 @@ component CharacterDetails(character *arn.Character, characterAnime []*arn.Anime
.character-quotes .character-quotes
Quote(mainQuote, user) Quote(mainQuote, user)
.character-description.mountable!= markdown.Render(character.Description) .character-description.mountable(data-mountable-type="header")!= markdown.Render(character.Description)
.character-main-column .character-main-column
if len(characterAnime) > 0 if len(characterAnime) > 0
@ -61,9 +61,9 @@ component CharacterDetails(character *arn.Character, characterAnime []*arn.Anime
component CharacterSidebar(character *arn.Character, friends []*arn.User, relevantCharacters []*arn.Character, user *arn.User) component CharacterSidebar(character *arn.Character, friends []*arn.User, relevantCharacters []*arn.Character, user *arn.User)
.character-sidebar .character-sidebar
if len(character.Attributes) > 0 if len(character.Attributes) > 0
h3.mountable Information h3.mountable(data-mountable-type="sidebar") Information
table.character-attributes.mountable table.character-attributes.mountable(data-mountable-type="sidebar")
each attribute in character.Attributes each attribute in character.Attributes
tr.mountable(data-mountable-type="info") tr.mountable(data-mountable-type="info")
td.character-attributes-name= attribute.Name + ":" td.character-attributes-name= attribute.Name + ":"
@ -74,18 +74,18 @@ component CharacterSidebar(character *arn.Character, friends []*arn.User, releva
td.character-attributes-value= attribute.Value td.character-attributes-value= attribute.Value
if len(relevantCharacters) > 0 if len(relevantCharacters) > 0
h3.mountable Relevant h3.mountable(data-mountable-type="sidebar") Relevant
.relevant-characters.mountable .relevant-characters.mountable(data-mountable-type="sidebar")
each relevantCharacter in relevantCharacters each relevantCharacter in relevantCharacters
.mountable(data-mountable-type="relevant-character") .mountable(data-mountable-type="relevant-character")
CharacterSmall(relevantCharacter, user) CharacterSmall(relevantCharacter, user)
if len(friends) > 0 if len(friends) > 0
.character-friends .character-friends
h3.mountable Friends h3.mountable(data-mountable-type="sidebar") Friends
.user-avatars.mountable .user-avatars.mountable(data-mountable-type="sidebar")
each friend in friends each friend in friends
.mountable(data-mountable-type="friend") .mountable(data-mountable-type="friend")
if friend.IsActive() if friend.IsActive()
@ -94,9 +94,9 @@ component CharacterSidebar(character *arn.Character, friends []*arn.User, releva
.inactive-user .inactive-user
Avatar(friend) Avatar(friend)
h3.mountable Links h3.mountable(data-mountable-type="sidebar") Links
.light-button-group.mountable .light-button-group.mountable(data-mountable-type="sidebar")
if character.GetMapping("myanimelist/character") != "" if character.GetMapping("myanimelist/character") != ""
a.light-button(href="https://myanimelist.net/character/" + character.GetMapping("myanimelist/character"), target="_blank", rel="noopener") a.light-button(href="https://myanimelist.net/character/" + character.GetMapping("myanimelist/character"), target="_blank", rel="noopener")
Icon("external-link") Icon("external-link")

6
pages/listimport/listimport.pixy
View File

@ -6,20 +6,20 @@ component ImportLists(user *arn.User)
label AniList: label AniList:
.widget-section .widget-section
a.button.mountable(href="/import/anilist/animelist") a.button(href="/import/anilist/animelist")
Icon("download") Icon("download")
span Import AniList span Import AniList
if user.Accounts.Kitsu.Nick != "" if user.Accounts.Kitsu.Nick != ""
label Kitsu: label Kitsu:
.widget-section .widget-section
a.button.mountable(href="/import/kitsu/animelist") a.button(href="/import/kitsu/animelist")
Icon("download") Icon("download")
span Import Kitsu span Import Kitsu
if user.Accounts.MyAnimeList.Nick != "" if user.Accounts.MyAnimeList.Nick != ""
label MyAnimeList: label MyAnimeList:
.widget-section .widget-section
a.button.mountable(href="/import/myanimelist/animelist") a.button(href="/import/myanimelist/animelist")
Icon("download") Icon("download")
span Import MyAnimeList span Import MyAnimeList