<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" %>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>
<%@ taglib uri="/WEB-INF/enrgise-html.tld" prefix="enrgise" %>


<html:html>
<html:base />
<head>
  <TITLE><bean:message  key="hrm.title" /></TITLE>
  <jsp:include page="GenIncludes.jsp" flush="true" />
</head>
<BODY  onkeydown="hotKeys(event);"; scroll=auto>
<html:form name="HrmAttEmpShiftForm" action="HrmAttEmpShiftBaseAction" type="wenrgise.hrms.webtier.form.HrmAttEmpShiftForm">
<bean:define id="ParentForm" name="HrmAttEmpShiftForm" toScope="request" />
<jsp:include page="GenIconMenu.jsp" flush="true" />



<!--Top Most Blue Bar-->
<TABLE cellSpacing=0 bgColor=#bdd0ef>
    <tr>
        <TD  colSpan=12 class=mainHeader height=10><bean:message  key="hrmEmpShift.title" /></TD>
    </TR>
</TABLE>
<!--//  Display Errors -->
<enrgise:errors/>
<logic:messagesPresent message="true">
<Table>
    <html:messages id="message" message="true">
    <TR><TD>
      <bean:write name="message"/>
    </TD></TR>
    </html:messages>      
</Table>
</logic:messagesPresent> 

