habitica/website/views/shared/modals/raise-pet.jade
2015-11-11 13:35:14 -05:00

33 lines
1.8 KiB
Text

include ../avatar/generated_avatar
script(type='text/ng-template', id='modals/raisePet.html')
- var tweet = env.t('raisePetShare');
.modal-content(style='min-width:28em')
.modal-body.text-center(style='padding-bottom:0')
h3(style='margin-bottom: 0')=env.t('raisedPet',{pet:'{{::raisedPet.displayName}}'})
.container-fluid
.row(style='margin-bottom:1em', ng-controller='UserCtrl')
.col-xs-1
.col-xs-10
.herobox(style='margin:0; padding-top: 0')
.character-sprites(style='width:0; margin-top:.5em')
span(class='Mount_Body_{{::raisedPet.spriteName}}')
span
+generatedAvatar
span(class='Mount_Head_{{::raisedPet.spriteName}}')
p=env.t('earnedSteed')
br
button.btn.btn-primary(ng-click='chooseMount(raisedPet.egg, raisedPet.potion); $close()')=env.t('rideNow')
button.btn.btn-default(ng-click='$close()')=env.t('rideLater')
.checkbox
label(style='display:inline-block')=env.t('dontShowAgain')
input(type='checkbox', ng-model='user.preferences.suppressModals.raisePet', ng-change='set({"preferences.suppressModals.raisePet": user.preferences.suppressModals.raisePet?true: false})')
.modal-footer(style='margin-top:0', ng-init='loadWidgets()')
.container-fluid
.row
.col-xs-3
a.twitter-share-button(href='https://twitter.com/intent/tweet?text=#{tweet}&via=habitica&url=#{env.BASE_URL}/social/raise-pet&count=none')=env.t('tweet')
.col-xs-4(style='margin-left:.8em')
.fb-share-button(data-href='#{env.BASE_URL}/social/raise-pet', data-layout='button')
.col-xs-4(style='margin-left:.8em')
a.tumblr-share-button(data-href='#{env.BASE_URL}/social/raise-pet', data-notes='none')