<%@ 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>
<head>
<html:base />
  <TITLE><bean:message  key="hrm.title" /></TITLE>
  <jsp:include page="GenIncludes.jsp" flush="true" />
  <meta http-equiv=pragma content=no-cache>
</head>
<BODY onkeydown="hotKeys(event);" scroll=auto>

<html:form  action="HrmSepClrEmpBaseAction" name="HrmSepClrEmpForm" type="wenrgise.hrms.webtier.form.HrmSepClrEmpForm">
<bean:define id="ParentForm" name="HrmSepClrEmpForm" toScope="request" />
<jsp:include page="GenIconMenu.jsp" flush="true" />
<html:hidden property="detailDataChanged" name="HrmSepClrEmpForm" />
<html:hidden property="headerDataChanged" name="HrmSepClrEmpForm" />


<!--Top Most Blue Bar-->
<TABLE cellSpacing=0 bgColor=#bdd0ef>
    <tr>
        <TD  colSpan=12 class=mainHeader ><bean:message  key="hrm.HrmSepClrEmp.heading" /></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 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.HrmSepClrEmp.empNo" /></td>
                  <td><html:text  property="empNo" titleKey="hrm.HrmSepClrEmp.empNo" maxlength="20" size="23" styleClass="required" readonly="true" name="HrmSepClrEmpForm" onchange="doChangeHeader();" /><enrgise:img height="16" align="center" src="../includes/images/lov.jpg" styleClass="icon" name="HrmSepClrEmpForm"  property="butEmpNo" onclick="return showEmpNo()" /></td>
                  <td class="labelText"><bean:message key="hrm.HrmSepClrEmp.tmplDesc" /></td>
                  <td><html:text  property="tmplDesc" titleKey="hrm.HrmSepClrEmp.tmplDesc" maxlength="20" size="23" styleClass="required" readonly="true" name="HrmSepClrEmpForm" onchange="doChangeHeader();" /><enrgise:img height="16" align="center" src="../includes/images/lov.jpg" styleClass="icon" name="HrmSepClrEmpForm"  property="butTmplDesc" onclick="return showTmplDesc()" /></td>
                  <html:hidden property="empNoId" />
                  <html:hidden property="tmplDescId" />
            </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" width="10"><img src="../includes/images/pixel.gif" width="10" height="1" border="0"></td>
                          <td bgcolor="#4682B4" nowrap class=actTabText ><bean:message key="hrm.HrmSepClrEmp.txtClrDesc" /><img src="../includes/images/pixel.gif" width="10" height="1" border="0"></td>
                          <TD><IMG height=19  src="../includes/images/formtab_r.gif" width=10  border=0></TD>                              
                          <TD width="100%" background="../includes/images/line_t.gif">&nbsp;</TD>
                          <TD background="../includes/images/line_t.gif"><IMG height=1 src="../includes/images/pixel.gif" width=10 border=0></TD>
            </tr>
              <TR >
              
            <!-- Detail table Container starts -->
              <TD colSpan=6>
              <TABLE cellSpacing=0 cellPadding=0 border=0>
                <TBODY>
                 <TR>
                  <TD >
                  <DIV id=divDtlTable style="height:200px">
                    <TABLE  border="0" cellSpacing=0 cellPadding=0>
                     <TBODY>
                          <tr>
                              <TD class=tableHeader width="1%"><input type="checkbox" name="selectAll" disabled /></TD>
                              <TD class=tableHeader><bean:message key="hrm.HrmSepClrEmp.txtClrDesc" /></td>   
                              <TD class=tableHeader><bean:message key="hrm.HrmSepClrEmp.txtCheckFlag" /></td>
                              <TD class=tableHeader><bean:message key="hrm.HrmSepClrEmp.txtComment" /></td>
                          </tr> 
                         <logic:notEmpty name="HrmSepClrEmpForm" property="arrHrmSepClrEmp">
                          <logic:iterate id="oSepClrEmp" name="HrmSepClrEmpForm" property="arrHrmSepClrEmp" type="wenrgise.hrms.bean.HrmSepClrEmpDtlBean" indexId="idx" >
                            <logic:notEqual name="oSepClrEmp" property="status" value="D" >
                              <tr>
                              <td width="1%"><html:hidden property="status"  name="oSepClrEmp" /><html:hidden property="detailId"  name="oSepClrEmp"  /><html:hidden property="itemChecked"  name="oSepClrEmp"  /><html:checkbox property="checked"  name="HrmSepClrEmpForm" alt="<%=idx.toString()%>" onclick="boxClicked(this.alt);" onchange="doChangeDetail(this.alt);" disabled="true" /></td>
                              <TD class=tableText ><html:text property="txtClrDesc" name="oSepClrEmp" style="width:90%" styleClass="required" readonly="true" alt="<%=idx.toString()%>" onchange="doChangeDetail(this.alt);" /></td>   
                              <TD class=tableText ><html:checkbox property="txtCheckFlag" name="oSepClrEmp" styleClass="optional"  alt="<%=idx.toString()%>" onclick="doChangeDetail(this.alt);" /><html:hidden property="txtCheckFlag" name="oSepClrEmp" /></td>   
                              <TD class=tableText ><html:text property="txtComment" name="oSepClrEmp" style="width:90%" styleClass="optional"  alt="<%=idx.toString()%>" onchange="doChangeDetail(this.alt);" /></td>   
                              <html:hidden property="txtClrDescId" name="oSepClrEmp" />
                              </tr>
                            </logic:notEqual>
                            <logic:equal name="oSepClrEmp" property="status" value="D"  >
                              <tr>
                              <td width="1%"><html:hidden property="status"  name="oSepClrEmp" /><html:hidden property="detailId"  name="oSepClrEmp"  /><html:hidden property="itemChecked"  name="oSepClrEmp"  /><html:checkbox property="checked"  name="HrmSepClrEmpForm" alt="<%=idx.toString()%>" onclick="boxClicked(this.alt);" onchange="doChangeDetail(this.alt);" /></td>
                              <TD class=tableText ><html:text property="txtClrDesc" name="oSepClrEmp"  style="width:90%" styleClass="locked" readonly="true" alt="<%=idx.toString()%>"  /></td>   
                              <TD class=tableText ><html:checkbox property="txtCheckFlag" name="oSepClrEmp" styleClass="locked" disabled="true"  alt="<%=idx.toString()%>"/><html:hidden property="txtCheckFlag" name="oSepClrEmp" /></td>   
                              <TD class=tableText ><html:text property="txtComment" name="oSepClrEmp" style="width:90%" styleClass="locked"  readonly="true" alt="<%=idx.toString()%>" /></td>   
                              <html:hidden property="txtClrDescId" name="oSepClrEmp" />
                              </tr>
                            </logic:equal>
                          </logic:iterate>
                        </logic:notEmpty>
                        
                      </TBODY>
                      </TABLE>
                      </DIV>
                      </TD>
                    </TR>
               <tr>
                <td>	
                <jsp:include page="GenDetailMenu.jsp" flush="true" />
		            </TD>
		        </tr>
        </TABLE>
      </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>
