<%@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, ทะเบียนกล่มคำตอบ&nbsp;</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">&nbsp;</td>                      
                                <td class="columnobject1">&nbsp;</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>&nbsp;&nbsp;
        </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>