Implemented scroll-locker

This commit is contained in:
benmcmahon100
2015-07-02 21:31:28 +01:00
parent 5cedb09703
commit 0a59bd5cfb

View File

@ -18,102 +18,103 @@ block content
.row(ng-controller="pairedWithController") .row(ng-controller="pairedWithController")
.col-xs-12.col-sm-12.col-md-4.col-lg-3 .col-xs-12.col-sm-12.col-md-4.col-lg-3
#testCreatePanel.well .scroll-locker
h3.text-center.negative-10= name #testCreatePanel.well
.positive-15.positive-15-bottom h3.text-center.negative-10= name
h4.text-center.bonfire-flames Difficulty:  .positive-15.positive-15-bottom
if (difficulty == "0") h4.text-center.bonfire-flames Difficulty: 
i.ion-ios-flame-outline if (difficulty == "0")
i.ion-ios-flame-outline i.ion-ios-flame-outline
i.ion-ios-flame-outline i.ion-ios-flame-outline
i.ion-ios-flame-outline i.ion-ios-flame-outline
i.ion-ios-flame-outline i.ion-ios-flame-outline
if (difficulty == "1") i.ion-ios-flame-outline
i.ion-ios-flame if (difficulty == "1")
i.ion-ios-flame-outline i.ion-ios-flame
i.ion-ios-flame-outline i.ion-ios-flame-outline
i.ion-ios-flame-outline i.ion-ios-flame-outline
i.ion-ios-flame-outline i.ion-ios-flame-outline
if (difficulty == "2") i.ion-ios-flame-outline
i.ion-ios-flame if (difficulty == "2")
i.ion-ios-flame i.ion-ios-flame
i.ion-ios-flame-outline i.ion-ios-flame
i.ion-ios-flame-outline i.ion-ios-flame-outline
i.ion-ios-flame-outline i.ion-ios-flame-outline
if (difficulty == "3") i.ion-ios-flame-outline
i.ion-ios-flame if (difficulty == "3")
i.ion-ios-flame i.ion-ios-flame
i.ion-ios-flame i.ion-ios-flame
i.ion-ios-flame-outline i.ion-ios-flame
i.ion-ios-flame-outline i.ion-ios-flame-outline
if (difficulty == "4") i.ion-ios-flame-outline
i.ion-ios-flame if (difficulty == "4")
i.ion-ios-flame i.ion-ios-flame
i.ion-ios-flame i.ion-ios-flame
i.ion-ios-flame i.ion-ios-flame
i.ion-ios-flame-outline i.ion-ios-flame
if (difficulty == "5") i.ion-ios-flame-outline
i.ion-ios-flame if (difficulty == "5")
i.ion-ios-flame i.ion-ios-flame
i.ion-ios-flame i.ion-ios-flame
i.ion-ios-flame i.ion-ios-flame
i.ion-ios-flame i.ion-ios-flame
.row i.ion-ios-flame
.col-xs-12 .row
.bonfire-instructions
for sentence in details
p.wrappable.negative-10!= sentence
.negative-bottom-margin-30
#MDN-links
p.negative-10 Here are some helpful links:
for link, index in MDNlinks
.negative-10
ul: li: a(href=""+link, target="_blank") !{MDNkeys[index]}
if (user)
form.form-horizontal(novalidate='novalidate', name='completedWithForm')
.form-group.text-center.negative-10
.col-xs-12 .col-xs-12
// extra field to distract password tools like lastpass from injecting css into our username field .bonfire-instructions
input.form-control(ng-show="false") for sentence in details
input.form-control#completed-with(name="existingUser", placeholder="Your pair's username if pairing", existing-username='', ng-model="existingUser") p.wrappable.negative-10!= sentence
.col-xs-12(ng-cloak, ng-show="completedWithForm.$error.exists && !completedWithForm.existingUser.$pristine && existingUser.length > 0") .negative-bottom-margin-30
alert(type='danger') #MDN-links
span.ion-close-circled p.negative-10 Here are some helpful links:
| Username not found for link, index in MDNlinks
label.negative-10.btn.btn-primary.btn-block#submitButton .negative-10
i.fa.fa-play ul: li: a(href=""+link, target="_blank") !{MDNkeys[index]}
|   Run code (ctrl + enter)
.button-spacer if (user)
.btn-group.input-group.btn-group-justified form.form-horizontal(novalidate='novalidate', name='completedWithForm')
label.btn.btn-success#trigger-reset-modal .form-group.text-center.negative-10
i.fa.fa-refresh .col-xs-12
|   Reset // extra field to distract password tools like lastpass from injecting css into our username field
label.btn.btn-success#trigger-help-modal input.form-control(ng-show="false")
i.fa.fa-medkit input.form-control#completed-with(name="existingUser", placeholder="Your pair's username if pairing", existing-username='', ng-model="existingUser")
|   Help .col-xs-12(ng-cloak, ng-show="completedWithForm.$error.exists && !completedWithForm.existingUser.$pristine && existingUser.length > 0")
label.btn.btn-success#trigger-pair-modal alert(type='danger')
i.fa.fa-user-plus span.ion-close-circled
|   Pair | Username not found
label.btn.btn-success#trigger-issue-modal label.negative-10.btn.btn-primary.btn-block#submitButton
i.fa.fa-bug i.fa.fa-play
|   Bug |   Run code (ctrl + enter)
.button-spacer .button-spacer
form.code .btn-group.input-group.btn-group-justified
.form-group.codeMirrorView label.btn.btn-success#trigger-reset-modal
textarea#codeOutput(style='display: none;') i.fa.fa-refresh
br |   Reset
#testSuite.negative-10 label.btn.btn-success#trigger-help-modal
br i.fa.fa-medkit
script(type="text/javascript"). |   Help
var tests = !{JSON.stringify(tests)}; label.btn.btn-success#trigger-pair-modal
var challengeSeed = !{JSON.stringify(challengeSeed)}; i.fa.fa-user-plus
var challenge_Id = !{JSON.stringify(challengeId)}; |   Pair
var challenge_Name = !{JSON.stringify(name)}; label.btn.btn-success#trigger-issue-modal
var started = Math.floor(Date.now()); i.fa.fa-bug
var challengeType = !{JSON.stringify(challengeType)}; |   Bug
var _ = R; .button-spacer
var dashed = !{JSON.stringify(dashedName)}; form.code
.form-group.codeMirrorView
textarea#codeOutput(style='display: none;')
br
#testSuite.negative-10
br
script(type="text/javascript").
var tests = !{JSON.stringify(tests)};
var challengeSeed = !{JSON.stringify(challengeSeed)};
var challenge_Id = !{JSON.stringify(challengeId)};
var challenge_Name = !{JSON.stringify(name)};
var started = Math.floor(Date.now());
var challengeType = !{JSON.stringify(challengeType)};
var _ = R;
var dashed = !{JSON.stringify(dashedName)};
.col-xs-12.col-sm-12.col-md-8 .col-xs-12.col-sm-12.col-md-8
#mainEditorPanel #mainEditorPanel