[前端-后台]经过测试还是有些问题(比如公告页面在重复载入后仅显示可见的ms-duplex-checked就失效了,但是仅是在提交修改时失效,你点他到也还工作...)所以干脆把后台这些avalon都统一成一样的处理了[CI SKIP]

This commit is contained in:
esp 2015-08-26 11:35:21 +08:00
parent a2c90093a1
commit d2515bf886
7 changed files with 313 additions and 356 deletions

View File

@ -1,127 +1,132 @@
require(["jquery", "avalon", "csrfToken", "bsAlert", "editor", "validator"], require(["jquery", "avalon", "csrfToken", "bsAlert", "editor", "validator"],
function ($, avalon, csrfTokenHeader, bsAlert, editor) { function ($, avalon, csrfTokenHeader, bsAlert, editor) {
avalon.ready(function () { avalon.ready(function () {
avalon.vmodels.announcement = null;
var createAnnouncementEditor = editor("#create-announcement-editor"); var createAnnouncementEditor = editor("#create-announcement-editor");
var editAnnouncementEditor = editor("#edit-announcement-editor"); var editAnnouncementEditor = editor("#edit-announcement-editor");
if (avalon.vmodels.announcement){
var vm = avalon.vmodels.announcement;
announcementList = [];
}
else {
var vm = avalon.define({ var vm = avalon.define({
$id: "announcement", $id: "announcement",
//通用变量 //通用变量
announcementList: [], // 公告列表数据项 announcementList: [], // 公告列表数据项
previousPage: 0, // 之前的页数 previousPage: 0, // 之前的页数
nextPage: 0, // 之后的页数 nextPage: 0, // 之后的页数
page: 1, // 当前页数 page: 1, // 当前页数
editingAnnouncementId: 0, // 正在编辑的公告的ID 为零说明未在编辑 editingAnnouncementId: 0, // 正在编辑的公告的ID 为零说明未在编辑
totalPage: 1, // 总页数 totalPage: 1, // 总页数
showVisibleOnly: false, //仅显示可见公告 showVisibleOnly: false, //仅显示可见公告
// 编辑 // 编辑
newTitle: "", newTitle: "",
announcementVisible: 0, announcementVisible: 0,
showGlobalViewRadio: true, showGlobalViewRadio: true,
isGlobal: true, isGlobal: true,
allGroups: [], allGroups: [],
getState: function (el) { //获取公告当前状态,显示 getState: function (el) { //获取公告当前状态,显示
if (el.visible) if (el.visible)
return "可见"; return "可见";
else else
return "隐藏"; return "隐藏";
}, },
getNext: function () { getNext: function () {
if (!vm.nextPage) if (!vm.nextPage)
return; return;
getPageData(vm.page + 1); getPageData(vm.page + 1);
}, },
getPrevious: function () { getPrevious: function () {
if (!vm.previousPage) if (!vm.previousPage)
return; return;
getPageData(vm.page - 1); getPageData(vm.page - 1);
}, },
getBtnClass: function (btnType) { getBtnClass: function (btnType) {
if (btnType == "next") { if (btnType == "next") {
return vm.nextPage ? "btn btn-primary" : "btn btn-primary disabled"; return vm.nextPage ? "btn btn-primary" : "btn btn-primary disabled";
} }
else { else {
return vm.previousPage ? "btn btn-primary" : "btn btn-primary disabled"; return vm.previousPage ? "btn btn-primary" : "btn btn-primary disabled";
} }
}, },
editAnnouncement: function (announcement) { editAnnouncement: function (announcement) {
vm.newTitle = announcement.title; vm.newTitle = announcement.title;
editAnnouncementEditor.setValue(announcement.content); editAnnouncementEditor.setValue(announcement.content);
vm.announcementVisible = announcement.visible; vm.announcementVisible = announcement.visible;
if (vm.editingAnnouncementId == announcement.id) if (vm.editingAnnouncementId == announcement.id)
vm.editingAnnouncementId = 0;
else
vm.editingAnnouncementId = announcement.id;
vm.isGlobal = announcement.is_global;
for (var i = 0; i < announcement.groups.length; i++) {
for (var j = 0; j < vm.allGroups.length; j++) {
if (announcement.groups[i] == vm.allGroups[j].id) {
vm.allGroups[j].isSelected = true;
}
}
}
editAnnouncementEditor.focus();
},
cancelEdit: function () {
vm.editingAnnouncementId = 0; vm.editingAnnouncementId = 0;
else },
vm.editingAnnouncementId = announcement.id; submitChange: function () {
vm.isGlobal = announcement.is_global; var title = vm.newTitle;
for (var i = 0; i < announcement.groups.length; i++) { var content = editAnnouncementEditor.getValue();
for (var j = 0; j < vm.allGroups.length; j++) {
if (announcement.groups[i] == vm.allGroups[j].id) { if (content == "" || title == "") {
vm.allGroups[j].isSelected = true; bsAlert("标题和内容都不能为空");
return false;
}
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);
}
} }
} }
}
editAnnouncementEditor.focus();
},
cancelEdit: function () {
vm.editingAnnouncementId = 0;
},
submitChange: function () {
var title = vm.newTitle;
var content = editAnnouncementEditor.getValue();
if (content == "" || title == "") { if (!vm.isGlobal && !selectedGroups.length) {
bsAlert("标题和内容都不能为空"); bsAlert("请至少选择一个小组");
return false; return false;
}
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);
}
} }
}
if (!vm.isGlobal && !selectedGroups.length) { $.ajax({
bsAlert("请至少选择一个小组"); beforeSend: csrfTokenHeader,
return false; url: "/api/admin/announcement/",
} contentType: "application/json",
dataType: "json",
$.ajax({ method: "put",
beforeSend: csrfTokenHeader, data: JSON.stringify({
url: "/api/admin/announcement/", id: vm.editingAnnouncementId,
contentType: "application/json", title: title,
dataType: "json", content: content,
method: "put", visible: vm.announcementVisible,
data: JSON.stringify({ is_global: vm.isGlobal,
id: vm.editingAnnouncementId, groups: selectedGroups
title: title, }),
content: content, success: function (data) {
visible: vm.announcementVisible, if (!data.code) {
is_global: vm.isGlobal, bsAlert("修改成功");
groups: selectedGroups vm.editingAnnouncementId = 0;
}), getPageData(1);
success: function (data) { }
if (!data.code) { else {
bsAlert("修改成功"); bsAlert(data.data);
vm.editingAnnouncementId = 0; }
getPageData(1);
} }
else { });
bsAlert(data.data);
}
}
});
} }
}); });
vm.$watch("showVisibleOnly", function () { vm.$watch("showVisibleOnly", function () {
getPageData(1); getPageData(1);
}); });
}
getPageData(1); getPageData(1);

