<%@ Page Title="" Language="C#" MasterPageFile="~/m/m.Master" AutoEventWireup="true" CodeBehind="Dashboard.aspx.cs" Inherits="helpdesk.m.Dashboard" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">


      <script>
          function ftext(status) {
              
              if (status == "unsolved")
                  return  document.write("<font color=red>unsolved</font>");

              if (status == "solved")
                  return   document.write("<font color=green>solved</font>");
              if (status == "pending")
                  return document.write("<font color=orange>pending</font>");

              return status;
          }


    </script>
    
       <style>
         #searchKey {
          font-size:13px;
         }
         #searchKey label {
          font-weight:normal; font-size:13px;
         }

         #searchKey input,    #searchKey select {
          margin-left:5px;font-size:13px;
         }
  


      .mui-popover .mui-popover-arrow:after {  
                width: 0px;  border-radius:0px; 
            }  

      #popover{
    padding:20px;

    background-color: #fff;
    border-radius: 5px;
    width:80%;
    height: 360px;
    margin:0 auto;
    position: absolute;
    top: 80px;
    left: 0px;
    right: 0px;
    bottom: 0px;

}

     ul#searchKey {
      margin:0px; padding:0px;
     }
     #searchKey li {
      list-style-type:none; 
     }
 </style>

    
     <header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">问题面板</h1>
       <a class="mui-icon mui-icon-bars mui-pull-right" href="default.aspx"></a>
 </header>

 	

    <div class="mui-content">
        <div class="mui-page">

            <button type="button" id="pop" style="border-radius:0px; padding:4px; margin-top:5px;" class="mui-btn mui-btn-primary mui-icon mui-icon-search  mui-btn-block">
		            条件搜索
		        </button>
            



            
             <div id="popover" class="mui-popover"   >  
            <div class="mui-popover-arrow"></div>  
            <div>

                <ul id="searchKey" >
				<li class="mui-table-view-cell">
				<asp:TextBox ID="txt_contanctname"  placeholder="提交联系人" runat="server"  ></asp:TextBox>  
					 
				</li>

               <li class="mui-table-view-cell">
                   提交时间
                   <asp:RadioButtonList runat="server" ID="rbl_date" Width="240" RepeatDirection="Horizontal">
                    <asp:ListItem Text="最近一月"  Value="month" Selected="True"></asp:ListItem>
                    <asp:ListItem Text="最近一周" Value="week" ></asp:ListItem>
                    <asp:ListItem Text="最近一天" Value="yestoday"></asp:ListItem>
                 </asp:RadioButtonList>
                   
                </li>

              <li class="mui-table-view-cell">
                          状态 
               <asp:RadioButtonList runat="server" ID="rbl_types" Width="240" RepeatDirection="Horizontal">
                 <asp:ListItem Text="所有" Value="all" Selected="True"></asp:ListItem>
                 <asp:ListItem Text="未解决" Value="unsolved"></asp:ListItem>
                 <asp:ListItem Text="已接单" Value="solved"></asp:ListItem>
                <asp:ListItem Text="中止" Value="pending"></asp:ListItem>

             </asp:RadioButtonList>

            </li>
                     
              
              <li class="mui-table-view-cell">
                     <asp:TextBox ID="txt_key"  placeholder="标题关键字" runat="server"  ></asp:TextBox>  
                 </li>

                    <li>
                        
              <asp:Button ID="Button3"  OnClick="Button3_Click"
          class="mui-active mui-btn mui-btn-block"
          runat="server" Text="搜 索" 
      />
                    </li>
</ul>


            </div>  
        </div>  


              <script type="text/javascript">
                 // mui.init()
                  $("#pop").on("tap", function () {
                      mui("#popover").popover('toggle');
                      //调用隐藏/显示弹出层  
                     // mui("#popover").popover('toggle', document.getElementById("div"));
                  })
        </script>  


             

            </div>
        </div>

 
  
 
   
<asp:ListView ID="lv_lists" runat="server" 
    ItemContainerID="layoutTableTemplate"  
              DataKeyNames="id"
     OnPagePropertiesChanging="lv_lists_PagePropertiesChanging"
    
                    
 >
 
   <LayoutTemplate>
                       
                     	<ul class="mui-table-view" id="itemPlaceholderContainer" runat="server">
                              <li id="itemPlaceholder" runat="server">
                                </li>
                         </ul>
                    </LayoutTemplate>

                <ItemTemplate>
                   
                    <li class="mui-table-view-cell prop">
                           <a href='Ticket_View.aspx?id=<%#Eval("id") %>'   >
                              <script>ftext('<%#Eval("status")%>')</script>  / <%#Eval("contactname")%> /  <%#Eval("title")%> 
                        </a>
                   
					 </li>
                    </ItemTemplate>
   
</asp:ListView>        


 
 

   	<div class="pg">
 <asp:DataPager ID="DataPager1"   class="pg mui-pagination"  
        PagedControlID="lv_lists" runat="server" PageSize="20">
 <Fields>
           
     
            <asp:NextPreviousPagerField 
                PreviousPageText="<" 
                FirstPageText="|<" 
                ShowPreviousPageButton="true"
                ShowFirstPageButton="true" 
                ShowNextPageButton="false" 
                ShowLastPageButton="false"
               
                RenderNonBreakingSpacesBetweenControls="false" 
                RenderDisabledButtonsAsLabels="false" />

            <asp:NumericPagerField 
                ButtonType="Link" 
                CurrentPageLabelCssClass="btn btn-primary disabled"  
                RenderNonBreakingSpacesBetweenControls="false"
                
                ButtonCount="10" 
                NextPageText="..." 
               />
            
           <asp:NextPreviousPagerField 
               NextPageText=">" 
               LastPageText=">|" 
               ShowNextPageButton="true"
               ShowLastPageButton="true" 
               ShowPreviousPageButton="false" 
               ShowFirstPageButton="false" 
               RenderNonBreakingSpacesBetweenControls="false" 
               RenderDisabledButtonsAsLabels="false"/>
      

  </Fields> 
</asp:DataPager>
</div>

 

  

</asp:Content>
