Added social buttons to Sign up modal

This commit is contained in:
Aditya Raisinghani 2014-04-10 01:01:30 +05:30
parent c3c3f2ea1e
commit 495d1be620
4 changed files with 30 additions and 3 deletions
app
styles/modal
templates/modal
views/modal

View file

@ -10,3 +10,16 @@
a[data-toggle="coco-modal"]
cursor: pointer
#signup-modal
.modal-footer
padding-top: 0
div
text-align: center
.social-login-text
padding-top: 20px
.network-logins
width: 263px
margin: 0 auto
div:last-of-type
margin-right: 0px

View file

@ -23,7 +23,7 @@ block modal-footer
div
.fb-login-button(data-show-faces="false", data-width="200", data-max-rows="1", data-scope="email")
div
.gplus-login-button#gplus-login-button
.gplus-login-button
div
a(data-toggle="coco-modal", data-target="modal/signup", data-i18n="login.sign_up")#link-to-signup create new account
span ,

View file

@ -30,5 +30,15 @@ block modal-body-content
block modal-body-wait-content
h3(data-i18n="signup.creating") Creating Account...
block modal-footer-content
button.btn.btn-primary.btn-large#signup-button(data-i18n="signup.sign_up") Sign Up
block modal-footer
.modal-footer
div
button.btn.btn-primary.btn-large#signup-button(data-i18n="signup.sign_up") Sign Up
div.social-login-text.
.Or you can login directly through Facebook or G+
.modal-footer.network-logins
div
.fb-login-button(data-show-faces="false", data-width="200", data-max-rows="1", data-scope="email")
div
.gplus-login-button#gplus-login-button

View file

@ -62,3 +62,7 @@ module.exports = class SignupModalView extends View
window.tracker?.trackEvent 'Finished Signup'
@enableModalInProgress(@$el)
createUser userObject, null, window.nextLevelURL
afterInsert: ->
super()
application.router.renderLoginButtons()