88 lines
3.9 KiB
JavaScript
88 lines
3.9 KiB
JavaScript
define("testCaseUploader", ["avalon", "uploader", "bsAlert", "jquery"], function(avalon, uploader, bsAlert, $){
|
||
avalon.component("ms:testcaseuploader", {
|
||
$template: '<div class="col-md-12">' +
|
||
'<br> ' +
|
||
'<label>测试数据 <a ms-if="downloadUrl" ms-attr-href="downloadUrl">下载</a></label><br> ' +
|
||
'<small class="text-info">' +
|
||
'请将所有测试用例打包在一个zip文件中上传,' +
|
||
'所有文件要在压缩包的根目录,' +
|
||
'且输入输出文件名要以从1开始连续数字标识要对应例如:' +
|
||
'<br>1.in 1.out 2.in 2.out(普通题目)或者1.in 2.in 3.in(Special Judge) ' +
|
||
'<a href="https://github.com/QingdaoU/OnlineJudge/wiki/%E6%B5%8B%E8%AF%95%E7%94%A8%E4%BE%8B%E4%B8%8A%E4%BC%A0" target="_blank">帮助</a> </small> ' +
|
||
'<p>上传进度<span ms-text="uploadProgress"></span>%</p> ' +
|
||
'<table class="table table-striped" ms-visible="uploaded"> ' +
|
||
'<tr> <td>编号</td> <td>输入文件名</td> <td>输出文件名</td> </tr> ' +
|
||
'<tr ms-repeat="testCaseList"> ' +
|
||
'<td>{{ $index + 1 }}</td> ' +
|
||
'<td>{{ el.input }}</td> ' +
|
||
'<td>{{ el.output }}</td> </tr> ' +
|
||
'</table> ' +
|
||
'</div> ' +
|
||
'<div class="col-md-12"> ' +
|
||
'<div class="form-group">' +
|
||
' <div id="testCaseFileSelector">选择文件</div> ' +
|
||
'</div> ' +
|
||
'</div>',
|
||
testCaseId: "",
|
||
testCaseList: [],
|
||
uploaded: false,
|
||
uploadProgress: 0,
|
||
downloadUrl: "",
|
||
|
||
setTestCaseId: function(){},
|
||
|
||
$init: function(vm, el){
|
||
vm.setTestCase = function(testCaseId){
|
||
vm.testCaseId = testCaseId;
|
||
$.ajax({
|
||
url: "/api/admin/test_case_upload/?test_case_id=" + testCaseId,
|
||
method: "get",
|
||
success: function(data){
|
||
if(data.code){
|
||
bsAlert("获取测试用例列表失败");
|
||
}
|
||
else{
|
||
for(var key in data.data.file_list){
|
||
vm.testCaseList.push({
|
||
input: data.data.file_list[key].input_name,
|
||
output: data.data.file_list[key].output_name
|
||
})
|
||
}
|
||
vm.uploaded = true;
|
||
vm.uploadProgress = 100;
|
||
vm.downloadUrl = "/api/admin/test_case_download/?test_case_id=" + vm.testCaseId;
|
||
vm.$fire("all!testCaseUploadFinished", data.data.spj);
|
||
}
|
||
}
|
||
});
|
||
|
||
}
|
||
},
|
||
|
||
$ready: function(vm, el){
|
||
el.msRetain = true;
|
||
var testCaseUploader = uploader("#testCaseFileSelector", "/api/admin/test_case_upload/",
|
||
{title: 'testcase zip', extensions: 'zip', mimeTypes: 'application/zip'},
|
||
function (file, response) {
|
||
if (response.code) {
|
||
bsAlert(response.data);
|
||
}
|
||
else {
|
||
vm.testCaseId = response.data.test_case_id;
|
||
vm.uploaded = true;
|
||
vm.testCaseList = [];
|
||
for(var key in response.data.file_list){
|
||
vm.testCaseList.push({
|
||
input: response.data.file_list[key].input_name,
|
||
output: response.data.file_list[key].output_name
|
||
})
|
||
}
|
||
vm.$fire("all!testCaseUploadFinished", response.data.spj);
|
||
}
|
||
},
|
||
function (file, percentage) {
|
||
vm.uploadProgress = parseInt(percentage * 100);
|
||
});
|
||
}
|
||
})
|
||
}); |