<%@page contentType="text/html; charset=UTF-8" %> <%@page import="com.csc.library.entry.HelpEntry,com.csc.library.system.*,com.csc.library.utilities.*" %> <%@ page import="com.csc.library.entry.*,com.csc.library.database.*,com.csc.library.session.*" %> <jsp:useBean id="TRA004" class="com.csc.library.system.Task" scope="page"/> <% TRA004.setChannel(request, response); UIManager screen = (UIManager) TRA004.process("MultiEntry", "TRA004"); screen.getRecord().getChild("SIMMKC_COURSE").setFilter("keytype='1'"); screen.getRecord().setRequireFoundTable("SIMMKC_COURSE"); screen.getRecord().getChild("SIMMKPI_COURSE").setFilter("keytype='2'"); screen.getRecord().setRequireFoundTable("SIMMKPI_COURSE"); String listcourse = screen.getDataLabel("precrs").trim(); screen.referLangOff(); %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html ng-app="myHR"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <link href="../CSS/TISCO.css" rel="stylesheet" type="text/css"/> <link href="../CSS/font-awesome.min.css" rel="stylesheet" type="text/css"/> <script type='text/javascript' src='../JS/SCREEN.js'></script> <script type='text/javascript' src='../JS/ICONSMENU.js'></script> <script type="text/javascript" src="../JS/jquery-2.1.3.min.js"></script> <SCRIPT TYPE='text/JavaScript' SRC='../JS/CscBase.js'></SCRIPT> <SCRIPT TYPE='text/JavaScript' SRC='../JS/CscCalendarV3.js'></SCRIPT> <SCRIPT TYPE='text/JavaScript' SRC='../JS/Workplan.js'></SCRIPT> <SCRIPT TYPE='text/JavaScript' SRC='../JS/TimeZone.js'></SCRIPT> <script src="../JS/angular-1.3.15/angular.js" type="text/javascript"></script> <script src="../JS/ANGULAR/SCREEN_ANGULAR.js" type="text/javascript"></script> <script language='javascript'>setLang('<%=screen.getUProfile().get("lang")%>');</script> <script type='text/javascript' src="../JS/VIEWCALENDAR.js"></script> <script language="JavaScript"> $(document).ready(function() { $("#bt-icon-save-edit").attr("href","javascript:setDataToSave();") showRecurrent() setDataToShow() hideBtnObj() $("input[name='__course_hours']").blur(function(){ chkTimeOver($(this)[0],90,0) if($(this).val()>0){ chkCrsHours($(this)) } }) $("#addObj").click(function(){ addObjList() }) $("#delObj").click(function(){ removeObjList() }) }); let setDataToShow = () =>{ let objectiveStr = $("input[name='__objective']").val() let objectiveArr = objectiveStr.split(','); addObjList2(objectiveArr.length) let x = 0 for(let i=0;i<objectiveArr.length;i++){ x = i+1 $("input[name='obj_"+x+"']").val(objectiveArr[i]) } } let addObjList2 = (objLength) =>{ let lastID = getLastID() if(lastID < objLength){ let diff = objLength-lastID for(let i =1;i<=diff;i++){ addObjList() } } } let setDataToSave = () =>{ let objective = "" $(".obj-list").each((index, element) =>{ if($(element).val() != ''){ if(objective != ''){ objective += ','+$(element).val().trim() }else{ objective += $(element).val().trim() } } }) $("input[name='__objective']").val(objective) checkPermissionSave() } let addObjList = () =>{ let current_id = getLastID() let element = $("input[name='obj_"+current_id+"']") let newElement = element.clone(); let id = current_id+1; newElement.attr({"id":id,"name":"obj_"+id}); newElement.val(""); newElement.appendTo($("#obj_elements")); hideBtnObj() } let hideBtnObj = () =>{ if(getLastID() == 1){ $("#delObj").hide() }else{ $("#delObj").show() } } let removeObjList = () =>{ $("#obj_elements").children().last().remove(); hideBtnObj() } let getLastID = () =>{ //console.log('lastID = '+$('#obj_elements input.obj-list:last').attr('id')) return +$('#obj_elements input.obj-list:last').attr('id') } let chkCrsHours = (obj) => { let dsdid = $("input[name='__dsdtypeid']").val() let hours = parseFloat(obj.val()) if(dsdid == '1'){ if(hours < 6){ alert('ระยะเวลา = '+hours+' ซ.ม. \n ฝึกยกระดับต้องไม่น้อยกว่า 6 ซ.ม.') obj.val('0.00') } }else if(dsdid == '2'){ if(hours < 18){ alert('ระยะเวลา = '+hours+' ซ.ม. \n ฝึกยกระดับต้องไม่น้อยกว่า 18 ซ.ม.') obj.val('0.00') } } } function GoSave() { setPrecourse(); calDateFrequency(); confirmSave(); } function GoUpdate() { update(); } function GoDelete() { edelete(); } function GoSearch() { search(); } function goHelp2(helpName, inputName) { var helpReturn; helpReturn = inputName + ":crsid,MCOURSE@CRSEDESC"; linkHelp_Return(helpName, helpReturn); } function goHelp(helpName, inputName) { var helpReturn; var fcon = ""; if (inputName == "__crsid") helpReturn = "__crsid:crsid"; if (inputName == "__crstyid") { helpReturn = "__crstyid:crstyid,MCOURSETYPE@CRSTYEDESC"; } if (inputName == "__trtyid") helpReturn = "__trtyid:trtyid,MTRAINTYPE@TRTYEDESC"; if (inputName == "__instid") { helpReturn = "__instid:instid,MACADEMY@INSTEDESC"; } if (inputName == "__locid") helpReturn = "__locid:locid,MTRLOCATION@LOCEDESC"; if (inputName == "__roomid") helpReturn = "__roomid:roomid,MTRROOM@ROOMEDESC,__locid:locid,MTRLOCATION@LOCEDESC"; if (inputName == "__trcatid") { helpReturn = "__trcatid:trcatid,MTRCAT@EDESC"; } if (inputName == "__crsgid") { helpReturn = "__crsgid:crsgid,MCOURSEGROUP@EDESC"; } if (inputName == "__dsdtypeid") { helpReturn = "__dsdtypeid:dsdtypeid,MCOURSE_DSDTYPE@TDESC"; } linkHelp_Return(helpName, helpReturn); } function helpPageCon(help, input, fcon) { with (document.cscform) { var param = "PRU084.jsp?__helpName=" + help + "&__helpReturn=" + input + "&__pageCall=" + __screen.value + "&__fixCon=" + fcon + "&__checkVerify=off&langOn=false"; window.open(param, "Help", "left=150,top=150,width=600,height=400,toolbar=no,status=yes,scrollbars=yes,resizable=yes"); } } function addPrecourse() { with (document.cscform) { var data; if (crsid.value != "") { for (var z = 0; z < elements.length; z++) { if (elements[z].name == "MCOURSE@CRSEDESC") { data = crsid.value + " " + elements[z].value; elements[z].value = ""; crsid.value = ""; } } precrs1.options[precrs1.options.length] = new Option(data, data); } } } function setPrecourse() { with (document.cscform) { var ListCourse = ""; // alert(precrs.options.length); for (i = 0; i < precrs1.options.length; i++) { ListCourse += precrs1.options[i].value + "#"; } var data = ListCourse.substring(0, ListCourse.length - 1); __precrs.value = data; } } function delPrecourse() { with (document.cscform) { for (i = precrs1.options.length; i > 0; i--) { if (precrs1.options[i - 1].selected) { precrs1.options[i - 1] = null; } } } } function Onloads() { with (document.cscform) { var courselist = "<%=listcourse%>"; if (courselist.length > 0) { var temp = courselist.split("#"); for (i = 0; i < temp.length; i++) { precrs1.options[i] = new Option(temp[i], temp[i]); } } } } function addMulti() { with (document.cscform) { window.open("TRA0043.jsp?__cmd=&__gorec=&__ack=add", "ExpenseCourse", "left=150,top=150,width=700,height=280,toolbar=no,status=no,scrollbars=yes,resizable=yes"); } } function chkBlank() { with (document.cscform) { if (__locid.value == "") { for (i = 0; i < elements.length; i++) { if (elements[i].name == "MTRLOCATION@LOCEDESC") { elements[i].value = ""; } } } if (__crsid.value == "") { __crsedesc.value = ""; } } } function GoPage(pages) { if (notBlankOnThisPage()) { $('.textheader').css('color', '#3366cc'); $('.textheader[id=' + pages + ']').css('color', '#00b6ff'); mframe.window.location = pages + ".jsp?__course=" + document.cscform.__crsid.value; } } function clearLocid() { with (document.cscform) { if (__roomid.value == '') { document.getElementsByName("MTRROOM@ROOMEDESC")[0].value = ""; document.getElementsByName("MTRLOCATION@LOCEDESC")[0].value = ""; __locid.value = ''; } } } function cloneID() { mframe.document.cscform.__course.value = document.getElementsByName("__crsid")[0].value; //document.getElementById("mframe").contentDocument.getElementsByName("__course")[0].value=document.getElementsByName("__crsid")[0].value; } function showRecurrent() { var eleCert = $("#idFREQUENCY") var eleCert_ev = $("#idFREQUENCY_EVERY") var eleDate = $("#idRECURRENT") var valueRdo = $("input[name='__rdo_recurrent']:checked").val() //console.log($("input[name='__rdo_recurrent']:checked").val()) if (valueRdo === "0") { //console.log('aaa', valueRdo) eleCert.hide() eleCert_ev.hide() eleDate.hide() } else { //console.log('bbb', valueRdo) eleCert.show() eleCert_ev.show() eleDate.show() } } function calDate(startDate, endDate, duration, every) { with (document.cscform) { if (every.value != "" && duration.value != "" && duration.value != "0") { if (every.value == "D") { var date = new CscCalendar(startDate.value); date.incDate(duration.value); endDate.value = date.getDDMMYYYY(); } else if (every.value == "M") { var date = new CscCalendar(startDate.value); date.incMonth(duration.value); endDate.value = date.getDDMMYYYY(); } else if (every.value == "Y") { var date = new CscCalendar(startDate.value); date.incYear(duration.value); endDate.value = date.getDDMMYYYY(); } } } } function calDateFrequency() { var valueRdo = $("input[name='__rdo_recurrent']:checked").val() if (valueRdo === "1"){ with (document.cscform) { var date = new CscCalendar($("input[name='__expenses_startdate']").val()); var frequency = $("input[name='__frequency']").val(); var every = $("input[name='__every']").val(); var frequency_every = __frequency_every.value; if (frequency_every === "D") { date.incDate(every); } else if (frequency_every === "M") { date.incMonth(every); } else if (frequency_every === "Y") { date.incYear(every); } } } } </script> <style> .obj-list{ margin-top: 2px; } </style> <% String alt_del = "Delete", alt_up = "Attach"; if (screen.getUProfile().get("lang") != null && screen.getUProfile().get("lang").equals("tha")) { alt_del = "ลบ"; alt_up = "เพิ่ม"; } %> </head> <body leftmargin="0" topmargin="0" onLoad=""> <form name="cscform" method="post" action="TRA004.jsp"> <!----------BEGIN CSC INITIAL ZONE ------------------------> <%=screen.InitialVariable()%> <!----------END CSC INITIAL ZONE --------------------------> <div id="toolTipLayer" style="position:absolute; visibility: hidden"></div> <script language="javascript">initToolTips();</script> <input type="hidden" name="__cmd" value=""/> <input type="hidden" name="__screen" value="TRA004"/> <input type="hidden" name="__help" value=""/> <input type="hidden" name="__gorec" value=""/> <input type="hidden" name="__multiTable" value="SIMMKC_COURSE,SIMMKPI_COURSE,MCOURSEDETAIL"/> <input type="hidden" name="__fixCon" value=""/> <input type="hidden" name="__calendar"/> <input type="hidden" name="__headMulti" value="TRA004"/> <script language="javascript">getInputFormatDate();</script> <input name="__language" type="hidden" value="<%=screen.getUProfile().get("lang")%>"/> <input name="__helpReturn" type="hidden" value=""/> <input name="__companyid" type="hidden" value="<%=screen.getUProfile().get("companyid")%>"/> <input name="__notNull" type="hidden" value="<%=screen.getRequire()%>"/> <input name="__precrs" type="hidden" value="<%=screen.getDataLabel("precrs")%>"/> <input name="__objective" type="hidden" size="100" value="<%=screen.getDataLabel("objective")%>"/> <script language="JavaScript" src="../JS/HOTKEY.js"></script> <div align="center"> <script language="javascript"> var swap = new swaplang(); var titlename = swap2String('SW009283'); document.write(Icons("TRA004, " + titlename)); </script> <table border="0" cellspacing="0" cellpadding="0"> <br/> <tr> <td height="27" class="header">TRA004, <span swlang code="SW009283">Course Table</span> </td> </tr> <tr> <td class="blankspace"></td> </tr> <tr> <td> <table width="75%" border="0" align="center" cellpadding="0" cellspacing="0" class="maxsize"> <tr> <td class="columnlabel"><div align="right"><%=screen.getLabel("CRSID")%> </div></td> <td><input type="text" name="__crsid" size="12" maxlength="10" value="<%=screen.getDataLabel("CRSID")%>" onkeypress="chkSpecialKey(event);cloneID();" onkeyup="sysIsEdit();" onblur="trimValue(this);cloneID();" onfocus="this.select();" alt="รหัสหลักสูตร" onmousemver="toolTip('รหัสหลักสูตร')" onmouseout="toolTip()"> <a href="javascript:linkHelp('MCOURSEHELP','__crsid');" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('__crsid_image','','../IMAGES/BUTTON/SWAP/SEARCH_SWAP20.gif',1)"><img src="../IMAGES/BUTTON/MAIN/SEARCH20.gif" alt="SEARCH" name="__crsid_image" width="20" height="20" border="0" align="absmiddle"></a></td> <td align="right"></td> </tr> <tr> <td class="columnlabel"><div align="right"><%=screen.getLabel("CRSDESC")%> </div></td> <td><%=screen.getInput("CRSDESC")%></td> </tr> <tr> <td nowrap class="columnlabel"><%=screen.getLabel("CRSEDESC")%> </td> <td><%=screen.getInput("CRSEDESC")%></td> </tr> <%screen.referLangOn();%> <tr> <td nowrap class="columnlabel"><%=screen.getLabel("TRCATID")%> </td> <td><%=screen.getInput("TRCATID")%> <input type="text" name="MTRCAT@EDESC" readonly="true" value="<%=screen.getDataLabel("MTRCAT","EDESC")%>" size="40"></td> </tr> <tr> <td nowrap class="columnlabel"><%=screen.getLabel("crsgid")%> </td> <td><%=screen.getInput("CRSGID")%> <input type="text" name="MCOURSEGROUP@EDESC" readonly="true" value="<%=screen.getDataLabel("MCOURSEGROUP","EDESC")%>" size="40"></td> </tr> <tr> <td class="columnlabel"><div align="right"><%=screen.getLabel("EDITORIAL")%> </div></td> <td nowrap><%=screen.getInput("EDITORIAL")%></td> </tr> <tr> <td class="columnlabel"><div align="right"><%=screen.getLabel("BENEFIT")%> </div></td> <td><%=screen.getInput("BENEFIT")%></td> </tr> <tr> <td class="columnlabel"><div align="right"><%=screen.getLabel("OBJECTIVE")%> </div></td> <td class='obj' id="obj_elements"> <input type="text" class='obj-list' name="obj_1" id="1" size="50" maxlength="2000" onkeypress="chkSpecialStr(event);" onkeyup="sysIsEdit();" onblur="trimValue(this);" onfocus="this.select();"> </td> </tr> <tr> <td colspan="2" align="center"> <a href="" id='addObj'><img src="../IMAGES/BUTTON/MAIN/NEW20.gif" alt="เพิ่ม" name="Image10" border="0" align="absmiddle"></a> <a href="" id='delObj'><img src="../IMAGES/BUTTON/MAIN/DEL20.gif" alt="ลบ" name="Image11" border="0" align="absmiddle"></a> </td> </tr> <tr> <td class="blankspace"></td> </tr> <tr> <td class="columnlabel"><%=screen.getLabel("CRSTYID")%> </td> <td><%=screen.getInput("CRSTYID")%> <input name="MCOURSETYPE@CRSTYEDESC" type="text" readonly size="40" value="<%=screen.getDataLabel("MCOURSETYPE","CRSTYEDESC")%>"></td> </tr> <tr> <td class="columnlabel"><%=screen.getLabel("dsdtypeid")%> </td> <td><%=screen.getInput("dsdtypeid")%> <input name="MCOURSE_DSDTYPE@TDESC" type="text" readonly size="40" value="<%=screen.getDataLabel("MCOURSE_DSDTYPE","TDESC")%>"></td> </tr> <tr> <td class="columnlabel"><div align="right"><%=screen.getLabel("COURSE_HOURS")%> </div></td> <td nowrap><%=screen.getInput("COURSE_HOURS")%> <span swlang code="SW002186">HOURS</span></td> </tr> <tr> <td class="columnlabel"><%=screen.getLabel("CRSKIND")%> </td> <td><%=screen.getInput("CRSKIND")%></td> </tr> <tr> <td class="columnlabel"><%=screen.getLabel("INSTID")%> </td> <td nowrap><%=screen.getInput("INSTID")%> <input name="MACADEMY@INSTEDESC" type="text" readonly size="40" value="<%=screen.getDataLabel("MACADEMY","INSTEDESC")%>"></td> </tr> <tr> <td class="columnlabel"><%=screen.getLabel("ROOMID")%> </td> <td><%=screen.getInput("ROOMID")%> <input name="MTRROOM@ROOMEDESC" type="text" readonly size="40" value="<%=screen.getDataLabel("MTRROOM","ROOMEDESC")%>"></td> </tr> <tr> <td class="columnlabel"><%=screen.getLabel("LOCID")%> </td> <td> <input name="__locid" type="text" readonly size="12" value="<%=screen.getDataLabel("LOCID")%>"/> <input name="MTRLOCATION@LOCEDESC" type="text" readonly size="44" value="<%=screen.getDataLabel("MTRLOCATION","LOCEDESC")%>"/> </td> </tr> <tr> <td height="90" class="columnlabel"> <div align="right"> <%=screen.getLabel("PRECRS")%> </div> </td> <td> <table width="690" cellpadding="0" cellspacing="0" class="inner2"> <tr> <td><select name="precrs1" size="5" multiple style="width:378px;height:100px;"></select></td> </tr> <%screen.referLangOff();%> <tr> <td> <input name="crsid" type="hidden" size="5"/> <input name="MCOURSE@CRSEDESC" type="text" readonly size="49" value=""/> <a href="javascript:goHelp2('TRA004HELP','crsid');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','../IMAGES/BUTTON/SWAP/SEARCH_SWAP20.gif',1)"><img src="../IMAGES/BUTTON/MAIN/SEARCH20.gif" alt="search" name="Image5" border="0" align="absmiddle"></a> <a href="javascript:addPrecourse();" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','../IMAGES/BUTTON/SWAP/NEW_SWAP20.gif',1)"><img src="../IMAGES/BUTTON/MAIN/NEW20.gif" alt="<%=alt_up%>" name="Image6" border="0" align="absmiddle"></a> <a href="javascript:delPrecourse();" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','../IMAGES/BUTTON/SWAP/DEL_SWAP20.gif',1)"><img src="../IMAGES/BUTTON/MAIN/DEL20.gif" alt="<%=alt_del%>" name="Image7" border="0" align="absmiddle"></a> </td> </tr> </table> </td> </tr> <tr> <td class="columnlabel"><div align="right"><%=screen.getLabel("CONDITION_GEN")%> </div></td> <td> <textarea name='__condition_gen' cols='60' rows='3' onkeyup="chkLimitTextArea(this,400);sysIsEdit();" onblur="trimValue(this);"><%=screen.getDataLabel("CONDITION_GEN")%></TEXTAREA> </td> </tr> <tr> <td class="columnlabel"><div align="right"><%=screen.getLabel("COMMENT_GEN")%> </div></td> <td><%=screen.getInput("COMMENT_GEN")%></td> </tr> <tr> <td class="columnlabel"><div align="right"><%=screen.getLabel("PROPERTY")%> </div></td> <td><%=screen.getInput("PROPERTY")%></td> </tr> <tr> <td class="columnlabel"><div align="right"><%=screen.getLabel("EXPENSE")%> </div></td> <td><%=screen.getInput("EXPENSE")%></td> </tr> <tr> <td class="columnlabel"><%=screen.getLabel("EXPENSES_DURATION")%> </td> <td> <%=screen.getInput("EXPENSES_DURATION")%> <%=screen.getLabel("EXPENSES_EVERY")%> <%=screen.getInput("EXPENSES_EVERY")%> </td> </tr> <tr> <td align="right" class="columnlabel"><%=screen.getLabel("RDO_RECURRENT")%> </td> <td nowrap><%=screen.getInput("RDO_RECURRENT")%></td> </tr> <tr id="idFREQUENCY"> <td class="columnlabel"><%=screen.getLabel("FREQUENCY")%></td> <td align="left" > <%=screen.getInput("FREQUENCY")%> / <%=screen.getLabel("EVERY")%> <%=screen.getInput("EVERY")%> <%=screen.getInput("FREQUENCY_EVERY")%> </td> </tr> </table> </td> </tr> <tr> <td class="blankspace"></td> </tr> <tr> <td colspan="2" 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> <td colspan="2"> <table cellspacing="0" cellpadding="0" border="0" class="maxsize"> <tr> <td align="right"> <strong class="mini"> <a href="javascript:GoPage('TRA004_1');" class="textheader" id="TRA004_1" style="color:#00b6ff"><span swlang code="SW009370">Related to KC</span></a> | <a href="javascript:GoPage('TRA004_2');" class="textheader" id="TRA004_2"><span swlang code="SW009371">Related to KPI</span></a> | <a href="javascript:GoPage('TRA004_3');" class="textheader" id="TRA004_3"><span swlang code="SW011987">Topic and Subject</span></a> </strong> </td> </tr> </table> </td> </tr> <tr width="100%"> <td> <div align="center" class="maxsize"> <iframe id="mframe" frameborder="0" name="mframe" src="TRA004_1.jsp" width="100%" height="200"></iframe> </div> </td> </tr> <%screen.referLangOff();%> </table> <script language="javascript"> Onloads(); chkBlank(); </script> </div> <!----------BEGIN CSC ENDING ZONE ------------------------> <%=screen.endJSP()%> <!----------END CSC ENDING ZONE --------------------------> </form> </body> </html>