gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

further improvement of bonfire view

Browse Source
This commit is contained in:
Nathan Leniz
2015-01-20 03:10:24 -05:00
parent bb87cc4bb3
commit bfb711166c
3 changed files with 31 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
public/css/main.less
View File

@ -525,9 +525,23 @@ thead {
}
}
form.code div {
border-radius: 5px;
}
form.code span {
font-size: 16px;
font-family: "Courier New", "Lucida Console", monospace;
padding-bottom: 0px;
margin-bottom: 0px;
}
#mainEditorPanel .panel-body {
padding-bottom: 0px;
}
.panel-bonfire {
min-height: 590px;
}
//uncomment this to see the dimensions of all elements outlined in red

2
public/js/lib/codemirror/lib/codemirror.css vendored
View File

@ -151,7 +151,7 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
/* 30px is the magic margin used to hide the element's real scrollbars */
/* See overflow: hidden in .CodeMirror */
margin-bottom: -30px; margin-right: -30px;
padding-bottom: 30px;
padding-bottom: 0px;
height: 100%;
outline: none; /* Prevent dragging from highlighting the element */
position: relative;

40
views/bonfire/bonfire.jade
View File

@ -14,43 +14,31 @@ block content
script(src='js/lib/jailed/jailed.js')
script(src='/js/lib/bonfire/bonfire.js')
.row
#mainEditorPanel.col-sm-12.col-md-12.col-xs-12
.panel.panel-primary
#mainEditorPanel.col-sm-12.col-md-7.col-xs-12
.panel.panel-primary.panel-bonfire
.panel-heading.text-center Bonfire Playground
.panel.panel-body
form.code
.form-group.codeMirrorView
textarea#codeEditor(autofocus=true)
#testCreatePanel.col-sm-12.col-md-5.col-xs-12
.panel.panel-primary.panel-bonfire
.panel-heading.text-center Output
.panel.panel-body
ul#testSuite.list-group
#submitButton.btn.btn-primary.btn-big.btn-block Run code (ctrl + enter)
form#testCreateForm.form-horizontal
br
form.code
.form-group.codeMirrorView
textarea#codeOutput
#submitButton.btn.btn-primary.btn-big.btn-block Run my code
.hidden-xs
br
#sideBySide.btn.btn-primary.btn-block.btn-big Tests side by side
#testCreatePanel.col-sm-6.col-md-6.col-xs-12
.panel.panel-primary
.panel-heading Test Code
.panel.panel-body
form#testCreateForm.form-horizontal
.form-group
label(for='function-select').col-sm-6 Select function
select#testFunctionName.col-sm-6.text-info
option
#testInputs.form-group
#testOutputs.form-group
br
#addTest.btn.text-info Create test
#hideTestCreate.btn.text-info Hide test creation dialogue
#testSuitePanel.col-sm-6.col-md-6.col-xs-12
.panel.panel-primary
.panel-heading Test Suite
.panel.panel-body
ul#testSuite.list-group
br
#runTests.btn.btn-primary.btn-big.btn-block Run my test suite
textarea#testOutput
script.
var widgets = [];
var myCodeMirror = CodeMirror.fromTextArea(document.getElementById("codeEditor"), {
@ -221,7 +209,7 @@ block content
var closeSpan = document.createElement('span');
$(closeSpan)
.addClass("glyphicon glyphicon-remove-sign")
.css("float", "right")
//.css("float", "right")
.click(function () {
//var input = prompt("This will remove the test permanently.\n If you want to do this, type delete");
if (/delete/.test(input.toLowerCase())) {