Merge pull request #3258 from MonkStrom/master

[Issue #2426]New account page layout
This commit is contained in:
Nick Winter 2015-12-11 10:14:21 -08:00
commit 6d5d3d1091
3 changed files with 36 additions and 13 deletions

View file

@ -4,6 +4,20 @@
#main-account-view
#account-links
width: 300px
#account-links .btn
width: 100%
width: 100%
padding: 35px
margin-bottom: 10%
font-size: 25px
background-image: linear-gradient(to bottom, rgba(181,169,125,0), rgba(181,169,125,255))
font-weight: 600
.logout-btn
font-weight: bold
.row-top-buffer
margin-top: 5%
.row-bot-buffer
margin-bottom: 7%

View file

@ -11,17 +11,23 @@ block content
a(href="/")
span.glyphicon.glyphicon-home
li.active(data-i18n="nav.account")
#account-links.panel.panel-default
.panel-heading(data-i18n="nav.account")
ul.list-group
li.list-group-item
a.btn.btn-lg.btn-primary(href="/user/#{me.getSlugOrID()}", data-i18n="nav.profile")
li.list-group-item
div.row.row-top-buffer
div.col-md-4
#account-links
a.btn.btn-lg.btn-primary(href="/user/#{me.getSlugOrID()}", data-i18n="nav.profile")
div.col-md-4
#account-links
a.btn.btn-lg.btn-primary(href="/account/settings", data-i18n="play.settings")
li.list-group-item
div.col-md-4
#account-links
a.btn.btn-lg.btn-primary(href="/account/payments", data-i18n="account.payments")
li.list-group-item
div.row.row-bot-buffer
div.col-md-4
#account-links
a.btn.btn-lg.btn-primary(href="/account/subscription", data-i18n="account.subscription")
li.list-group-item
div.col-md-4
#account-links
a.btn.btn-lg.btn-primary(href="/account/prepaid", data-i18n="account.prepaid_codes") Prepaid Codes
div.col-md-4
#account-links
a.btn.btn-lg.btn-primary.logout-btn(href="/account", data-i18n="login.log_out")

View file

@ -3,4 +3,7 @@ template = require 'templates/account/main-account-view'
module.exports = class MainAccountView extends RootView
id: 'main-account-view'
template: template
template: template
events:
'click .logout-btn': 'logoutAccount'