<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<%@page contentType="text/html; charset=UTF-8"%>
<%@page import="com.csc.library.entry.*,com.csc.library.system.*,com.csc.library.utilities.*"%>
<jsp:useBean id="NEWS_SETUP" class="com.csc.library.system.Task" scope="page" />
<%
	NEWS_SETUP.setChannel(request, response);
	UIManager screen = (UIManager) NEWS_SETUP.process("SingleEntry", "TEVENTDBXML");

	CscCalendar cc = new CscCalendar();
	String presentDay = cc.getYYYYMMDD();

	CheckNull chk = new CheckNull();
%>
<html ng-app="myHR">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<link href="../CSS/TISCO.css" rel="stylesheet" type="text/css">
		<script src="../JS/VIEWCALENDAR.js"></script>


		<script language="JavaScript" src="../JS/SCREEN.js"></script>

		<script src="../JS/jquery-2.1.3.min.js" type="text/javascript"></script>
		<script src="../JS/jquery-ui-1.11.4.js" type="text/javascript"></script>
		<link href="../CSS/jquery-ui-csc.css" rel="stylesheet" type="text/css"/>


		<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 type='text/javascript' src='../JS/ICONSMENU.js'></script>

		<script src="<%=request.getContextPath()%>/JS/ckeditor/ckeditor.js"></script>
		<script src="<%=request.getContextPath()%>/JS/ckeditor/js/sample.js"></script>
		<link rel="stylesheet" href="/<%=request.getContextPath()%>/JS/ckeditor/css/samples.css">
		<link rel="stylesheet" href="/<%=request.getContextPath()%>/JS/ckeditor/toolbarconfigurator/lib/codemirror/neo.css">
		<style>
			.event-setup{
				width:90% !important;
			}
			.inframe-table{
				width: 90% !important;
			}
		</style>
		<script type='text/javascript'>setLang('<%=screen.getUProfile().get("lang")%>');</script>
		<script type="text/javascript">getTitleName();</script>
		<script type="text/javascript">
			function MM_swapImgRestore() { //v3.0
				var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
			}

			function MM_preloadImages() { //v3.0
				var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
				var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
				if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
			}

			function MM_findObj(n, d) { //v4.01
				var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
					d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
				if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
					for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
					if(!x && d.getElementById) x=d.getElementById(n); return x;
			}

			function MM_swapImage() { //v3.0
				var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
				if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
			}

			function GoSave(){
				if ($("input[name=__eventid]").val()==""){
					$("input[name=__eventid]").val('0');
				}
				confirmSave();
			}
			function GoUpdate(){
				update();
			}
			function GoDelete(){
				edelete();
			}
			function GoSearch(){
				search();
			}

			function chkRest(data)
			{
				if(data.indexOf(":") > -1||data.indexOf(".") > -1){
					data = data.substring(0,2)+data.substring(3,5);
				}

				if((data !="")&&(parseFloat(data)>=0)&&(!isNaN(parseFloat(data)))){

					if(data.length >= 1 || data.length <= 2){
						for(;data.length<2;){
							data = "0"+data;
						}
						data = data+"00";
					}else{
						for(;data.length<4;){
							data = "0"+data;
						}
					}

					var h = data.substring(0,2);
					var m = data.substring(2,4);

					if(parseFloat(h)==24){
						h = "00";
					}

					if(parseFloat(m)>=60){
						var tmp = (""+(parseFloat(m)/60)).split(".");
						h = ""+(parseFloat(h)+parseFloat(tmp[0]));
						m = ""+(parseFloat(m)%60);
						if(h.length<2){
							h = "0"+h;
						}
						if(m.length<2){
							m = "0"+m;
						}
					}
					if(parseFloat(h)>24){
						alert("hour format not over 24");
						data = "00:00";
					}else{
						data = h+":"+m;

					}
				}else{
					data = "";
					return data;
				}
				return data;
			}

			$(document).ready(function(){
				var now = new Date();
				var date_start,time_start;
				var date_end,time_end;
				var enddate="";
				if ($("input[name=__eventid]").val()==0){
					$("input[name=__eventid]").val("");

					if (now.getDate()<10){
						enddate="0";
					}
					enddate +=now.getDate()+"-";

					if (parseInt(now.getMonth())+1 <10){
						enddate +="0";
					}
					enddate +=parseInt(now.getMonth())+1;
					enddate +="-";
					enddate +=parseInt(now.getFullYear())+10;

					$("input[name=__dateend]").val(enddate);
					$("input[name=__timeend]").attr("disabled",true);
				}

				$("input[name=__dateend]").blur(function(){
					if ($.checkMyDate()){
						$("input[name=__dateend]").val($("input[name=__datestart]").val());

						if ($.checkMyTime()){
							$("input[name=__timeend]").val(chkRest($("input[name=__timestart]").val()));
						}
					}
				});

				$("input[name=__timestart]").blur(function(){
					if ($("input[name=__timestart]").val()!=""){
						$("input[name=__timeend]").attr("disabled",false);

						$("input[name=__timestart]").val(chkRest($("input[name=__timestart]").val()));
					}
				});

				$("input[name=__timeend]").blur(function(){
					$("input[name=__timeend]").val(chkRest($("input[name=__timeend]").val()));
					if ($.checkMyTime()){
						$("input[name=__timeend]").val(chkRest($("input[name=__timestart]").val()));
					}
				});

				$.checkMyDate=function(){
					var result=true;
					date_start=new Date($.convertMyDate($("input[name=__datestart]").val()));
					date_end=new Date($.convertMyDate($("input[name=__dateend]").val()));

					if (date_start.getFullYear()<date_end.getFullYear()){
						result=false;
					}else if (date_start.getFullYear()==date_end.getFullYear()){
						if (date_start.getMonth()<date_end.getMonth()){
							result=false;
						} else if(date_start.getMonth()==date_end.getMonth()){
							if (date_start.getDate()<=date_end.getDate()){
								result=false;
							}
						}
					}

					return result;
				};

				$.checkMyTime=function(){
					var result=true;
					date_start=new Date($.convertMyDate($("input[name=__datestart]").val()));
					date_end=new Date($.convertMyDate($("input[name=__dateend]").val()));
					time_start = $("input[name=__timestart]").val();
					time_end = $("input[name=__timeend]").val();

					if (date_start.getFullYear()<date_end.getFullYear()){
						result=false;
					}else if (date_start.getFullYear()==date_end.getFullYear()){
						if (date_start.getMonth()<date_end.getMonth()){
							result=false;
						} else if(date_start.getMonth()==date_end.getMonth()){
							if (date_start.getDate()<date_end.getDate()){
								result=false;
							}else if (date_start.getDate()==date_end.getDate()){
								if (time_start.substring(0,2)<time_end.substring(0,2)){
									result=false;
								}else if (time_start.substring(0,2)==time_end.substring(0,2)){
									if(time_start.substring(3,5)<=time_end.substring(3,5)){
										result=false;
									}
								}
							}
						}
					}
					return result;
				};

				$.convertMyDate=function(datestr){
					var result="";
					result =datestr.substring(6,10)+"-"+datestr.substring(3,5)+"-"+datestr.substring(0,2);
					return result;
				};


			});
		</script>
	</head>
	<body leftmargin="0" topmargin="0"  onLoad="MM_preloadImages('IMAGES/BUTTON/SWAP/SEARCH_SWAP24.gif','IMAGES/BUTTON/SWAP/EXIT_SWAP24.gif','IMAGES/BUTTON/SWAP/HELP_SWAP24.gif','IMAGES/BUTTON/SWAP/NEW_SWAP24.gif','IMAGES/BUTTON/SWAP/EDIT_SWAP24.gif','IMAGES/BUTTON/SWAP/DEL_SWAP24.gif','IMAGES/BUTTON/SWAP/PROCESS_SWAP24.gif','IMAGES/BUTTON/SWAP/SEARCH_SWAP20.gif')">

		<div id="toolTipLayer" style="position:absolute; visibility: hidden"></div>
		<script language="javascript">initToolTips();</script>
		<div class="centered">
			<form name="cscform" method="post">
				<!----------BEGIN CSC INITIAL ZONE ------------------------>

				<%=screen.InitialVariable()%>

				<!----------END CSC INITIAL ZONE -------------------------->
				<input name="__cmd" type="hidden" value="">
				<input name="__screen" type="hidden" value="EVENT_SETUP">
				<input type="hidden" name="__calendar" value="">
				<input type="hidden" name="__language" value="<%=screen.getUProfile().get("lang")%>">
				<input type="hidden" name="__dateformat" value="DD-MM-YYYY">
				<input name="__help" type="hidden" value="">
				<input name="__notNull" type="hidden" value="<%=screen.getRequire()%>">
				<input name="__companyid" type="hidden" value="<%=screen.getUProfile().get("companyid")%>">
				<input name="__fixCon" type="hidden" value="companyid='<%=screen.getUProfile().get("companyid")%>'">
				<input name="__datecreate" type="hidden" value="<%=presentDay%>">
				<input name="__owner" type="hidden" value="<%=screen.getUProfile().get("user")%>">
				<input type="hidden" name="__referPage" value="">
				<div align="center">
				<script type="text/javascript" src="../JS/HOTKEY.js"></script>
				<script text="text/javascript">
					var swap = new swaplang();
					var titlename = swap.swap2String("SW012658");
    					document.write(Icons("EVENT_SETUP,"+titlename));
				</script>
				<br/>
				<table class='event-setup'>
					<tr>
						<td class="header" colspan="2" >EVENT_SETUP,<span swlang code="SW012658">Event Setup</span>&nbsp;</td>
					</tr>
					<tr>
						<td>
							<table border="0" cellpadding="0" cellspacing="0" class="inner inframe-table">
								<tr>
									<td colspan="2" class="blankspace"></td>
								</tr>
								<tr>
									<td class="columnlabel"><%=screen.getLabel("eventid")%>&nbsp;</td>
									<td class="columnobject1"><%=screen.getInput("eventid")%></td>
								</tr>
								<tr>
									<td class="columnlabel"><%=screen.getLabel("topic")%>&nbsp;</td>
									<td class="columnobject1"><%=screen.getInput("topic")%></td>
								</tr>
								<tr>
									<td class="columnlabel"><%=screen.getLabel("etopic")%>&nbsp;</td>
									<td class="columnobject1"><%=screen.getInput("etopic")%></td>
								</tr>
								<tr>
									<td class="columnlabel"><%=screen.getLabel("place")%>&nbsp;</td>
									<td class="columnobject1"><%=screen.getInput("place")%></td>
								</tr>
								<tr>
									<td class="columnlabel"><%=screen.getLabel("eplace")%>&nbsp;</td>
									<td class="columnobject1"><%=screen.getInput("eplace")%></td>
								</tr>
								<tr>
									<td class="columnlabel"><%=screen.getLabel("abstract")%></td>
									<td class="columnobject1"><%=screen.getInput("abstract")%></td>
								</tr>
								<tr>
									<td class="columnlabel"><%=screen.getLabel("eabstract")%></td>
									<td class="columnobject1"><%=screen.getInput("eabstract")%></td>
								</tr>
								<tr>
									<td class="columnlabel"><%=screen.getLabel("detail")%></td>
									<td class="columnobject1">
										<div class="adjoined-bottom">
											<div class="grid-container">
												<div class="grid-width-100">
													<textarea name="__detail" id="editorthai"><%=screen.getDataLabel("detail")%></textarea>
												</div>
											</div>
										</div>
									</td>
								</tr>
								<tr>
									<td class="columnlabel"><%=screen.getLabel("edetail")%></td>
									<td class="columnobject1">
										<div class="adjoined-bottom">
											<div class="grid-container">
												<div class="grid-width-100">
													<textarea name="__edetail" id="editoreng"><%=screen.getDataLabel("edetail")%></textarea>
												</div>
											</div>
										</div>
									</td>
								</tr>
								<tr>
									<td class="columnlabel"><%=screen.getLabel("datestart")%>&nbsp;</td>
									<td class="columnobject1"><%=screen.getInput("datestart")%>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<%=screen.getLabel("timestart")%>&nbsp;&nbsp;<%=screen.getInput("timestart")%>&nbsp; Ex <span swlang code="SW012756">HH:MM</span></td>
								</tr>
								<tr>
									<td class="columnlabel"><%=screen.getLabel("dateend")%>&nbsp;</td>
									<td class="columnobject1"><%=screen.getInput("dateend")%>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<%=screen.getLabel("timeend")%>&nbsp;&nbsp;&nbsp;&nbsp;<%=screen.getInput("timeend")%>&nbsp; Ex <span swlang code="SW012756">HH:MM</span></td>
								</tr>
								<tr>
									<td class="columnlabel"><%=screen.getLabel("file_event")%></td>
									<td class="columnobject1"><%=screen.getInput("file_event")%></td>
								</tr>
								<tr>
									<td class="columnlabel"></td>
									<td class="columnobject1"><%=screen.getDataLabel("file_event")%></td>
								</tr>
								<tr>
									<td class="columnlabel"><%=screen.getLabel("mainpic")%></td>
									<td class="columnobject1"><%=screen.getInput("mainpic")%></td>
								</tr>
								<tr>
									<td class="columnlabel"></td>
									<td class="columnobject1">
										<a href="javascript:showpic(document.mainpic.src);">
											<img src="<%=screen.getRecord().getViewUrl("mainpic")%>" name="mainpic" border="0" id="mainpic">
										</a>
									</td>
								</tr>
								<tr>
									<td class="columnlabel"><%=screen.getLabel("status")%>&nbsp;</td>
									<td class="columnobject1"><%=screen.getInput("status")%></td>
								</tr>
								<tr>
									<td colspan="2" class="blankspace"></td>
								</tr>
								<tr>
									<td class="columnlabel">&nbsp;</td>
									<td width="488" align="right">
										<script type="text/javascript">printEditCheck('<%=screen.getDataLabel("edit_by")%>','<%=screen.getDataLabel("edit_date")%>','<%=screen.getDataLabel("edit_time")%>','<%=screen.getDataLabel("approve")%>');</script>&nbsp;
									</td>
								</tr>
							</table>
						</td>
					</tr>
					<tr>
						<td class="bottom">
					</tr>
				</table>
			</div>
			<!----------BEGIN CSC ENDING ZONE ------------------------>
			
			<%=screen.endJSP()%>
			<!----------END CSC ENDING ZONE -------------------------->
			<script type='text/javascript'>
				initThai();
				initEng();
			</script>
		</form>
	</body>
</html>