<html:hidden name="HrmSepClrEmpForm"  property="screenMode" />
<html:hidden name="HrmSepClrEmpForm"  property="screenName" value="HrmSepClrEmp" />
<html:hidden name="HrmSepClrEmpForm"  property="forwardedPage" />
<html:hidden property="positionRequested" name="HrmSepClrEmpForm" />
<html:hidden property="headerPrimaryKey" name="HrmSepClrEmpForm"  />
<html:hidden property="firstLoad" name="HrmSepClrEmpForm"  />
<html:hidden property="userPageRequested"  />
<html:hidden property="userPositionRequested" />
<html:hidden property="pageRequested" />

<!-- Hidden Fields for LOV -->
<html:hidden property="lovKey" name="HrmSepClrEmpForm"  />
<html:hidden property="txtSearchFields" name="HrmSepClrEmpForm"  />
<html:hidden property="txtDisplayFields" name="HrmSepClrEmpForm"  />
<html:hidden property="txtIndex" name="HrmSepClrEmpForm"  />
<html:hidden property="firstLoad" name="HrmSepClrEmpForm"  />
<input type="hidden" name="multipleFlag" >
<input type="hidden" name="queryParam" >



<!-- Container Table Ends -->

</html:form>
</body>
</html:html>
<script>
function doChangeHeader()
{ 
  document.forms[0].headerDataChanged.value="true";
}
function doQueryMode()
{
  return "HrmSepClrEmpQueryModeAction.do";
}