<!--//  Display Errors -->
<TABLE cellSpacing=0 cellPadding=0 border=0 >
    <TR>
        <TD>
        
        <TABLE cellSpacing=0 cellPadding=0 >
        <!--Inspection Header Starts -->
            <TR>
                  <TD class=subHeader colspan=6><bean:message  key="hrmEmpShiftSubHeader.title" /></TD>
            </TR>
            <TR>
                  <TD colspan=6 bgColor=#4682b4><IMG height=1 src="../includes/images/pixel.gif" width=1 border=0></TD>
            </TR>
            
            
            <TR> 
                  <td class=labelText><bean:message key="hrm.HrmAttEmpShift.employeeNo" /></td>
                                    <td colspan="5"><enrgise:text  property="employeeNo" name="HrmAttEmpShiftForm" titleKey="hrm.HrmAttEmpShift.employeeNo" maxlength="20" size="23"  styleClass="required" disabledClass="required" onchange="doChangeHeader();" /><enrgise:img height="16" align="center" src="../includes/images/lov.jpg" styleClass="icon"  property="butemployeeNo" name="HrmAttEmpShiftForm"  onclick="return ShowEmpNo()" />
                                    <enrgise:text property="employeeName" name="HrmAttEmpShiftForm" altKey="hrm.HrmAttEmpShift.employeeName" maxlength="40" size="40" styleClass="optional" disabledClass="locked" onchange="doChangeHeader();"   /></td>
                                 
            </TR>
            
              <tr>
                <td class=labelText><bean:message key="hrm.HrmAttEmpShift.startDate" /></td>
                <td ><enrgise:text  property="startDate" titleKey="hrm.HrmAttEmpShift.startDate" maxlength="15" alt="D" size="23"  styleClass="optional" disabledClass="locked"  onchange="doChangeHeader();" /><enrgise:img name="HrmAttEmpShiftForm" width="15" height="19" align="top" src="../includes/images/cal.gif" property="butstartDate"  onclick="showCalendar('startDate',this)" /></td>
                <td class=labelText><bean:message key="hrm.HrmAttEmpShift.endDate" /></td>
                <td ><enrgise:text  property="endDate" titleKey="hrm.HrmAttEmpShift.endDate" maxlength="15" alt="D" size="23"  styleClass="optional" disabledClass="locked"  onchange="doChangeHeader();" /><enrgise:img name="HrmAttEmpShiftForm" width="15" height="19" align="top" src="../includes/images/cal.gif" property="butendDate"   onclick="showCalendar('endDate',this)" /></td>
                <td colspan="2"></td>
            </tr> 
            <tr height="10">
                <td colspan="6"></td>
            </tr>
         </table>
        
                      
         <table cellspacing=0 cellpadding=0 border=0>
          <!-- Detail Information Row starts -->
          <TR>
            <TD colspan=6>
            <!-- Tab Table Starts -->
            <TABLE cellSpacing=0 cellPadding=0 >
          
            
            <tr>
                <td bgcolor="#4682B4" ></td>
                <enrgise:tab name="HrmAttEmpShiftForm" property="butEmpShiftTab" styleClass="actTabText" disabledClass="lockedTab" src="../includes/images/formtab_r.gif" ><bean:message key="hrmEmpShiftTabHeader.title" /></enrgise:tab>
                <td width="82%"> </td>
            </tr>  
            
            
              <TR height=10>
              
            <!-- Detail table Container starts -->
              <TD colSpan=5>
              <TABLE cellSpacing=0 cellPadding=0 border=0>
                <TBODY>
                 <TR>
                  <TD >
                  <DIV id=divDtlTable style="height:250px">
                    <TABLE  border="0" cellSpacing=0 cellPadding=0>
                     <TBODY>
                          <tr>
                            <TD class=tableHeader width="1%"><input type=checkbox></TD>
                            <TD class=tableHeader><bean:message key="hrm.HrmAttEmpShift.shiftBeginDate" /></td>
                            <TD class=tableHeader><bean:message  key="hrm.HrmAttEmpShift.shiftEndDate" /></td>
                            <TD class=tableHeader><bean:message key="hrm.HrmAttEmpShift.shiftCode" /></td>
                         </tr>
                         <logic:notEmpty name="HrmAttEmpShiftForm" property="arrHrmAttESD" >
                            
                            <logic:iterate id="HrmAttEmpShift" name="HrmAttEmpShiftForm" property="arrHrmAttESD" type="wenrgise.hrms.bean.HrmAttEmpShiftDtlBean" indexId="idx" >
                                         <logic:notEqual name="HrmAttEmpShift" property="status" value="D" >
                                             <tr class='<bean:write name="HrmAttEmpShiftForm" property="listRowClass"/>'  >
                                                <td><html:checkbox property="checked" value="check" name="HrmAttEmpShiftForm" alt="<%=idx.toString()%>" onclick="boxClicked(this.alt);" />    
                                                <html:hidden property="itemChecked" name="HrmAttEmpShift" /><html:hidden property="status" name="HrmAttEmpShift" /><html:hidden property="detailId"  name="HrmAttEmpShift" /><html:hidden property="shiftId"  name="HrmAttEmpShift" /></td>            
                                                <TD class=tableText ><enrgise:text property="shiftBeginDate" name="HrmAttEmpShift" formName="HrmAttEmpShiftForm" style="width:95%" styleClass="required" disabledClass="required" titleKey="hrm.HrmAttEmpShift.shiftBeginDate" alt="P" onchange='<%="doChangeDetail("+idx.toString()+")"%>' /><enrgise:img width="16" height="19" align="top" styleClass="icon" src="../includes/images/cal.gif" property="butshiftBeginDate" name="HrmAttEmpShiftForm" alt="<%=idx.toString()%>"  onclick="showCalendar('shiftBeginDate',this)" /></td>              
                                                <TD class=tableText ><enrgise:text property="shiftEndDate" name="HrmAttEmpShift" formName="HrmAttEmpShiftForm" style="width:95%" styleClass="optional" disabledClass="locked" titleKey="hrm.HrmAttEmpShift.shiftEndDate" alt="P" onchange='<%="doChangeDetail("+idx.toString()+")"%>' /><enrgise:img width="16" height="19" align="top" styleClass="icon" src="../includes/images/cal.gif" property="butshiftEndDate" name="HrmAttEmpShiftForm" alt="<%=idx.toString()%>"  onclick="showCalendar('shiftEndDate',this)" /></td>              
                                               
                                                <TD class=tableText ><enrgise:text property="shiftCode" maxlength="20" size="15" titleKey="hrm.HrmAttEmpShift.shiftCode"  name="HrmAttEmpShift" formName="HrmAttEmpShiftForm" style="width:90%" styleClass="required" disabledClass="required" alt="P" onchange='<%="doChangeDetail("+idx.toString()+")"%>' /><enrgise:img src="../includes/images/lov.jpg" height="15" align="center" styleClass="icon" name="HrmAttEmpShiftForm" property="butshiftCode"  alt="<%=idx.toString()%>" onclick="return ShowShiftCode(this.alt)"  /></td>
                                               
                                               
                     
                                        </logic:notEqual>
                                        <logic:equal name="HrmAttEmpShift" property="status" value="D"  >
                                              <tr class='<bean:write name="HrmAttEmpShiftForm" property="listRowClass"/>'  >
                                                  <td><html:checkbox property="checked" value="check" disabled="true" name="HrmAttEmpShiftForm" alt="<%=idx.toString()%>" onclick="boxClicked(this.alt);" />    
                                                  <html:hidden property="itemChecked" name="HrmAttEmpShift" /><html:hidden property="status" name="HrmAttEmpShift" /><html:hidden property="detailId"  name="HrmAttEmpShift" /><html:hidden property="shiftId"  name="HrmAttEmpShift" /></td>            
                                                   <TD class=tableText ><enrgise:text property="shiftBeginDate" name="HrmAttEmpShift" style="width:95%" formName="HrmAttEmpShiftForm" styleClass="deletedRow" disabledClass="locked" titleKey="hrm.HrmAttEmpShift.shiftBeginDate" alt="<%=idx.toString()%>"  onchange="doChangeDetail(this.alt);" /><enrgise:img width="16" height="19" align="top" styleClass="icon" src="../includes/images/cal.gif" property="butshiftBeginDate" name="HrmAttEmpShiftForm"    alt="<%=idx.toString()%>" onclick="showCalendar('shiftBeginDate',this)" /></td>              
                                                   <TD class=tableText ><enrgise:text property="shiftEndDate" name="HrmAttEmpShift" style="width:95%" formName="HrmAttEmpShiftForm" styleClass="deletedRow" disabledClass="locked" titleKey="hrm.HrmAttEmpShift.shiftEndDate" alt="<%=idx.toString()%>"  onchange="doChangeDetail(this.alt);" /><enrgise:img width="16" height="19" align="top" styleClass="icon" src="../includes/images/cal.gif" property="butshiftEndDate" name="HrmAttEmpShiftForm"  alt="<%=idx.toString()%>" onclick="showCalendar('shiftEndDate',this)" /></td>              
                                                  
                                            <TD class=tableText ><enrgise:text property="shiftCode" size="15" titleKey="hrm.HrmAttWorkGroupShift.shiftCode" name="HrmAttEmpShift" style="width:90%" formName="HrmAttEmpShiftForm" styleClass="deletedRow" disabledClass="locked" alt="<%=idx.toString()%>"  onchange="doChangeDetail(this.alt);" /><enrgise:img src="../includes/images/lov.jpg" height="15" align="center" styleClass="icon" name="HrmAttEmpShiftForm" property="butshiftCode"  alt="<%=idx.toString()%>"  onclick="return ShowShiftCode(this.alt)" /></td>
                                             </tr>
                                        </logic:equal>
                          </logic:iterate>
                        </logic:notEmpty>
                      </TBODY>
                      </TABLE>
                      </DIV>
                      </TD>
                    </TR>
               <tr>
                <td>	
                <!--Buttons for Add Row and Save row-->
                  <jsp:include page="GenDetailMenu.jsp" flush="true" />
		            </TD>
		            <td> </td>
               </tr>
        </TABLE>
      </td>
     </tr>
      <TR>
        <TD background="../includes/images/line_r.gif"><IMG src="../includes/images/pixel.gif" border=0></TD>
      </TR>
      
  </TABLE>
