QingdaoU/OnlineJudge
1
0
Fork 0
mirror of https://github.com/QingdaoU/OnlineJudge.git synced 2024-09-21 00:13:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

后台使用封装好的 web 组件

Browse Source
This commit is contained in:
virusdefender 2015-10-18 11:13:44 +08:00
parent 50880e1f36
commit ad73a36944
9 changed files with 86 additions and 94 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
static/src/js/app/admin/announcement/announcement.js
View File

@ -1,10 +1,7 @@
require(["jquery", "avalon", "csrfToken", "bsAlert", "editor", "validator", "pager"],
require(["jquery", "avalon", "csrfToken", "bsAlert", "validator", "pager", "editorComponent"],
function ($, avalon, csrfTokenHeader, bsAlert, editor) {
avalon.ready(function () {
var createAnnouncementEditor = editor("#create-announcement-editor");
var editAnnouncementEditor = editor("#edit-announcement-editor");
if (avalon.vmodels.announcement){
var vm = avalon.vmodels.announcement;
}
@ -25,20 +22,30 @@ require(["jquery", "avalon", "csrfToken", "bsAlert", "editor", "validator", "pag
getPage(page);
}
},
createAnnouncementEditor: {
editorId: "create-announcement-editor",
placeholder: "公告内容"
},
editAnnouncementEditor: {
editorId: "edit-announcement-editor",
placeholder: "公告内容"
},
editAnnouncement: function (announcement) {
vm.newTitle = announcement.title;
vm.announcementId = announcement.id;
editAnnouncementEditor.setValue(announcement.content);
avalon.vmodels.editAnnouncementEditor.content = announcement.content;
vm.announcementVisible = announcement.visible;
vm.isEditing = true;
editAnnouncementEditor.focus();
},
cancelEdit: function () {
vm.isEditing = false;
},
submitChange: function () {
var title = vm.newTitle;
var content = editAnnouncementEditor.getValue();
var content = avalon.vmodels.editAnnouncementEditor.content;
if (content == "" || title == "") {
bsAlert("标题和内容都不能为空");
@ -60,7 +67,6 @@ require(["jquery", "avalon", "csrfToken", "bsAlert", "editor", "validator", "pag
if (!data.code) {
bsAlert("修改成功");
vm.isEditing = false;
localStorage.removeItem("/admin/autosave/edit-announcement-editor/");
getPage(1);
}
else {
@ -101,7 +107,7 @@ require(["jquery", "avalon", "csrfToken", "bsAlert", "editor", "validator", "pag
$("#announcement-form").validator().on('submit', function (e) {
if (!e.isDefaultPrevented()) {
var title = $("#title").val();
var content = createAnnouncementEditor.getValue();
var content = avalon.vmodels.createAnnouncementEditor.content;
if (content == "") {
bsAlert("请填写公告内容");
return false;
@ -119,8 +125,7 @@ require(["jquery", "avalon", "csrfToken", "bsAlert", "editor", "validator", "pag
if (!data.code) {
bsAlert("提交成功！");
$("#title").val("");
createAnnouncementEditor.setValue("");
localStorage.removeItem("/admin/autosave/create-announcement-editor/");
avalon.vmodels.createAnnouncementEditor.content = "";
getPage(1);
} else {
bsAlert(data.data);

29
static/src/js/app/admin/problem/addProblem.js
View File

@ -1,4 +1,4 @@
require(["jquery", "avalon", "editor", "uploader", "bsAlert", "csrfToken", "tagEditor", "validator", "jqueryUI"],
require(["jquery", "avalon", "editor", "uploader", "bsAlert", "csrfToken", "tagEditor", "validator", "jqueryUI", "editorComponent"],
function ($, avalon, editor, uploader, bsAlert, csrfTokenHeader) {
avalon.ready(function () {
@ -9,7 +9,7 @@ require(["jquery", "avalon", "editor", "uploader", "bsAlert", "csrfToken", "tagE
bsAlert("你还没有上传测试数据!");
return false;
}
if (vm.description == "") {
if (avalon.vmodels.problemDescriptionEditor.content == "") {
bsAlert("题目描述不能为空!");
return false;
}
@ -35,12 +35,12 @@ require(["jquery", "avalon", "editor", "uploader", "bsAlert", "csrfToken", "tagE
var ajaxData = {
id: avalon.vmodels.admin.problemId,
title: vm.title,
description: vm.description,
description: avalon.vmodels.problemDescriptionEditor.content,
time_limit: vm.timeLimit,
memory_limit: vm.memoryLimit,
samples: [],
test_case_id: vm.testCaseId,
hint: vm.hint,
hint: avalon.vmodels.problemHintEditor.content,
source: vm.source,
visible: vm.visible,
tags: tags,
@ -77,9 +77,6 @@ require(["jquery", "avalon", "editor", "uploader", "bsAlert", "csrfToken", "tagE
}
});
var hintEditor = editor("#hint");
var problemDescription = editor("#problemDescription");
if (avalon.vmodels.addProblem) {
var vm = avalon.vmodels.addProblem;
}
@ -87,13 +84,11 @@ require(["jquery", "avalon", "editor", "uploader", "bsAlert", "csrfToken", "tagE
var vm = avalon.define({
$id: "addProblem",
title: "",
description: "",
timeLimit: 1000,
memoryLimit: 128,
samples: [{input: "", output: "", "visible": true}],
hint: "",
visible: true,
difficulty: 0,
difficulty: "1",
tags: [],
inputDescription: "",
outputDescription: "",
@ -102,6 +97,16 @@ require(["jquery", "avalon", "editor", "uploader", "bsAlert", "csrfToken", "tagE
uploadSuccess: false,
source: "",
uploadProgress: 0,
problemDescriptionEditor: {
editorId: "problem-description-editor",
placeholder: "题目描述"
},
problemHintEditor: {
editorId: "problem-hint-editor",
placeholder: "提示"
},
addSample: function () {
vm.samples.push({input: "", output: "", "visible": true});
},
@ -122,8 +127,10 @@ require(["jquery", "avalon", "editor", "uploader", "bsAlert", "csrfToken", "tagE
var testCaseUploader = uploader("#testCaseFile", "/api/admin/test_case_upload/",
function (file, response) {
if (response.code)
if (response.code) {
vm.uploadProgress = 0;
bsAlert(response.data);
}
else {
vm.testCaseId = response.data.test_case_id;
vm.uploadSuccess = true;

34
static/src/js/app/admin/problem/editProblem.js
View File

@ -1,4 +1,4 @@
require(["jquery", "avalon", "editor", "uploader", "bsAlert", "csrfToken", "tagEditor", "validator", "jqueryUI"],
require(["jquery", "avalon", "editor", "uploader", "bsAlert", "csrfToken", "tagEditor", "validator", "jqueryUI", "editorComponent"],
function ($, avalon, editor, uploader, bsAlert, csrfTokenHeader) {
avalon.ready(function () {
@ -10,7 +10,7 @@ require(["jquery", "avalon", "editor", "uploader", "bsAlert", "csrfToken", "tagE
bsAlert("你还没有上传测试数据!");
return false;
}
if (vm.description == "") {
if (avalon.vmodels.problemDescriptionEditor.content == "") {
bsAlert("题目描述不能为空!");
return false;
}
@ -36,12 +36,12 @@ require(["jquery", "avalon", "editor", "uploader", "bsAlert", "csrfToken", "tagE
var ajaxData = {
id: avalon.vmodels.admin.problemId,
title: vm.title,
description: vm.description,
description: avalon.vmodels.problemDescriptionEditor.content,
time_limit: vm.timeLimit,
memory_limit: vm.memoryLimit,
samples: [],
test_case_id: vm.testCaseId,
hint: vm.hint,
hint: avalon.vmodels.problemHintEditor.content,
source: vm.source,
visible: vm.visible,
tags: tags,
@ -85,13 +85,11 @@ require(["jquery", "avalon", "editor", "uploader", "bsAlert", "csrfToken", "tagE
var vm = avalon.define({
$id: "editProblem",
title: "",
description: "",
timeLimit: -1,
memoryLimit: -1,
samples: [],
hint: "",
visible: true,
difficulty: 0,
difficulty: "1",
inputDescription: "",
outputDescription: "",
testCaseIdd: "",
@ -99,6 +97,16 @@ require(["jquery", "avalon", "editor", "uploader", "bsAlert", "csrfToken", "tagE
source: "",
testCaseList: [],
uploadProgress: 0,
problemDescriptionEditor: {
editorId: "problem-description-editor",
placeholder: "题目描述"
},
problemHintEditor: {
editorId: "problem-hint-editor",
placeholder: "提示"
},
addSample: function () {
vm.samples.push({input: "", output: "", "visible": true});
},
@ -119,12 +127,12 @@ require(["jquery", "avalon", "editor", "uploader", "bsAlert", "csrfToken", "tagE
avalon.vmodels.admin.template_url = "template/problem/problem_list.html";
}
});
var hintEditor = editor("#hint");
var descriptionEditor = editor("#problemDescription");
var testCaseUploader = uploader("#testCaseFile", "/api/admin/test_case_upload/",
function (file, response) {
if (response.code)
if (response.code) {
vm.uploadProgress = 0;
bsAlert(response.data);
}
else {
vm.testCaseId = response.data.test_case_id;
vm.uploadSuccess = true;
@ -154,7 +162,7 @@ require(["jquery", "avalon", "editor", "uploader", "bsAlert", "csrfToken", "tagE
else {
var problem = data.data;
vm.title = problem.title;
vm.description = problem.description;
avalon.vmodels.problemDescriptionEditor.content = problem.description;
vm.timeLimit = problem.time_limit;
vm.memoryLimit = problem.memory_limit;
for (var i = 0; i < problem.samples.length; i++) {
@ -164,7 +172,7 @@ require(["jquery", "avalon", "editor", "uploader", "bsAlert", "csrfToken", "tagE
visible: false
})
}
vm.hint = problem.hint;
avalon.vmodels.problemHintEditor.content = problem.hint;
vm.visible = problem.visible;
vm.difficulty = problem.difficulty;
vm.inputDescription = problem.input_description;
@ -172,8 +180,6 @@ require(["jquery", "avalon", "editor", "uploader", "bsAlert", "csrfToken", "tagE
vm.testCaseId = problem.test_case_id;
vm.source = problem.source;
var problemTags = problem.tags;
hintEditor.setValue(vm.hint);
descriptionEditor.setValue(vm.description);
$.ajax({
url: "/api/admin/tag/",
dataType: "json",

68
static/src/js/app/admin/problem/submissionList.js
View File

@ -1,12 +1,11 @@
require(["jquery", "avalon", "csrfToken", "bsAlert"], function ($, avalon, csrfTokenHeader, bsAlert) {
require(["jquery", "avalon", "csrfToken", "bsAlert", "pager"], function ($, avalon, csrfTokenHeader, bsAlert) {
avalon.ready(function () {
if (avalon.vmodels.submissionList){
if (avalon.vmodels.submissionList) {
var vm = avalon.vmodels.submissionList;
}
else {
var vm = avalon.define({
$id: "submissionList",
submissionList: [],
@ -14,65 +13,43 @@ require(["jquery", "avalon", "csrfToken", "bsAlert"], function ($, avalon, csrfT
nextPage: 0,
page: 1,
totalPage: 1,
results : {
0: "Accepted",
1: "Runtime Error",
2: "Time Limit Exceeded",
3: "Memory Limit Exceeded",
4: "Compile Error",
5: "Format Error",
6: "Wrong Answer",
7: "System Error",
8: "Waiting"
},
getNext: function () {
if (!vm.nextPage)
return;
getPageData(vm.page + 1);
results: {
0: "Accepted",
1: "Runtime Error",
2: "Time Limit Exceeded",
3: "Memory Limit Exceeded",
4: "Compile Error",
5: "Format Error",
6: "Wrong Answer",
7: "System Error",
8: "Waiting"
},
getPrevious: function () {
if (!vm.previousPage)
return;
getPageData(vm.page - 1);
},
getBtnClass: function (btn) {
if (btn == "next") {
return vm.nextPage ? "btn btn-primary" : "btn btn-primary disabled";
}
else {
return vm.previousPage ? "btn btn-primary" : "btn btn-primary disabled";
pager: {
getPage: function (page) {
getPage(page);
}
},
getPage: function (page_index) {
getPageData(page_index);
showProblemListPage: function () {
avalon.vmodels.admin.template_url = "template/problem/problem_list.html";
},
showSubmissionDetailPage: function (submissionId) {
},
showProblemListPage: function(){
vm.$fire("up!showProblemListPage");
},
rejudge: function(submission_id){
rejudge: function (submission_id) {
$.ajax({
beforeSend: csrfTokenHeader,
url: "/api/admin/rejudge/",
method: "post",
data: {"submission_id": submission_id},
success: function(data){
if(!data.code){
success: function (data) {
if (!data.code) {
bsAlert("重判任务提交成功");
}
}
})
}
});
}
getPageData(1);
function getPageData(page) {
var url = "/api/admin/submission/?paging=true&page=" + page + "&page_size=10&problem_id=" + avalon.vmodels.admin.problemId;
function getPage(page) {
var url = "/api/admin/submission/?paging=true&page=" + page + "&page_size=20&problem_id=" + avalon.vmodels.admin.problemId;
$.ajax({
url: url,
dataType: "json",
@ -84,6 +61,7 @@ require(["jquery", "avalon", "csrfToken", "bsAlert"], function ($, avalon, csrfT
vm.previousPage = data.data.previous_page;
vm.nextPage = data.data.next_page;
vm.page = page;
avalon.vmodels.submissionsListPager.totalPage = data.data.total_page;
}
else {
bsAlert(data.data);

2
static/src/js/utils/editor.js
View File

@ -1,4 +1,4 @@
define("editor", ["simditor", "simditor-autosave"], function(Simditor){
define("editor", ["simditor"], function(Simditor){
function editor(selector){
return new Simditor({
textarea: $(selector),

6
template/src/admin/announcement/announcement.html
View File

@ -38,7 +38,7 @@
ms-duplex="newTitle"></div>
<div class="form-group">
<label>内容</label>
<textarea id="edit-announcement-editor" data-autosave="edit-announcement-editor"></textarea>
<ms:editor $id="editAnnouncementEditor" config="editAnnouncementEditor"></ms:editor>
</div>
<div class="form-group">
<label>可见 <input ms-duplex-checked="announcementVisible" type="checkbox"/></label>
@ -62,8 +62,8 @@
</div>
<div class="form-group">
<label>内容</label>
<textarea id="create-announcement-editor" placeholder="公告内容" maxlength="10000" data-autosave="create-announcement-editor" required>
</textarea>
<ms:editor $id="createAnnouncementEditor" config="createAnnouncementEditor"></ms:editor>
<div class="help-block with-errors"></div>
</div>

5
template/src/admin/problem/add_problem.html
View File

@ -10,8 +10,7 @@
<div class="form-group col-md-12">
<label>题目描述</label>
<textarea id="problemDescription" placeholder="这里输入内容(此内容不能为空)" ms-duplex="description"></textarea>
<p class="error-info" ms-visible="description==''">请填写题目描述</p>
<ms:editor $id="problemDescriptionEditor" config="problemDescriptionEditor"></ms:editor>
</div>
@ -126,7 +125,7 @@
</div>
<div class="form-group col-md-12">
<label>提示</label>
<textarea id="hint" placeholder="这里输入内容" ms-duplex="hint"></textarea>
<ms:editor $id="problemHintEditor" config="problemHintEditor"></ms:editor>
</div>
<div class="form-group col-md-12">
<label>来源</label>

5
template/src/admin/problem/edit_problem.html
View File

@ -16,8 +16,7 @@
<div class="form-group col-md-12">
<label>题目描述</label>
<textarea id="problemDescription" placeholder="这里输入内容(此内容不能为空)" ms-duplex="description"></textarea>
<p class="error-info" ms-visible="description==''">请填写题目描述</p>
<ms:editor $id="problemDescriptionEditor" config="problemDescriptionEditor"></ms:editor>
</div>
@ -132,7 +131,7 @@
</div>
<div class="form-group col-md-12">
<label>提示</label>
<textarea id="hint" placeholder="这里输入内容" ms-duplex="hint"></textarea>
<ms:editor $id="problemHintEditor" config="problemHintEditor"></ms:editor>
</div>
<div class="form-group col-md-12">
<label>来源</label>

4
template/src/admin/problem/submission_list.html
View File

@ -27,9 +27,7 @@
</tr>
</table>
<div class="text-right">
页数：{{ page }}/{{ totalPage }}&nbsp;&nbsp;
<button ms-attr-class="getBtnClass('pre')" ms-click="getPrevious">上一页</button>
<button ms-attr-class="getBtnClass('next')" ms-click="getNext">下一页</button>
<ms:pager $id="submissionsListPager" config="pager"></ms:pager>
</div>
</div>
<script src="/static/js/app/admin/problem/submissionList.js"></script>