<%@ Page Title="" Language="C#" MasterPageFile="~/Book/Book.master" AutoEventWireup="true" CodeBehind="DailyView.aspx.cs" Inherits="Book.Book.DailyView" %>
<%@ Register src="../UserControls/area.ascx" tagname="area" tagprefix="uc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="cont_form" runat="server">

    <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>




  
    <style>
    
	 
        

 .contleave1{  width:100% ;   background-color:#ff99cc; margin:0px; padding:0px;  height:20px;}
 .contleave1a{  width:100% ;   background-color:#ff6a00; margin:0px; padding:0px;  height:20px;}

 .contleave2{  width:100% ;   background-color:#3399cc; margin:0px; padding:0px;  height:20px;}
  .contleave2a{  width:100% ;   background-color:#4800ff; margin:0px; padding:0px;  height:20px;}
 .cell
	{ 
	color:#000000;
	font-size:9.0pt;
	font-weight:700;
	font-family:微软雅黑, sans-serif;
	text-align:center;
	vertical-align:middle;
	border-top:1px solid #444444;
    border-left:1px dotted #888888;
    height:20px;
    width:40px; 
   
	}
	
	
	.header
	{ 
	color:#444444;
	font-size:9.0pt;
	font-family:微软雅黑, sans-serif;
    text-align:center;
	vertical-align:middle;
	border:1px solid #cccccc;
   width:200px;
	white-space:normal;
	 height:20px;
	
	}
	
	
	.roomheader
	{ 
	color:#444444;
	font-size:9.0pt;
	font-family:微软雅黑, sans-serif;
    text-align:center;
	vertical-align:middle;
	 
 
	white-space:normal;
	 height:30px;
	
	}
	
	.headerT
	{ 
	color:#444444;
	font-size:10px;
	font-family:微软雅黑;
    text-align:center;
	vertical-align:middle;
	border:1px solid #cccccc; 
	white-space:normal;
	 height:30px;
	
	}
	
	.ss{ font-size:8px;}
	.contleave{  width:100% ;   background-color:#ff99cc; margin:0px; padding:0px;  height:20px;}
	 
	   td.dselected {
        background-color: #416AC5;
    }

 
 
</style>


    <asp:UpdatePanel ID="UpdatePanel1" runat="server">

        <ContentTemplate>




     <div class="well">

      <uc1:area ID="area1" runat="server" OnAreaChanged="area1_changed" />
             &nbsp;&nbsp;|&nbsp;&nbsp;

    <asp:Button ID="btn_pre" runat="server" Text="<"  CssClass="btn btn-primary btn-flat btn-sm" 
        onclick="btn_pre_Click"/>

     
 
         <asp:TextBox runat="server" ID="txt_day"    CssClass="form-control _dt" style="width:200px; display:inline-block"></asp:TextBox>

         
         <asp:Button ID="go" runat="server" Text="查询"  CssClass="btn  btn-primary  btn-sm" 
         OnClick="go_Click"/>

         <asp:Button ID="btn_next" runat="server" Text=">"  CssClass="btn btn-primary btn-flat btn-sm" 
        onclick="btn_next_Click"/>


 
  
        
   
  

             



           &nbsp;&nbsp; | &nbsp;&nbsp;

      <span class="btn btn-flat btn-xs " title="红色背景表示内部会议" style="background-color:#3399cc;    color:#ffffff">内部会议</span>
      <span class="btn btn-flat  btn-xs"  title="蓝色背景表示外部会议"  style="background-color:#ff99cc;   color:#ffffff">外部会议</span> 

    <span class="btn btn-flat  btn-xs"   style="background-color:#808080;  color:#ffffff">鼠标选择空白区域后，右键可以快速预定</span> 

   

         </div>




       
     





 
  
<table id="tbl_cal"  
    clientidmode="Static"   width="100%"
 class="table table-hover" 
    style="border:solid 1px #cccccc; border-collapse:collapse"
      
        runat="server"/>

    
     
 


<input type="text" value="" style="width:300px; display:none" name="bookinfo" id="bookinfo"/>

            
    
     <ul class="dropdown-menu" id="contextMenu">
        
         
        <li>
            <a href="#"  onclick="quick(); return false;"  > <%=iseng?"Quick Booking":" 快速预定" %>     </a>    
        </li>
        <li>
           <a href="#"  onclick="normal(); return false;"  >  <%=iseng?"Normal Booking":" 常规预定" %>  </a>    
        </li>
    </ul>










             
  
       
      </ContentTemplate>

    </asp:UpdatePanel>



         <script src="../Javascript/dayview.js"></script>



     

         <script>

             function _setCell(_roomid, _start, _end) {
                 cellidnex = 0;


                 tr = $("td[roomid=" + _roomid + "]").parent();
                 $(tr).find("td").each(

                     function (index) {
                         if ($(this).attr("data-time") == _end) {
                             cellidnex = cellidnex - 200;
                         }

                         if ($(this).attr("data-time") == _start || cellidnex > 0) {
                             $(this).html("<div class=contleave2>&nbsp;</div");
                             cellidnex++;
                         }
                     }
                  );
             }



    </script>
  
</asp:Content>
