xuyue/OnlineJudge
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Accept Merge Request #69 : (sxw-dev -> dev)

Browse Source 
Merge Request: [前端]添加比赛页面基本完善
Created By: @esp
Accepted By: @virusdefender
URL: https://coding.net/u/virusdefender/p/qduoj/git/merge/69
This commit is contained in:
virusdefender
2015-08-11 20:10:25 +08:00
parent 3ff4ed66ad ed71eccc5e
commit 9273c5484d
4 changed files with 79 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
static/src/js/app/admin/contest/contest.js
View File

@@ -1,6 +1,6 @@
require(["jquery", "avalon", "editor", "uploader", "datetimepicker", require(["jquery", "avalon", "editor", "uploader", "bs_alert", "datetimepicker",
"validation","tagEditor"], "validation",],
function ($, avalon, editor, uploader) { function ($, avalon, editor, uploader, bs_alert) {
avalon.vmodels.add_contest = null; avalon.vmodels.add_contest = null;
$("#add-contest-form") $("#add-contest-form")
.formValidation({ .formValidation({
@@ -72,10 +72,10 @@ require(["jquery", "avalon", "editor", "uploader", "datetimepicker",
"cpu[]": { "cpu[]": {
validators: { validators: {
notEmpty: { notEmpty: {
message: "请输入cpu时间" message: "请输入时间限制"
}, },
integer: { integer: {
message: "请输入一个合法的数字" message: "时间限制用整数表示"
}, },
between: { between: {
inclusive: true, inclusive: true,
@@ -125,13 +125,13 @@ require(["jquery", "avalon", "editor", "uploader", "datetimepicker",
text += possible.charAt(Math.floor(Math.random() * possible.length)); text += possible.charAt(Math.floor(Math.random() * possible.length));
return text; return text;
} }
var upLoaderInited = false;
editor("#editor");
var editor1 = editor("#editor");
var vm = avalon.define({ var vm = avalon.define({
$id: "add_contest", $id: "add_contest",
title: "", title: "",
problemCount: 0,
description: "", description: "",
startTime: "", startTime: "",
endTime: "", endTime: "",
@@ -139,45 +139,27 @@ require(["jquery", "avalon", "editor", "uploader", "datetimepicker",
model: "", model: "",
openRank: false, openRank: false,
problems: [], problems: [],
problemNo: "-1",
add_problem: function () { add_problem: function () {
var problem_id = make_id(); var problem_id = make_id();
var problem = { var problem = {
id: problem_id, id: problem_id,
title: "", title: "",
cpu: "", cpu: 1000,
memory: "", memory: 256,
description: "", description: "",
samples: [], samples: [],
visible: true, visible: true,
test_case_id: "", test_case_id: "",
testCaseList: [], testCaseList: [],
hint: "", hint: "",
isVisible: false,
difficulty: 0, difficulty: 0,
tags: [], uploadSuccess: false
tag: ""
}; };
vm.problems.push(problem); vm.problems.push(problem);
var id = vm.problems.length - 1; var id = vm.problems.length - 1;
editor("#problem-" + problem_id + "-description"); editor("#problem-" + problem_id + "-description");
var hinteditor = editor("#problem-" + problem_id +"-hint"); var hinteditor = editor("#problem-" + problem_id +"-hint");
$("#problem-" + problem_id +"-tags").tagEditor();
uploader("#problem-" + problem_id + "-uploader", "/api/admin/test_case_upload/", function (file, respond) {
console.log(respond);
if (respond.code)
bs_alert(respond.data);
else {
vm.problems[id].test_case_id = respond.data.test_case_id;
vm.problems[id].uploadSuccess = true;
vm.problems[id].testCaseList = [];
for (var i = 0; i < respond.data.file_list.input.length; i++) {
vm.problems[id].push({
input: respond.data.file_list.input[i],
output: respond.data.file_list.output[i]
});
}
}
});
$("#add-contest-form").formValidation('addField', $('[name="problem_name[]"]')); $("#add-contest-form").formValidation('addField', $('[name="problem_name[]"]'));
$("#add-contest-form").formValidation('addField', $('[name="cpu[]"]')); $("#add-contest-form").formValidation('addField', $('[name="cpu[]"]'));
$("#add-contest-form").formValidation('addField', $('[name="memory[]"]')); $("#add-contest-form").formValidation('addField', $('[name="memory[]"]'));
@@ -204,6 +186,35 @@ require(["jquery", "avalon", "editor", "uploader", "datetimepicker",
return "展开"; return "展开";
} }
}); });
uploader("#uploader", "/api/admin/test_case_upload/", function (file, respond) {
if (respond.code)
bs_alert(respond.data);
else {
var index = parseInt(vm.problemNo)-1;
vm.problems[index].test_case_id = respond.data.test_case_id;
vm.problems[index].uploadSuccess = true;
vm.problems[index].testCaseList = [];
for (var i = 0; i < respond.data.file_list.input.length; i++) {
vm.problems[index].testCaseList.push({
input: respond.data.file_list.input[i],
output: respond.data.file_list.output[i]
});
}
bs_alert("测试数据添加成功！共添加"+vm.problems[index].testCaseList.length +"组测试数据");
}
},
function(){
console.log(vm.problemNo);
if (vm.problemNo == "-1")
{
bs_alert("你还未指定一道题目！");
return false;
}
}
);
isUploaderInited = true;
avalon.scan(); avalon.scan();
$("#contest_start_time").datetimepicker({ $("#contest_start_time").datetimepicker({

4
static/src/js/app/admin/problem/add_problem.js
View File

@@ -134,7 +134,9 @@ require(["jquery", "avalon", "editor", "uploader", "bs_alert", "csrf", "tagEdito
input: respond.data.file_list.input[i], input: respond.data.file_list.input[i],
output: respond.data.file_list.output[i] output: respond.data.file_list.output[i]
}); });
} }
bs_alert("测试数据添加成功！共添加"+vm.testCaseList.length +"组测试数据");
} }
}); });
var hinteditor = editor("#hint"); var hinteditor = editor("#hint");
@@ -147,7 +149,7 @@ require(["jquery", "avalon", "editor", "uploader", "bs_alert", "csrf", "tagEdito
memory: 256, memory: 256,
samples: [], samples: [],
hint: "", hint: "",
visible: false, visible: true,
difficulty: 0, difficulty: 0,
tags: [], tags: [],
tag: "", tag: "",

4
static/src/js/utils/uploader.js
View File

@@ -1,5 +1,5 @@
define("uploader", ["webuploader", "csrf"], function(webuploader,csrf){ define("uploader", ["webuploader", "csrf"], function(webuploader,csrf){
function uploader(selector, server, onSuccess) { function uploader(selector, server, onSuccess, beforeUpload) {
var Webuploader= webuploader.create({ var Webuploader= webuploader.create({
auto: true, auto: true,
// swf文件路径 // swf文件路径
@@ -15,7 +15,7 @@ define("uploader", ["webuploader", "csrf"], function(webuploader,csrf){
}); });
Webuploader.on("uploadBeforeSend",csrf); Webuploader.on("uploadBeforeSend",csrf);
Webuploader.on("uploadSuccess", onSuccess); Webuploader.on("uploadSuccess", onSuccess);
Webuploader.on("beforeFileQueued", beforeUpload);
return Webuploader; return Webuploader;
} }

94
template/admin/contest/add_contest.html
View File

@@ -37,9 +37,7 @@
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<label> <label>密码保护</label>
密码保护
</label>
</div> </div>
<div class="col-md-3"> <div class="col-md-3">
<label> <label>
@@ -77,10 +75,17 @@
<div class="col-md-12"> <div class="col-md-12">
<label>添加题目</label> <label>添加题目</label>
<a href="javascript:void(0)" class="btn btn-primary btn-sm" ms-click="add_problem()">添加</a> <a href="javascript:void(0)" class="btn btn-primary btn-sm" ms-click="add_problem()">添加</a>
<div class="col-md-12">
<label>上传测试用例</label>
<label>选择题号</label><select ms-duplex="problemNo"><option value="-1">未指定</option><option ms-repeat="problems" ms-attr-value="$index+1">{{$index+1}}</option></select>
<div id="uploader">
<div>选择文件</div>
</div>
</div>
</div> </div>
<div class="col-md-12"> <div class="col-md-12">
<div class="problem" ms-repeat-problem="problems"> <div class="problem" ms-repeat-problem="problems">
<div class="panel panel-default problem-panel" ms-attr-id="problem-{{ problem.id }}"> <div class="panel panel-default problem-panel">
<div class="panel-heading"> <div class="panel-heading">
<span class="panel-title">题目{{$index + 1}} </span> <span class="panel-title">题目{{$index + 1}} </span>
<a href="javascript:void(0)" class="btn btn-primary btn-sm" ms-click="toggle(problem)"> <a href="javascript:void(0)" class="btn btn-primary btn-sm" ms-click="toggle(problem)">
@@ -91,73 +96,44 @@
</a> </a>
</div> </div>
<div class="panel-body" ms-visible="problem.visible"> <div class="panel-body" ms-visible="problem.visible">
<div class="col-md-12"> <div class="form-group col-md-12">
<label>题目</label> <label>题目标题</label>
<input type="text" name="problem_name[]" class="form-control" ms-duplex="problem.title">
</div> </div>
<div class="form-group col-md-12">
<div class="col-md-12"> <label>题目描述</label>
<div class="form-group"> <textarea ms-attr-id="problem-{{ problem.id }}-description" placeholder="这里输入内容" ms-duplex="problem.description"></textarea>
<input type="text" name="problem_name[]" class="form-control" <small ms-visible="problem.description==''" style="color:red">请填写题目描述</small>
ms-duplex="problem.title"> </div>
</div> <div class="form-group col-md-12">
</div>
<label>题目描述</label>
<textarea ms-attr-id="problem-{{ problem.id }}-description" placeholder="这里输入内容"
ms-duplex="problem.description"></textarea>
<small ms-visible="problem.description==''" style="color:red">请填写题目描述</small>
<div class="form-group">
<label>提示</label> <label>提示</label>
<textarea ms-attr-id="problem-{{ problem.id }}-hint" placeholder="这里输入内容" ms-duplex="problem.hint"></textarea> <textarea ms-attr-id="problem-{{ problem.id }}-hint" placeholder="这里输入内容" ms-duplex="problem.hint"></textarea>
</div> </div>
<div class="col-md-3 form-group">
<div class="col-md-3"> <label>cpu</label>
<div class="form-group"><label>cpu</label> <input type="number" name="cpu[]" class="form-control" ms-duplex="problem.cpu">
<input type="number" name="cpu[]" class="form-control" ms-duplex="problem.cpu">
</div>
</div>
<div class="col-md-3">
<div class="form-group"><label>内存</label>
<input type="number" name="memory[]" class="form-control" ms-duplex="problem.memory">
</div>
</div>
<div class="col-md-3">
<div class="form-group"><label>难度</label>
<input type="number" name="difficulty[]" class="form-control" ms-duplex="problem.difficulty">
</div>
</div> </div>
<div class="col-md-3 form-group"> <div class="col-md-3 form-group">
<label>前台是否可见</label><br> <label>内存</label>
<label><input type="checkbox" ms-duplex-checked="problem.isVisible"> <input type="number" name="memory[]" class="form-control" ms-duplex="problem.memory">
<small> 可见</small>
</label>
</div> </div>
<div id="tag" class="col-md-12"> <div class="col-md-3 form-group">
<label>标签</label><br> <label>难度</label>
<input type="text" ms-attr-id="problem-{{ problem.id }}-tags" > <input type="number" name="difficulty[]" class="form-control" ms-duplex="problem.difficulty">
</div> </div>
<div class="col-md-12"> <div class="col-md-12">
<label>样例</label> <label>样例</label>
<a href="javascript:void(0)" class="btn btn-primary btn-sm" <a href="javascript:void(0)" class="btn btn-primary btn-sm" ms-click="add_sample(problem)">添加</a>
ms-click="add_sample(problem)">
添加
</a>
<div class="sample"> <div class="sample">
<div class="panel panel-default sample-panel" <div class="panel panel-default sample-panel" ms-repeat-sample="problem.samples">
ms-repeat-sample="problem.samples">
<div class="panel-heading"> <div class="panel-heading">
<span class="panel-title">样例{{$index + 1}}</span> <span class="panel-title">样例{{$index + 1}}</span>
<a href="javascript:void(0)" class="btn btn-primary btn-sm" ms-click="toggle(sample)">
<a href="javascript:void(0)" class="btn btn-primary btn-sm"
ms-click="toggle(sample)">
{{getBtnContent(sample)}} {{getBtnContent(sample)}}
</a> </a>
<a href="javascript:void(0)" class="btn btn-danger btn-sm" <a href="javascript:void(0)" class="btn btn-danger btn-sm" ms-click="del_sample(problem, sample)">
ms-click="del_sample(problem, sample)">
删除 删除
</a> </a>
</div> </div>
<div class="panel-body row" ms-visible="sample.visible"> <div class="panel-body row" ms-visible="sample.visible">
<div class="col-md-6"> <div class="col-md-6">
@@ -183,25 +159,19 @@
<small class="text-info">请将所有测试用例打包在一个文件中上传，所有文件要在压缩包的根目录，且输入输出文件名要以从1开始连续数字标识要对应例如：<br> <small class="text-info">请将所有测试用例打包在一个文件中上传，所有文件要在压缩包的根目录，且输入输出文件名要以从1开始连续数字标识要对应例如：<br>
1.in 1.out 2.in 2.out 1.in 1.out 2.in 2.out
</small> </small>
<table class="table table-striped" ms-visible="uploadSuccess"> <table class="table table-striped" ms-visible="problem.uploadSuccess">
<tr> <tr>
<td>编号</td> <td>编号</td>
<td>输入文件名</td> <td>输入文件名</td>
<td>输出文件名</td> <td>输出文件名</td>
</tr> </tr>
<tr ms-repeat="testCaseList"> <tr ms-repeat="problem.testCaseList">
<td>{{$index}}</td> <td>{{$index}}</td>
<td>{{el.input}}</td> <td>{{el.input}}</td>
<td>{{el.output}}</td> <td>{{el.output}}</td>
</tr> </tr>
</table> </table>
</div> </div>
<div class="col-md-12">
<div class="form-group">
<div ms-attr-id="problem-{{ problem.id }}-uploader">选择文件</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>