[项目实训]6.8 contest的add功能最终完成

在和cxa的共同努力下，contest的add终于实现，我在html 文件中完成了script脚本的编写

<script type="text/javascript">
$(document).ready(function ()
{
$("#show_pass").change(function ()
{
if(!document.getElementById("contest_pass")){
$("#contest_open").after("<div class = \"row\" id=\"contest_pass\">"+
"<label class=\"col-sm-2 control-label\">Password:</label>"+
"<div class=\"col-sm-5\">"+
"<input type=\"password\" class=\"form-control\" name=\"password\">"+
"</div>"+
"</div>")
}
});
$("#hide_pass").change(function ()
{
if(document.getElementById("contest_pass")){
$("div").remove("#contest_pass")
}
})
$("#show_score").change(function()
{
$(".score_input").show();
})
$("#hide_score").change(function()
{
$(".score_input").hide();
})

});
function removeTR(tdobject){
var td=$(tdobject);
td.parents("tr").remove();
}
function addTR(){
$("#probTable").append("<tr><td><select name=\"originoj\" class=\"form-control\" value=\"\" style=\"width:100px;\" ><option value=\"HDU\">HDU</option><option value=\"FZU\">FZU</option><option value=\"ZOJ\">ZOJ</option></select></td><td><input type=\"text\" class=\"form-control\" name=\"prob\" oninput=\"getTitle(event,this)\" onpropertychange=\"getTitle(event,this)\"></td><td><input type=\"text\" class=\"form-control\" value=\"No Such Problem\" name=\"title\" disabled=\"disabled\" style=\"width:200px;\"></td><td hidden=\"hidden\" class=\"score_input\"><input type=\"text\" class=\"form-control\" name=\"score\" value = \"1\" style=\"width:80px;\"></td><td onclick=\"removeTR(this)\"><center><button type=\"button\" class=\"btn btn-danger\">Remove</button></center></td></tr>")
if($("input[name='type']:checked").val() == "custom"){
$(".score_input").show();
}else{
$(".score_input").hide();
}
}
function getTitle(event,inputobject){
var trobject = $(inputobject).parents("tr")
var originoj = $(trobject).children("td").eq(0).children("select").eq(0).val()
var probid = $(inputobject).val()
var title_obj = $(trobject).children("td").eq(2).children("input").eq(0)
$.ajax({
type: 'get',
url: "/contest/addcontest/get_problem_title/?originoj=" + originoj+"&probid="+probid,
success: function (responseData) {
$(title_obj).val(responseData);
}
})
}
function addcontest_submit(){
//author type openness title begin duration

var problems = "$"
var ok = 0

$("#probTable tr").each(function(){
var originoj = $(this).children("td").eq(0).children("select").eq(0).val()
var probid = $(this).children("td").eq(1).children("input").eq(0).val()
var title = $(this).children("td").eq(2).children("input").eq(0).val()
var score = $(this).children("td").eq(3).children("input").eq(0).val()
if(title == "No Such Problem" || isNaN(score)){
//alert(title+"/"+score)
ok = ok + 1
}else{
problems = problems + originoj + "|" + probid + "|" + score + "$"
}
})
//alert(problems)
if(ok < 2){

var pass = ""
var obj = $('input[name="password"]')
if(obj.length != 0){
pass = $('input[name="password"]').val()
}

detail = {
"author" : $('input[name="author"]').val(),
"type" : $('input[name="type"]').val(),
"openness" : $('input[name="openness"]').val(),
"password" : pass,
"title" : $('input[name="title"]').val(),
"begin" : $('input[name="begin"]').val(),
"duration" : $('input[name="duration"]').val(),
"problems" : problems
}
$.ajax({
type : "post",
url : "/contest/addcontest/submit/",
data : detail,
success : function(responseData){
if(responseData == "begin error"){
alert("Please check your begin-time format!")
}else if(responseData == "duration error"){
alert("Please check your duration format!")
}else if(responseData == "error"){
alert("Occur a unexcepted error!")
}else{
window.location.href = responseData;
}
},
error : function(responseData){
alert("Add contest error!")
alert(responseData)
}
})
}else{
alert("Please check your problems!")
}

}
</script>