<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <%@ page contentType="text/html; charset=UTF-8" language="java" %> <%@ 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.*" %> <%@ page import="com.csc.library.report.ReportUDF, java.util.*"%> <% request.setCharacterEncoding("UTF-8"); %> <jsp:useBean id="EMV" class="com.csc.library.system.Task" scope="page" /> <jsp:setProperty name="EMV" property="appname" value="EMPVIEW" /> <% EMV.setChannel(request, response); %> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> </title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <!-- Begin CSS Links --> <link rel="stylesheet" type="text/css" href="../CSS/DDMENU.css" /> <link rel="stylesheet" type="text/css" href="../CSS/EMV_DEFAULT.css" /> <link rel="stylesheet" type="text/css" href="../CSS/EMV_LAYOUT.css" /> <link rel="stylesheet" type="text/css" href="../CSS/EMV_LAYOUT_TWO.css" /> <link rel="stylesheet" type="text/css" href="../CSS/EMV_TEXT.css" /> <link rel="stylesheet" type="text/css" href="../CSS/jquery-ui.css" /> <style type="text/css"> .bg-gray { background: #ddd !important; } .alert { color: #F00 !important;text-decoration: blink; } div.object-move { width: 90%; height:10px; bottom: 0;} .div-state-hover{ background-color:#6FC; } .div-state-active{ background-color:#693; } .div-state-highlight{ background-color:#94E2FC; } div.slider-range{ width:90%;} div.tb-row{ height:25px; width:240px;border:1px solid; position: absolute;left:0px; border-top:thin; border-right:thin; } div.tb-col{ width:40px; height:300px;border:1px solid; border-left:thin; position: absolute; } #resizable { width: 140px; height: 140px; padding: 0.5em; } #resizable h3 { text-align: center; margin: 0; } .mouse-over{ cursor: pointer; } </style> <script language="JavaScript" type="text/javascript"src="../JS/EVENTS.js"></script> <script language="JavaScript" type="text/javascript" src="../JS/UTILITIES.js"></script> <script language="JavaScript" type="text/javascript"src="../JS/ACTIVE_OBJECT.js"></script> <script language="JavaScript" type="text/javascript"src="../JS/jquery-1.7.2.min.js"></script> <script language="JavaScript" type="text/javascript"src="../JS/timeline.js"></script> <script language="JavaScript" type="text/javascript"src="../JS/CscCalendarV2.js"></script> <script language="JavaScript" type="text/javascript"src="../JS/jquery-ui.js"></script> <script language="JavaScript" type="text/javascript" src="../JS/DDMENU.js"></script> <script language="JavaScript" type="text/javascript" src="../JS/SCREEN.js"></script> <script language="JavaScript" type="text/javascript"> $(function(){ $( document ).tooltip(); $(".timelines").timeline({ timezone:[{ id:'tz1', draggable:false, resizable:false, start_date:'09-11-2012', start_time:'9.00', end_date:'09-11-2012', end_time:'18.00', color:'#F60', mapValue:{ start_date:'#start_date', start_time:'#start_time', end_date:'#end_date', end_time:'#end_time' }, text:'actual', toolTip:function(opts){ return "Actual "+opts.start_time+" - "+opts.end_time; } }, { id:'tz2', draggable:false, resizable:false, start_date:'09-11-2012', start_time:'9.00', end_date:'09-11-2012', end_time:'18.00', color:'#00F', text:'Plan', toolTip:function(opts){ return "Plan "+opts.start_time+" - "+opts.end_time; } }], timescale:'15' }); $("#TimeLineEditing").timeline({ timezone:[{ id:'tz1', start_date:'09-11-2012', start_time:'9.00', end_date:'09-11-2012', end_time:'18.00', color:'#F60', mapValue:{ start_date:'#start_date', start_time:'#txt_timeIn', end_date:'#end_date', end_time:'#txt_timeOut' }, text:'actual', toolTip:function(opts){ return "Actual "+opts.start_time+" - "+opts.end_time; } }, { id:'tz2', draggable:false, resizable:false, start_date:'09-11-2012', start_time:'9.00', end_date:'09-11-2012', end_time:'18.00', color:'#00F', text:'Plan' }], timescale:'15' }); $("#myWindow").dialog({ autoOpen: false, height: 800, width: 900, modal: true, close: function() { allFields.val( "" ).removeClass( "ui-state-error" ); } }); $(".editTimeLine").click(function(){ var opts = $("#"+$(this).attr("timelineid")).timeline("getOption"); var nTimeZone = []; for(var i = 0;opts.timezone && i<opts.timezone.length;i++){ /*$.extend(true,opts.timezone[i],{ draggable:true, resizable:true });*/ var nOpts = { start_date:opts.timezone[i].start_date, start_time:opts.timezone[i].start_time, end_date:opts.timezone[i].end_date, end_time:opts.timezone[i].end_time, CalendarStart:opts.timezone[i].CalendarStart, CalendarEnd:opts.timezone[i].CalendarEnd }; nTimeZone.push(nOpts); } var objTimeZone = { timezone:nTimeZone }; $("#TimeLineEditing").attr("editTimeLineID",$(this).attr("timelineid")) $("#TimeLineEditing").timeline("updateTimeZone",objTimeZone); $("#myWindow").dialog( "open" ); }); $("#EditSuccess").click(function(){ var opts = $("#TimeLineEditing").timeline("getOption"); var nTimeZone = []; for(var i = 0;opts.timezone && i<opts.timezone.length;i++){ var nOpts = { start_date:opts.timezone[i].start_date, start_time:opts.timezone[i].start_time, end_date:opts.timezone[i].end_date, end_time:opts.timezone[i].end_time, CalendarStart:opts.timezone[i].CalendarStart, CalendarEnd:opts.timezone[i].CalendarEnd }; /*$.extend(true,opts.timezone[i],{ draggable:false, resizable:false });*/ nTimeZone.push(nOpts); } var objTimeZone = { timezone:nTimeZone }; $("#"+$("#TimeLineEditing").attr("editTimeLineID")).timeline("updateTimeZone",objTimeZone); $("#myWindow").dialog( "close" ); }); }); </script> <style type="text/css"> #header { background: #FFFFFF ; } .dialog { z-index:9000 } </style> <!-- End Scripts --> <!-- Begin Head --> <!-- End Head --> </head> <body> <div id="wrapper"> <div id="header"><jsp:include page="EMV_HEADER.jsp" flush="true" /></div> <div id="topnav"><jsp:include page="EMV_TOPMENU.jsp" flush="true" /></div> <div id="container"> <div id="sidebar"><jsp:include page="EMV_SIDEBAR.jsp" flush="true" /></div> <div id="container"> <div id="content"> <div class="content"> <div class="box-search-condition"> <div class="content-title">กำหนดเงื่อนไขการค้นหา</div> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="table-search-condition"> <tr> <td colspan="4" class="column-label"> </td> </tr> <tr> <td class="column-label" width="155">ช่วงวัน</td> <td colspan="3" class="column-input-padding"> <input name="txt_datestart" type="text" id="txt_datestart" value="01-11-2012" size="15" /> <img src="Images/CALENDAR_SWAP20.gif" width="20" height="20" align="top" /> - <input name="txt_datestart" type="text" id="txt_datestart" value="30-11-2012" size="15" /> <img src="Images/CALENDAR_SWAP20.gif" width="20" height="20" align="top" /></td> </tr> <tr> <td class="column-label" width="155">รหัสพนักงาน</td> <td class="column-input-padding" width="215"> <input name="txt_id" type="text" id="txt_id" value="000001" size="15" /> <img src="Images/SEARCH20.gif" width="20" height="20" align="top" /></td> <td class="column-label" width="125">ชื่อ นามสกุล</td> <td class="column-input-padding" width="328"><input name="txt_id" type="text" disabled="disabled" id="txt_id" value="นายธีรเดช วงศ์พัวพันธ์" size="30" /></td> </tr> <tr> <td class="column-label">สาขาร้าน</td> <td class="column-input-padding"> <input name="txt_id" type="text" disabled="disabled" id="txt_id" value="KFC - Sukhumvit" size="30" /></td> <td class="column-label">หัวหน้า</td> <td class="column-input-padding"><input name="txt_id" type="text" disabled="disabled" id="txt_id" value="นายหัวหน้า อำนวยความสะดวก" size="30" /></td> </tr> <tr> <td class="column-label">ตำแหน่ง</td> <td class="column-input-padding"> <input name="txt_id" type="text" disabled="disabled" id="txt_id" value="CSR Trainee - Thai" size="30" /></td> <td class="column-label">เบอร์โทรศัพท์</td> <td class="column-input-padding"><input name="txt_id" type="text" disabled="disabled" id="txt_id" value="000-000-0000" size="25" /></td> </tr> <tr> <td colspan="4" class="column-label"> </td> </tr> <tr> <td class="column-label" width="155"> </td> <td colspan="3" class="column-input"><img src="Images/VIEW.gif" align="absmiddle" style="margin-left: 170px"/></td> </tr> </tr> <tr> <td colspan="4" class="column-label"> </td> </tr> </table> </div> <!-- End box-search-condition --> <div class="content-box1"> <form id="day_list" name="day_list" method="post" action=""> <table width="100%" border="0" cellpadding="0" cellspacing="1" class="table-content-list"> <tr> <td colspan="17" bgcolor="#0f91d0"><h2 style="color: #fff; background: #0f91d0">ดูข้อมูล Roaster ตามวันที่</h2></td> </tr> <tr> <td colspan="17" bgcolor="#415a70" class="column-label"> </td> </tr> <tr> <td colspan="17" class="column-header" style="padding-right: 300px">ช่วงวันที่ 1 พฤศจิกายน 2555 ถึง 30 พฤศจิกายน 2555</td> </tr> <tr> <td class="column-header" width="80" rowspan="2" >วัน</td> <td class="column-header" width="480px" rowspan="2"><div align="left" style="padding:0 6px;"><img src="Images/time5-480.png" /></div></td> <td class="column-header" width="4%" rowspan="2" >ยืมตัว</td> <td class="column-header" width="4%" rowspan="2" >Work hour</td> <td colspan="4" class="column-header" width="40">OT</td> <td class="column-header" width="4%" rowspan="2" >Shift</td> <td class="column-header" width="4%" rowspan="2" >WOW</td> <td class="column-header" width="4%" rowspan="2" >Rider</td> <td class="column-header" width="4%" rowspan="2" >Leaflet</td> <tr> <td width="4%" class="column-header">1</td> <td width="4%" class="column-header">1.5</td> <td width="4%" class="column-header">2</td> <td width="4%" class="column-header">3</td> </tr> </tr> <tr> <td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline1">01-11-2012</a></td> <td class="column-text"><div id="timeline1" class="timelines" align="left"></div></td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> </tr> <tr> <td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline2">02-11-2012</a></td> <td class="column-text"><div id="timeline2" class="timelines" align="left"></div></td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> </tr> <tr> <td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline3">03-11-2012</a></td> <td class="column-text"><div id="timeline3" class="timelines" align="left"></div></td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> </tr> <tr> <td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline4">04-11-2012</a></td> <td class="column-text"><div id="timeline4" class="timelines" align="left"></div></td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> </tr> <tr> <td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline5">05-11-2012</a></td> <td class="column-text"><div id="timeline5" class="timelines" align="left"></div></td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> </tr> <tr> <td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline6">06-11-2012</a></td> <td class="column-text"><div id="timeline6" class="timelines" align="left"></div></td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> </tr> <tr> <td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline7">07-11-2012</a></td> <td class="column-text"><div id="timeline7" class="timelines" align="left"></div></td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> </tr> <tr> <td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline8">08-11-2012</a></td> <td class="column-text"><div id="timeline8" class="timelines" align="left"></div></td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> </tr> <tr> <td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline9">09-11-2012</a></td> <td class="column-text"><div id="timeline9" class="timelines" align="left"></div></td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> </tr> <tr> <td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline10">10-11-2012</a></td> <td class="column-text"><div id="timeline10" class="timelines" align="left"></div></td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> </tr> <tr> <td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline11">11-11-2012</a></td> <td class="column-text"><div id="timeline11" class="timelines" align="left"></div></td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> </tr> <tr> <td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline12">12-11-2012</a></td> <td class="column-text"><div id="timeline12" class="timelines" align="left"></div></td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> </tr> <tr> <td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline13">13-11-2012</a></td> <td class="column-text"><div id="timeline13" class="timelines" align="left"></div></td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> </tr> <tr> <td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline14">14-11-2012</a></td> <td class="column-text"><div id="timeline14" class="timelines" align="left"></div></td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> </tr> <tr> <td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline15">15-11-2012</a></td> <td class="column-text"><div id="timeline15" class="timelines" align="left"></div></td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> </tr> <tr> <td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline16">16-11-2012</a></td> <td class="column-text"><div id="timeline16" class="timelines" align="left"></div></td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> </tr> <tr> <td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline17">17-11-2012</a></td> <td class="column-text"><div id="timeline17" class="timelines" align="left"></div></td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> </tr> <tr> <td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline18">18-11-2012</a></td> <td class="column-text"><div id="timeline18" class="timelines" align="left"></div></td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> </tr> <tr> <td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline19">19-11-2012</a></td> <td class="column-text"><div id="timeline19" class="timelines" align="left"></div></td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> </tr> <tr> <td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline20">20-11-2012</a></td> <td class="column-text"><div id="timeline20" class="timelines" align="left"></div></td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> </tr> <tr> <td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline21">21-11-2012</a></td> <td class="column-text"><div id="timeline21" class="timelines" align="left"></div></td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> </tr> <tr> <td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline22">22-11-2012</a></td> <td class="column-text"><div id="timeline22" class="timelines" align="left"></div></td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> </tr> <tr> <td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline23">23-11-2012</a></td> <td class="column-text"><div id="timeline23" class="timelines" align="left"></div></td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> </tr> <tr> <td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline24">24-11-2012</a></td> <td class="column-text"><div id="timeline24" class="timelines" align="left"></div></td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> </tr> <tr> <td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline25">25-11-2012</a></td> <td class="column-text"><div id="timeline25" class="timelines" align="left"></div></td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> </tr> <tr> <td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline26">26-11-2012</a></td> <td class="column-text"><div id="timeline26" class="timelines" align="left"></div></td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> </tr> <tr> <td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline27">27-11-2012</a></td> <td class="column-text"><div id="timeline27" class="timelines" align="left"></div></td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> </tr> <tr> <td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline28">28-11-2012</a></td> <td class="column-text"><div id="timeline28" class="timelines" align="left"></div></td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> </tr> <tr> <td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline29">29-11-2012</a></td> <td class="column-text"><div id="timeline29" class="timelines" align="left"></div></td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> </tr> <tr> <td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline30">30-11-2012</a></td> <td class="column-text"><div id="timeline30" class="timelines" align="left"></div></td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> <td class="column-text">8.00</td> </tr> <tr> <td colspan="17" bgcolor="#0f91d0"class="table-footer"> </td> </tr> </table> </form> </div> <!-- End content-box1 --> </div> <!-- End content class --> <div id="myWindow" class="dialog"> <div class="content"> <form id="edit_staff" name="edit_staff" method="post" action=""> <div class="box-search-condition"> <div class="content-title">กำหนดเงื่อนไขการค้นหา</div> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="table-search-condition"> <tr> <td colspan="4" class="column-label"> </td> </tr> <tr> <td class="column-label" width="155">ช่วงวัน</td> <td colspan="3" class="column-input-padding"> <input name="txt_datestart" type="text" id="txt_datestart" value="01-11-2012" size="15" /> <img src="Images/CALENDAR_SWAP20.gif" width="20" height="20" align="top" /> - <input name="txt_datestart" type="text" id="txt_datestart" value="30-11-2012" size="15" /> <img src="Images/CALENDAR_SWAP20.gif" width="20" height="20" align="top" /></td> </tr> <tr> <td class="column-label" width="155">รหัสพนักงาน</td> <td class="column-input-padding" width="215"> <input name="txt_id" type="text" id="txt_id" value="000001" size="15" /> <img src="Images/SEARCH20.gif" width="20" height="20" align="top" /></td> <td class="column-label" width="125">ชื่อ นามสกุล</td> <td class="column-input-padding" width="328"><input name="txt_id" type="text" disabled="disabled" id="txt_id" value="นายธีรเดช วงศ์พัวพันธ์" size="30" /></td> </tr> <tr> <td class="column-label">สาขาร้าน</td> <td class="column-input-padding"> <input name="txt_id" type="text" disabled="disabled" id="txt_id" value="KFC - Sukhumvit" size="30" /></td> <td class="column-label">หัวหน้า</td> <td class="column-input-padding"><input name="txt_id" type="text" disabled="disabled" id="txt_id" value="นายหัวหน้า อำนวยความสะดวก" size="30" /></td> </tr> <tr> <td class="column-label">ตำแหน่ง</td> <td class="column-input-padding"> <input name="txt_id" type="text" disabled="disabled" id="txt_id" value="CSR Trainee - Thai" size="30" /></td> <td class="column-label">เบอร์โทรศัพท์</td> <td class="column-input-padding"><input name="txt_id" type="text" disabled="disabled" id="txt_id" value="000-000-0000" size="25" /></td> </tr> <tr> <td colspan="4" class="column-label"> </td> </tr> <tr> <td class="column-label" width="155"> </td> <td colspan="3" class="column-input"><img src="Images/VIEW.gif" align="absmiddle" style="margin-left: 170px"/></td> </tr> </tr> <tr> <td colspan="4" class="column-label"> </td> </tr> </table> </div> <!-- End box-search-condition --> <div class="content-box1-noover"> <table width="100%" height="64" border="0" cellpadding="0" cellspacing="0" class="table-content-list"> <tr> <td colspan="17" bgcolor="#0f91d0"><h2 style="color: #fff; background: #0f91d0">ส่วนที่ 1: ปรับปรุงการทำงานประจำวัน / Adjust Time</h2></td> </tr> <tr> <td colspan="6" bgcolor="#415a70"> </td> </tr> <tr> <td width="182" class="column-header-nobg right" style="padding-right: 15px">Time-In</td> <td class="column-header-nobg" width="73">Time-Out</td> <td class="column-header-nobg left" width="192" style="padding-left: 10px">รวม ชม. ทำงาน</td> <td class="column-header-nobg right" width="83" style="padding-right: 18px">OT (In)</td> <td class="column-header-nobg" width="71">OT (Out)</td> <td class="column-header-nobg left" width="222" style="padding-left: 15px">รวม ชม. OT</td> </tr> <tr> <td class="column-text right"><input name="txt_timeIn" type="text" id="txt_timeIn" value="08.00" size="5"/></td> <td class="column-text" style="padding: 0">- <input name="txt_timeOut" type="text" id="txt_timeOut" value="17.00" size="5"/></td> <td class="column-text left">: <input name="txt_timeSum" type="text" disabled="disabled" id="txt_timeSum" value="08.00" size="5"/> ชม.</td> <td class="column-text right"><input name="txt_otIn" type="text" id="txt_otIn" value="18.00" size="5"/></td> <td class="column-text" style="padding: 0">- <input name="txt_otOut" type="text" id="txt_otOut" value="22.00" size="5"/></td> <td class="column-text">: <input name="txt_otSum left" type="text" disabled="disabled" id="txt_otSum" value="04.00" size="5"/> ชม.</td> </tr> </table> <table width="100%" height="64" border="0" cellpadding="0" cellspacing="0" class="table-content-list"> <tr> <td colspan="5" bgcolor="#F4F4F4"> </td> </tr> <tr> <td class="column-header-nobg right" width="182" style="padding-right: 10px">เลือก Break</td> <td class="column-header-nobg" width="72">Break (In)</td> <td class="column-header-nobg left" width="73" style="padding-left: 6px">Break (Out)</td> <td width="126" class="column-header-nobg left" style="padding-left: 10px">รวม ชม. Break</td> <td class="column-header-nobg left" style="padding-left: 0px">ชม. ทำงานย้อนหลัง</td> </tr> <tr> <td class="column-text right"><label for="txt_break"></label> <select name="txt_break" size="1" id="txt_break"> <option value="break1">Break1</option> <option value="break2">Break2</option> <option value="break3">Break3</option> </select></td> <td class="column-text"><input name="txt_breakIn1" type="text" id="txt_breakIn1" value="10.00" size="5"/></td> <td class="column-text" style="padding: 0">- <input name="txt_breakOut1" type="text" id="txt_breakOut1" value="10.30" size="5"/></td> <td class="column-text left">: <input name="txt_breakSum1" type="text" disabled="disabled" id="txt_breakSum1" value="00.30" size="5"/> ชม.</td> <td width="370" class="column-text left"><label for="txt_hourBack"></label> <input name="txt_hourBack" type="text" id="txt_hourBack" value="02.00" size="5" /> ชม.</td> </tr> <tr> <td class="column-text right"> </td> <td class="column-text"><input name="txt_breakIn2" type="text" id="txt_breakIn2" value="00.00" size="5"/></td> <td class="column-text" style="padding: 0">- <input name="txt_breakOut2" type="text" id="txt_breakOut2" value="00.00" size="5"/></td> <td colspan="3" class="column-text left"> </td> </tr> <tr> <td class="column-text right"> </td> <td class="column-text"><input name="txt_breakIn3" type="text" id="txt_breakIn3" value="00.00" size="5"/></td> <td class="column-text" style="padding: 0">- <input name="txt_breakOut3" type="text" id="txt_breakOut3" value="00.00" size="5"/></td> <td colspan="3" class="column-text left"> </td> </tr> <tr> <td colspan="14" bgcolor="#f4f4f4"> </td> </tr> <tr> <td colspan="14" bgcolor="#f4f4f4"><div align="center"> <img src="Images/timeline5-480.png" /> <div id="TimeLineEditing" ></div> </div> <!-- End timeline768 --></td> </tr> <tr> <td colspan="14" bgcolor="#f4f4f4"> </td> </tr> <tr> <td colspan="14" bgcolor="#0f91d0"class="table-footer"> </td> </tr> </table> </div> <!-- End content-box1 --> <!--<div class="timeline768"> <img src="Images/time8-768.png" /> <div>--------------<br />--------------<br /></div> </div> <!-- End timeline768 --> <div class="content-box1-noover"> <table width="100%" border="0" cellpadding="0" cellspacing="1" class="table-content"> <tr> <td colspan="17" bgcolor="#0f91d0"><h2 style="color: #fff; background: #0f91d0">ส่วนที่ 2: ปรับปรุงรายได้อื่นๆ ประจำวัน / Adjust Income</h2></td> </tr> <tr> <td colspan="4" bgcolor="#415a70"> </td> </tr> <tr> <td class="column-label" width="20%">OT 1</td> <td class="column-text"><input name="txt_in" type="text" id="txt_in" value="00.00" size="10" /> ชม.</td> <td class="column-label" width="20%">OT 1.5</td> <td class="column-text"><input name="txt_out" type="text" id="txt_out" value="00.00" size="10" /> ชม.</td> </tr> <tr> <td class="column-label" >OT 2</td> <td class="column-text"><input name="txt_in" type="text" id="txt_in" value="00.00" size="10" /> ชม.</td> <td class="column-label" >OT 3</td> <td class="column-text"><input name="txt_in" type="text" id="txt_in" value="00.00" size="10" /> ชม.</td> </tr> <tr> <td class="column-label">Shift</td> <td class="column-text"><input name="txt_shift" type="text" id="txt_shift" value="00.00" size="10" /> บาท</td> <td class="column-label">WOW</td> <td class="column-text"><input name="txt_wow" type="text" id="txt_wow" value="00.00" size="10" /> บาท</td> </tr> <tr> <td class="column-label">Rider</td> <td class="column-text"><input name="txt_rider" type="text" id="txt_rider" value="00.00" size="10" /> บาท</td> <td class="column-label">Leaflet</td> <td class="column-text"><input name="txt_leaflet" type="text" id="txt_leaflet" value="00.00" size="10" /> บาท</td> </tr> <tr> <td colspan="17"><div class="button-line"> <a href="javascript:void(0);" id="EditSuccess"><img src="Images/SUBMIT.gif" alt="Submit" width="80" height="23" /></a> </div> <!-- End button-line --></td> </tr> <tr> <td colspan="17" bgcolor="#0f91d0"class="table-footer"> </td> </tr> </table> </div> <!-- End content-box1 --> </form> </div> <!-- End content class --> </div> </div> <!-- End content id --> </div> <!-- End container --> </div> <div id="footer"><jsp:include page="EMV_FOOTER.jsp" flush="true" /> </div> </div> </body> </html>