BootstrapAdmin/Bootstrap.Admin/Views/Admin/Menus.cshtml

205 lines
12 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

@model Bootstrap.Admin.Models.NavigatorBarModel
@{
ViewBag.Title = "菜单管理";
Layout = "~/Views/Shared/_Default.cshtml";
}
@section css {
<link href="~/css/fa.css" rel="stylesheet" />
<link href="~/css/jquery.nestable.css" rel="stylesheet" />
}
@section Javascript {
<script src="~/js/jquery.nestable.js"></script>
<script src="~/js/Menus.js"></script>
}
@section query {
<form class="form-inline" role="form">
<div class="row">
<div class="form-group col-sm-12 col-md-6 col-lg-5">
<label class="control-label" for="txt_menus_name">菜单名称</label>
<input type="text" class="form-control" id="txt_menus_name" />
</div>
<div class="form-group col-sm-12 col-md-6 col-lg-5">
<label class="control-label" for="txt_parent_menus_name">父级菜单</label>
<input type="text" class="form-control" id="txt_parent_menus_name" />
</div>
<div class="form-group col-sm-6 col-md-6 col-lg-5">
<label class="control-label" for="sel_menus_category">菜单类别</label>
<div class="dropdown lgbDropdown">
<a id="sel_menus_category" class="btn btn-success" data-toggle="dropdown">
<span>全部</span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li><a href="#" data-val="">全部</a></li>
<li class="divider"></li>
<li><a href="#" data-val="0">系统菜单</a></li>
<li><a href="#" data-val="1">外部菜单</a></li>
</ul>
</div>
</div>
<div class="form-group col-sm-6 col-md-6 col-lg-5">
<label class="control-label" for="sel_menus_category">菜单类型</label>
<div class="dropdown lgbDropdown">
<a id="sel_menus_res" class="btn btn-success" data-toggle="dropdown">
<span>全部</span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li><a href="#" data-val="">全部</a></li>
<li class="divider"></li>
<li><a href="#" data-val="0">菜单</a></li>
<li><a href="#" data-val="1">资源</a></li>
</ul>
</div>
</div>
<div class="form-group col-lg-2">
<button type="button" id="btn_query" class="btn btn-primary form-control"><i class="fa fa-search" aria-hidden="true"></i><span>查询</span></button>
</div>
</div>
</form>
}
@section toolbar {
<button id="btn_assignRole" type="button" class="btn btn-info">
<span class="fa fa-sitemap" aria-hidden="true"></span><span class="hidden-tb">指派角色</span>
</button>
<div class="toolbar btn-group dropdown">
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button"><i class="fa fa-gear"></i></button>
<div class="dropdown-menu">
@Html.Partial("_ButtonBarGroup")
<a id="tb_assignRole" href="#" title="指派角色"><i class="fa fa-sitemap"></i></a>
</div>
</div>
}
@section modal {
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title" id="myModalLabel">菜单编辑窗口</h4>
</div>
<div class="modal-body">
<form class="form-inline" id="dataForm" role="form">
<div class="row">
<div class="form-group col-sm-6">
<input type="text" class="form-control hidden" id="menuID" name="menuID" data-default-val="0" />
<label class="control-label" for="name">菜单名称</label>
<div class="input-group">
<input type="text" class="form-control" id="name" name="name" placeholder="不可为空50字以内" maxlength="50" data-valid="true" />
<span class="input-group-btn">
<button data-method="clear" class="btn btn-default" type="button"><i class="fa fa-remove"></i></button>
<button data-method="sel" class="btn btn-default" type="button"><i class="fa fa-edit"></i>全选</button>
</span>
</div>
</div>
<div class="form-group col-sm-6">
<input type="text" class="form-control hidden" id="parentId" data-default-val="0" />
<label class="control-label" for="parentName">父级菜单</label>
<div class="input-group">
<input type="text" class="form-control" readonly id="parentName" name="parentName" placeholder="请选择...(可为空)50字以内" maxlength="50" />
<span class="input-group-btn">
<button data-method="clear" class="btn btn-default" type="button"><i class="fa fa-remove"></i></button>
<button id="btnMenuParent" class="btn btn-default" type="button"><i class="fa fa-hand-o-up"></i>选择</button>
</span>
</div>
</div>
<div class="form-group col-sm-6">
<label class="control-label" for="order">菜单序号</label>
<div class="input-group">
<input type="text" class="form-control" id="order" name="order" data-default-val="10" placeholder="默认为10" maxlength="8" data-valid="true" />
<span class="input-group-btn">
<button data-method="clear" class="btn btn-default" type="button"><i class="fa fa-remove"></i></button>
<button id="btnMenuOrder" class="btn btn-default" type="button"><i class="fa fa-list-ol"></i>调整</button>
</span>
</div>
</div>
<div class="form-group col-sm-6">
<label class="control-label" for="icon">菜单图标</label>
<div class="input-group">
<input type="text" class="form-control" readonly id="icon" data-default-val="fa fa-fa" placeholder="请选择...(可为空)50字以内" maxlength="50" />
<span class="input-group-btn">
<button data-method="clear" class="btn btn-default" type="button"><i class="fa fa-remove"></i></button>
<button id="btnIcon" class="btn btn-default" type="button"><i class="fa fa-dashboard"></i>选择</button>
</span>
</div>
</div>
<div class="form-group col-xs-12">
<label class="control-label" for="url">路径</label>
<input type="text" class="form-control form-control-url" id="url" placeholder="不可为空4000字以内" maxlength="4000" data-valid="true" />
</div>
<div class="form-group col-sm-6 col-xs-12">
<label class="control-label" for="category">菜单类别</label>
<div class="dropdown lgbDropdown dropup">
<a id="category" class="btn btn-success" data-toggle="dropdown" data-default-val="1">
<span>外部菜单</span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li><a href="#" data-val="0">系统菜单</a></li>
<li><a href="#" data-val="1">外部菜单</a></li>
</ul>
</div>
</div>
<div class="form-group col-sm-6 col-xs-12">
<label class="control-label" for="target">目标</label>
<div class="dropdown lgbDropdown dropup">
<a id="target" class="btn btn-info" data-toggle="dropdown" data-default-val="_self">
<span>本窗口</span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li><a href="#" data-val="_self">本窗口</a></li>
<li><a href="#" data-val="_blank">新窗口</a></li>
<li><a href="#" data-val="_parent">父级窗口</a></li>
<li><a href="#" data-val="_top">顶级窗口</a></li>
</ul>
</div>
</div>
<div class="form-group col-sm-6 col-xs-12">
<label class="control-label" for="isRes">菜单类型</label>
<div class="dropdown lgbDropdown dropup">
<a id="isRes" class="btn btn-success" data-toggle="dropdown" data-default-val="0">
<span>菜单</span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li><a href="#" data-val="0">菜单</a></li>
<li><a href="#" data-val="1">资源</a></li>
</ul>
</div>
</div>
<div class="form-group col-sm-6 col-xs-12">
<label class="control-label" for="app">所属应用</label>
<div class="dropdown lgbDropdown dropup">
<a id="app" class="btn btn-info" data-toggle="dropdown" data-default-val="0">
<span>未设置</span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
@foreach (var kv in Model.Applications)
{
<li><a href="#" data-val="@kv.Key">@kv.Value</a></li>
}
</ul>
</div>
</div>
</div>
</form>
</div>
}
@section customModal {
@Html.Partial("RoleConfig")
<div id="dialogIcon" class="modal-content icon-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title" id="myIconModalLabel">请选择图标</h4>
</div>
<div class="modal-body" data-spy="scroll" data-target=".fa-nav">
<div class="loadIconView"><i class="fa fa-spinner fa-pulse"></i><span>正在加载图标...请稍等</span></div>
</div>
<div class="modal-footer">
<span>被选择的图标</span><i id="pickIcon"></i>
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" id="btnSubmitIcon">保存</button>
</div>
</div>
@Html.Partial("NavigatorConfig")
}