function doInsertMode()
{
  return "HrmSepClrEmpNewModeAction.do";
}

function doExit()
{
  return "HrmSepClrEmpExitAction.do"; 
}
function doExecute()
{
  return "HrmSepClrEmpGetHeaderAction.do";
}

function doSave()
{
  if(document.forms[0].txtCheckFlag)
  {
    for(iIndex=0;iIndex<document.forms[0].txtCheckFlag.length;iIndex+=2)
    {
      if(document.forms[0].txtCheckFlag[iIndex].checked){
        document.forms[0].txtCheckFlag[iIndex].checked=false;
        document.forms[0].txtCheckFlag[iIndex+1].value="on";
      }
      else{
      document.forms[0].txtCheckFlag[iIndex+1].value="off";
      }
    }
  }
  return "HrmSepClrEmpSaveAction.do";
  
}

function doDelete()
{

  return "HrmSepClrEmpDeleteAction.do";
  
}

function doRefresh()
{

  return "HrmSepClrEmpRefreshAction.do";
  
}

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

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

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

function doGetDetail()
{

  return "HrmSepClrEmpGetDetailAction.do";
}

function doAddRow()
{
  return "HrmSepClrEmpAddRowAction.do"; 
}

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

function doGetDetailTableName()
{
  return "tableName";
}

function doPrevDetail()
{
  return "HrmSepClrEmpGetDetailPageAction.do";  
}

function doNextDetail()
{
  return "HrmSepClrEmpGetDetailPageAction.do";
}

function doJumpDetail()
{
  return  "HrmSepClrEmpGetDetailPageAction.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.HrmSepClrEmp.empNo,hrm.HrmSepClrEmp.empName";
    document.forms[0].txtDisplayFields.value = "empNoId,empNo";
    document.forms[0].multipleFlag.value = "false";
    showLov('<html:rewrite page="/hrms/jsp/CommonSearchScreen.jsp" />','HrmSepClrEmpForm');
    return true;
}

function showTmplDesc()
{
    document.forms[0].lovKey.value = "TmplDesc" + document.forms[0].screenName.value + document.forms[0].screenMode.value;
    document.forms[0].txtSearchFields.value = "hrm.HrmSepClrEmp.tmplDesc";
    document.forms[0].txtDisplayFields.value = "tmplDescId,tmplDesc";
    document.forms[0].multipleFlag.value = "false";
    if(document.forms[0].empNoId.value!="")
    {
      document.forms[0].queryParam.value = "empId=" + document.forms[0].empNoId.value;
    }
    else
    {
      document.forms[0].queryParam.value = "empId= ";
    }
    showLov('<html:rewrite page="/hrms/jsp/CommonSearchScreen.jsp" />','HrmSepClrEmpForm');
  
   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";     
    }      
}


function showTextPad(obj,iIndex)
{
  
}

function doValidate()
{
  return "HrmSepClrEmpValidateAction.do"
}

function doOnChangeLov(lovKey)
{
 if(lovKey=="TmplDesc" + document.forms[0].screenName.value + document.forms[0].screenMode.value)
 {
   doBaseValidate()
 }
 if(lovKey=="EmpNo" + document.forms[0].screenName.value + document.forms[0].screenMode.value)
 {
   doBaseValidate()
 }
}
function doOnLoad()
{
  if(document.forms[0].firstLoad.value!="false")
  {
    return  "HrmSepClrEmpOnLoadAction.do"; 
  }
}

</script>
                
              
              
              
              
              
              
              
              
              
