<!DOCTYPE HTML> <%@page contentType="text/html; charset=UTF-8"%> <%@page import="com.csc.library.entry.*,com.csc.library.system.*,com.csc.library.utilities.*"%> <%@page import="java.util.*,com.csc.library.session.*"%> <jsp:useBean id="REM002" class="com.csc.library.system.Task" scope="page" /> <jsp:useBean id="EMPHELP" class="com.csc.library.system.Task" scope="page"/> <% EMPHELP.setChannel(request,response); HelpEntry emphelp = (HelpEntry) EMPHELP.process("HelpEntry","MEMPLOYEEHELP"); emphelp.getInquiry().setFilter("employeeid = '"+emphelp.getUProfile().get("employeeid")+"'"); emphelp.process(); emphelp.referLangOff(); emphelp.nextRec(); REM002.setChannel(request,response); UIManager screen = (UIManager) REM002.process("SingleEntry","REM002"); CscCalendar cal = new CscCalendar(); CheckNull chk = new CheckNull(); String lang = screen.getUProfile().get("lang"); String screenname = screen.getUProfile().get("lang").equalsIgnoreCase("tha")?"ตั้งค่าการแจ้งเตือน":"Reminder Setting"; String reminderid = chk.chkNullString(request.getParameter("__reminderid")); String cmd = chk.chkNullString(request.getParameter("__cmd")); String head_tdetail = chk.chkNullString(request.getParameter("__head_tdetail")); String head_edetail = chk.chkNullString(request.getParameter("__head_edetail")); String tdetail = chk.chkNullString(request.getParameter("__tdetail")); String edetail = chk.chkNullString(request.getParameter("__edetail")); Map<String, String> linked_reminder = new LinkedHashMap<String, String>(); String reminder_thai_name = ""; String reminder_eng_name = ""; DbInquiry inq_reminder = new InitialInquiry(screen.getUProfile()).getDbInquiry("MREMINDER"); inq_reminder.setColumn("*"); inq_reminder.setOrderBy("reminderid"); inq_reminder.refresh(); inq_reminder.referLangOff(); while(inq_reminder.next()){ if(inq_reminder.isFirst() && reminderid.equals("")){ reminderid = inq_reminder.getString("reminderid"); } linked_reminder.put(inq_reminder.getString("reminderid"), lang.equalsIgnoreCase("tha")?inq_reminder.getString("tdesc"):inq_reminder.getString("edesc")); if(reminderid.equals(inq_reminder.getString("reminderid"))){ reminder_eng_name = inq_reminder.getString("edesc"); reminder_thai_name = inq_reminder.getString("tdesc"); } } if(!cmd.equalsIgnoreCase("save")){ screen.getRecord("MSETREMINDER").set("REMINDERID", reminderid); screen.getRecord("MSETREMINDER").set("COMPANYID", screen.getUProfile().get("COMPANYID")); screen.getRecord("MSETREMINDER").search(); head_tdetail = screen.getDataLabel("HEAD_TDETAIL"); head_edetail = screen.getDataLabel("HEAD_EDETAIL"); tdetail = screen.getDataLabel("TDETAIL"); edetail = screen.getDataLabel("EDETAIL"); } %> <html ng-app="myHR"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <link rel="stylesheet" href="../CSS/TISCO.css"/> <link href="../CSS/bootstrap.css" rel="stylesheet" type="text/css"/> <link href="../CSS/bootstrap_csc_backend.css" rel="stylesheet" type="text/css"/> <%-- <script type="text/javascript" src="../JS/jquery-2.1.3.min.js"></script> --%> <link rel="stylesheet" href="../CSS/jquery-ui-csc.css"/> <script type="text/javascript" src="../JS/jquery-1.11.3.min.js"></script> <script type="text/javascript" src="../JS/jquery-ui-1.11.4.js"></script> <script type='text/javascript' src="../JS/bootstrap.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/SCREEN.js"></script> <script type="text/javascript" src="../JS/HOTKEY.js"></script> <script type='text/javascript' src='../JS/ICONSMENU.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 src="<%=request.getContextPath()%>/JS/ckeditor/ckeditor.js"></script> <script src="<%=request.getContextPath()%>/JS/ckeditor/js/reminder-editor.js"></script> <script type="text/javascript">setLang('<%=screen.getUProfile().get("lang")%>');</script> <script type="text/javascript">getTitleName();</script> <style> .hoverdeletetd { background: #C60000 !important; color: white !important; } .hovertd { background: #0072C6 !important; color: white !important; } .draggabletarget { background: #7895CE !important; color: white !important; } #selectable .ui-selecting { background: #2092D6; } #selectable .ui-selected { background: #0072C6; color: white; } #selectable { list-style-type: none; margin: 0; padding: 0; width: 100%; } #selectable li { margin: 0px; padding: 0.4em; font-size: 1em; height: 28px; cursor: pointer; } .middledetail { vertical-align: middle; } .onclickplus { cursor: pointer; } .dragablemove { color: black; background: white; padding-left: 6px; padding-right: 6px; border: 2px solid; border-radius: 25px; } td.draggable { cursor: pointer; } td.detailtable { cursor: text; } td.paramdetail { background: #FFFFFF; font-size: 12px; border: #cccccc; color: #000000; font-weight: bold; cursor: pointer; } td.paramemail { background: #FFFFFF; font-size: 12px; border: #cccccc; color: #000000; font-weight: bold; } td.exampledetail { background: #FFFFFF; font-size: 12px; color: #000000; font-weight: normal; cursor: default; } td { padding-bottom: 10px; } .adjoined-bottom{ padding-right:50px; } .ui-tabs .ui-tabs-panel { padding: 0em 0em 0em 0; } .width10000{ width:10000px !important; } </style> <script type="text/javascript"> var originaldata = ""; function GoUpdate(){ update(); } function GoSave(){ setdetail('head_tdetail'); setdetail('head_edetail'); setdetail('tdetail'); setdetail('edetail'); if( checkrequite() ) { confirmSave(); } } function checkrequite(){ var result = true; if($('#isAstypeEmail').val() === "1" && $('input[name="__astype"]').val() === "") { result = false; alertMsg("Please Select Assessor type","กรุณาเลือก ประเภทประเมิน"); } return result; } function alertMsg(emsg,tmsg){ with(document.cscform){ var msg = emsg; if(__language.value =="tha"){ msg = tmsg; } alert(msg); } } function goHelp(helpName,inputName){ var helpReturn; var fixCon = ""; $('#selectreminder').val(""); if( inputName=="__selectreminderid" ) { $('#selectreminder').val("1"); helpReturn="__selectreminderid:reminderid"; } else if( inputName=="__astype" ) { helpReturn="__astype:astid"; } linkHelp_Return(helpName,helpReturn,fixCon); } function linkHelp_Return(help,input, fixCon){ with(document.cscform){ var filter = fixCon ; var param="PRU084.jsp?__helpName="+help+"&__helpReturn="+input+"&__pageCall="+__screen.value+"&__fixCon="+filter+"&__checkVerify=off"; win = window.open(param,"Help","left=150,top=150,width=800,height=400,toolbar=no,status=yes,scrollbars=yes,resizable=yes"); if(window.focus){win.focus();} } } function postReturn(){ selectReminder(); } function selectReminder(){ if($('#selectreminder').val() === "1"){ var check = true; if(getSysIsEdit() === 'true'){ var textCon = confirm("มีการแก้ไขหน้าจอ จะบันทึกหรือไม่?"); if(textCon === true){ check = false; } } if(check){ $( "#select-result" ).empty().val( $( "input[name='__selectreminderid']" ).val() ); search(); } } } $(function() { $( "#tabs" ).tabs(); $( "#selectable" ).selectable({ stop: function() { var check = true; if(getSysIsEdit() === 'true'){ var textCon = confirm("มีการแก้ไขหน้าจอ จะบันทึกหรือไม่?"); if(textCon === true){ check = false; } } if(check){ var result = $( "#select-result" ).empty(); $( ".ui-selected", this ).each(function() { var index = $( "#selectable li" ).index( this ); result.val( index + 1 ); search(); }); } } }); $(".maindetailtable").on('mouseenter', '.delboxtable', function() { var element_index = ":eq("+$('.delboxtable').index(this)+")"; $(".head_tdetail"+element_index).addClass( "hoverdeletetd" ); $(".head_edetail"+element_index).addClass( "hoverdeletetd" ); $(".tdetail"+element_index).addClass( "hoverdeletetd" ); $(".edetail"+element_index).addClass( "hoverdeletetd" ); $(".delboxtable"+element_index).addClass( "hoverdeletetd" ); }).on('mouseleave', '.delboxtable', function() { if(!$(this).find("input").prop("checked")){ var element_index = ":eq("+$('.delboxtable').index(this)+")"; $(".head_tdetail"+element_index).removeClass( "hoverdeletetd" ); $(".head_edetail"+element_index).removeClass( "hoverdeletetd" ); $(".tdetail"+element_index).removeClass( "hoverdeletetd" ); $(".edetail"+element_index).removeClass( "hoverdeletetd" ); $(".delboxtable"+element_index).removeClass( "hoverdeletetd" ); } }).on('mouseenter', '#selectable li, .detailtable', function() { $( this ).addClass( "hovertd" ); }).on('mouseleave', '#selectable li, .detailtable', function() { $( this ).removeClass( "hovertd" ); }).on('click', '.detailtable', function () { var oriVal = $(this).text(); $(this).text(""); $("<input type='text' onkeypress='chkSpecialStr(event);'>").val(oriVal).appendTo(this).select().keyup(function(e) { if (e.keyCode === $.ui.keyCode.ESCAPE) { $(this).val(oriVal).blur(); } else if (e.keyCode === $.ui.keyCode.ENTER) { $(this).blur(); } }); }).on('blur', '.detailtable > input', function () { var $this = $(this); $this.parent().text($this.val()); $this.remove(); sysIsEdit(); showexample(); }); $('.paramdetail').on('mouseenter', function() { $( this ).addClass( "hovertd" ); }).on('mouseleave', function() { $( this ).removeClass( "hovertd" ); }).on('click', function() { copyToClipboard($(this).attr('id')); runCopyEffect($(this).attr('id')); }); $('.draggable').draggable({ revert: function(is_valid_drop){ if($(this).attr('class').indexOf("paramemail") != -1){ $( "input[name=__email_from], input[name=__email_to], input[name=__email_cc]" ).removeClass( "draggabletarget" ); } }, helper: "clone", cursorAt: { top: -10, left: -5 }, opacity: 0.75, start: function(e, ui){ $(ui.helper).addClass("dragablemove"); if($(this).attr('class').indexOf("paramemail") != -1){ $( "input[name=__email_from], input[name=__email_to], input[name=__email_cc]" ).addClass( "draggabletarget" ); } } }).on('mouseenter', function() { $( this ).addClass( "hovertd" ); }).on('mouseleave', function() { $( this ).removeClass( "hovertd" ); }); $( ".tdetail, .edetail" ).droppable({ tolerance: "pointer", drop: function (event, ui) { if($(ui.draggable).attr('class').indexOf("paramdetail") != -1){ $(this).append($(ui.draggable).attr('id')); sysIsEdit(); showexample(); } } }); $( "input[name=__email_from], input[name=__email_to], input[name=__email_cc]" ).droppable({ tolerance: "pointer", drop: function (event, ui) { if($(ui.draggable).attr('class').indexOf("paramemail") != -1){ var $this = $(this); if($this.val() !== "") { $this.val($this.val()+","); } $this.val($this.val()+$(ui.draggable).attr('id')).change(); sysIsEdit(); } } }).on('change', function(){ setAstypeShow(); }); var editorthai = CKEDITOR.instances.editorthai; editorthai.on('focus', function(){ originaldata = this.getData() }); editorthai.on('blur', function(){ if(this.getData() !== originaldata){ sysIsEdit(); } showexample(); }); var editoreng = CKEDITOR.instances.editoreng; editoreng.on('focus', function(){ originaldata = this.getData() }); editoreng.on('blur', function(){ if(this.getData() !== originaldata){ sysIsEdit(); } showexample(); }); $.fn.setCursorToTextEnd = function(){ this.focus(); var $thisVal = this.val(); this.val('').val($thisVal); return this; }; $('#imgadd').on('click',function(){ addmessage(); }); $('#imgdelete').on('click',function(){ delmessage(); }); $('input[name=__minute], input[name=__hour], input[name=__day]').on('blur',function(){ showexample(); }); showexample(); setAstypeShow(); }); function insertAtCaret(areaId, text) { var txtarea = document.getElementById(areaId); if (!txtarea) { return; } var scrollPos = txtarea.scrollTop; var strPos = 0; var br = ((txtarea.selectionStart || txtarea.selectionStart == '0') ? "ff" : (document.selection ? "ie" : false ) ); if (br == "ie") { txtarea.focus(); var range = document.selection.createRange(); range.moveStart ('character', -txtarea.value.length); strPos = range.text.length; } else if (br == "ff") { strPos = txtarea.selectionStart; } var front = (txtarea.value).substring(0, strPos); var back = (txtarea.value).substring(strPos, txtarea.value.length); txtarea.value = front + text + back; strPos = strPos + text.length; if (br == "ie") { txtarea.focus(); var ieRange = document.selection.createRange(); ieRange.moveStart ('character', -txtarea.value.length); ieRange.moveStart ('character', strPos); ieRange.moveEnd ('character', 0); ieRange.select(); } else if (br == "ff") { txtarea.selectionStart = strPos; txtarea.selectionEnd = strPos; txtarea.focus(); } txtarea.scrollTop = scrollPos; } function copyToClipboard(text) { var $temp = $("<input>"); $("body").append($temp); $temp.val(text).select(); document.execCommand("copy"); $temp.remove(); } function runCopyEffect(text) { var selectedEffect = "highlight"; var maintext = getLang() === "tha" ? "!!!คัดลอก " : "!!!Copy "; var options = {}; if ( selectedEffect === "scale" ) { options = { percent: 50 }; } else if ( selectedEffect === "size" ) { options = { to: { width: 280, height: 185 } }; } $( "#textcopy" ).text(maintext+text).show( selectedEffect, options, 500, runCopyEffectCallback ); } function runCopyEffectCallback() { setTimeout(function() { $( "#textcopy:visible" ).removeAttr( "style" ).fadeOut(); }, 100 ); }; function setAstypeShow(){ var email_from = $('input[name=__email_from]').val(); var email_to = $('input[name=__email_to]').val(); var email_cc = $('input[name=__email_cc]').val(); var email_all = email_from + email_to + email_cc; if(email_all.indexOf("(@__astype_email)") > -1){ $('.astype_email').show(); $('#isAstypeEmail').val("1"); } else { $('.astype_email').hide(); $('#isAstypeEmail').val(""); $('input[name="__astype"]').val(""); } } function setOriginalData(data){ with(document.cscform){ __originaldata.value = data; } } function setdetail(id){ var data = ""; $( "."+id+"" ).each( function(index) { if(index === 0){ data = "{" + chkaddsign($(this).text()) + "}"; } else { data += ",{" + chkaddsign($(this).text()) + "}"; } }); $('input[name=__'+id+']').val(data); } function chkaddsign(str){ return str; } function addmessage(){ $(".maindetailtable") .append($('<tr>') .append($('<td>').addClass('middledetail ui-widget-content detailtable head_tdetail')) .append($('<td>').addClass('middledetail ui-widget-content detailtable head_edetail')) .append($('<td>').addClass('middledetail ui-widget-content detailtable tdetail').droppable({ tolerance: "pointer", drop: function (event, ui) { $(this).append($(ui.draggable).attr('id')); showexample(); } })) .append($('<td>').addClass('middledetail ui-widget-content detailtable edetail').droppable({ tolerance: "pointer", drop: function (event, ui) { $(this).append($(ui.draggable).attr('id')); showexample(); } })) .append($('<td>').addClass('middledetail ui-widget-content delboxtable').attr('align','center').append($('<input>').addClass('delbox').attr('type','checkbox')))); sysIsEdit(); showexample(); } function delmessage(){ var numindex = ""; $(".delboxtable").each(function(index){ if($(this).find("input").prop("checked")){ if(numindex.length > 0){ numindex += "," + index; } else { numindex += index; } } }); var arrindex = numindex.split(","); console.log(arrindex.length); for(var i=arrindex.length-1; i>=0; i--){ console.log(arrindex[i]); var element_index = ":eq("+arrindex[i]+")"; $(".head_tdetail"+element_index).remove(); $(".head_edetail"+element_index).remove(); $(".tdetail"+element_index).remove(); $(".edetail"+element_index).remove(); $(".delboxtable"+element_index).remove(); }; if($(".delboxtable").last().index() === -1){ addmessage(); } else { showexample(); } sysIsEdit(); } function showexample(){ //start examplethaitable var $examplethaitable = $(".examplethaitable"); $examplethaitable.find('tr').remove(); /*$examplethaitable .append($('<tr>') .append($('<td>') .attr('colspan','3') .attr('align','center') .addClass('exampledetail') .text( '<%=reminder_thai_name%>' )));*/ $(".head_tdetail").each(function(index){ $examplethaitable .append($('<tr>') .append($('<td>') .attr('width','43%') .attr('align','right') .addClass('exampledetail') .text( $(this).text() ) ) .append($('<td>') .attr('width','7%') .attr('align','right') .addClass('exampledetail') .text( ':' )) .append($('<td>') .attr('width','50%') .addClass('exampledetail') .text( getExamThaiDetail( $(".tdetail:eq("+index+")").text() ) ))); }); $examplethaitable .append($('<tr>') .append($('<td>') .attr('colspan','3') .addClass('exampledetail') .html( getExamThaiDetail( CKEDITOR.instances.editorthai.getData() ) ))); //start exampleengtable var $exampleengtable = $(".exampleengtable"); $exampleengtable.find('tr').remove(); /*$exampleengtable .append($('<tr>') .append($('<td>') .attr('colspan','3') .attr('align','center') .addClass('exampledetail') .text( '<%=reminder_eng_name%>' )));*/ $(".head_edetail").each(function(index){ $exampleengtable .append($('<tr>') .append($('<td>') .attr('width','43%') .attr('align','right') .addClass('exampledetail') .text( $(this).text() )) .append($('<td>') .attr('width','7%') .attr('align','right') .addClass('exampledetail') .text( ':' )) .append($('<td>') .attr('width','50%') .addClass('exampledetail') .text( getExamEngDetail( $(".edetail:eq("+index+")").text() ) ))); }); $exampleengtable .append($('<tr>') .append($('<td>') .attr('colspan','3') .addClass('exampledetail') .html( getExamEngDetail( CKEDITOR.instances.editoreng.getData() ) ))); } function getExamThaiDetail(data){ var day_target = $("input[name=__day]").val(); var cal_startdate = new CscCalendar($("#exam_startdate").val()); var cal_approve_date = new CscCalendar($("#exam_approve_date").val()); var cal_approve_date_7D = new CscCalendar($("#exam_approve_date").val()); cal_approve_date_7D.incDate(7); var cal = new CscCalendar(); var issued_date = cal.getThaiFullDDMMYYYY(); if(day_target !== ""){ cal.incDate(day_target); } var remind_date = cal.getThaiFullDDMMYYYY(); data = data.replace(/\(@__employeeid\)/g, $("#exam_employeeid").val()); data = data.replace(/\(@__prefix\)/g, $("#exam_prefix_tdesc").val()); data = data.replace(/\(@__fname\)/g, $("#exam_fname").val()); data = data.replace(/\(@__lname\)/g, $("#exam_lname").val()); data = data.replace(/\(@__branch\)/g, $("#exam_branch_tdesc").val()); data = data.replace(/\(@__position\)/g, $("#exam_position_tdesc").val()); data = data.replace(/\(@__bu1\)/g, $("#exam_bu1_tdesc").val()); data = data.replace(/\(@__bu2\)/g, $("#exam_bu2_tdesc").val()); data = data.replace(/\(@__bu3\)/g, $("#exam_bu3_tdesc").val()); data = data.replace(/\(@__bu4\)/g, $("#exam_bu4_tdesc").val()); data = data.replace(/\(@__bu5\)/g, $("#exam_bu5_tdesc").val()); data = data.replace(/\(@__startdate\)/g, cal_startdate.getThaiFullDDMMYYYY()); data = data.replace(/\(@__startdate_day\)/g, cal_startdate.getDate()); data = data.replace(/\(@__startdate_month\)/g, cal_startdate.getThaiMonth()); data = data.replace(/\(@__startdate_thaiyear\)/g, cal_startdate.getThaiYear()); data = data.replace(/\(@__startdate_engyear\)/g, cal_startdate.getYear()); data = data.replace(/\(@__approve_date\)/g, cal_approve_date.getThaiFullDDMMYYYY()); data = data.replace(/\(@__approve_date_day\)/g, cal_approve_date.getDate()); data = data.replace(/\(@__approve_date_month\)/g, cal_approve_date.getThaiMonth()); data = data.replace(/\(@__approve_date_thaiyear\)/g, cal_approve_date.getThaiYear()); data = data.replace(/\(@__approve_date_engyear\)/g, cal_approve_date.getYear()); data = data.replace(/\(7D@__approve_date\)/g, cal_approve_date_7D.getThaiFullDDMMYYYY()); data = data.replace(/\(7D@__approve_date_day\)/g, cal_approve_date_7D.getDate()); data = data.replace(/\(7D@__approve_date_month\)/g, cal_approve_date_7D.getThaiMonth()); data = data.replace(/\(7D@__approve_date_thaiyear\)/g, cal_approve_date_7D.getThaiYear()); data = data.replace(/\(7D@__approve_date_engyear\)/g, cal_approve_date_7D.getYear()); data = data.replace(/\(@__remind_date\)/g, remind_date); data = data.replace(/\(@__issued_date\)/g, issued_date); return data; } function getExamEngDetail(data){ var day_target = $("input[name=__day]").val(); var cal_startdate = new CscCalendar($("#exam_startdate").val()); var cal_approve_date = new CscCalendar($("#exam_approve_date").val()); var cal_approve_date_7D = new CscCalendar($("#exam_approve_date").val()); cal_approve_date_7D.incDate(7); var cal = new CscCalendar(); var issued_date = cal.getEngFullMMDDYYYY(); if(day_target !== ""){ cal.incDate(day_target); } var remind_date = cal.getEngFullMMDDYYYY(); data = data.replace(/\(@__employeeid\)/g, $("#exam_employeeid").val()); data = data.replace(/\(@__prefix\)/g, $("#exam_prefix_edesc").val()); data = data.replace(/\(@__fname\)/g, $("#exam_efname").val()); data = data.replace(/\(@__lname\)/g, $("#exam_elname").val()); data = data.replace(/\(@__branch\)/g, $("#exam_branch_edesc").val()); data = data.replace(/\(@__position\)/g, $("#exam_position_edesc").val()); data = data.replace(/\(@__bu1\)/g, $("#exam_bu1_edesc").val()); data = data.replace(/\(@__bu2\)/g, $("#exam_bu2_edesc").val()); data = data.replace(/\(@__bu3\)/g, $("#exam_bu3_edesc").val()); data = data.replace(/\(@__bu4\)/g, $("#exam_bu4_edesc").val()); data = data.replace(/\(@__bu5\)/g, $("#exam_bu5_edesc").val()); data = data.replace(/\(@__startdate\)/g, cal_startdate.getEngFullMMDDYYYY()); data = data.replace(/\(@__startdate_day\)/g, cal_startdate.getDate()); data = data.replace(/\(@__startdate_month\)/g, cal_startdate.getEngMonth()); data = data.replace(/\(@__startdate_thaiyear\)/g, cal_startdate.getThaiYear()); data = data.replace(/\(@__startdate_engyear\)/g, cal_startdate.getYear()); data = data.replace(/\(@__approve_date\)/g, cal_approve_date.getEngFullMMDDYYYY()); data = data.replace(/\(@__approve_date_day\)/g, cal_approve_date.getDate()); data = data.replace(/\(@__approve_date_month\)/g, cal_approve_date.getEngMonth()); data = data.replace(/\(@__approve_date_thaiyear\)/g, cal_approve_date.getThaiYear()); data = data.replace(/\(@__approve_date_engyear\)/g, cal_approve_date.getYear()); data = data.replace(/\(7D@__approve_date\)/g, cal_approve_date_7D.getEngFullMMDDYYYY()); data = data.replace(/\(7D@__approve_date_day\)/g, cal_approve_date_7D.getDate()); data = data.replace(/\(7D@__approve_date_month\)/g, cal_approve_date_7D.getEngMonth()); data = data.replace(/\(7D@__approve_date_thaiyear\)/g, cal_approve_date_7D.getThaiYear()); data = data.replace(/\(7D@__approve_date_engyear\)/g, cal_approve_date_7D.getYear()); data = data.replace(/\(@__remind_date\)/g, remind_date); data = data.replace(/\(@__issued_date\)/g, issued_date); return data; } </script> </head> <body leftmargin="0" topmargin="0"> <div id="toolTipLayer" style="position:absolute; visibility: hidden"></div> <script type="text/javascript">initToolTips();</script> <div class="centered"> <form name="cscform" method="post"> <!----------BEGIN CSC INITIAL ZONE ------------------------> <%=screen.InitialVariable()%> <!----------END CSC INITIAL ZONE --------------------------> <input type="hidden" name="__cmd" value=""/> <input type="hidden" name="__screen" value="REM002"/> <input type="hidden" name="__calendar" value=""/> <input type="hidden" name="__language" value="<%=screen.getUProfile().get("lang")%>"/> <input type="hidden" name="__help" value=""/> <input type="hidden" name="__notNull" value="<%=screen.getRequire()%>"/> <input type="hidden" name="__companyid" value="<%=screen.getUProfile().get("companyid")%>"/> <input type="hidden" name="__author" value="<%=screen.getUProfile().get("employeeid")%>"/> <input type="hidden" name="__fixCon" value=""/> <input type="hidden" name="__referPage" value=""/> <input type="hidden" name="__reminderid" id="select-result" value="<%=screen.getDataLabel("REMINDERID")%>"/> <input type="hidden" name="__head_tdetail" value="<%=head_tdetail%>"/> <input type="hidden" name="__head_edetail" value="<%=head_edetail%>"/> <input type="hidden" name="__tdetail" value="<%=tdetail%>"/> <input type="hidden" name="__edetail" value="<%=edetail%>"/> <input type="hidden" id="selectreminder" value=""/> <input type="hidden" id="isAstypeEmail" value=""/> <!-- start variable for example --> <input type="hidden" id="exam_employeeid" value="<%=emphelp.getDataLabel("employeeid")%>"/> <input type="hidden" id="exam_prefix_tdesc" value="<%=emphelp.getDataLabel("mprefix","tdesc")%>"/> <input type="hidden" id="exam_fname" value="<%=emphelp.getDataLabel("fname")%>"/> <input type="hidden" id="exam_lname" value="<%=emphelp.getDataLabel("lname")%>"/> <input type="hidden" id="exam_branch_tdesc" value="<%=emphelp.getDataLabel("mbranch","tdesc")%>"/> <input type="hidden" id="exam_position_tdesc" value="<%=emphelp.getDataLabel("mposition","tdesc")%>"/> <input type="hidden" id="exam_bu1_tdesc" value="<%=emphelp.getDataLabel("mbu1","tdesc")%>"/> <input type="hidden" id="exam_bu2_tdesc" value="<%=emphelp.getDataLabel("mbu2","tdesc")%>"/> <input type="hidden" id="exam_bu3_tdesc" value="<%=emphelp.getDataLabel("mbu3","tdesc")%>"/> <input type="hidden" id="exam_bu4_tdesc" value="<%=emphelp.getDataLabel("mbu4","tdesc")%>"/> <input type="hidden" id="exam_bu5_tdesc" value="<%=emphelp.getDataLabel("mbu5","tdesc")%>"/> <input type="hidden" id="exam_prefix_edesc" value="<%=emphelp.getDataLabel("mprefix","edesc")%>"/> <input type="hidden" id="exam_efname" value="<%=emphelp.getDataLabel("efname")%>"/> <input type="hidden" id="exam_elname" value="<%=emphelp.getDataLabel("elname")%>"/> <input type="hidden" id="exam_branch_edesc" value="<%=emphelp.getDataLabel("mbranch","edesc")%>"/> <input type="hidden" id="exam_position_edesc" value="<%=emphelp.getDataLabel("mposition","edesc")%>"/> <input type="hidden" id="exam_bu1_edesc" value="<%=emphelp.getDataLabel("mbu1","edesc")%>"/> <input type="hidden" id="exam_bu2_edesc" value="<%=emphelp.getDataLabel("mbu2","edesc")%>"/> <input type="hidden" id="exam_bu3_edesc" value="<%=emphelp.getDataLabel("mbu3","edesc")%>"/> <input type="hidden" id="exam_bu4_edesc" value="<%=emphelp.getDataLabel("mbu4","edesc")%>"/> <input type="hidden" id="exam_bu5_edesc" value="<%=emphelp.getDataLabel("mbu5","edesc")%>"/> <input type="hidden" id="exam_startdate" value="<%=emphelp.getDataLabel("startdate")%>"/> <input type="hidden" id="exam_approve_date" value="<%=emphelp.getDataLabel("approve_date")%>"/> <!-- end variable for example --> <script language="javascript">getInputFormatDate();</script> <script type="text/javascript"> var titlename=swap2String('<%=screenname%>'); document.write(Icons("REM002, "+titlename)); </script> <br/> <table border="0" cellpadding="0" cellspacing="0" class="maxsize"> <tr> <td class="header" colspan="2" >REM002, <%=screenname%> </td> </tr> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" class="inframe"> <tr> <td colspan="2" class="blankspace"></td> </tr> <tr> <td class="columnlabel"><b><%=lang.equalsIgnoreCase("eng")?"Email code":"รหัสอีเมล์"%></b></td> <td class="columnobject1"> <input type="text" name="__selectreminderid" size="10" maxlength="10" value="<%=screen.getDataLabel("REMINDERID")%>" onkeypress="chkSpecialKey(event);" onkeyup="sysIsEdit();" onblur="trimValue(this);" onfocus="this.select();" alt="Reason Code" onmousemver="toolTip('Reason Code')" onmouseout="toolTip()" style="display:none"/> <input type="text" size="50" value="<%=linked_reminder.get(screen.getDataLabel("REMINDERID"))%>" disabled/> <a href="javascript:goHelp('MREMINDERHELP','__selectreminderid');" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('__reminderid_image','','../IMAGES/BUTTON/SWAP/SEARCH_SWAP20.gif',1)"><img src="../IMAGES/BUTTON/MAIN/SEARCH20.gif" alt="SEARCH" name="__reminderid_image" width="20" height="20" border="0" align="absmiddle"></a> </td> </tr> <tr> <td class="columnlabel"><%=screen.getLabel("DEFAULTLANG")%></td> <td class="columnobject1"><%=screen.getInput("DEFAULTLANG")%></td> </tr> <tr> <td class="columnlabel"><%=screen.getLabel("PMINBOX")%></td> <td class="columnobject1"><%=screen.getInput("PMINBOX")%></td> </tr> <tr> <td colspan="2" class="blankspace"></td> </tr> <tr> <td></td> <td> <table align="left"> <tr> <td><b><u><%=lang.equalsIgnoreCase("eng")?"Parameter for e-mail":"ตัวแปรสำหรับ E-mail"%></u></b></td> </tr> <tr> <td> <table border="1" cellpadding="0" cellspacing="0" align="left"> <tr> <td align="center" class="paramemail draggable" id="(@__emp_email)">Employee E-mail = (@__emp_email)</td> <td align="center" class="paramemail draggable" id="(@__boss_email)">Boss Employee E-mail = (@__boss_email)</td> <td align="center" class="paramemail draggable" id="(@__astype_email)">E-mail ผู้อนุมัติเอกสารประเมินผล = (@__astype_email)</td> </tr> </table> </td> </tr> </table> </td> </tr> <tr class="astype_email" style="display:none"> <td class="columnlabel"><%=screen.getLabel("ASTYPE")%></td> <td class="columnobject1"><%=screen.getInput("ASTYPE")%></td> </tr> <tr> <td class="columnlabel"><%=screen.getLabel("EMAIL_FROM")%></td> <td class="columnobject1"><%=screen.getInput("EMAIL_FROM")%></td> </tr> <tr> <td class="columnlabel"><%=screen.getLabel("EMAIL_TO")%></td> <td class="columnobject1"><%=screen.getInput("EMAIL_TO")%></td> </tr> <tr> <td class="columnlabel"><%=screen.getLabel("EMAIL_CC")%></td> <td class="columnobject1"><%=screen.getInput("EMAIL_CC")%></td> </tr> <tr> <td colspan="2" class="blankspace"></td> </tr> <tr> <td colspan="2"> <table style="width:100%;" align="left"> <tr> <td> <b><u><%=lang.equalsIgnoreCase("eng")?"Parameter for Message":"ตัวแปรสำหรับ ข้อความ"%></u></b> <span id="textcopy" style="display:none"><%=lang.equalsIgnoreCase("eng")?"Copy!!!":"คัดลอก!!!"%></span> </td> </tr> <tr> <td> <table border="1" cellpadding="0" cellspacing="0" align="left" style="width:100%;"> <tr> <td align="left" class="paramdetail" style="width:20%" id="(@__employeeid)"><%=emphelp.getLabel("employeeid")%> = (@__employeeid)</td> <td align="left" class="paramdetail" style="width:20%" id="(@__prefix)"><%=lang.equalsIgnoreCase("eng")?"Prefix":"คำนำหน้าชื่อ"%> = (@__prefix)</td> <td align="left" class="paramdetail" style="width:20%" id="(@__fname)"><%=lang.equalsIgnoreCase("eng")?"Name":"ชื่อ"%> = (@__fname)</td> <td align="left" class="paramdetail" style="width:20%" id="(@__lname)"><%=lang.equalsIgnoreCase("eng")?"Surname":"นามสกุล"%> = (@__lname)</td> <td align="left" class="paramdetail"></td> </tr> <tr> <td align="left" class="paramdetail" style="width:20%" id="(@__branch)"><%=emphelp.getLabel("branch")%> = (@__branch)</td> <td align="left" class="paramdetail" style="width:20%" id="(@__position)"><%=emphelp.getLabel("emp_position")%> = (@__position)</td> <td align="left" class="paramdetail"></td> <td align="left" class="paramdetail"></td> <td align="left" class="paramdetail"></td> </tr> <tr> <td align="left" class="paramdetail" id="(@__bu1)"><%=emphelp.getLabel("bu1")%> = (@__bu1)</td> <td align="left" class="paramdetail" id="(@__bu2)"><%=emphelp.getLabel("bu2")%> = (@__bu2)</td> <td align="left" class="paramdetail" id="(@__bu3)"><%=emphelp.getLabel("bu3")%> = (@__bu3)</td> <td align="left" class="paramdetail" id="(@__bu4)"><%=emphelp.getLabel("bu4")%> = (@__bu4)</td> <td align="left" class="paramdetail" id="(@__bu5)"><%=emphelp.getLabel("bu5")%> = (@__bu5)</td> </tr> <tr> <td align="left" class="paramdetail" id="(@__startdate)"><%=emphelp.getLabel("startdate")%> = (@__startdate)</td> <td align="left" class="paramdetail" id="(@__startdate_day)"><%=emphelp.getLabel("startdate")%> (Day) = (@__startdate_day)</td> <td align="left" class="paramdetail" id="(@__startdate_month)"><%=emphelp.getLabel("startdate")%> (Month) = (@__startdate_month)</td> <td align="left" class="paramdetail" id="(@__startdate_thaiyear)"><%=emphelp.getLabel("startdate")%> (Thai Year) = (@__startdate_thaiyear)</td> <td align="left" class="paramdetail" id="(@__startdate_engyear)"><%=emphelp.getLabel("startdate")%> (Eng Year) = (@__startdate_engyear)</td> </tr> <tr> <td align="left" class="paramdetail" id="(@__approve_date)"><%=emphelp.getLabel("approve_date")%> = (@__approve_date)</td> <td align="left" class="paramdetail" id="(@__approve_date_day)"><%=emphelp.getLabel("approve_date")%> (Day) = (@__approve_date_day)</td> <td align="left" class="paramdetail" id="(@__approve_date_month)"><%=emphelp.getLabel("approve_date")%> (Month) = (@__approve_date_month)</td> <td align="left" class="paramdetail" id="(@__approve_date_thaiyear)"><%=emphelp.getLabel("approve_date")%> (Thai Year) = (@__approve_date_thaiyear)</td> <td align="left" class="paramdetail" id="(@__approve_date_engyear)"><%=emphelp.getLabel("approve_date")%> (Eng Year) = (@__approve_date_engyear)</td> </tr> <tr> <td align="left" class="paramdetail" id="(7D@__approve_date)">7D + <%=emphelp.getLabel("approve_date")%> = (7D@__approve_date)</td> <td align="left" class="paramdetail" id="(7D@__approve_date_day)">7D + <%=emphelp.getLabel("approve_date")%> (Day) = (7D@__approve_date_day)</td> <td align="left" class="paramdetail" id="(7D@__approve_date_month)">7D + <%=emphelp.getLabel("approve_date")%> (Month) = (7D@__approve_date_month)</td> <td align="left" class="paramdetail" id="(7D@__approve_date_thaiyear)">7D + <%=emphelp.getLabel("approve_date")%> (Thai Year) = (7D@__approve_date_thaiyear)</td> <td align="left" class="paramdetail" id="(7D@__approve_date_engyear)">7D + <%=emphelp.getLabel("approve_date")%> (Eng Year) = (7D@__approve_date_engyear)</td> </tr> <tr> <td align="left" class="paramdetail" id="(@__remind_date)">Remind Date = (@__remind_date)</td> <td align="left" class="paramdetail" id="(@__issued_date)">Issued Date = (@__issued_date)</td> <td align="left" class="paramdetail"></td> <td align="left" class="paramdetail"></td> <td align="left" class="paramdetail"></td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td colspan="2"> <table id="tabs" style="width:100%;"> <thead> <tr> <td> <ul> <li><a href="#tab-1"><span swlang code="SW000840">Thai</span></a></li> <li><a href="#tab-2"><span swlang code="SW002129">English</span></a></li> </ul> </td> </tr> </thead> <tbody id="tab-1"> <tr> <td class="columnlabel"><%=screen.getLabel("EMAIL_TSUBJECT")%></td> <td class="columnobject1 width10000"><%=screen.getInput("EMAIL_TSUBJECT")%></td> </tr> <tr> <td class="columnlabel"><%=screen.getLabel("MAIN_TDETAIL")%></td> <td class="columnobject1"> <div class="adjoined-bottom"> <div class="grid-container"> <div class="grid-width-100"> <textarea name="__main_tdetail" id="editorthai"> <%=screen.getDataLabel("MAIN_TDETAIL")%> </textarea> </div> </div> </div> </td> </tr> </tbody> <tbody id="tab-2"> <tr> <td class="columnlabel"><%=screen.getLabel("EMAIL_ESUBJECT")%></td> <td class="columnobject1 width10000"><%=screen.getInput("EMAIL_ESUBJECT")%></td> </tr> <tr> <td class="columnlabel"><%=screen.getLabel("MAIN_EDETAIL")%></td> <td class="columnobject1"> <div class="adjoined-bottom"> <div class="grid-container"> <div class="grid-width-100"> <textarea name="__main_edetail" id="editoreng"> <%=screen.getDataLabel("MAIN_EDETAIL")%> </textarea> </div> </div> </div> </td> </tr> </tbody> </table> <tr> <td colspan="2" class="blankspace"></td> </tr> <tr> <td colspan="2"> <table style="width: 80%;"> <tr> <td><b><u><%=lang.equalsIgnoreCase("eng")?"Example (Thai)":"ตัวอย่าง (ไทย)"%></u></b></td> <td><b><u><%=lang.equalsIgnoreCase("eng")?"Example (Eng)":"ตัวอย่าง (อังกฤษ)"%></u></b></td> </tr> <tr> <td style="width: 50%;"> <table border="1" class="examplethaitable" style="background: white; width: 100%;"> <!-- for Example Detail Thai --> </table> </td> <td style="width: 50%;"> <table border="1" class="exampleengtable" style="background: white; width: 100%;"> <!-- for Example Detail Eng --> </table> </td> </tr> </table> </td> </tr> </td> </tr> <tr> <td colspan="2" class="blankspace"></td> </tr> </table> </td> </tr> <tr bordercolor="0069B3"> <td class="bottom"></td> </tr> </table> <!----------BEGIN CSC ENDING ZONE ------------------------> <% screen.setMyTimeOut(1000); %> <%=screen.endJSP()%> <!----------END CSC ENDING ZONE --------------------------> </form><!-- end form--> <script> initThai(); initEng(); </script> </div> </body> </html>