Begin work on programming interface
This commit is contained in:
parent
720fcd40d4
commit
451230f440
2 changed files with 63 additions and 8 deletions
|
@ -52,6 +52,10 @@ app.config(function($routeProvider, $locationProvider) {
|
||||||
templateUrl: "pages/problems.html",
|
templateUrl: "pages/problems.html",
|
||||||
controller: "problemsController"
|
controller: "problemsController"
|
||||||
})
|
})
|
||||||
|
.when("/programming", {
|
||||||
|
templateUrl: "pages/programming.html",
|
||||||
|
controller: "programmingController"
|
||||||
|
})
|
||||||
.when("/forgot", {
|
.when("/forgot", {
|
||||||
templateUrl: "pages/forgot.html",
|
templateUrl: "pages/forgot.html",
|
||||||
controller: "resetController"
|
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() {
|
$.fn.serializeObject = function() {
|
||||||
var a, o;
|
var a, o;
|
||||||
o = {};
|
o = {};
|
||||||
|
|
|
@ -1,11 +1,48 @@
|
||||||
<div class="fade_in text-center">
|
<div class="fade_in text-center">
|
||||||
<h1 class="heading1">Programming</h1>
|
<h1 class="heading1">Programming</h1>
|
||||||
<div class="panel panel-default">
|
<div class="panel panel-default">
|
||||||
<div class="panel-heading">
|
<div class="panel-heading clearfix">
|
||||||
<h3 class="panel-title">Problems Avalible: NaN?</h3>
|
<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>
|
</div>
|
||||||
<div class="panel-body">
|
</h4>
|
||||||
<h3>Insert Programming Client Here</h3>
|
</div>
|
||||||
|
<br>
|
||||||
|
<div style="text-align: left" class="panel-body" id="editor">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</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>
|
||||||
|
|
Loading…
Reference in a new issue