<%@ page language="VB" autoeventwireup="false" inherits="Reports_Recalculate, App_Web_2dgfgyr-" enableEventValidation="false" %>
<%@ Register TagPrefix="oem" Namespace="OboutInc.EasyMenu_Pro" Assembly="obout_EasyMenu_Pro" %>
<%@ Register TagPrefix="uctrl" Src="~/Header.ascx" TagName="header" %>
<%@ Register TagPrefix="owd" Namespace="OboutInc.window" Assembly="obout_Window_NET"%>
<%@ Register TagPrefix="obout" Namespace="OboutInc.Flyout2" Assembly="obout_Flyout2_NET" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
    <link href="../StyleSheet.css" rel="stylesheet" type="text/css" />
</head>
<body  >
    <form id="form1" runat="server">
    <div>
    <uctrl:header ID="MyHeader" runat="server" />
    <owd:Window ID="ReportProtoType" runat="server" IsModal="true"  Height="310" Width="518"
            StyleFolder="~/Styles/mainwindow/blue" Title="Calculate Attendance"  
             VisibleOnLoad="true" ShowCloseButton="true"  Left="80"  Top="45" ShowStatusBar="False"> 
             
               
             <table width="100%" cellpadding="1" class="Table" style="border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none;">
              
             <tr></tr>
             <tr></tr>
             <tr >
             <td>&nbsp;From Date&nbsp;&nbsp;</td>
             <td style="width: 173px" >
               <asp:DropDownList ID="Drp_FromDateDD" runat="server" CssClass="WebControls"> </asp:DropDownList>
                <asp:DropDownList ID="Drp_FromDateMM" runat="server" CssClass="WebControls"></asp:DropDownList>
                <asp:DropDownList ID="Drp_FromDateYYYY" runat="server" CssClass="WebControls"> </asp:DropDownList>
             </td>
             
             <td>&nbsp;To Date&nbsp;&nbsp;</td>
              <td>
              <asp:DropDownList ID="Drp_ToDateDD" runat="server" CssClass="WebControls"></asp:DropDownList>
              <asp:DropDownList ID="Drp_ToDateMM" runat="server" CssClass="WebControls"></asp:DropDownList>
              <asp:DropDownList ID="Drp_ToDateYYYY" runat="server" CssClass="WebControls"></asp:DropDownList> 
              </td>
              </tr>
              <tr></tr>
              
              <tr></tr>
              <tr></tr>
              <tr></tr>
              
              <tr>
              <td colspan="2">&nbsp;Select Companies&nbsp;&nbsp;</td>
             
              <td  colspan="2" align="left">&nbsp;Select Departments&nbsp;&nbsp;</td>
             </tr>
             <tr></tr>
              
             
             <tr>
                 <td colspan="2">
                   
                     <asp:ListBox ID="Lst_Company" runat="server" Height="135px" Width="145px"  CssClass="WebControls" BorderStyle="Solid" BorderWidth="1px" SelectionMode="Multiple" ></asp:ListBox>      
                 </td>                 
                 <td colspan="2" align="left">
                     
                 <asp:ListBox ID="Lst_Department" runat="server"  Height="135px" Width="145px"  CssClass="WebControls" BorderStyle="Solid" BorderWidth="1px" SelectionMode="Multiple" ></asp:ListBox>      
                 </td>
            </tr>
            <tr></tr>
            <tr>
              <td colspan="2">&nbsp;<asp:LinkButton ID="Lnk_SelectAllCompany" runat="server"  OnClientClick="return SelectAllComany();">Select All</asp:LinkButton> &nbsp;&nbsp;
              <asp:LinkButton ID="Lnk_DeSelectAllCompany" runat="server" OnClientClick="return DeSelectAllComany();">DeSelect All</asp:LinkButton></td>
             
              <td  colspan="2" align="left">&nbsp;<asp:LinkButton ID="Lnk_SelectAllDepartment" runat="server" OnClientClick="return SelectAllDepartment();">Select All</asp:LinkButton>&nbsp;&nbsp;
              <asp:LinkButton ID="Lnk_DeSelectAllDepartment" runat="server" OnClientClick="return DeSelectAllDepartment();">DeSelect All</asp:LinkButton></td>
             </tr>
             
             <tr>
                 <td colspan="4" align="right"><asp:Button ID="btn_Calculate" runat="server" CssClass="WebControls"  Text="Calculate"  OnClientClick="javascript:document.getElementById('ReportProtoType_lblStatus').innerHTML='';" />&nbsp;&nbsp;<input
                         id="Button1" type="button" value="Close" onclick="ReportProtoType.Close();"  class="WebControls"  />   </td>
            </tr>
            
           
           <tr>
           
       <td colspan="4">
       <hr />
                 <asp:LinkButton ID="lnk_DisplayError"  runat="server" Enabled="False" OnClientClick="return attachFlyoutToLink(this);">Display Error</asp:LinkButton>
       <asp:Label ID="lblStatus"    runat="server" CssClass="WebControls"  ForeColor="Red"   Height="20px"></asp:Label>
       </td>
       </tr>
                 
              </table>
              </owd:Window>
     
     <obout:Flyout runat="server" ID="Flyout1" Align="left" Position="BOTTOM_right" CloseEvent="NONE"
                OpenEvent="NONE" DelayTime="500" AttachTo="lnk_DisplayError" zIndex="100000">
                <table class="rowEditTable">
                    <tr>
                        <td>
                            <asp:TextBox runat="server" ReadOnly="true" BorderStyle="None" Wrap="true" Width="400px"  CssClass="WebControls" BackColor="#EEEEEE" Height="150px" TextMode="MultiLine" BorderWidth="0" ID="lbl_DisplayError"></asp:TextBox>
                        </td>
                    </tr>
                    <tr>
                        <td align="right">
                                <input id="Button2" type="button" value="Close"  class="WebControls" onclick="javascript:closeFlyout();" />
                        </td>
                    </tr>
                    
                </table>
            </obout:Flyout>
    
    </div>
    </form>
