218 lines
8.9 KiB
JavaScript
218 lines
8.9 KiB
JavaScript
require(["jquery", "avalon", "editor", "uploader", "bsAlert", "csrfToken", "tagEditor", "formValidation", "jqueryUI"],
|
|
function ($, avalon, editor, uploader, bsAlert, csrfTokenHeader) {
|
|
avalon.ready(function () {
|
|
avalon.vmodels.addProblem = null;
|
|
$("#add-problem-form")
|
|
.formValidation({
|
|
framework: "bootstrap",
|
|
fields: {
|
|
title: {
|
|
validators: {
|
|
notEmpty: {
|
|
message: "请填写题目名称"
|
|
},
|
|
stringLength: {
|
|
min: 1,
|
|
max: 30,
|
|
message: "名称不能超过30个字"
|
|
}
|
|
}
|
|
},
|
|
cpu: {
|
|
validators: {
|
|
notEmpty: {
|
|
message: "请输入时间限制"
|
|
},
|
|
integer: {
|
|
message: "请输入一个合法的数字"
|
|
},
|
|
between: {
|
|
inclusive: true,
|
|
min: 1,
|
|
max: 5000,
|
|
message: "只能在1-5000之间"
|
|
}
|
|
}
|
|
},
|
|
memory: {
|
|
validators: {
|
|
notEmpty: {
|
|
message: "请输入内存限制"
|
|
},
|
|
integer: {
|
|
message: "请输入一个合法的数字"
|
|
}
|
|
}
|
|
},
|
|
difficulty: {
|
|
validators: {
|
|
notEmpty: {
|
|
message: "请输入难度"
|
|
},
|
|
integer: {
|
|
message: "难度用一个整数表示"
|
|
}
|
|
}
|
|
},
|
|
input_description: {
|
|
validators: {
|
|
notEmpty: {
|
|
message: "请填写输入描述"
|
|
}
|
|
}
|
|
},
|
|
output_description: {
|
|
validators: {
|
|
notEmpty: {
|
|
message: "请填写输出描述"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
})
|
|
.on("success.form.fv", function (e) {
|
|
e.preventDefault();
|
|
if (vm.testCaseId == "") {
|
|
bsAlert("你还没有上传测试数据!");
|
|
return;
|
|
}
|
|
if (vm.description == "") {
|
|
bsAlert("题目描述不能为空!");
|
|
return;
|
|
}
|
|
if (vm.samples.length == 0) {
|
|
bsAlert("请至少添加一组样例!");
|
|
return;
|
|
}
|
|
for (var i = 0; i < vm.samples.length; i++) {
|
|
if (vm.samples[i].input == "" || vm.samples[i].output == "") {
|
|
bsAlert("样例输入与样例输出不能为空！");
|
|
return;
|
|
}
|
|
}
|
|
if (tags.length == 0) {
|
|
bsAlert("请至少添加一个标签，这将有利于用户发现你的题目!");
|
|
return;
|
|
}
|
|
var ajaxData = {
|
|
title: vm.title,
|
|
description: vm.description,
|
|
time_limit: vm.timeLimit,
|
|
memory_limit: vm.memoryLimit,
|
|
samples: [],
|
|
test_case_id: vm.testCaseId,
|
|
hint: vm.hint,
|
|
source: vm.source,
|
|
tags: $("#tags").tagEditor("getTags")[0].tags,
|
|
input_description: vm.inputDescription,
|
|
output_description: vm.outputDescription,
|
|
difficulty: vm.difficulty
|
|
};
|
|
|
|
for (var i = 0; i < vm.samples.$model.length; i++) {
|
|
ajaxData.samples.push({input: vm.samples.$model[i].input, output: vm.samples.$model[i].output});
|
|
}
|
|
|
|
$.ajax({
|
|
beforeSend: csrfTokenHeader,
|
|
url: "/api/admin/problem/",
|
|
dataType: "json",
|
|
data: JSON.stringify(ajaxData),
|
|
method: "post",
|
|
contentType: "application/json",
|
|
success: function (data) {
|
|
if (!data.code) {
|
|
bsAlert("题目添加成功！");
|
|
}
|
|
else {
|
|
bsAlert(data.data);
|
|
}
|
|
}
|
|
|
|
})
|
|
});
|
|
|
|
var testCaseUploader = uploader("#testCaseFile", "/api/admin/test_case_upload/", function (file, response) {
|
|
if (response.code)
|
|
bsAlert(response.data);
|
|
else {
|
|
vm.testCaseId = response.data.test_case_id;
|
|
vm.uploadSuccess = true;
|
|
vm.testCaseList = [];
|
|
for (var i = 0; i < response.data.file_list.input.length; i++) {
|
|
vm.testCaseList.push({
|
|
input: response.data.file_list.input[i],
|
|
output: response.data.file_list.output[i]
|
|
});
|
|
}
|
|
bsAlert("测试数据添加成功！共添加" + vm.testCaseList.length + "组测试数据");
|
|
}
|
|
});
|
|
|
|
var hintEditor = editor("#hint");
|
|
var problemDescription = editor("#problemDescription");
|
|
|
|
var vm = avalon.define({
|
|
$id: "addProblem",
|
|
title: "",
|
|
description: "",
|
|
timeLimit: 1000,
|
|
memoryLimit: 256,
|
|
samples: [{input: "", output: "", "visible": true}],
|
|
hint: "",
|
|
visible: true,
|
|
difficulty: 0,
|
|
tags: [],
|
|
inputDescription: "",
|
|
outputDescription: "",
|
|
testCaseId: "",
|
|
testCaseList: [],
|
|
uploadSuccess: false,
|
|
source: "",
|
|
addSample: function () {
|
|
vm.samples.push({input: "", output: "", "visible": true});
|
|
},
|
|
delSample: function (sample) {
|
|
if (confirm("你确定要删除么?")) {
|
|
vm.samples.remove(sample);
|
|
}
|
|
},
|
|
toggleSample: function (sample) {
|
|
sample.visible = !sample.visible;
|
|
},
|
|
getBtnContent: function (item) {
|
|
if (item.visible)
|
|
return "折叠";
|
|
return "展开";
|
|
}
|
|
});
|
|
|
|
var tagAutoCompleteList = [];
|
|
|
|
$.ajax({
|
|
beforeSend: csrfTokenHeader,
|
|
url: "/api/admin/tag/",
|
|
dataType: "json",
|
|
method: "get",
|
|
success: function (data) {
|
|
if (!data.code) {
|
|
for (var i = 0; i < data.data.length; i++) {
|
|
tagAutoCompleteList.push(data.data[i].name);
|
|
}
|
|
$("#tags").tagEditor({
|
|
autocomplete: {
|
|
delay: 0, // show suggestions immediately
|
|
position: {collision: 'flip'}, // automatic menu position up/down
|
|
source: tagAutoCompleteList
|
|
}
|
|
});
|
|
}
|
|
else {
|
|
bsAlert(data.data);
|
|
}
|
|
}
|
|
|
|
});
|
|
});
|
|
avalon.scan();
|
|
}); |