web/notify.moe
Code Issues Pull Requests Activity

Implemented forum overview

Browse Source
This commit is contained in:
Eduard Urbach
2016-11-19 02:58:00 +09:00
parent e23f843450
commit b5be7e9cef
17 changed files with 130 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

130
pages/anime/anime.pixy Normal file
View File

@ -0,0 +1,130 @@
component Anime(anime *arn.Anime)
section.anime-container(data-id=anime.ID)
header.anime-header
if anime.Image != ""
.anime-image-container
img.anime-image(src=anime.Image, alt=anime.Title.Romaji)
.info-column
h2.anime-title-db(title=anime.Type)= anime.Title.Romaji
//- if user && user.titleLanguage === "japanese"
//- p.second-title-container
//- span.second-title(title=anime.Title.English !== anime.Title.Romaji ? anime.Title.English : null)= anime.Title.Romaji
//- else
if anime.Title.Japanese != anime.Title.Romaji
p.second-title-container
a.second-title(href="http://jisho.org/search/" + anime.Title.Japanese, target="_blank", title="Look up reading on jisho.org", rel="nofollow")= anime.Title.Japanese
//- h3.anime-header.anime-summary-header Summary
p.anime-summary= arn.FixAnimeDescription(anime.Description)
if anime.YoutubeID != ""
h3.anime-header Video
.anime-trailer.video-container
iframe.video(src="https://www.youtube.com/embed/" + anime.YoutubeID + "?showinfo=0", allowfullscreen="allowfullscreen")
if anime.Tracks != nil && anime.Tracks.Opening != nil
h3.anime-header Tracks
iframe.anime-track(src="https://w.soundcloud.com/player/?url=" + anime.Tracks.Opening.URI + "?auto_play=false&hide_related=true&show_comments=true&show_user=true&show_reposts=false&visual=true")
//- if user && friendsWatching && friendsWatching.length > 0
//- include ../messages/avatar.pug
//- h3.anime-header Watching
//- .user-list
//- each watcher in friendsWatching
//- +avatar(watcher)
if len(anime.Genres) > 0
h3.anime-header Genres
.light-button-group
each genre in anime.Genres
if genre != ""
a.light-button.ajax(href="/genres/" + arn.FixGenre(genre))
Icon(arn.GetGenreIcon(genre))
span= genre
if len(anime.Studios) > 0
h3.anime-header Studios
.light-button-group
each studio in anime.Studios
a.light-button(href="https://anilist.co/studio/" + toString(studio.ID), target="_blank")
i.fa.fa-building.fa-fw
span= studio.Name
//- //-if crunchy
//- //- h3.anime-header Episodes
//- if canEdit
//- #staff-info
//- h3.anime-header Links
//- table
//- tbody
//- tr
//- td MyAnimeList
//- td
//- input.save-on-change(id="MyAnimeList", type="text", value=providers.MyAnimeList ? providers.MyAnimeList.providerId : ", disabled=(providers.MyAnimeList && providers.MyAnimeList.similarity === 1) ? true : false)
//- td
//- a(href="https://www.google.co.jp/search?q=site:myanimelist.net/anime+" + anime.title.romaji.replace(/ /g, "+"), target="_blank")
//- .fa.fa-search
//- td
//- tr
//- td HummingBird
//- td
//- input.save-on-change(id="HummingBird", type="text", value=providers.HummingBird ? providers.HummingBird.providerId : ", disabled=(providers.HummingBird && providers.HummingBird.similarity === 1) ? true : false)
//- td
//- a(href="https://www.google.co.jp/search?q=site:hummingbird.me/anime+" + anime.title.romaji.replace(/ /g, "+"), target="_blank")
//- .fa.fa-search
//- td
//- tr
//- td AnimePlanet
//- td
//- input.save-on-change(id="AnimePlanet", type="text", value=providers.AnimePlanet ? providers.AnimePlanet.providerId : ", disabled=(providers.AnimePlanet && providers.AnimePlanet.similarity === 1) ? true : false)
//- td
//- a(href="https://www.google.co.jp/search?q=site:anime-planet.com/anime+" + anime.title.english.replace(/ /g, "+"), target="_blank")
//- .fa.fa-search
//- td
//- - var title = providers.Nyaa ? providers.Nyaa.title : "
//- - var proposedTitle = nyaa.buildNyaaTitle(anime.title.romaji)
//- tr
//- td Nyaa
//- td
//- input.save-on-change(id="Nyaa", type="text", value=title, placeholder=proposedTitle)
//- td
//- a(href="https://www.nyaa.se/?page=search&cats=1_37&filter=0&sort=2&term=" + (title ? title.replace(/ /g, "+") : proposedTitle), target="_blank")
//- .fa.fa-search
//- td
//- if providers.Nyaa && providers.Nyaa.episodes !== undefined
//- span(class=providers.Nyaa.episodes === 0 ? "entry-error" : "entry-ok")= providers.Nyaa.episodes + " eps"
h3.anime-header Links
.light-button-group
if anime.Links != nil
each link in anime.Links
a.light-button(href=link.URL, target="_blank")= link.Title
if anime.CreatedBy == ""
a.light-button(href="https://anilist.co/anime/" + toString(anime.ID), target="_blank") AniList
//- if providers.HummingBird
//- a.light-button(href="https://hummingbird.me/anime/" + providers.HummingBird.providerId, target="_blank") HummingBird
//- if providers.MyAnimeList
//- a.light-button(href="http://myanimelist.net/anime/" + providers.MyAnimeList.providerId, target="_blank") MyAnimeList
//- if providers.AnimePlanet
//- a.light-button(href="http://www.anime-planet.com/anime/" + providers.AnimePlanet.providerId, target="_blank") AnimePlanet
.sources
p Powered by Anilist.
//- if descriptionSource
//- span= " Summary by " + summarySource + "."
//- //-
//- h3.anime-header Synonyms
//- if anime.title.synonyms
//- ul.anime-synonyms
//- li.anime-japanese-title= anime.title.japanese
//- each synonym in anime.title.synonyms
//- li= synonym

