<%@page contentType="text/html; charset=UTF-8"%>
<%@page import="com.csc.library.entry.*,com.csc.library.system.*,com.csc.library.session.*,com.csc.library.utilities.*,com.csc.library.components.*;"%>
<jsp:useBean id="EXAM_QUESTION_ANSWER" scope="page" class="com.csc.library.system.Task"/>
<%
EXAM_QUESTION_ANSWER.setChannel(request ,response);
UIManager screen=(UIManager)EXAM_QUESTION_ANSWER.process("MultiEntry","EXAM_QUESTION_ANSWER");
MultiLine multi = screen.getMultiLine("MQUESTION_ANSWER1");
if ((request.getParameter("__cmd")!=null)&&(request.getParameter("__cmd").equals("addChild"))){
screen.getTable("MQUESTION_ANSWER1").goRec(screen.getTable("MQUESTION_ANSWER1").recCount(),false);
DbRecord rec=screen.getTable("MQUESTION_ANSWER1").getCurrentRecordManager();
screen.getTable("MQUESTION_ANSWER1").goRec(screen.getTable("MQUESTION_ANSWER1").recCount()-1,false);
rec.set(screen.getTable("MQUESTION_ANSWER1").getMinorKey(),screen.getTable("MQUESTION_ANSWER1").getInt(screen.getTable("MQUESTION_ANSWER1").getMinorKey())+1);
//rec.set("ANSWERID",screen.getTable("MQUESTION_ANSWER1").getString("ANSWERID"));
/*rec.set("ANSWER_DETAIL","");
rec.set("ANSWER_SCORE","");*/
}
if(screen.getTable("MQUESTION_ANSWER1").recCount()==0){
DbRecord rec1=screen.getTable("MQUESTION_ANSWER1").getNewRecord();
screen.getTable("MQUESTION_ANSWER1").goRec(screen.getTable("MQUESTION_ANSWER1").recCount(),false);
rec1.set(screen.getTable("MQUESTION_ANSWER1").getMinorKey(),"1");
screen.getTable("MQUESTION_ANSWER1").putNewRecord(rec1);
}
// screen.getTable("MQUESTION_ANSWER1").last();
multi.setLabelBox("check box");
// multi.goFirst();
int max=0;
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="../JS/QueryBuilder/bootstrap-3.3.5/css/bootstrap.css" rel="stylesheet">
<link href="../CSS/TISCO.css" rel="stylesheet" type="text/css">
<script src='../JS/SCREEN.js'></script>
<script src='../JS/ICONSMENU.js'></script>
<script src='../JS/HOTKEY.js'></script>
<script src="../JS/jquery-1.11.3.min.js"></script>
<script src="../JS/bootstrap.min.js"></script>
<script>setLang('<%=screen.getUProfile().get("lang")%>');</script>
<script>getTitleName();</script>
<style type="text/css">
img[height="20"] {
padding: 0px;
}
label {
font-weight: normal;
}
.detailHeader {
text-align: center;
background-color: #3B7CBD;
color: #FFFFFF;
}
.table > tbody > tr > td {
padding: 3px;
border: 1px solid #CBC5C5;
}
</style>
<script>
function GoSave(){
if(checkEmpty()){
confirmSave();
}
}
function GoUpdate(){ update(); }
function GoDelete(){ edelete(); }
function GoSearch(){
with(document.cscform){
__help.value="__answerid#"+__answerid.value;
}
search();
}
function deleteMulti(){
with(document.cscform){
//bCon=confirm(MyCode[4]);
//if (bCon==true) {
__cmd.value="DelChild";
submit();
//}
}
}
function saveChild(){
with(document.cscform){
__cmd.value="addChild";
__ack.value="add";
__clean.value = "1";
action="EXAM_QUESTION_ANSWER.jsp";
submit();
}
}
function pre_saveChild(){
//if(checkEmpty()){
saveChild();
//}
}
function checkEmpty(){
var chk = true;
if(chk){
$('.answer_detail').each(function(){
var data = $(this).find("input").val();
if(data === ""){
var msg = getLang() === "tha"?"กรุณากรอกตัวเลือกคำตอบ":"กรุณากรอกตัวเลือกคำตอบ";
alert(msg);
chk = false;
return chk;
}
});
}
if(chk && $('input[name=__answer_type]:checked').val() !== "2"){
$('.answer_score').each(function(){
var data = $(this).find("input").val();
if(data === ""){
var msg = getLang() === "tha"?"กรุณากรอกคะแนนของคำตอบ":"กรุณากรอกคะแนนของคำตอบ";
alert(msg);
chk = false;
return chk;
}
});
}
return chk;
}
$(function () { // Start jquery
ShowHideAnswerScore();
$('#selectAll').click(function () {
$(".select > input").prop('checked', true);
});
$('#deselectAll').click(function () {
$(".select > input").prop('checked', false);
});
$('#add').click(function () {
pre_saveChild();
});
$('#del').click(function () {
deleteMulti();
});
$('input[name=__answer_type]').on("change",function(){
ShowHideAnswerScore();
});
function ShowHideAnswerScore(){
with(document.cscform){
if(__answer_type.value === "1"){
$('.answer_score').show();
} else if(__answer_type.value === "2"){
$('.answer_score').hide().find('input').val("");
}
}
}
});
</script>
</head>
<body leftmargin="0" topmargin="0" onLoad="MM_preloadImages('../IMAGES/BUTTON/SWAP/SEARCH_SWAP20.gif')">
<div id="toolTipLayer" style="position:absolute; visibility: hidden"></div>
<form name="cscform" method="post" action="?">
<!----------BEGIN CSC INITIAL ZONE ------------------------>
<%=screen.InitialVariable()%>
<!----------END CSC INITIAL ZONE -------------------------->
<input type="hidden" name="__cmd" value="">
<input type="hidden" name="__screen" value="Y_EXAM_QUESTION_ANSWER">
<input type="hidden" name="__calendar">
<input type="hidden" name="__notNull" value="<%=screen.getRequire()%>">
<input type="hidden" name="__notdelall" value="true">
<input type="hidden" name="__afterUpdate" value="">
<input type="hidden" name="__help">
<input type="hidden" name="__gorec" value="">
<input type="hidden" name="__headMulti" value="EXAM_QUESTION_ANSWER">
<input type="hidden" name="__childMulti" value="MQUESTION_ANSWER1">
<input type="hidden" name="__multiTable" value="MQUESTION_ANSWER1">
<input type="hidden" name="__ack">
<input type="hidden" name="__language" value ="<%=screen.getUProfile().get("lang")%>">
<input type="hidden" name="__referPage" value="">
<input type="hidden" name="__fixCon" value="">
<input type="hidden" name="__clean" value="1">
<script language="javascript">getInputFormatDate();</script>
<script language="javascript">initToolTips();</script>
<script language="javascript">
var titlename = getLang() === "tha"?"ทะเบียนกล่มคำตอบ":"Answer Table";
document.write(Icons("EXAM_QUESTION_ANSWER, "+titlename));
</script>
<br>
<div align="center">
<table class="large" cellpadding="0" cellspacing="0" >
<tr>
<td class="header">EXAM_QUESTION_ANSWER, ทะเบียนกล่มคำตอบ </td>
</tr>
<tr>
<td>
<br>
<table border="1" cellpadding="0" cellspacing="0" class="largest" align="center">
<tr>
<td>
<table cellspacing="0" cellpadding="0" class="inframe">
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td class="columnlabel"><%=screen.getLabel("ANSWERID")%></td>
<td class="columnobject1"><%=screen.getInput("ANSWERID")%></td>
</tr>
<tr>
<td class="columnlabel"><%=screen.getLabel("TDESC")%></td>
<td class="columnobject1"><%=screen.getInput("TDESC")%></td>
</tr>
<tr>
<td class="columnlabel"><%=screen.getLabel("EDESC")%></td>
<td class="dropmenu"><%=screen.getInput("EDESC")%></td>
</tr>
<tr>
<td class="columnlabel"><%=screen.getLabel("STATUS")%></td>
<td class="dropmenu"><%=screen.getInput("STATUS")%></td>
</tr>
<tr>
<td class="columnlabel"><%=screen.getLabel("ANSWER_TYPE")%></td>
<td class="dropmenu"><%=screen.getInput("ANSWER_TYPE")%></td>
</tr>
<tr>
<td class="columnlabel"> </td>
<td class="columnobject1"> </td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" class="inframe">
<tr>
<td>
<table width="600" border="0" cellpadding="0" cellspacing="1" bgcolor="#333333" id="rsTable" name="rsTable" cols=9 class="table">
<tr bgcolor="#3366CC">
<td width="36" class="detailHeader"><div align="center"><script language='javascript'>swapLang('Del');</script></div></td>
<td class="detailHeader"><div align="center"><%=multi.getLabel("MQUESTION_ANSWER1","ANSWER_DETAIL")%></div></td>
<td class="detailHeader answer_score"><div align="center"><%=multi.getLabel("MQUESTION_ANSWER1","ANSWER_SCORE")%></div></td>
</tr>
<%
screen.getTable("MQUESTION_ANSWER1").goRec(1,false);
for(int i=1;!multi.eof();i++){
%>
<tr>
<td height="20" class="forborder select" align="center"><%=multi.getInputCheckBox()%></td>
<td align="center" class="answer_detail"><%=multi.getInput("MQUESTION_ANSWER1","ANSWER_DETAIL")%></td>
<td align="center" class="answer_score"><%=multi.getInput("MQUESTION_ANSWER1","ANSWER_SCORE")%></td>
</tr>
<%
multi.next();
}
%>
</table>
</td>
</tr>
<tr bordercolor="0069B3">
<td align="center">
<button type="button" id="selectAll" class="btn btn-primary btn-sm">
<span class="glyphicon glyphicon-asterisk"></span> Select All
</button>
<button type="button" id="deselectAll" class="btn btn-primary btn-sm">
<span class="glyphicon glyphicon-ban-circle"></span> Deselect All
</button>
<button type="button" id="add" class="btn btn-primary btn-sm">
<span class="glyphicon glyphicon-plus"></span> Add
</button>
<button type="button" id="del" class="btn btn-primary btn-sm">
<span class="glyphicon glyphicon-trash"></span> Delete
</button>
</td>
</tr>
<tr>
<td class="blankspace"></td>
</tr>
</table>
</td>
</tr>
</table>
<br>
</td>
</tr>
<tr>
<td align="right">
<script language="javascript">printEditCheck('<%=screen.getDataLabel("edit_by")%>','<%=screen.getDataLabel("edit_date")%>','<%=screen.getDataLabel("edit_time")%>','<%=screen.getDataLabel("approve")%>');</script>
</td>
</tr>
<tr bordercolor="0069B3">
<td class="bottom"></td>
</tr>
</table>
</div>
<!----------BEGIN CSC ENDING ZONE ------------------------>
<%=screen.endJSP()%>
<!----------END CSC ENDING ZONE -------------------------->
<input type="hidden" name="__maxrec" value="<%=max%>">
</FORM>
</body>
</html>