</body>
</html>
<script type="text/javascript">

function attachFlyoutToLink(oLink)
		        {	
		            if(oLink.disabled==false)
		            {
	                    <%=Flyout1.getClientID()%>.AttachTo(oLink.id);		            		            
	                    <%=Flyout1.getClientID()%>.Open();
	                }
	                return false;
		        }
		    
		     function closeFlyout() 
		        {
		            <%=Flyout1.getClientID()%>.Close();
		        }

   // SELECT ALL 
   
     function SelectAllComany()
        {
                 
	            var ListViewObject=document.getElementById("<%=Lst_Company.ClientID %>");
		         for(var j=0;j<ListViewObject.options.length;j++)
		                {
		                        ListViewObject.options[j].selected=true;
		                }
		               return false;
	                    }
	                    
	                    
	   function SelectAllDepartment()
            {
            
	           var ListViewObject=document.getElementById("<%=Lst_Department.ClientID %>");
		         for(var j=0;j<ListViewObject.options.length;j++)
		                {
		                        ListViewObject.options[j].selected=true;
		                }
		            return false;    
	            }
	            
	            // DESELECT ALL
	            
	          function DeSelectAllComany()
                 {
                 
	            var ListViewObject=document.getElementById("<%=Lst_Company.ClientID %>");
		         for(var j=0;j<ListViewObject.options.length;j++)
		                {
		                        ListViewObject.options[j].selected=false;
		                }
		               return false;
	                    }
        
              function DeSelectAllDepartment()
                 {
                 
	            var ListViewObject=document.getElementById("<%=Lst_Department.ClientID %>");
		         for(var j=0;j<ListViewObject.options.length;j++)
		                {
		                        ListViewObject.options[j].selected=false;
		                }
		               return false;
	                    }
        
             
        
        
//        function SelectAll(Sender)
//        {
//     alert('in function');
//         var FieldName=Sender.getAttribute("id");
//         alert(FieldName);
//        
//             if (FieldName=='ReportProtoType_Lnk_SelectAllCompany')
//	            {
//	            var ListViewObject=document.getElementById("<%=Lst_Company.ClientID %>");
//		         for(var j=0;j<ListViewObject.options.length;j++)
//		                {
//		                        ListViewObject.options[j].selected=true;
//		                }
//		                return false;
//	            }
//	            
//	             else if (FieldName=='ReportProtoType_Lnk_SelectAllDepartment')
//	            {
//	            var ListViewObject=document.getElementById("<%=Lst_Department.ClientID %>");
//		         for(var j=0;j<ListViewObject.options.length;j++)
//		                {
//		                        ListViewObject.options[j].selected=true;
//		                }
//		                return false;
//	            }
//	            
//        }
	            
        

        
        // DESELECT ALL
        
//        function DeSelectAll(Sender)
//        {
//     
//         var FieldName=Sender.getAttribute("id");
//       
//	         
//	            
//	             if (FieldName=='ReportProtoType_Lnk_DeSelectAllCompany')
//	            {
//	            var ListViewObject=document.getElementById("<%=Lst_Company.ClientID %>");
//		         for(var j=0;j<ListViewObject.options.length;j++)
//		                {
//		                        ListViewObject.options[j].selected=false;
//		                }
//		                return false;
//	            }
//	            
//	             else if (FieldName=='ReportProtoType_Lnk_DeSelectAllDepartment')
//	            {
//	            var ListViewObject=document.getElementById("<%=Lst_Department.ClientID %>");
//		         for(var j=0;j<ListViewObject.options.length;j++)
//		                {
//		                        ListViewObject.options[j].selected=false;
//		                }
//		                return false;
//	            }
//	            
//        }


</script>