View File

@ -1,47 +1,53 @@
require(["jquery", "avalon", "csrfToken", "bsAlert"], function ($, avalon, csrfTokenHeader, bsAlert) { require(["jquery", "avalon", "csrfToken", "bsAlert"], function ($, avalon, csrfTokenHeader, bsAlert) {
avalon.ready(function () { avalon.ready(function () {
avalon.vmodels.group = null; //avalon.vmodels.group = null;
var vm = avalon.define({ if (avalon.vmodels.group) {
$id: "group", var vm = avalon.vmodels.group;
//通用变量 }
groupList: [], // 用户列表数据项 else {
previousPage: 0, // 之前的页数
nextPage: 0, // 之后的页数
page: 1, // 当前页数
totalPage: 1, // 总页数
keyword: "",
getNext: function () { var vm = avalon.define({
if (!vm.nextPage) $id: "group",
return; //通用变量
getPageData(vm.page + 1); groupList: [], // 用户列表数据项
}, previousPage: 0, // 之前的页数
getPrevious: function () { nextPage: 0, // 之后的页数
if (!vm.previousPage) page: 1, // 当前页数
return; totalPage: 1, // 总页数
getPageData(vm.page - 1); keyword: "",
},
getBtnClass: function (btnType) { getNext: function () {
if (btnType == "next") { if (!vm.nextPage)
return vm.nextPage ? "btn btn-primary" : "btn btn-primary disabled"; return;
} getPageData(vm.page + 1);
else { },
return vm.previousPage ? "btn btn-primary" : "btn btn-primary disabled"; getPrevious: function () {
} if (!vm.previousPage)
return;
getPageData(vm.page - 1);
},
getBtnClass: function (btnType) {
if (btnType == "next") {
return vm.nextPage ? "btn btn-primary" : "btn btn-primary disabled";
}
else {
return vm.previousPage ? "btn btn-primary" : "btn btn-primary disabled";
}
},
search: function(){
getPageData(1);
},
getGroupSettingString: function (setting) {
return {0: "允许任何人加入", 1: "提交请求后管理员审核", 2: "不允许任何人加入"}[setting]
},
showGroupDetailPage: function (groupId) {
vm.$fire("up!showGroupDetailPage", groupId);
}
});
}
},
search: function(){
getPageData(1);
},
getGroupSettingString: function (setting) {
return {0: "允许任何人加入", 1: "提交请求后管理员审核", 2: "不允许任何人加入"}[setting]
},
showGroupDetailPage: function (groupId) {
vm.$fire("up!showGroupDetailPage", groupId);
}
});
getPageData(1); getPageData(1);
function getPageData(page) { function getPageData(page) {

View File

@ -3,55 +3,60 @@ require(["jquery", "avalon", "csrfToken", "bsAlert", "validator"], function ($,
// avalon:定义模式 group_list // avalon:定义模式 group_list
avalon.ready(function () { avalon.ready(function () {
avalon.vmodels.groupDetail = null;
var vm = avalon.define({
$id: "groupDetail",
//通用变量
memberList: [],
previousPage: 0,
nextPage: 0,
page: 1,
totalPage: 1,
name: "",
description: "",
checkedSetting: "0",
getNext: function () { if (avalon.vmodels.groupDetail) {
if (!vm.nextPage) var vm = avalon.vmodels.groupDetail;
return; }
getPageData(vm.page + 1); else {
}, var vm = avalon.define({
getPrevious: function () { $id: "groupDetail",
if (!vm.previousPage) //通用变量
return; memberList: [],
getPageData(vm.page - 1); previousPage: 0,
}, nextPage: 0,
getBtnClass: function (btn) { page: 1,
if (btn == "next") { totalPage: 1,
return vm.nextPage ? "btn btn-primary" : "btn btn-primary disabled"; name: "",
} description: "",
else { checkedSetting: "0",
return vm.previousPage ? "btn btn-primary" : "btn btn-primary disabled";
}
},
removeMember: function (relation) { getNext: function () {
$.ajax({ if (!vm.nextPage)
beforeSend: csrfTokenHeader, return;
url: "/api/admin/group_member/", getPageData(vm.page + 1);
method: "put", },
data: JSON.stringify({group_id: relation.group, members: [relation.user.id]}), getPrevious: function () {
contentType: "application/json", if (!vm.previousPage)
success: function (data) { return;
vm.memberList.remove(relation); getPageData(vm.page - 1);
bsAlert(data.data); },
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";
showGroupListPage: function () { }
vm.$fire("up!showGroupListPage"); },
}
}); removeMember: function (relation) {
$.ajax({
beforeSend: csrfTokenHeader,
url: "/api/admin/group_member/",
method: "put",
data: JSON.stringify({group_id: relation.group, members: [relation.user.id]}),
contentType: "application/json",
success: function (data) {
vm.memberList.remove(relation);
bsAlert(data.data);
}
})
},
showGroupListPage: function () {
vm.$fire("up!showGroupListPage");
}
});
}
avalon.scan(); avalon.scan();
getPageData(1); getPageData(1);

View File

@ -2,50 +2,56 @@ require(["jquery", "avalon", "csrfToken", "bsAlert"], function ($, avalon, csrfT
// avalon:定义模式 group_list // avalon:定义模式 group_list
avalon.ready(function () { avalon.ready(function () {
avalon.vmodels.requestList = null;
var vm = avalon.define({
$id: "requestList",
//通用变量
requestList: [], // 列表数据项
previousPage: 0, // 之前的页数
nextPage: 0, // 之后的页数
page: 1, // 当前页数
totalPage: 1, // 总页数
getNext: function () { if (avalon.vmodels.requestList) {
if (!vm.nextPage) var vm = avalon.vmodels.requestList;
return; }
getPageData(vm.page + 1); else {
},
getPrevious: function () { var vm = avalon.define({
if (!vm.previousPage) $id: "requestList",
return; //通用变量
getPageData(vm.page - 1); requestList: [], // 列表数据项
}, previousPage: 0, // 之前的页数
getBtnClass: function (btn) { //上一页/下一页按钮启用禁用逻辑 nextPage: 0, // 之后的页数
if (btn == "next") { page: 1, // 当前页数
return vm.nextPage ? "btn btn-primary" : "btn btn-primary disabled"; totalPage: 1, // 总页数
}
else { getNext: function () {
return vm.previousPage ? "btn btn-primary" : "btn btn-primary disabled"; if (!vm.nextPage)
} return;
}, getPageData(vm.page + 1);
getPage: function (page_index) { },
getPageData(page_index); getPrevious: function () {
}, if (!vm.previousPage)
processRequest: function(request, status){ return;
$.ajax({ getPageData(vm.page - 1);
beforeSend: csrfTokenHeader, },
url: "/api/admin/join_group_request/", getBtnClass: function (btn) { //上一页/下一页按钮启用禁用逻辑
method: "put", if (btn == "next") {
data: {request_id: request.id, status: status}, return vm.nextPage ? "btn btn-primary" : "btn btn-primary disabled";
success: function(data){
vm.requestList.remove(request);
bsAlert(data.data);
} }
}) else {
} return vm.previousPage ? "btn btn-primary" : "btn btn-primary disabled";
}); }
},
getPage: function (page_index) {
getPageData(page_index);
},
processRequest: function(request, status){
$.ajax({
beforeSend: csrfTokenHeader,
url: "/api/admin/join_group_request/",
method: "put",
data: {request_id: request.id, status: status},
success: function(data){
vm.requestList.remove(request);
bsAlert(data.data);
}
})
}
});
}
avalon.scan(); avalon.scan();
getPageData(1); getPageData(1);
@ -72,78 +78,6 @@ require(["jquery", "avalon", "csrfToken", "bsAlert"], function ($, avalon, csrfT
}); });
} }
/*$("#edit_user-form")
.formValidation({
framework: "bootstrap",
fields: {
username: {
validators: {
notEmpty: {
message: "请填写用户名"
},
stringLength: {
min: 3,
max: 30,
message: '用户名长度必须在3到30位之间'
}
}
},
real_name: {
validators: {
notEmpty: {
message: "请填写真实姓名"
}
}
},
email: {
validators: {
notEmpty: {
message: "请填写电子邮箱邮箱地址"
},
emailAddress: {
message: "请填写有效的邮箱地址"
}
}
},
password: {
validators: {
stringLength: {
min: 6,
max: 30,
message: '密码长度必须在6到30位之间'
}
}
}
}
}
).on('success.form.fv', function (e) {
e.preventDefault();
var data = {
username: vm.username,
real_name: vm.real_name,
email: vm.email,
id: vm.id,
admin_type: vm.admin_type
};
if ($("#password").val() !== "")
data.password = $("#password").val();
$.ajax({
beforeSend: csrfHeader,
url: "/api/admin/user/",
data: data,
dataType: "json",
method: "put",
success: function (data) {
if (!data.code) {
bsAlert("提交成功!");
getPageData(1);
$("#password").val("");
} else {
bsAlert(data.data);
}
}
})
});*/
}); });
}); });

View File

@ -3,6 +3,7 @@ require(["jquery", "avalon", "csrfToken", "bsAlert"], function ($, avalon, csrfT
avalon.ready(function () { avalon.ready(function () {
if(avalon.vmodels.problemList){ if(avalon.vmodels.problemList){
vm = avalon.vmodels.problemList; vm = avalon.vmodels.problemList;
problemList = [];
} }
else { else {
var vm = avalon.define({ var vm = avalon.define({

View File

@ -1,53 +1,59 @@
require(["jquery", "avalon", "csrfToken", "bsAlert"], function ($, avalon, csrfTokenHeader, bsAlert) { require(["jquery", "avalon", "csrfToken", "bsAlert"], function ($, avalon, csrfTokenHeader, bsAlert) {
avalon.ready(function () { avalon.ready(function () {
avalon.vmodels.submissionList = null;
var vm = avalon.define({
$id: "submissionList",
submissionList: [],
previousPage: 0,
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);
},
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";
}
},
getPage: function (page_index) {
getPageData(page_index);
},
showSubmissionDetailPage: function (submissionId) {
}, if (avalon.vmodels.submissionList){
showProblemListPage: function(){ var vm = avalon.vmodels.submissionList;
vm.$fire("up!showProblemListPage"); }
} else {
});
var vm = avalon.define({
$id: "submissionList",
submissionList: [],
previousPage: 0,
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);
},
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";
}
},
getPage: function (page_index) {
getPageData(page_index);
},
showSubmissionDetailPage: function (submissionId) {
},
showProblemListPage: function(){
vm.$fire("up!showProblemListPage");
}
});
}
getPageData(1); getPageData(1);

View File

@ -3,12 +3,12 @@ require(["jquery", "avalon", "csrfToken", "bsAlert", "validator"], function ($,
// avalon:定义模式 userList // avalon:定义模式 userList
avalon.ready(function () { avalon.ready(function () {
//avalon.vmodels.userList = null;
if (avalon.vmodels.userList) { if (avalon.vmodels.userList) {
var vm = avalon.vmodels.userList; var vm = avalon.vmodels.userList;
// initialize avalon object // initialize avalon object
userList = []; previousPage= 0; nextPage= 0; page = 1; userList = []; //previousPage= 0; nextPage= 0; page = 1;
editingUserId= 0; totalPage = 1; keyword= ""; showAdminOnly= false; //editingUserId= 0; totalPage = 1; keyword= ""; showAdminOnly= false;
//user editor fields //user editor fields
username= ""; realName= ""; email= ""; adminType= 0; id= 0; username= ""; realName= ""; email= ""; adminType= 0; id= 0;
} }