easyctf/easyctf-2017
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Begin work on programming interface

Browse source
This commit is contained in:
James Wang 2016-04-18 17:59:36 -04:00
parent 720fcd40d4
commit 451230f440
No known key found for this signature in database
GPG key ID: 5B80C0B3F263CD5B
2 changed files with 63 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
web/js/easyctf.js
View file

@ -52,6 +52,10 @@ app.config(function($routeProvider, $locationProvider) {
templateUrl: "pages/problems.html",
controller: "problemsController"
})
.when("/programming", {
templateUrl: "pages/programming.html",
controller: "programmingController"
})
.when("/forgot", {
templateUrl: "pages/forgot.html",
controller: "resetController"
@ -263,6 +267,20 @@ app.controller("problemsController", ["$controller", "$scope", "$http", function
});
}]);
app.controller("programmingController", ["$controller", "$scope", "$http", function($controller, $scope, $http) {
$controller("loginController", { $scope: $scope });
$("#editor").height($(window).height()/2);
var grader = ace.edit("editor");
grader.setTheme("ace/theme/tomorrow");
grader.getSession().setMode("ace/mode/python");
grader.setOptions({
fontFamily: "monospace",
fontSize: "12pt"
});
grader.setValue("");
}]);
$.fn.serializeObject = function() {
var a, o;
o = {};

53
web/pages/programming.html
View file

@ -1,11 +1,48 @@
<div class="fade_in text-center">
<h1 class="heading1">Programming</h1>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Problems Avalible: NaN?</h3>
<h1 class="heading1">Programming</h1>
<div class="panel panel-default">
<div class="panel-heading clearfix">
<h4 class="panel-title">Code Editor
<div class="pull-right">
<select class="form-control" id="language-select" onchange="update_highlighting()">
<option value="python">Python 2</option>
<option value="python3">Python 3</option>
<option value="java">Java</option>
</select>
</div>
</h4>
</div>
<br>
<div style="text-align: left" class="panel-body" id="editor">
</div>
</div>
<div class="panel-body">
<h3>Insert Programming Client Here</h3>
</div>
</div>
</div>
<div class="input-group">
<select class="form-control" id="problem-select">
<option value="pid">Problem name</option>
</select>
<span class="input-group-btn">
<button class="btn btn-success" type="button" onclick="submit(); return false;">Submit</button>
</span>
</div>
<script>
var update_highlighting = function() {
var language = $("#language").val();
if (language != "python3") {
var editor = ace.edit("editor");
editor.getSession().setMode("ace/mode/" + language);
}
}
var submit = function() {
data = {};
var pid = $("#problem-select").val();
var language = $("#language-select").val();
var editor = ace.edit("editor");
var program = editor.getValue();
data["pid"] = pid;
data["language"] = language;
data["program"] = program;
// api_call("POST", "/api/programming/submit", data, function(result) {});
}
</script>