</td>
</tr>
              <!-- Tab Table Ends -->

      <!-- Bottom Blue Bar -->
       <TR>
            <td>
              <TABLE  cellspacing="0" cellpadding="0" border=0>
                    <tr>
                        <td width=40% align=center bgColor=#4682b4></td>
                        <td  bgColor=#4682b4></td>
                        <td  bgColor=#4682b4></td>                
                        <td bgColor=#4682b4></td>
                        <td align=right bgColor=#4682b4><img src="../includes/images/man.jpg"></td>
                   </TR>
                </table>
            </td>
          </tr>
	
<!-- Container Table Ending Columns Starts-->
    
</TBODY>
</TABLE>
</div>
<!-- Container Table Ends -->
<html:hidden name="HrmAttEmpShiftForm"  property="screenMode" />
<html:hidden name="HrmAttEmpShiftForm"  property="screenName" value="HrmAttEmpShift" />
<html:hidden name="HrmAttEmpShiftForm"  property="forwardedPage" />
<html:hidden property="positionRequested" name="HrmAttEmpShiftForm" />

<html:hidden property="userPageRequested"  />
<html:hidden property="userPositionRequested" />
<html:hidden property="pageRequested" />

<html:hidden property="lovKey" name="HrmAttEmpShiftForm"  />
<html:hidden property="txtSearchFields" name="HrmAttEmpShiftForm"  />
<html:hidden property="txtDisplayFields" name="HrmAttEmpShiftForm"  />
<html:hidden property="headerDataChanged" name="HrmAttEmpShiftForm" />
<html:hidden property="detailDataChanged" name="HrmAttEmpShiftForm" />

<html:hidden property="txtIndex" name="HrmAttEmpShiftForm"  />
<html:hidden property="empNoId" name="HrmAttEmpShiftForm" />
<html:hidden property="firstLoad" name="HrmAttEmpShiftForm"  />