167
pages/anime/anime.styl Normal file
View File

@ -0,0 +1,167 @@
.anime-container
float left
width 100%
padding 0
text-align left
border-radius 3px
box-sizing border-box
.anime-links
float left
width 100%
display flex
flex-flow row wrap
.anime-links-category
flex 1
flex-basis 100%
// min-width 300px
// max-width 100%
.anime-title-db
text-align left
width auto
.second-title-container
float left
width 100%
text-align left
margin-top -0.6em
margin-bottom 0.6em
.second-title
font-size 0.9em
font-weight normal
color rgba(60, 60, 60, 0.5) !important
.anime-summary-header
display block
.anime-summary
flex 1
min-width 300px
max-width 100%
margin-left 0
.anime-header
margin-top 0
.anime-trailer
width 100%
.genre-list
list-style-type none
margin-left 0.5em
.sources
font-size 0.8em
opacity 0.5
.anime-header
display flex
flex-flow row
.anime-image
border-radius 3px
box-shadow 4px 4px 8px rgba(0, 0, 0, 0.12)
filter saturate(100%)
transition all 290ms ease
&:hover
filter saturate(130%)
box-shadow 6px 6px 12px rgba(0, 0, 0, 0.2)
.anime-image-container
flex-shrink 0
text-align center
margin-bottom 1rem
.anime-image
margin 0 !important
margin-right 1.5rem !important
width 225px
.anime-track
width 100%
height 150px
.info-column
flex-grow 1
display flex
flex-flow column
.users-count
opacity 0.5
font-size 0.9em
.anime-frontpage
h2, h3
text-align center
.popular-anime-list
width 100%
display flex
flex-flow row wrap
justify-content center
.popular-anime
padding 0.5em
display block
.popular-anime-image
width 100px !important
height 141px !important
.light-button-group
float left
width 100%
margin 0
width auto
display flex
flex-flow row wrap
justify-content flex-start
font-size 0.9em
.light-button
display inline-block
padding 0.5em 1em
border-radius 3px
&:hover
color white !important
background-color linkHoverColor
.entry-error
color red !important
.entry-ok
color green !important
#search
float none
#search-results
width 100%
max-width 560px
text-align left
margin 0 auto
.search-performance, .anime-count
opacity 0.25
text-align center !important
.search-result
float left
width 100%
padding 0.25em 0.5em
border-radius 3px
box-sizing border-box
&:focus
background-color rgb(32, 32, 32) !important
color rgb(232, 232, 232) !important
@media only screen and (max-width: 800px)
.anime-header
flex-flow row wrap
.anime-title-db
.second-title-container
.anime-image-container
text-align center
flex-grow 1

1
pages/anime/anime.ts Normal file
View File

@ -0,0 +1 @@
console.log("Hello Typescript")