codecombat/app/templates/play/level/play-game-dev-level-view.jade
2016-08-10 12:47:34 -07:00

58 lines
2.2 KiB
Text

- var ready = !(view.state.get('errorMessage') || view.state.get('loading'))
.container-fluid.style-flat
#game-row.row
.col-xs-9
#canvas-wrapper
canvas(width=924, height=589)#webgl-surface
canvas(width=924, height=589)#normal-surface
#info-col.col-xs-3
.panel.panel-default
.panel-body.text-center
if view.state.get('errorMessage')
.alert.alert-danger= view.state.get('errorMessage')
if view.level.id && view.session.id
h3.m-y-1= view.level.get('name')
h4= view.state.get('creatorString')
hr
if view.state.get('loading')
h1.m-y-1(data-i18n="common.loading")
.progress
.progress-bar(style="width: #{view.state.get('progress')}")
if ready
h3(data-i18n="play_level.goals")
for goalName in view.state.get('goalNames')
p= goalName
hr
h3(data-i18n="play_game_dev_level.how_to_play_title")
p(data-i18n="play_game_dev_level.how_to_play_1")
p(data-i18n="play_game_dev_level.how_to_play_2")
p(data-i18n="play_game_dev_level.how_to_play_3")
if ready
.panel-footer
- var playing = view.state.get('playing')
if playing
button#play-btn.btn.btn-lg.btn-burgandy.btn-block(data-i18n="play_game_dev_level.restart")
else
button#play-btn.btn.btn-lg.btn-forest.btn-block(data-i18n="play_game_dev_level.play")
#share-row.m-t-3
if ready
.panel.panel-default
#share-panel-body.panel-body
div#share-text-div.text-right
b(data-i18n='sharing.share_game')
input#copy-url-input.text-h4.semibold.form-control.input-lg(value=view.state.get('shareURL'))
div#copy-url-div
button#copy-url-btn.btn.btn-lg.btn-navy-alt
span(data-i18n='sharing.copy_url')
.panel-body
a#play-more-codecombat-btn.btn.btn-lg.btn-navy-alt.pull-right(href="/", data-i18n="play_game_dev_level.play_more_codecombat")