<input type="hidden" name="multipleFlag" >
<input type="hidden" name="queryParam" >

</html:form>
</body>
</html:html>
<SCRIPT>
function doChangeHeader()
{

 if(document.forms[0].screenMode.value="Q")
 {

 document.forms[0].headerDataChanged.value="false";
 }
 else
 {

 document.forms[0].headerDataChanged.value="true";
 }
 
}
function doQueryMode()
{

  return "HrmAttEmpShiftQueryModeAction.do";
}


function doInsertMode()
{

  return "HrmAttEmpShiftNewModeAction.do";
}

function doOnLoad()
{
  if(document.forms[0].firstLoad.value!="false")
  {
    return  "HrmAttEmpShiftOnLoadAction.do"; 
  }
}
function doExecute()
{

  return "HrmAttEmpShiftGetHeaderAction.do";
}

function doSave()
{
  document.forms[0].screenMode.value = 'U';
  document.forms[0].headerDataChanged.value="true";
  document.forms[0].detailDataChanged.value="true";
  return "HrmAttEmpShiftSaveAction.do";
  
}
function doValidate()
{
 return "HrmAttEmpShiftValidateAction.do";
}

function doOnChangeLov(lovName)
{
  if(lovName == 'EmpNoHrmAttEmpShiftN')
  {
    doBaseValidate();
  } 
  if(lovName == 'EmpNoHrmAttEmpShiftQ')
  {
    doBaseValidate();
  } 
      
}



function doDelete()
{

  return "HrmAttEmpShiftDeleteAction.do";
  
}

function doRefresh()
{

  return "HrmAttEmpShiftRefreshAction.do";
  
}

function doPrevHeader()
{
  return "HrmAttEmpShiftGetNextHeaderAction.do"; 
}

function doNextHeader()
{
  return "HrmAttEmpShiftGetNextHeaderAction.do"; 
}

function doJumpHeader()
{
  return "HrmAttEmpShiftGetNextHeaderAction.do"; 
}

function doGetDetail()
{

  return "HrmAttEmpShiftGetDetailAction.do";
}
function doExit()
{

  return "HrmAttEmpShiftExitAction.do";
}

function doAddRow()
{

  return "HrmAttEmpShiftAddRowAction.do"; 
}

function doDelRow()
{
 return "HrmAttEmpShiftDeleteRowAction.do";  
}

function doGetDetailTableName()
{
  return "HrmAttEmpShift";
}

function doPrevDetail()
{

  return "HrmAttEmpShiftGetDetailPageAction.do";  
}

function doNextDetail()
{

  return "HrmAttEmpShiftGetDetailPageAction.do";
}

function doJumpDetail()
{
  return  "HrmAttEmpShiftGetDetailPageAction.do"; 
}


function ShowEmpNo()
{
        document.forms[0].lovKey.value = "EmpNo" + document.forms[0].screenName.value + document.forms[0].screenMode.value;
        document.forms[0].txtSearchFields.value = "hrm.HrmAttEmpShift.employeeNo,hrm.HrmAttEmpShift.employeeName";
        document.forms[0].txtDisplayFields.value = "empNoId,employeeNo,employeeName";
        document.forms[0].multipleFlag.value="false";
      
        showLov('<html:rewrite page="/hrms/jsp/CommonSearchScreen.jsp" />','HrmAttEmpShiftForm');
        return true;
        
       
}
 

function ShowShiftCode(i)
{
        document.forms[0].lovKey.value = "ShiftCode" + document.forms[0].screenName.value + document.forms[0].screenMode.value;
        document.forms[0].txtSearchFields.value = "hrm.HrmAttWorkGroupShift.shiftCode";
        document.forms[0].txtIndex.value = i;
        document.forms[0].txtDisplayFields.value = "shiftId,shiftCode";
        document.forms[0].multipleFlag.value="false";
      
        showLov('<html:rewrite page="/hrms/jsp/CommonSearchScreen.jsp" />','HrmAttEmpShiftForm');
        if(document.getElementsByName("status")[iIndex])
        {
          if(document.getElementsByName("status")[iIndex].value!="N")
          {
            document.getElementsByName("status")[iIndex].value="U";
          }
        }
        return true;
        
       
}


function doGetInsertData()
{}
function boxClicked(val)
{    
    if(document.getElementsByName("checked")[val].checked)
    {      
      document.getElementsByName("itemChecked")[val].value = "Y";      
    }
    else
    {     
      document.getElementsByName("itemChecked")[val].value = "N";     
    }      
}


</script>
              
 