48 lines
1.6 KiB
HTML
48 lines
1.6 KiB
HTML
<div class="fade_in text-center">
|
|
<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>
|
|
<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>
|