<%@ Page Title="" Language="C#" MasterPageFile="~/Admin/SiteMenu.Master" AutoEventWireup="true" CodeBehind="BS_Role.aspx.cs" Inherits="Crm25175.BS_Role" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link rel="stylesheet" href="../assets/css/jquery-ui-1.10.3.full.min.css" />

    <script type="text/javascript">
        function DoubleAddClick() {
            document.getElementById('<%=BT_Add.ClientID %>').click();
        }
        function DoubleEditClick() {
            document.getElementById('<%=BT_Edit.ClientID %>').click();
        }
        function DoubleDelClick() {
            document.getElementById('<%=BtMenuDel.ClientID %>').click();
        }
        //后台调用,区分提示信息底色
        //Danger,Info
        function ChangeMsgClass(MsgType) {
            if (MsgType == "Danger") 
            {
                DivMsg.className = 'alert alert-danger';
            }
            else 
            {
                DivMsg.className = 'alert alert-info';
            }
        }
    </script>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

    <div class="breadcrumbs" id="breadcrumbs">
		<script type="text/javascript">
			try { ace.settings.check('breadcrumbs', 'fixed') } catch (e) { }
		</script>
		<ul class="breadcrumb">
			<li>
				<i class="<%=PageIcon %>"></i>
                角色权限设置
			</li>
		</ul>
	</div>

    <div class="page-content">
        <div class="row col-xs-12">
            <div id="DivMsg" class="alert alert-info">
                <i class="icon-hand-right"></i>
                <asp:Label ID="LabMsg" runat="server" Text=" "></asp:Label>
			    <button class="close" data-dismiss="alert">
                <i class="icon-remove"></i>
                </button>
            </div>
        </div>

        <div class="page-header">
            <div class="col-xs-12 widget-box">
                <asp:Button ID="BtMenuList" runat="server" OnClick="BtMenuList_Click" Text="数据列表" CssClass="btn btn-info btn-sm" />
                <asp:Button ID="BtMenuAdd" runat="server" OnClick="BtMenuAdd_Click" Text="添加" CssClass="btn btn-primary btn-sm" />
                <asp:Button ID="BtMenuEdit" runat="server" OnClick="BtMenuEdit_Click" Text="修改" CssClass="btn btn-purple btn-sm" />
                <asp:Button ID="BtMenuDel" runat="server" OnClick="BtMenuDel_Click" Text="删除" CssClass="btn btn-info btn-sm hidden" />
                <asp:Button ID="BtDel" runat="server" Text="删除" CssClass="btn btn-danger btn-sm"/>
                <%--<asp:TextBox runat="server" ID="TxtSearchUser" placeholder="姓名..." CssClass="input-mini"></asp:TextBox>
                <asp:Button ID="BtSearch" runat="server"  CssClass="btn btn-success btn-sm hidden" 
                    Text="查找" onclick="BtSearch_Click" />
				<span >
					<a href="#" data-action="reload"><i class="icon-search nav-search-icon green bigger-140" id="idsearch" title="查找"></i></a>
				</span>  --%>     
            </div>
        </div>

        <asp:Panel runat="server" Visible="false" ID="PanelEdit">
            <div id="dialog-edit" class="row clearfix form-actions">
                <div class="form-group col-md-offset-2 col-xs-8 hidden" >
				    <label class="col-sm-3 control-label no-padding-right">* ID</label>
	                <asp:TextBox runat="server" id="TxtID_Edit"  CssClass="col-xs-8" ReadOnly="true"/>
                </div>
                <div class="space-4"></div>
			    <div class="form-group col-md-offset-2 col-xs-8" >
				    <label class="col-sm-3 control-label no-padding-right">* 权限组</label>
	                <asp:TextBox runat="server" id="TxtRoleName_Edit"  CssClass="col-xs-8"/>
                </div>
                <div class="space-4"></div>
                <div class="form-group col-md-offset-2 col-xs-8" >
                    <label class="col-sm-3 control-label no-padding-right">状态</label>
                    <asp:DropDownList ID="DDLState_Edit" runat="server" CssClass="col-xs-2">
                        <asp:ListItem Value="Y"></asp:ListItem>
                        <asp:ListItem Value="N"></asp:ListItem>
                    </asp:DropDownList>
                </div>
                <div class="space-4"></div>
                <div class="form-group col-md-offset-2 col-xs-8" >
                    <label class="col-sm-3 control-label no-padding-right">备注</label>
                    <asp:TextBox ID="TxtComment_Edit" runat="server" TextMode="MultiLine" 
                        CssClass="col-xs-8"></asp:TextBox>
                </div>


	            <div class="form-group col-md-offset-2 col-xs-8">
		            <div class="table-responsive">
                        <asp:GridView ID="GridView2" runat="server" 
                            CssClass="table table-striped table-bordered table-hover" 
                            AutoGenerateColumns="False" DataKeyNames="ID" 
                            OnRowDataBound="GridView1_RowDataBound"
                            OnRowEditing="GridView1_RowEditing" OnRowUpdating="GridView1_RowUpdating" 
                            OnRowCancelingEdit="GridView1_RowCancelingEdit" 
                            OnPageIndexChanging="GridView1_PageIndexChanging" >
                            <Columns>
                                <asp:TemplateField HeaderText="选取">
                                    <HeaderTemplate>
                                        <asp:CheckBox ID="CheckBoxTitle" runat="server" CssClass="ace text-primary text-info"/>
                                    </HeaderTemplate>
                                    <ItemTemplate>
                                        <asp:CheckBox ID="CheckSelect" runat="server" Checked='<%# Convert.ToBoolean(Eval("IsChecked"))%>' />
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:BoundField DataField="ID" HeaderText="ID" Visible="False" />
                                <asp:TemplateField>
                                    <ItemTemplate>
                                        <asp:Label ID="Lab_PageIco" runat="server" Text='<%#Bind("PageIco") %>'></asp:Label>
                                        <%--<%=PageIco %>--%>
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="菜单">
                                    <ItemTemplate>
                                        <asp:Label ID="PageName" runat="server" Text='<%#Bind("PageName") %>'></asp:Label>
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <%--<asp:BoundField DataField="PageName" HeaderText="菜单" />--%>
                            </Columns>
                            <PagerSettings Mode="NumericFirstLast" />
                        </asp:GridView>
		            </div>
	            </div>


                <div class="space-6"></div>
				<div class="form-group col-xs-12 center">
                    <asp:Button ID="BT_Edit" runat="server" Text="修改" 
                            CssClass="btn btn-info icon-ok bigger-110 hidden " onclick="BT_Edit_Click"/>
                    <button class="btn btn-info" type="button" onclick="DoubleEditClick()">
						<i class="icon-ok bigger-110"></i>
						修改
					</button>
                    <Button id="Button2" type="reset" value="取消"  class="btn" ><i class="icon-undo bigger-110"></i>
					    Reset</Button>
                    <Button id="Button3" type="reset" value="返回"  class="btn" onclick="javascript:history.go(-1)"><i class="icon-backward bigger-110"></i>
					    Back</Button>
                </div>
		    </div><!-- #dialog-message -->
        </asp:Panel>
		
        <div id="dialog-del" class="hide">
			<div class="alert alert-warning bigger-110">
				当前勾选的数据将被删除。
			</div>
			<div class="space-6"></div>
			<p class="bigger-110 bolder center grey">
				<i class="icon-hand-right blue bigger-120"></i>
				确定删除吗?
			</p>
		</div><!-- #dialog-confirm -->



        <asp:Panel runat="server" Visible="false" ID="PanelAdd">         
            <div class="row clearfix form-actions" id="DivAdd">   
	            <div class="form-group col-md-offset-2 col-xs-8" >
					<label class="col-sm-3 control-label no-padding-right">* 权限组名称</label>
                    <div class="space-2"></div>
	                <asp:TextBox runat="server" id="TxtRoleName_Add"  CssClass="col-xs-6"/>
                </div>                    
                <div class="space-4"></div>
                <div class="form-group col-md-offset-2 col-xs-8">
                    <label class="col-sm-3 control-label no-padding-right">状态</label>
                    <div class="space-2"></div>
                    <asp:DropDownList ID="DDLState_Add" runat="server" CssClass="col-xs-2">
                        <asp:ListItem Value="Y"></asp:ListItem>
                        <asp:ListItem Value="N"></asp:ListItem>
                    </asp:DropDownList>
                </div>
                <div class="space-4"></div>
                <div class="form-group col-md-offset-2 col-xs-8">
                    <label class="col-sm-3 control-label no-padding-right">备注</label>
                    <div class="space-2"></div>
                    <asp:TextBox ID="TxtComment_Add" runat="server" TextMode="MultiLine" 
                        CssClass="col-xs-6"></asp:TextBox>
                </div>
                <div class="space-6"></div>
				<div class="form-group col-xs-12 center">
                    <asp:Button ID="BT_Add" runat="server" Text="新增" 
                            CssClass="btn btn-info icon-ok bigger-110 hidden " OnClick="BT_Add_Click" />
                    <button class="btn btn-info" type="button" onclick="DoubleAddClick()" id="btadd"> 
						<i class="icon-ok bigger-110"></i>
						新增
					</button>
                    <Button id="Reset1" type="reset" value="取消"  class="btn" ><i class="icon-undo bigger-110"></i>
					    Reset
                    </Button>
                </div>
            </div>
        </asp:Panel>

        <asp:Panel runat="server" Visible="false" ID="PanelData">
            <div class="row">
	            <div class="col-xs-12">
		            <div class="table-responsive">
                        <asp:GridView ID="GridView1" runat="server" 
                            CssClass="table table-striped table-bordered table-hover" 
                            AutoGenerateColumns="False" DataKeyNames="ID" 
                            OnRowDataBound="GridView1_RowDataBound"
                            OnRowEditing="GridView1_RowEditing" OnRowUpdating="GridView1_RowUpdating" 
                            OnRowCancelingEdit="GridView1_RowCancelingEdit" AllowPaging="True" 
                            OnPageIndexChanging="GridView1_PageIndexChanging" >
                            <Columns>
                                <asp:TemplateField HeaderText="选取">
                                    <HeaderTemplate>
                                        <asp:CheckBox ID="CheckBoxTitle" runat="server" CssClass="ace"/>
                                    </HeaderTemplate>
                                    <ItemTemplate>
                                        <asp:CheckBox ID="CheckSelect" runat="server" />
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="权限组">
                                    <EditItemTemplate>
                                        <asp:TextBox ID="TxtRoleName" runat="server" CssClass="col-xs-12" 
                                            Text='<%#Bind("RoleName") %>'></asp:TextBox>
                                    </EditItemTemplate>
                                    <ItemTemplate>
                                        <asp:Label ID="LabRoleName" runat="server" Text='<%# Bind("RoleName") %>'></asp:Label>
                                    </ItemTemplate>
                                </asp:TemplateField>                                                       
                                <asp:TemplateField HeaderText="状态">
                                    <EditItemTemplate>
                                        <asp:DropDownList ID="DDLState" runat="server" CssClass="col-xs-12" 
                                            SelectedValue='<%# Bind("State")%>'>
                                            <asp:ListItem Value="Y"></asp:ListItem>
                                            <asp:ListItem Value="N"></asp:ListItem>
                                        </asp:DropDownList>
                                    </EditItemTemplate>
                                    <ItemTemplate>
                                        <asp:Label ID="Label1" runat="server" Text='<%#Bind("State") %>'></asp:Label>
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="备注">
                                    <EditItemTemplate>
                                        <asp:TextBox ID="TxtComment" runat="server" TextMode="MultiLine" Text='<%#Bind("Comment") %>' CssClass="col-xs-12"></asp:TextBox>
                                    </EditItemTemplate>
                                    <ItemTemplate>
                                        <asp:Label ID="LabComment" runat="server" Text='<%#Bind("ShortComment") %>'></asp:Label>
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:CommandField ShowEditButton="True" />
                            </Columns>
                            <PagerSettings Mode="NumericFirstLast" />
                        </asp:GridView>
		            </div><!-- /.table-responsive -->
	            </div><!-- /span -->
            </div>
        </asp:Panel>
    </div>
    
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder_Footer" runat="server">

    <script type="text/javascript" src="../assets/js/jquery-2.0.3.min.js"></script>

	<script type="text/javascript">
		window.jQuery || document.write("<script src='../assets/js/jquery-2.0.3.min.js'>" + "<" + "/script>");
	</script>

	<script type="text/javascript">
		if ("ontouchend" in document) document.write("<script src='../assets/js/jquery.mobile.custom.min.js'>" + "<" + "/script>");
	</script>
	<script type="text/javascript" src="../assets/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="../assets/js/typeahead-bs2.min.js"></script>

	<!-- page specific plugin scripts -->
    <!-- page specific plugin scripts -->

	<script type="text/javascript" src="../assets/js/jquery-ui-1.10.3.full.min.js"></script>
	<script type="text/javascript" src="../assets/js/jquery.ui.touch-punch.min.js"></script>

	<!-- ace scripts -->

	<script type="text/javascript" src="../assets/js/ace-elements.min.js"></script>
	<script type="text/javascript" src="../assets/js/ace.min.js"></script>


    <script type="text/javascript">
        jQuery(function ($) {
            //全选确认框
            $('table th input:checkbox').on('click', function () {
                var that = this;
                $(this).closest('table').find('tr > td:first-child input:checkbox')
	            .each(function () {
	                this.checked = that.checked;
	                $(this).closest('tr').toggleClass('selected');
	            });
            });


            //对话框全局
            $.widget("ui.dialog", $.extend({}, $.ui.dialog.prototype, {
                _title: function (title) {
                    var $title = this.options.title || '&nbsp;'
                    if (("title_html" in this.options) && this.options.title_html == true)
                        title.html($title);
                    else title.text($title);
                }
            }));

            //            //修改
            //            $("#id-btn-dialog-edit").on('click', function (e) {
            //                e.preventDefault();
            //                var dialog = $("#dialog-edit").removeClass('hide').dialog({
            //                    modal: true,
            //                    title: "<div class='widget-header widget-header-small'><h4 class='smaller'><i class='icon-ok'></i>修改</h4></div>",
            //                    title_html: true,
            //                    buttons: [
            //	                {
            //	                    text: "Cancel",
            //	                    "class": "btn btn-xs",
            //	                    click: function () {
            //	                        $(this).dialog("close");
            //	                    }
            //	                },
            //	                {
            //	                    text: "OK",
            //	                    "class": "btn btn-primary btn-xs",
            //	                    click: function () {
            //	                        $(this).dialog("close");
            //	                    }
            //	                }]
            //                });
            //            });

            //删除
            $(document.getElementById('<%=BtDel.ClientID %>')).on('click', function (e) {
                e.preventDefault();
                $("#dialog-del").removeClass('hide').dialog(
                {
                    resizable: false,
                    modal: true,
                    title: "<div class='widget-header'><h4 class='smaller'><i class='icon-warning-sign red'></i>删除</h4></div>",
                    title_html: true,
                    buttons: [
						{
						    html: "<i class='icon-trash bigger-110'></i>&nbsp; 确定",
						    "class": "btn btn-danger btn-xs",
						    click: function () {
						        DoubleDelClick();
						    }
						}
						,
						{
						    html: "<i class='icon-remove bigger-110'></i>&nbsp; 取消",
						    "class": "btn btn-xs",
						    click: function () {
						        $(this).dialog("close");
						    }
						}]
                });
            });

//            //查询
//            $("#idsearch").on('click', function (e) {
//                document.getElementById('<=BtSearch.ClientID >').click();
//            });

        });
    </script>
    

</asp:Content>
