添加后台编辑比赛页面[CI SKIP]
This commit is contained in:
sxw
@@ -20,6 +20,14 @@ require(["jquery", "avalon", "csrfToken", "bsAlert", "editor", "datetimePicker",
|
|||||||
search: function () {
|
search: function () {
|
||||||
getPage(1);
|
getPage(1);
|
||||||
avalon.vmodels.contestListPager.currentPage = 1;
|
avalon.vmodels.contestListPager.currentPage = 1;
|
||||||
|
},
|
||||||
|
|
||||||
|
editContest: function(contestId){
|
||||||
|
avalon.vmodels.admin.contestId = contestId;
|
||||||
|
avalon.vmodels.admin.template_url = "template/contest/edit_contest.html";
|
||||||
|
},
|
||||||
|
showContestProblems: function(contestId){
|
||||||
|
// todo
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
@@ -42,7 +50,6 @@ require(["jquery", "avalon", "csrfToken", "bsAlert", "editor", "datetimePicker",
|
|||||||
success: function (data) {
|
success: function (data) {
|
||||||
if (!data.code) {
|
if (!data.code) {
|
||||||
vm.contestList = data.data.results;
|
vm.contestList = data.data.results;
|
||||||
vm.announcementList = data.data.results;
|
|
||||||
avalon.vmodels.contestListPager.totalPage = data.data.total_page;
|
avalon.vmodels.contestListPager.totalPage = data.data.total_page;
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
|
|||||||
175
static/src/js/app/admin/contest/editContest.js
Normal file
175
static/src/js/app/admin/contest/editContest.js
Normal file
@@ -0,0 +1,175 @@
|
|||||||
|
require(["jquery", "avalon", "editor", "uploader", "bsAlert", "csrfToken", "datetimePicker",
|
||||||
|
"validator", "editorComponent"],
|
||||||
|
function ($, avalon, editor, uploader, bsAlert, csrfTokenHeader) {
|
||||||
|
|
||||||
|
$("#edit-contest-form").validator().on('submit', function (e) {
|
||||||
|
if (!e.isDefaultPrevented()) {
|
||||||
|
e.preventDefault();
|
||||||
|
var ajaxData = {
|
||||||
|
id: avalon.vmodels.admin.contestId,
|
||||||
|
title: vm.title,
|
||||||
|
description: avalon.vmodels.contestDescriptionEditor.content,
|
||||||
|
contest_type: 0,
|
||||||
|
real_time_rank: vm.realTimeRank,
|
||||||
|
start_time: vm.startTime,
|
||||||
|
end_time: vm.endTime,
|
||||||
|
visible: vm.visible
|
||||||
|
};
|
||||||
|
|
||||||
|
var selectedGroups = [];
|
||||||
|
if (!vm.isGlobal) {
|
||||||
|
for (var i = 0; i < vm.allGroups.length; i++) {
|
||||||
|
if (vm.allGroups[i].isSelected) {
|
||||||
|
selectedGroups.push(vm.allGroups[i].id);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
ajaxData.groups = selectedGroups;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
if (vm.password) {
|
||||||
|
ajaxData.password = vm.password;
|
||||||
|
ajaxData.contest_type = 2;
|
||||||
|
}
|
||||||
|
else
|
||||||
|
ajaxData.contest_type = 1;
|
||||||
|
}
|
||||||
|
if (!vm.isGlobal && !selectedGroups.length) {
|
||||||
|
bsAlert("你没有选择参赛用户!");
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
if (ajaxData.description.trim() == "") {
|
||||||
|
bsAlert("比赛描述不能为空!");
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
$.ajax({
|
||||||
|
url: "/api/admin/contest/",
|
||||||
|
dataType: "json",
|
||||||
|
contentType: "application/json;charset=UTF-8",
|
||||||
|
data: JSON.stringify(ajaxData),
|
||||||
|
method: "put",
|
||||||
|
success: function (data) {
|
||||||
|
if (!data.code) {
|
||||||
|
bsAlert("修改成功！");
|
||||||
|
vm.showContestListPage();
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
bsAlert(data.data);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
});
|
||||||
|
|
||||||
|
if (avalon.vmodels.edit_contest)
|
||||||
|
var vm = avalon.vmodels.edit_contest;
|
||||||
|
else
|
||||||
|
var vm = avalon.define({
|
||||||
|
$id: "edit_contest",
|
||||||
|
title: "",
|
||||||
|
startTime: "",
|
||||||
|
endTime: "",
|
||||||
|
password: "",
|
||||||
|
isGlobal: true,
|
||||||
|
allGroups: [],
|
||||||
|
showGlobalViewRadio: true,
|
||||||
|
realTimeRank: true,
|
||||||
|
visible: false,
|
||||||
|
showContestListPage: function () {
|
||||||
|
avalon.vmodels.admin.template_url = "template/contest/contest_list.html";
|
||||||
|
},
|
||||||
|
|
||||||
|
contestDescriptionEditor: {
|
||||||
|
editorId: "contest-description-editor",
|
||||||
|
placeholder: "比赛介绍内容"
|
||||||
|
}
|
||||||
|
});
|
||||||
|
avalon.scan();
|
||||||
|
$.ajax({
|
||||||
|
url: "/api/user/",
|
||||||
|
method: "get",
|
||||||
|
dataType: "json",
|
||||||
|
success: function (data) {
|
||||||
|
if (!data.code) {
|
||||||
|
var admin_type = data.data.admin_type;
|
||||||
|
if (data.data.admin_type == 1) {
|
||||||
|
vm.isGlobal = false;
|
||||||
|
vm.showGlobalViewRadio = false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
$.ajax({
|
||||||
|
url: "/api/admin/group/",
|
||||||
|
method: "get",
|
||||||
|
dataType: "json",
|
||||||
|
success: function (data) {
|
||||||
|
if (!data.code) {
|
||||||
|
if (!data.data.length) {
|
||||||
|
if (admin_type != 2)
|
||||||
|
bsAlert("您的用户权限只能创建小组内比赛，但是您还没有创建过小组");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
vm.allGroups = [];
|
||||||
|
for (var i = 0; i < data.data.length; i++) {
|
||||||
|
var item = data.data[i];
|
||||||
|
item.isSelected = false;
|
||||||
|
vm.allGroups.push(item);
|
||||||
|
}
|
||||||
|
$.ajax({
|
||||||
|
url: "/api/admin/contest/?contest_id=" + avalon.vmodels.admin.contestId,
|
||||||
|
method: "get",
|
||||||
|
dataType: "json",
|
||||||
|
success: function (data) {
|
||||||
|
if (data.code) {
|
||||||
|
bsAlert(data.data);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
var contest = data.data;
|
||||||
|
vm.title = contest.title;
|
||||||
|
avalon.vmodels.contestDescriptionEditor.content = contest.description;
|
||||||
|
vm.visible = contest.visible;
|
||||||
|
vm.realTimeRank = contest.real_time_rank;
|
||||||
|
vm.startTime = contest.start_time.substring(0, 16).replace("T", " ");
|
||||||
|
vm.endTime = contest.end_time.substring(0, 16).replace("T", " ");
|
||||||
|
if (contest.contest_type == 0) { //contest_type == 0, 小组内比赛
|
||||||
|
vm.isGlobal = false;
|
||||||
|
for (var i = 0; i < vm.allGroups.length; i++) {
|
||||||
|
vm.allGroups[i].isSelected = false;
|
||||||
|
}
|
||||||
|
for (var i = 0; i < contest.groups.length; i++) {
|
||||||
|
var id = contest.groups[i];
|
||||||
|
for (var index = 0; vm.allGroups[index]; index++) {
|
||||||
|
if (vm.allGroups[index].id == id) {
|
||||||
|
vm.allGroups[index].isSelected = true;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
vm.isGlobal = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
bsAlert(data.data);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#contest_start_time").datetimepicker({
|
||||||
|
format: "yyyy-mm-dd hh:ii",
|
||||||
|
minuteStep: 5,
|
||||||
|
weekStart: 1,
|
||||||
|
language: "zh-CN"
|
||||||
|
});
|
||||||
|
$("#contest_end_time").datetimepicker({
|
||||||
|
format: "yyyy-mm-dd hh:ii",
|
||||||
|
minuteStep: 5,
|
||||||
|
weekStart: 1,
|
||||||
|
language: "zh-CN"
|
||||||
|
});
|
||||||
|
});
|
||||||
107
template/src/admin/contest/edit_contest.html
Normal file
107
template/src/admin/contest/edit_contest.html
Normal file
@@ -0,0 +1,107 @@
|
|||||||
|
<div ms-controller="edit_contest" class="col-md-9">
|
||||||
|
<form id="edit-contest-form">
|
||||||
|
<nav>
|
||||||
|
<ul class="pager">
|
||||||
|
<li class="previous" ms-click="showContestListPage()"><a href="javascript:void(0)"><span
|
||||||
|
aria-hidden="true">←</span> 返回</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
<div class="col-md-12">
|
||||||
|
<label>比赛名称</label>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-12">
|
||||||
|
<div class="form-group">
|
||||||
|
<input type="text" name="name" class="form-control" ms-duplex="title"
|
||||||
|
data-error="请填写比赛名称(名称不能超过50个字)" required>
|
||||||
|
|
||||||
|
<div class="help-block with-errors"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-12">
|
||||||
|
<label>说明</label>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-12">
|
||||||
|
<div class="form-group">
|
||||||
|
<ms:editor $id="contestDescriptionEditor" config="contestDescriptionEditor"></ms:editor>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6">
|
||||||
|
<label>开始时间</label>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<input type="text" class="form-control" name="start_time" id="contest_start_time"
|
||||||
|
ms-duplex="startTime" data-error="请填写比赛开始时间" required>
|
||||||
|
|
||||||
|
<div class="help-block with-errors"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6">
|
||||||
|
<label>结束时间</label>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<input type="text" class="form-control" name="end_time" id="contest_end_time"
|
||||||
|
ms-duplex="endTime" data-error="请填写比赛结束时间" required>
|
||||||
|
|
||||||
|
<div class="help-block with-errors"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6">
|
||||||
|
<div class="form-group">
|
||||||
|
<label>比赛类型</label>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<span ms-if="showGlobalViewRadio">
|
||||||
|
<label>
|
||||||
|
<small><input type="radio" value="true" name="isGlobal" ms-duplex-boolean="isGlobal">全局可见
|
||||||
|
</small>
|
||||||
|
</label>
|
||||||
|
</span>
|
||||||
|
<span>
|
||||||
|
<label>
|
||||||
|
<small><input type="radio" value="false" name="isGlobal" ms-duplex-boolean="isGlobal">小组内可见
|
||||||
|
</small>
|
||||||
|
</label>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6" ms-visible="isGlobal">
|
||||||
|
<label>密码保护</label>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<input type="text" class="form-control" name="password" placeholder="留空就是公开赛" ms-duplex="password">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group col-md-12" ms-visible="!isGlobal">
|
||||||
|
<!-- radio 的value 没有用 但是没有的话，表单验证会出错-->
|
||||||
|
<div ms-repeat="allGroups" class="col-md-4">
|
||||||
|
<input type="checkbox" value="group_id" ms-duplex-checked="el.isSelected"> {{ el.name }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-6">
|
||||||
|
<label>实时排名</label>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="text"><input type="checkbox" ms-duplex-checked="realTimeRank">
|
||||||
|
<small>不勾选则排名不更新，且只显示自己的提交。</small>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6">
|
||||||
|
<label>是否可见</label>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="text"><input type="checkbox" ms-duplex-checked="visible">
|
||||||
|
<small>可见</small>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-12">
|
||||||
|
<input type="submit" class="btn btn-success btn-lg" value="发布比赛">
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="/static/js/app/admin/contest/editContest.js"></script>
|
||||||
Reference in New Issue
Block a user