<%@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>