2015-10-15 20:34:53 +00:00
|
|
|
include ../avatar/generated_avatar
|
|
|
|
|
|
|
|
|
|
script(type='text/ng-template', id='modals/hatchPet.html')
|
2015-10-28 20:36:47 +00:00
|
|
|
div(id='fb-root')
|
2015-10-15 20:34:53 +00:00
|
|
|
.modal-content(style='min-width:28em')
|
2015-10-28 20:36:47 +00:00
|
|
|
.modal-body.text-center(style='padding-bottom:0')
|
2015-10-15 20:34:53 +00:00
|
|
|
h3(style='margin-bottom: 0')=env.t('hatchedPet',{egg:'{{::hatchedPet.egg}}', potion:'{{::hatchedPet.potion}}'})
|
|
|
|
|
.container-fluid
|
|
|
|
|
.row(style='margin-bottom:1em', ng-controller='UserCtrl')
|
|
|
|
|
.col-xs-4(style='padding:0')
|
|
|
|
|
div(class='{{::hatchedPet.pet}}').pull-right
|
|
|
|
|
.col-xs-3
|
|
|
|
|
.empty_bottles(style='margin-top:2.8em')
|
|
|
|
|
.col-xs-5(style='padding:0')
|
|
|
|
|
.herobox(style='padding:0; width:0; height:0')
|
|
|
|
|
.character-sprites(style='width:0; margin-top:.5em')
|
|
|
|
|
+generatedAvatar
|
|
|
|
|
p=env.t('earnedCompanion')
|
2015-10-28 20:36:47 +00:00
|
|
|
br
|
2015-10-15 20:34:53 +00:00
|
|
|
button.btn.btn-primary(ng-click='choosePet(hatchedPet.egg, hatchedPet.potion); $close()')=env.t('displayNow')
|
|
|
|
|
button.btn.btn-default(ng-click='$close()')=env.t('displayLater')
|
2015-10-28 20:36:47 +00:00
|
|
|
.checkbox
|
|
|
|
|
label(style='display:inline-block')=env.t('dontShowAgain')
|
|
|
|
|
input(type='checkbox', ng-model='user.preferences.suppressModals.hatchPet', ng-change='set({"preferences.suppressModals.hatchPet": user.preferences.suppressModals.hatchPet?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=I+just+hatched+a+{{::hatchedPet.potion}}+{{::hatchedPet.egg}}+by+completing+my+real-life+tasks!&via=habitica&url=https://habitrpg-gamma.herokuapp.com/social/hatch-pet&count=none')=env.t('tweet')
|
|
|
|
|
.col-xs-4(style='margin-left:.8em')
|
|
|
|
|
.fb-share-button(data-href='https://habitrpg-gamma.herokuapp.com/social/hatch-pet', data-layout='button')
|
|
|
|
|
.col-xs-4(style='margin-left:.8em')
|
|
|
|
|
a.tumblr-share-button(data-href='https://habitrpg-gamma.herokuapp.com/social/hatch-pet', data-notes='none')
|
