2016-07-12 18:12:11 -04:00
|
|
|
.container-fluid
|
|
|
|
|
.row
|
|
|
|
|
.col-xs-9
|
|
|
|
|
#canvas-wrapper
|
|
|
|
|
canvas(width=924, height=589)#webgl-surface
|
|
|
|
|
canvas(width=924, height=589)#normal-surface
|
|
|
|
|
|
|
|
|
|
.col-xs-3#info-col.style-flat
|
2016-07-13 16:28:54 -04:00
|
|
|
if view.state.get('errorMessage')
|
|
|
|
|
.alert.alert-danger= view.state.get('errorMessage')
|
|
|
|
|
|
|
|
|
|
else if view.state.get('loading')
|
2016-07-13 14:43:25 -04:00
|
|
|
h1.m-y-1 Loading...
|
2016-07-13 16:28:54 -04:00
|
|
|
.progress
|
|
|
|
|
.progress-bar(style="width: #{view.state.get('progress')}")
|
2016-07-13 14:43:25 -04:00
|
|
|
|
|
|
|
|
else
|
|
|
|
|
h1.m-y-1 Info
|
|
|
|
|
ul
|
|
|
|
|
li
|
|
|
|
|
b Level Name:
|
|
|
|
|
| #{view.level.get('name')}
|
|
|
|
|
|
|
|
|
|
li
|
|
|
|
|
b Creator:
|
|
|
|
|
| #{view.session.get('creatorName')}
|
|
|
|
|
|
|
|
|
|
- var playing = view.state.get('playing')
|
|
|
|
|
.m-y-3
|
|
|
|
|
if playing
|
|
|
|
|
button#play-btn.btn.btn-lg.btn-burgandy RESTART
|
|
|
|
|
else
|
|
|
|
|
button#play-btn.btn.btn-lg.btn-navy PLAY
|
|
|
|
|
|
