Settings page (visual only)

This commit is contained in:
2017-06-18 20:22:43 +02:00
parent 3fc05fa53e
commit 0822c8f829
5 changed files with 80 additions and 48 deletions

View File

@ -1,78 +1,76 @@
component Dashboard(posts []*arn.Post)
h2.page-title Dash
.dashboard
.dashboard-widget
h3 Schedule
.widgets
.widget
h3.widget-title Schedule
for i := 1; i <= 5; i++
.dashboard-event
.dashboard-event-text
.widget-element
.widget-element-text
Icon("calendar-o")
span ...
.dashboard-widget
h3 Forums
.widget
h3.widget-title Forums
each post in posts
a.dashboard-event.ajax(href=post.Link())
//- .dashboard-event-author
//- AvatarNoLink(post.Author())
.dashboard-event-text
a.widget-element.ajax(href=post.Link())
.widget-element-text
Icon(arn.GetForumIcon(post.Thread().Tags[0]))
span= post.Thread().Title
.dashboard-widget
h3 Groups
.widget
h3.widget-title Groups
for i := 1; i <= 5; i++
.dashboard-event
.dashboard-event-text
.widget-element
.widget-element-text
Icon("group")
span ...
.dashboard-widget
h3 Messages
.widget
h3.widget-title Messages
for i := 1; i <= 5; i++
.dashboard-event
.dashboard-event-text
.widget-element
.widget-element-text
Icon("comment")
span ...
.dashboard-widget
h3 Contacts
.widget
h3.widget-title Contacts
for i := 1; i <= 5; i++
.dashboard-event
.dashboard-event-text
.widget-element
.widget-element-text
Icon("address-card")
span ...
.dashboard-widget
h3 Follow
.widget
h3.widget-title Follow
a.dashboard-event(href="https://discord.gg/0kimAmMCeXGXuzNF", target="_blank", rel="noopener")
.dashboard-event-text
a.widget-element(href="https://discord.gg/0kimAmMCeXGXuzNF", target="_blank", rel="noopener")
.widget-element-text
Icon("microphone")
span Discord
a.dashboard-event(href="https://www.facebook.com/animenotifier", target="_blank", rel="noopener")
.dashboard-event-text
a.widget-element(href="https://www.facebook.com/animenotifier", target="_blank", rel="noopener")
.widget-element-text
Icon("facebook")
span Facebook
a.dashboard-event(href="https://twitter.com/animenotifier", target="_blank", rel="noopener")
.dashboard-event-text
a.widget-element(href="https://twitter.com/animenotifier", target="_blank", rel="noopener")
.widget-element-text
Icon("twitter")
span Twitter
a.dashboard-event(href="https://plus.google.com/+AnimeReleaseNotifierOfficial", target="_blank", rel="noopener")
.dashboard-event-text
a.widget-element(href="https://plus.google.com/+AnimeReleaseNotifierOfficial", target="_blank", rel="noopener")
.widget-element-text
Icon("google-plus")
span Google+
a.dashboard-event(href="https://github.com/animenotifier/notify.moe", target="_blank", rel="noopener")
.dashboard-event-text
a.widget-element(href="https://github.com/animenotifier/notify.moe", target="_blank", rel="noopener")
.widget-element-text
Icon("github")
span GitHub

View File

@ -1,30 +0,0 @@
.dashboard
horizontal-wrap
justify-content space-around
.dashboard-widget
vertical
align-items center
width 100%
padding 0.25rem
max-width 600px
.dashboard-event
vertical-wrap
ui-element
margin-bottom 1rem
padding 0.5rem 1rem
width 100%
max-width 700px
.dashboard-event-author
horizontal
justify-content center
width 100%
.dashboard-event-text
horizontal
clip-long-text
justify-content flex-start
align-items center
width 100%

View File

@ -1,3 +1,25 @@
component Settings(user *arn.User)
h2.page-title Settings
input(type="text", value=user.Nick)
.widgets
.widget
h3.widget-title
Icon("user")
span Personal
InputText("nick", user.Nick, "Username", "Your username on notify.moe")
InputText("tagline", user.Tagline, "Tagline", "Text that appears below your username")
InputText("website", user.Website, "website", "Your homepage")
.widget
h3.widget-title
Icon("cubes")
span Accounts
InputText("accounts.anilist.nick", user.Accounts.AniList.Nick, "AniList", "Your username on anilist.co")
InputText("accounts.myanimelist.nick", user.Accounts.MyAnimeList.Nick, "MyAnimeList", "Your username on myanimelist.net")
InputText("accounts.kitsu.nick", user.Accounts.Kitsu.Nick, "Kitsu", "Your username on kitsu.io")
component InputText(id string, value string, label string, placeholder string)
.widget-input
label(for=id)= label + ":"
input.widget-element(id=id, type="text", value=value, placeholder=placeholder)