codecombat/app/templates/play/level/play-game-dev-level-view.jade
Nick Winter d77625bc77 Game dev levels (#3810)
* Tweak API doc behavior and styling

* Instead of moving to the left during active dialogues, just move to the top
* Allow pointer events
* Adjust close button
* Re-enable pinning API docs for game-dev and web-dev levels

* Make sidebar in PlayGameDevLevelView stretch, better layout columns

* Set up content of PlayGameDevLevelView sidebar to scroll

* Add rest of PlayGameDevLevelView sidebar content, rework what loading looks like

* Finish PlayGameDevLevelView

* Add share area below
* Cover the brown background, paint it gray

* Tweak PlayGameDevLevelView

* Have progress bar show everything
* Fix Surface resize handling

* Fix PlayGameDevLevelView resizing incorrectly when playing

* Add GameDevVictoryModal to PlayGameDevLevelView

* Don't show missing-doctype annotation in Ace

* Hook up GameDevVictoryModal copy button

* Fix onChangeAnnotation runtime error

* Fix onLevelLoaded runtime error

* Have CourseVictoryModal link to /courses when course is done

* Trim, update CourseDetailsView

* Remove last vestiges of teacherMode
* Remove giant navigation buttons at top
* Quick switch to flat style

* Add analytics for game-dev

* Update Analytics events for gamedev

* Prefix event names with context
* Send to Mixpanel
* Include more properties

* Mostly set up indefinite play and autocast for game-dev levels

* Set up cast buttons and shortcut for game-dev

* Add rudimentary instructions when students play game-dev levels

* Couple tweaks

* fix a bit of code that expects frames to always stick around
* have PlayGameDevLevelView render a couple frames on load

* API Docs use 'game' instead of 'hero'

* Move tags to head without combining

* Add HTML comment-start string

Fixes missing entry point arrows

* Fix some whitespace
2016-07-28 13:39:58 -07:00

58 lines
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 Created by #{view.session.get('creatorName')}
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 Goals
for goalName in view.state.get('goalNames')
p= goalName
hr
h3 How to play:
p Use the mouse to control the hero!
p Click anywhere on the map to move to that location.
p Click on the ogres to attack them.
if ready
.panel-footer
- var playing = view.state.get('playing')
if playing
button#play-btn.btn.btn-lg.btn-burgandy.btn-block Restart Level
else
button#play-btn.btn.btn-lg.btn-forest.btn-block Play Level
#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="/") Play More CodeCombat