refactor: 更新issuetracker规则

#Issue
https://gitee.com/LongbowEnterprise/dashboard/issues?id=IVJMX

.issuetracker

@@ -3,7 +3,7 @@
 # (note that '\' need to be escaped).
 
 [issuetracker "Gitee-Issue"]
-  regex = " #([^\\s]{5})"
+  regex = "#((?!.*Issue|issue|Comme|comme).{5})"
   url = "https://gitee.com/LongbowEnterprise/BootstrapAdmin/issues/$1?from=project-issue"
 
 [issuetracker "Gitee-Url"]

Bootstrap.Admin/Controllers/AccountController.cs

@@ -1,96 +1,96 @@
-using Bootstrap.Admin.Models;
-using Bootstrap.DataAccess;
-using Longbow.Web;
-using Microsoft.AspNetCore.Authentication;
-using Microsoft.AspNetCore.Authentication.Cookies;
-using Microsoft.AspNetCore.Authorization;
-using Microsoft.AspNetCore.Http;
-using Microsoft.AspNetCore.Mvc;
-using System;
-using System.Linq;
-using System.Net;
-using System.Security.Claims;
-using System.Threading.Tasks;
-
-namespace Bootstrap.Admin.Controllers
-{
-    /// <summary>
-    /// Account controller.
-    /// </summary>
-    [AllowAnonymous]
-    [AutoValidateAntiforgeryToken]
-    public class AccountController : Controller
-    {
-        /// <summary>
-        /// 
-        /// </summary>
-        /// <returns></returns>
-        [HttpGet]
-        public ActionResult Login()
-        {
-            if (DictHelper.RetrieveSystemModel())
-            {
-                ViewBag.UserName = "Admin";
-                ViewBag.Password = "123789";
-            }
-            return User.Identity.IsAuthenticated ? (ActionResult)Redirect("~/Home/Index") : View("Login", new LoginModel());
-        }
-
-        /// <summary>
-        /// Login the specified userName, password and remember.
-        /// </summary>
-        /// <returns>The login.</returns>
-        /// <param name="onlineUserSvr"></param>
-        /// <param name="ipLocator"></param>
-        /// <param name="userName">User name.</param>
-        /// <param name="password">Password.</param>
-        /// <param name="remember">Remember.</param>
-        [HttpPost]
-        public async Task<IActionResult> Login([FromServices]IOnlineUsers onlineUserSvr, [FromServices]IIPLocatorProvider ipLocator, string userName, string password, string remember)
-        {
-            if (UserHelper.Authenticate(userName, password, loginUser => CreateLoginUser(onlineUserSvr, ipLocator, HttpContext, loginUser)))
-            {
-                var identity = new ClaimsIdentity(CookieAuthenticationDefaults.AuthenticationScheme);
-                identity.AddClaim(new Claim(ClaimTypes.Name, userName));
-                await HttpContext.SignInAsync(CookieAuthenticationDefaults.AuthenticationScheme, new ClaimsPrincipal(identity), new AuthenticationProperties { ExpiresUtc = DateTimeOffset.Now.AddDays(DictHelper.RetrieveCookieExpiresPeriod()), IsPersistent = remember == "true" });
-                // redirect origin url
-                var originUrl = Request.Query[CookieAuthenticationDefaults.ReturnUrlParameter].FirstOrDefault() ?? "~/Home/Index";
-                return Redirect(originUrl);
+using Bootstrap.Admin.Models;
+using Bootstrap.DataAccess;
+using Longbow.Web;
+using Microsoft.AspNetCore.Authentication;
+using Microsoft.AspNetCore.Authentication.Cookies;
+using Microsoft.AspNetCore.Authorization;
+using Microsoft.AspNetCore.Http;
+using Microsoft.AspNetCore.Mvc;
+using System;
+using System.Linq;
+using System.Net;
+using System.Security.Claims;
+using System.Threading.Tasks;
+
+namespace Bootstrap.Admin.Controllers
+{
+    /// <summary>
+    /// Account controller.
+    /// </summary>
+    [AllowAnonymous]
+    [AutoValidateAntiforgeryToken]
+    public class AccountController : Controller
+    {
+        /// <summary>
+        /// 
+        /// </summary>
+        /// <returns></returns>
+        [HttpGet]
+        public ActionResult Login()
+        {
+            if (DictHelper.RetrieveSystemModel())
+            {
+                ViewBag.UserName = "Admin";
+                ViewBag.Password = "123789";
             }
-            return View("Login", new LoginModel());
-        }
-
-        /// <summary>
-        /// 
-        /// </summary>
-        /// <param name="onlineUserSvr"></param>
-        /// <param name="ipLocator"></param>
-        /// <param name="context"></param>
-        /// <param name="loginUser"></param>
-        internal static void CreateLoginUser(IOnlineUsers onlineUserSvr, IIPLocatorProvider ipLocator, HttpContext context, LoginUser loginUser)
-        {
-            var agent = new UserAgent(context.Request.Headers["User-Agent"]);
-            loginUser.Ip = (context.Connection.RemoteIpAddress ?? IPAddress.IPv6Loopback).ToString();
-            loginUser.City = ipLocator.Locate(loginUser.Ip);
-            loginUser.Browser = $"{agent.Browser.Name} {agent.Browser.Version}";
-            loginUser.OS = $"{agent.OS.Name} {agent.OS.Version}";
-        }
-
-        /// <summary>
-        /// Logout this instance.
-        /// </summary>
-        /// <returns>The logout.</returns>
-        public async Task<IActionResult> Logout()
-        {
-            await HttpContext.SignOutAsync(CookieAuthenticationDefaults.AuthenticationScheme);
-            return Redirect("~" + CookieAuthenticationDefaults.LoginPath);
-        }
-
-        /// <summary>
-        /// Accesses the denied.
-        /// </summary>
-        /// <returns>The denied.</returns>
-        [ResponseCache(Duration = 600)]
-        public ActionResult AccessDenied() => View("Error", ErrorModel.CreateById(403));
-    }
+            return User.Identity.IsAuthenticated ? (ActionResult)Redirect("~/Home/Index") : View("Login", new LoginModel());
+        }
+
+        /// <summary>
+        /// Login the specified userName, password and remember.
+        /// </summary>
+        /// <returns>The login.</returns>
+        /// <param name="onlineUserSvr"></param>
+        /// <param name="ipLocator"></param>
+        /// <param name="userName">User name.</param>
+        /// <param name="password">Password.</param>
+        /// <param name="remember">Remember.</param>
+        [HttpPost]
+        public async Task<IActionResult> Login([FromServices]IOnlineUsers onlineUserSvr, [FromServices]IIPLocatorProvider ipLocator, string userName, string password, string remember)
+        {
+            if (UserHelper.Authenticate(userName, password, loginUser => CreateLoginUser(onlineUserSvr, ipLocator, HttpContext, loginUser)))
+            {
+                var identity = new ClaimsIdentity(CookieAuthenticationDefaults.AuthenticationScheme);
+                identity.AddClaim(new Claim(ClaimTypes.Name, userName));
+                await HttpContext.SignInAsync(CookieAuthenticationDefaults.AuthenticationScheme, new ClaimsPrincipal(identity), new AuthenticationProperties { ExpiresUtc = DateTimeOffset.Now.AddDays(DictHelper.RetrieveCookieExpiresPeriod()), IsPersistent = remember == "true" });
+                // redirect origin url
+                var originUrl = Request.Query[CookieAuthenticationDefaults.ReturnUrlParameter].FirstOrDefault() ?? "~/Home/Index";
+                return Redirect(originUrl);
+            }
+            return View("Login", new LoginModel());
+        }
+
+        /// <summary>
+        /// 
+        /// </summary>
+        /// <param name="onlineUserSvr"></param>
+        /// <param name="ipLocator"></param>
+        /// <param name="context"></param>
+        /// <param name="loginUser"></param>
+        internal static void CreateLoginUser(IOnlineUsers onlineUserSvr, IIPLocatorProvider ipLocator, HttpContext context, LoginUser loginUser)
+        {
+            var agent = new UserAgent(context.Request.Headers["User-Agent"]);
+            loginUser.Ip = (context.Connection.RemoteIpAddress ?? IPAddress.IPv6Loopback).ToString();
+            loginUser.City = ipLocator.Locate(loginUser.Ip);
+            loginUser.Browser = $"{agent.Browser.Name} {agent.Browser.Version}";
+            loginUser.OS = $"{agent.OS.Name} {agent.OS.Version}";
+        }
+
+        /// <summary>
+        /// Logout this instance.
+        /// </summary>
+        /// <returns>The logout.</returns>
+        public async Task<IActionResult> Logout()
+        {
+            await HttpContext.SignOutAsync(CookieAuthenticationDefaults.AuthenticationScheme);
+            return Redirect("~" + CookieAuthenticationDefaults.LoginPath);
+        }
+
+        /// <summary>
+        /// Accesses the denied.
+        /// </summary>
+        /// <returns>The denied.</returns>
+        [ResponseCache(Duration = 600)]
+        public ActionResult AccessDenied() => View("Error", ErrorModel.CreateById(403));
+    }
 }

Bootstrap.Admin/Controllers/HomeController.cs

@@ -17,7 +17,7 @@ namespace Bootstrap.Admin.Controllers
         /// <returns></returns>
         public IActionResult Index()
         {
-            var model = new HeaderBarModel(User.Identity);
+            var model = new NavigatorBarModel(this);
             var url = DictHelper.RetrieveHomeUrl(model.AppCode);
             return url.Equals("~/Home/Index", System.StringComparison.OrdinalIgnoreCase) ? (IActionResult)View(model) : Redirect(url);
         }
@@ -30,12 +30,12 @@ namespace Bootstrap.Admin.Controllers
         [AllowAnonymous]
         public IActionResult Error(int id)
         {
-            var model = ErrorModel.CreateById(id);
-            if (id != 403)
-            {
+            var model = ErrorModel.CreateById(id);
+            if (id != 403)
+            {
                 var returnUrl = Request.Query[CookieAuthenticationDefaults.ReturnUrlParameter].ToString();
-                if (!string.IsNullOrEmpty(returnUrl)) model.ReturnUrl = returnUrl;
-            }
+                if (!string.IsNullOrEmpty(returnUrl)) model.ReturnUrl = returnUrl;
+            }
             return View(model);
         }
     }

Bootstrap.Admin/Views/Admin/Index.cshtml

@@ -1,24 +1,5 @@
 @model ModelBase
 @{
     ViewBag.Title = "后台管理";
+    Layout = "_Frame";
 }
-@section css {
-    <style>
-        .main-content {
-            position: fixed;
-        }
-
-            .main-content h4 {
-                color: #fff;
-                margin-top: 0;
-            }
-    </style>
-}
-@section javascript {
-    <script>
-        $(function () {
-            $('#main-content').addClass('welcome-bg');
-        });
-    </script>
-}
-<h4>欢迎使用后台管理</h4>

Bootstrap.Admin/Views/Home/Index.cshtml

@@ -1,18 +1,4 @@
 @{
     ViewBag.Title = "首页";
-    Layout = "_Bootstrap";
-}
-@section css {
-    <style type="text/css">
-        .content-body {
-            position: fixed;
-            left: 0;
-            bottom: 40px;
-            right: 0;
-            top: 96px;
-            overflow: hidden;
-        }
-    </style>
-}
-<div class="content-body welcome-bg">
-</div>
+    Layout = "_Frame";
+}

Bootstrap.Admin/Views/Shared/Footer.cshtml

@@ -1,5 +1,5 @@
 @model ModelBase
-<footer class="position-fixed">
+<footer>
     <div><span id="websiteFooter">@Model.Footer</span><span asp-condition="@Model.IsDemo">（演示系统）</span></div>
     <a id="gotoTop" href="#" class="go-top" title="返回顶部" data-toggle="tooltip" data-placement="left">
         <i class="fa fa-angle-up"></i>

Bootstrap.Admin/Views/Shared/_Admin.cshtml

@@ -1,48 +1,44 @@
-@{
-    Layout = "_Bootstrap";
-}
-@section css {
-    <environment include="Development">
-        <link href="~/lib/toastr.js/toastr.css" rel="stylesheet" />
-        <link href="~/lib/nprogress/nprogress.css" rel="stylesheet" />
-        <link href="~/lib/bootstrap-sweetalert/sweetalert.css" rel="stylesheet" />
-        <link href="~/lib/scrollbar/jquery.mCustomScrollbar.css" rel="stylesheet" />
-    </environment>
-    <environment exclude="Development">
-        <link href="~/lib/toastr.js/toastr.min.css" rel="stylesheet" />
-        <link href="~/lib/nprogress/nprogress.min.css" rel="stylesheet" />
-        <link href="~/lib/bootstrap-sweetalert/sweetalert.min.css" rel="stylesheet" />
-        <link href="~/lib/scrollbar/jquery.mCustomScrollbar.min.css" rel="stylesheet" />
-    </environment>
-    @RenderSection("css", false)
-}
-@section javascript {
-    <environment include="Development">
-        <script src="~/lib/scrollbar/jquery.mousewheel.js"></script>
-        <script src="~/lib/scrollbar/jquery.mCustomScrollbar.js"></script>
-        <script src="~/lib/signalr/dist/browser/signalr.js"></script>
-        <script src="~/lib/dcjqaccordion/js/jquery.dcjqaccordion.2.7.js"></script>
-        <script src="~/lib/bootstrap-sweetalert/sweetalert.js"></script>
-        <script src="~/lib/nprogress/nprogress.js"></script>
-    </environment>
-    <environment exclude="Development">
-        <script src="~/lib/scrollbar/jquery.mousewheel.min.js"></script>
-        <script src="~/lib/scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
-        <script src="~/lib/signalr/dist/browser/signalr.min.js"></script>
-        <script src="~/lib/dcjqaccordion/js/jquery.dcjqaccordion.2.7.min.js"></script>
-        <script src="~/lib/bootstrap-sweetalert/sweetalert.min.js"></script>
-        <script src="~/lib/nprogress/nprogress.min.js"></script>
-    </environment>
-    <script src="~/lib/toastr.js/toastr.min.js"></script>
-    <script src="~/lib/dcjqaccordion/js/jquery.cookie.js"></script>
-    <script src="~/js/common-scripts.js" asp-append-version="true"></script>
-    @RenderSection("javascript", false)
-    <script src="~/js/log.js" asp-append-version="true"></script>
-}
-@await Html.PartialAsync("navigator")
-<section id="main-content" class="main-content">
-    @RenderBody()
-</section>
-@section modal {
-    @RenderSection("modal", false)
+@{
+    Layout = "_Bootstrap";
+}
+@section css {
+    <environment include="Development">
+        <link href="~/lib/toastr.js/toastr.css" rel="stylesheet" />
+        <link href="~/lib/bootstrap-sweetalert/sweetalert.css" rel="stylesheet" />
+        <link href="~/lib/scrollbar/jquery.mCustomScrollbar.css" rel="stylesheet" />
+    </environment>
+    <environment exclude="Development">
+        <link href="~/lib/toastr.js/toastr.min.css" rel="stylesheet" />
+        <link href="~/lib/bootstrap-sweetalert/sweetalert.min.css" rel="stylesheet" />
+        <link href="~/lib/scrollbar/jquery.mCustomScrollbar.min.css" rel="stylesheet" />
+    </environment>
+    @RenderSection("css", false)
+}
+@section javascript {
+    <environment include="Development">
+        <script src="~/lib/scrollbar/jquery.mousewheel.js"></script>
+        <script src="~/lib/scrollbar/jquery.mCustomScrollbar.js"></script>
+        <script src="~/lib/signalr/dist/browser/signalr.js"></script>
+        <script src="~/lib/dcjqaccordion/js/jquery.dcjqaccordion.2.7.js"></script>
+        <script src="~/lib/bootstrap-sweetalert/sweetalert.js"></script>
+    </environment>
+    <environment exclude="Development">
+        <script src="~/lib/scrollbar/jquery.mousewheel.min.js"></script>
+        <script src="~/lib/scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
+        <script src="~/lib/signalr/dist/browser/signalr.min.js"></script>
+        <script src="~/lib/dcjqaccordion/js/jquery.dcjqaccordion.2.7.min.js"></script>
+        <script src="~/lib/bootstrap-sweetalert/sweetalert.min.js"></script>
+    </environment>
+    <script src="~/lib/toastr.js/toastr.min.js"></script>
+    <script src="~/lib/dcjqaccordion/js/jquery.cookie.js"></script>
+    <script src="~/js/common-scripts.js" asp-append-version="true"></script>
+    @RenderSection("javascript", false)
+    <script src="~/js/log.js" asp-append-version="true"></script>
+}
+<section id="main-content" class="main-content">
+    @RenderBody()
+</section>
+@await Html.PartialAsync("Footer")
+@section modal {
+    @RenderSection("modal", false)
 }

Bootstrap.Admin/Views/Shared/_Bootstrap.cshtml

@@ -31,7 +31,5 @@
     <script src="~/lib/longbow/longbow.common.js" asp-append-version="true"></script>
     @RenderSection("javascript", false)
 }
-@await Html.PartialAsync("Header")
 @RenderBody()
-@await Html.PartialAsync("Footer")
 @RenderSection("modal", false)

Bootstrap.Admin/Views/Shared/_Frame.cshtml

@@ -0,0 +1,85 @@
+@{
+    Layout = "_Layout";
+    ViewBag.Frame = "frame";
+}
+@section css {
+    <environment include="Development">
+        <link href="~/lib/twitter-bootstrap/css/bootstrap.css" rel="stylesheet" />
+        <link href="~/lib/font-awesome/css/font-awesome.css" rel="stylesheet" />
+        <link href="~/lib/toastr.js/toastr.css" rel="stylesheet" />
+        <link href="~/lib/nprogress/nprogress.css" rel="stylesheet" />
+        <link href="~/lib/bootstrap-sweetalert/sweetalert.css" rel="stylesheet" />
+        <link href="~/lib/scrollbar/jquery.mCustomScrollbar.css" rel="stylesheet" />
+    </environment>
+    <environment exclude="Development">
+        <link href="~/lib/twitter-bootstrap/css/bootstrap.min.css" rel="stylesheet" />
+        <link href="~/lib/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
+        <link href="~/lib/toastr.js/toastr.min.css" rel="stylesheet" />
+        <link href="~/lib/nprogress/nprogress.min.css" rel="stylesheet" />
+        <link href="~/lib/bootstrap-sweetalert/sweetalert.min.css" rel="stylesheet" />
+        <link href="~/lib/scrollbar/jquery.mCustomScrollbar.min.css" rel="stylesheet" />
+    </environment>
+    @RenderSection("css", false)
+    <link href="~/css/theme.css" rel="stylesheet" asp-append-version="true" />
+    <link href="~/css/theme-responsive.css" rel="stylesheet" asp-append-version="true" />
+    <link href="~/css/site.css" rel="stylesheet" asp-append-version="true" />
+    <link href="~/css/site-responsive.css" rel="stylesheet" asp-append-version="true" />
+    @if (!string.IsNullOrEmpty(Model.ActiveCss))
+    {
+        <link href="~/css/@Model.ActiveCss" rel="stylesheet" asp-append-version="true" />
+    }
+}
+@section javascript {
+    <environment include="Development">
+        <script src="~/lib/twitter-bootstrap/js/bootstrap.bundle.js"></script>
+        <script src="~/lib/scrollbar/jquery.mousewheel.js"></script>
+        <script src="~/lib/scrollbar/jquery.mCustomScrollbar.js"></script>
+        <script src="~/lib/signalr/dist/browser/signalr.js"></script>
+        <script src="~/lib/dcjqaccordion/js/jquery.dcjqaccordion.2.7.js"></script>
+        <script src="~/lib/bootstrap-sweetalert/sweetalert.js"></script>
+        <script src="~/lib/nprogress/nprogress.js"></script>
+    </environment>
+    <environment exclude="Development">
+        <script src="~/lib/twitter-bootstrap/js/bootstrap.bundle.min.js"></script>
+        <script src="~/lib/scrollbar/jquery.mousewheel.min.js"></script>
+        <script src="~/lib/scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
+        <script src="~/lib/signalr/dist/browser/signalr.min.js"></script>
+        <script src="~/lib/dcjqaccordion/js/jquery.dcjqaccordion.2.7.min.js"></script>
+        <script src="~/lib/bootstrap-sweetalert/sweetalert.min.js"></script>
+        <script src="~/lib/nprogress/nprogress.min.js"></script>
+    </environment>
+    <script src="~/lib/toastr.js/toastr.min.js"></script>
+    <script src="~/lib/dcjqaccordion/js/jquery.cookie.js"></script>
+    <script src="~/lib/longbow/longbow.common.js" asp-append-version="true"></script>
+    <script src="~/js/common-scripts.js" asp-append-version="true"></script>
+    @RenderSection("javascript", false)
+    <script src="~/js/log.js" asp-append-version="true"></script>
+}
+@await Html.PartialAsync("Header")
+@await Html.PartialAsync("navigator")
+<section class="main-content">
+    <div class="nav-ba">
+        <div class="nav-prev" data-method="prev">
+            <a class="nav-link" href="#"><i class="fa fa-chevron-circle-left"></i></a>
+        </div>
+        <div class="flex-fill" style="overflow: hidden;">
+            <ul class="nav nav-tabs">
+                <li class="nav-item">
+                    <a class="nav-link active" href="~/html/index.html">
+                        <span>后台管理</span>
+                    </a>
+                    <i class="nav-close fa fa-times-circle-o"></i>
+                </li>
+                <li class="nav-item flex-fill">
+                    <a class="nav-link flex-fill" href="#">&nbsp;</a>
+                </li>
+            </ul>
+        </div>
+        <div class="nav-next" data-method="next">
+            <a class="nav-link" href="#"><i class="fa fa-chevron-circle-right"></i></a>
+        </div>
+    </div>
+    <iframe frameborder="0" height="100%" width="100%" class="active" src="~/html/index.html"></iframe>
+    @RenderBody()
+</section>
+@await Html.PartialAsync("Footer")

Bootstrap.Admin/Views/Shared/_Layout.cshtml

@@ -13,7 +13,7 @@
         <link href="../css/IE8.css" rel="stylesheet" />
     <![endif]-->
 </head>
-<body>
+<body class="@ViewBag.Frame">
     <!--[if lt IE 10 ]>
     <div id="ieAlert" class="alert alert-danger alert-dismissible">
         <div>当前浏览器版本太低，不支持本系统，请升级到至少IE10 <a href="../browser/IE10.exe" target="_blank">本地下载</a> <a href="https://support.microsoft.com/zh-cn/help/17621/internet-explorer-downloads" target="_blank">微软下载</a>，或者使用Chrome浏览器 <a href="../browser/ChromeSetup.exe" target="_blank">本地下载</a></div>

Bootstrap.Admin/wwwroot/css/site-responsive.css

@@ -1,83 +1,115 @@
-@media (min-width: 568px) {
-    .cache-item > :nth-child(2) {
-        flex: 0 0 144px;
-    }
-
-    .cache-item > :nth-child(4) {
-        flex: 1 1 auto;
-        display: block;
-        text-overflow: ellipsis;
-        overflow: hidden;
-        white-space: nowrap;
-        margin-left: 10px;
-    }
-
-    .bootstrap-table .bs-bars .gear {
-        display: none;
-    }
-
-    .bootstrap-table .bs-bars .toolbar {
-        display: inline-flex;
-    }
-}
-
-@media (min-width: 667px) {
-    .header .nav {
-        display: flex;
-        flex: 1 1 auto;
-    }
-
-    .sidebar-toggle-box {
-        flex: 0 1 auto;
-    }
-}
-
-@media (min-width: 768px) {
-    html {
-        -ms-overflow-style: none;
-    }
-
-    .main-content {
-        position: fixed;
-        overflow: auto;
-        -ms-overflow-style: auto;
-    }
-
-    .header, footer {
-        position: fixed;
-    }
-}
-
-@media (min-width: 769px) {
-    .sidebar-open aside {
-        transform: translate(-100%);
-    }
-
-    .sidebar-open footer {
-        display: flex;
-    }
-
-    aside {
-        transition: none;
-        transform: translate(0);
-        width: 210px;
-        overflow: hidden;
-        bottom: 40px;
-    }
-
-    .sidebar-open .main-content {
-        margin-left: 0;
-        display: block;
-    }
-
-    .main-content {
-        margin-left: 210px;
-        transition: none;
-    }
-}
-
-@media (min-width: 1077px) {
-    .bootstrap-table .bs-bars .btn span:last-child {
-        display: inline;
-    }
-}
+@media (min-width: 568px) {
+    .cache-item > :nth-child(2) {
+        flex: 0 0 144px;
+    }
+
+    .cache-item > :nth-child(4) {
+        flex: 1 1 auto;
+        display: block;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: nowrap;
+        margin-left: 10px;
+    }
+
+    .bootstrap-table .bs-bars .gear {
+        display: none;
+    }
+
+    .bootstrap-table .bs-bars .toolbar {
+        display: inline-flex;
+    }
+}
+
+@media (min-width: 667px) {
+    .header .nav {
+        display: flex;
+        flex: 1 1 auto;
+    }
+
+    .sidebar-toggle-box {
+        flex: 0 1 auto;
+    }
+}
+
+@media (min-width: 768px) {
+    html {
+        -ms-overflow-style: none;
+    }
+
+    .main-content {
+        overflow: auto;
+        -ms-overflow-style: auto;
+    }
+}
+
+@media (min-width: 769px) {
+    .sidebar-open aside {
+        transform: translate(-100%);
+    }
+
+    footer {
+        display: none;
+    }
+
+    .sidebar-open footer {
+        display: flex;
+    }
+
+    aside {
+        transition: none;
+        transform: translate(0);
+        width: 210px;
+        overflow: hidden;
+    }
+
+    .sidebar-open .main-content, .sidebar-open.frame .main-content {
+        margin-left: 0;
+        display: block;
+    }
+
+    .main-content {
+        transition: none;
+        top: 0;
+    }
+
+    .frame .main-content {
+        overflow: hidden;
+        margin-left: 210px;
+    }
+
+    .frame .breadcrumb {
+        display: none;
+    }
+
+    .frame .nav-ba {
+        display: flex;
+        position: absolute;
+        top: 6px;
+        width: 100%;
+    }
+
+    .frame aside, .frame .main-content {
+        top: 58px;
+        bottom: 40px;
+    }
+
+    .frame footer {
+        position: fixed;
+        display: flex;
+    }
+
+    .frame iframe {
+        padding-top: 45px;
+    }
+
+    footer {
+        display: none;
+    }
+}
+
+@media (min-width: 1077px) {
+    .bootstrap-table .bs-bars .btn span:last-child {
+        display: inline;
+    }
+}

Bootstrap.Admin/wwwroot/html/index.html

@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="zh-cn">
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <link rel="icon" href="~/favicon.ico" type="image/x-icon" />
+    <link rel="shortcut icon" href="~/favicon.ico" type="image/x-icon" />
+    <link rel="apple-touch-icon" href="~/favicon.png" />
+    <title>后台管理</title>
+    <style>
+        .main-content {
+            background-image: url('../images/bg.jpg');
+            background-size: 100% 100%;
+            position: fixed;
+            top: 0;
+            bottom: 0;
+            left: 0;
+            right: 0;
+            padding: 15px;
+        }
+
+            .main-content h4 {
+                color: #fff;
+                margin-top: 0;
+            }
+    </style>
+    <!--[if lt IE 10 ]>
+        <link href="../css/IE8.css" rel="stylesheet" />
+    <![endif]-->
+</head>
+<body>
+    <!--[if lt IE 10 ]>
+    <div id="ieAlert" class="alert alert-danger alert-dismissible">
+        <div>当前浏览器版本太低，不支持本系统，请升级到至少IE10 <a href="../browser/IE10.exe" target="_blank">本地下载</a> <a href="https://support.microsoft.com/zh-cn/help/17621/internet-explorer-downloads" target="_blank">微软下载</a>，或者使用Chrome浏览器 <a href="../browser/ChromeSetup.exe" target="_blank">本地下载</a></div>
+        <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">关闭</span></button>
+    </div>
+    <![endif]-->
+    <div class="main-content">
+        <h4>欢迎使用后台管理</h4>
+    </div>
+</body>
+</html>

Bootstrap.Admin/wwwroot/js/common-scripts.js

@@ -1,290 +1,401 @@
-(function ($) {
-    var formatCategoryName = function(menu) {
-        var ret = "";
-        if (menu.IsResource === 2) ret = "按钮";
-        else if (menu.IsResource === 1) ret = "资源";
-        else ret = menu.CategoryName;
-        return ret;
-    };
-
-    var cascadeMenu = function (menus) {
-        var html = "";
-        $.each(menus, function (index, menu) {
-            if (menu.Menus.length === 0) {
-                html += $.format('<li class="dd-item dd3-item" data-id="{0}" data-order="{4}" data-category="{3}"><div class="dd-handle dd3-handle"></div><div class="dd3-content"><div class="checkbox"><label><input type="checkbox" value="{0}"><span><i class="{1}"></i>{2}</span></label></div><div class="radio"><label><input type="radio" name="menu" value="{0}"><span><i class="{1}"></i>{2}</span></label></div><span class="menuType">{5}</span><span class="menuOrder">{4}</span></div></li>', menu.Id, menu.Icon, menu.Name, menu.Category, menu.Order, formatCategoryName(menu));
-            }
-            else {
-                html += $.format('<li class="dd-item dd3-item" data-id="{0}" data-order="{5}" data-category="{3}"><div class="dd-handle dd3-handle"></div><div class="dd3-content"><div class="checkbox"><label><input type="checkbox" value="{0}"><span><i class="{1}"></i>{2}</span></label></div><div class="radio"><label><input type="radio" name="menu" value="{0}"><span><i class="{1}"></i>{2}</span></label></div><span class="menuType">{6}</span><span class="menuOrder">{5}</span></div><ol class="dd-list">{4}</ol></li>', menu.Id, menu.Icon, menu.Name, menu.Category, cascadeSubMenu(menu.Menus), menu.Order, formatCategoryName(menu));
-            }
-        });
-        return html;
-    };
-
-    var cascadeSubMenu = function (menus) {
-        var html = "";
-        $.each(menus, function (index, menu) {
-            html += $.format('<li class="dd-item dd3-item" data-id="{0}" data-order="{4}" data-category="{3}"><div class="dd-handle dd3-handle"></div><div class="dd3-content"><div class="checkbox"><label><input type="checkbox" value="{0}"><span><i class="{1}"></i>{2}</span></label></div><div class="radio"><label><input type="radio" name="menu" value="{0}"><span><i class="{1}"></i>{2}</span></label></div><span class="menuType">{5}</span><span class="menuOrder">{4}</span></div></li>', menu.Id, menu.Icon, menu.Name, menu.Category, menu.Order, formatCategoryName(menu));
-        });
-        return html;
-    };
-
-    var setBadge = function (source) {
-        var data = $.extend({
-            TasksCount: 0,
-            AppExceptionsCount: 0,
-            DbExceptionsCount: 0,
-            MessagesCount: 0,
-            NewUsersCount: 0
-        }, source);
-        $('#msgHeaderTaskBadge').text(data.TasksCount === 0 ? "" : data.TasksCount);
-        $('#msgHeaderUserBadge').text(data.NewUsersCount === 0 ? "" : data.NewUsersCount);
-        $('#msgHeaderAppBadge').text(data.AppExceptionsCount === 0 ? "" : data.AppExceptionsCount);
-        $('#msgHeaderDbBadge').text(data.DbExceptionsCount === 0 ? "" : data.DbExceptionsCount);
-        $('#msgHeaderMsgBadge').text(data.MessagesCount === 0 ? "" : data.MessagesCount);
-        $('#logoutNoti').text(data.NewUsersCount === 0 ? "" : data.NewUsersCount);
-    };
-
-    $.fn.extend({
-        nestMenu: function (callback) {
-            var $this = $(this);
-            $.bc({
-                id: 0, url: Menu.url, query: { type: "user" }, method: "post",
-                callback: function (result) {
-                    var html = "";
-                    if ($.isArray(result)) html = cascadeMenu(result);
-                    $this.find('ol:first').html(html);
-                    $this.nestable();
-                    callback();
-                }
-            });
-        },
-        clearWidgetItems: function () {
-            setBadge(false);
-            this.children('.dropdown').each(function () {
-                $(this).children('.dropdown-menu').each(function () {
-                    $(this).children('a').remove();
-                });
-            });
-            return this;
-        },
-        reloadWidget: function () {
-            if (this.length === 0) return this;
-            var that = this;
-            $.bc({
-                url: Notifications.url,
-                callback: function (result) {
-                    that.clearWidgetItems();
-                    if (!result) return;
-
-                    setBadge(result);
-
-                    // tasks
-                    $('#msgHeaderTask').text(result.TasksCount);
-                    var htmlUserTemplate = '<a class="dropdown-item" href="{4}?id={3}"><span class="desc">{0}-{2}</span><span class="percent">{1}%</span></span><div class="progress progress-striped"><div class="progress-bar" role="progressbar" aria-valuenow="{1}" aria-valuemin="0" aria-valuemax="100" style="width: {1}%"><span class="sr-only">{1}% 完成</span></div></div></a>';
-                    var html = result.Tasks.map(function (u) {
-                        return $.format(htmlUserTemplate, u.TaskName, u.TaskProgress, u.AssignDisplayName, u.Id, $.formatUrl('Admin/Tasks'));
-                    }).join('');
-                    $(html).insertAfter($('#msgHeaderTaskContent'));
-
-                    // new users
-                    $('#msgHeaderUser').text(result.NewUsersCount);
-                    htmlUserTemplate = '<a class="dropdown-item" href="{4}"><span class="label label-success"><i class="fa fa-plus"></i></span><div title="{2}" class="content">{1}({0})</div><span class="small italic">{3}</span></a>';
-                    html = result.Users.map(function (u) {
-                        return $.format(htmlUserTemplate, $.safeHtml(u.UserName), $.safeHtml(u.DisplayName), $.safeHtml(u.Description), u.Period, $.formatUrl('Admin/Notifications'));
-                    }).join('');
-                    $(html).insertAfter($('#msgHeaderUserContent'));
-
-                    // apps
-                    $('#msgHeaderApp').text(result.AppExceptionsCount);
-                    htmlUserTemplate = '<a class="dropdown-item" href="{3}"><span class="label label-warning"><i class="fa fa-bug"></i></span><div title="{1}" class="content">{0}</div><span class="small italic">{2}</span></a>';
-                    html = result.Apps.map(function (u) {
-                        return $.format(htmlUserTemplate, u.ExceptionType, u.Message, u.Period, $.formatUrl('Admin/Exceptions'));
-                    }).join('');
-                    $(html).insertAfter($('#msgHeaderAppContent'));
-
-                    // dbs
-                    $('#msgHeaderDb').text(result.DbExceptionsCount);
-                    htmlUserTemplate = '<a class="dropdown-item" href="{3}"><span class="label label-danger"><i class="fa fa-bolt"></i></span><div title="{1}" class="content">{0}</div><span class="small italic">{2}</span></a>';
-                    html = result.Dbs.map(function (u) {
-                        return $.format(htmlUserTemplate, u.ErrorPage, u.Message, u.Period, $.formatUrl('Admin/Exceptions'));
-                    }).join('');
-                    $(html).insertAfter($('#msgHeaderDbContent'));
-
-                    // messages
-                    $('#msgHeaderMsg').text(result.MessagesCount);
-                    htmlUserTemplate = '<a class="dropdown-item" href="{6}?id={0}"><span class="photo"><img alt="avatar" src="{1}"></span><span class="subject"><span class="from">{2}</span><span class="time">{4}</span></span><span class="message" title="{5}">{3}</span></a>';
-                    html = result.Messages.map(function (u) {
-                        return $.format(htmlUserTemplate, u.Id, u.FromIcon, $.safeHtml(u.FromDisplayName), $.safeHtml(u.Title), u.Period, $.safeHtml(u.Content), $.formatUrl('Admin/Messages'));
-                    }).join('');
-                    $(html).insertAfter($('#msgHeaderMsgContent'));
-                }
-            });
-            return this;
-        }
-    });
-})(jQuery);
-
-$(function () {
-    var $sideMenu = $(".sidebar");
-    $sideMenu.dcAccordion({
-        autoExpand: true,
-        saveState: false
-    });
-
-    // breadcrumb
-    var $breadNav = $('#breadNav');
-    var arch = $sideMenu.find('a.active').last();
-    $breadNav.removeClass('d-none').text(arch.text() || $('title').text());
-
-    $.fn.extend({
-        autoScrollSidebar: function (options) {
-            var option = $.extend({ target: null, offsetTop: 0 }, options);
-            var $navItem = option.target;
-            if ($navItem === null) return this;
-
-            // sidebar scroll animate
-            var middle = this.outerHeight() / 2;
-            var top = 0;
-            if (this.hasClass('mCustomScrollbar')) {
-                top = $navItem.offset().top - $('header').outerHeight() + option.offsetTop;
-                if (top > middle) {
-                    this.mCustomScrollbar('scrollTo', top - middle);
-                }
-            }
-            else {
-                top = $navItem.offset().top + option.offsetTop;
-                if (top > middle)
-                    this.animate({
-                        scrollTop: top - middle
-                    });
-            }
-            return this;
-        },
-        addNiceScroll: function () {
-            if ($.browser.versions.ios && $(window).width() > 768) {
-                this.css('overflow', 'auto');
-            }
-            else if (!$.browser.versions.ios && $(window).width() > 768) {
-                this.mCustomScrollbar({ theme: 'minimal', mouseWheel: { scrollAmount: 60 } });
-            }
-            else {
-                this.mCustomScrollbar('destroy');
-            }
-            return this;
-        }
-    });
-
-    // custom scrollbar
-    var $sidebar = $('aside').addNiceScroll().autoScrollSidebar({ target: arch.parent(), offsetTop: arch.parent().innerHeight() / 2 });
-
-    $sideMenu.on('click', 'a.dcjq-parent', function () {
-        var $this = $(this);
-        if (!$.browser.versions.ios && $(window).width() > 768) {
-            setTimeout(function () {
-                var offsetScroll = parseInt($this.parents('.mCSB_container').css('top').replace('px', ''));
-                $sidebar.autoScrollSidebar({ target: $this.parent(), offsetTop: 25.5 - offsetScroll });
-            }, 600);
-        }
-        else if ($.browser.versions.ios && $(window).width() > 768) {
-            var offsetScroll = parseInt($this.parents('aside').scrollTop());
-            $sidebar.autoScrollSidebar({ target: $this.parent(), offsetTop: 25.5 + offsetScroll });
-        }
-    });
-
-    $('.sidebar-toggle-box').on('click', function () {
-        $('body').toggleClass('sidebar-open');
-    });
-
-    // Apps
-    window.App = {
-        url: 'api/Apps',
-        title: "分配应用"
-    };
-
-    // Roles
-    window.Role = {
-        url: 'api/Roles',
-        title: "分配角色"
-    };
-
-    // Users
-    window.User = {
-        url: 'api/Users',
-        title: "分配用户"
-    };
-
-    // Groups
-    window.Group = {
-        url: 'api/Groups',
-        title: "分配部门"
-    };
-
-    // Menus
-    window.Menu = {
-        url: 'api/Menus',
-        iconView: 'Admin/IconView',
-        title: "分配菜单"
-    };
-
-    // Exceptions
-    window.Exceptions = {
-        url: 'api/Exceptions',
-        title: "程序异常日志"
-    };
-
-    // Dicts
-    window.Dicts = {
-        url: 'api/Dicts'
-    };
-
-    // Profiles
-    window.Profiles = {
-        url: 'api/Profiles',
-        del: 'api/Profiles/Delete'
-    };
-
-    // Settings
-    window.Settings = {
-        url: 'api/Settings'
-    };
-
-    // Messages
-    window.Messages = {
-        url: 'api/Messages'
-    };
-
-    // Tasks
-    window.Tasks = {
-        url: 'api/Tasks'
-    };
-
-    // Notifications
-    window.Notifications = {
-        url: 'api/Notifications'
-    };
-
-    // load widget data
-    $('.header .nav').reloadWidget().notifi({
-        url: 'NotiHub',
-        callback: function (result) {
-            var cate = result.Category;
-            var msg = result.Message;
-            switch (cate) {
-                case "DB":
-                    toastr.error(msg, "数据库操作发生异常");
-                    break;
-                case "Users":
-                    toastr.success(msg, "新用户注册");
-                    break;
-                case "App":
-                    toastr.warning(msg, "应用程序发生异常");
-                    break;
-            }
-            if (result) this.reloadWidget();
-        }
-    });
-
-    $(window).on('resize', function () {
-        $sidebar.addNiceScroll();
-    });
+(function ($) {
+    var formatCategoryName = function (menu) {
+        var ret = "";
+        if (menu.IsResource === 2) ret = "按钮";
+        else if (menu.IsResource === 1) ret = "资源";
+        else ret = menu.CategoryName;
+        return ret;
+    };
+
+    var cascadeMenu = function (menus) {
+        var html = "";
+        $.each(menus, function (index, menu) {
+            if (menu.Menus.length === 0) {
+                html += $.format('<li class="dd-item dd3-item" data-id="{0}" data-order="{4}" data-category="{3}"><div class="dd-handle dd3-handle"></div><div class="dd3-content"><div class="checkbox"><label><input type="checkbox" value="{0}"><span><i class="{1}"></i>{2}</span></label></div><div class="radio"><label><input type="radio" name="menu" value="{0}"><span><i class="{1}"></i>{2}</span></label></div><span class="menuType">{5}</span><span class="menuOrder">{4}</span></div></li>', menu.Id, menu.Icon, menu.Name, menu.Category, menu.Order, formatCategoryName(menu));
+            }
+            else {
+                html += $.format('<li class="dd-item dd3-item" data-id="{0}" data-order="{5}" data-category="{3}"><div class="dd-handle dd3-handle"></div><div class="dd3-content"><div class="checkbox"><label><input type="checkbox" value="{0}"><span><i class="{1}"></i>{2}</span></label></div><div class="radio"><label><input type="radio" name="menu" value="{0}"><span><i class="{1}"></i>{2}</span></label></div><span class="menuType">{6}</span><span class="menuOrder">{5}</span></div><ol class="dd-list">{4}</ol></li>', menu.Id, menu.Icon, menu.Name, menu.Category, cascadeSubMenu(menu.Menus), menu.Order, formatCategoryName(menu));
+            }
+        });
+        return html;
+    };
+
+    var cascadeSubMenu = function (menus) {
+        var html = "";
+        $.each(menus, function (index, menu) {
+            html += $.format('<li class="dd-item dd3-item" data-id="{0}" data-order="{4}" data-category="{3}"><div class="dd-handle dd3-handle"></div><div class="dd3-content"><div class="checkbox"><label><input type="checkbox" value="{0}"><span><i class="{1}"></i>{2}</span></label></div><div class="radio"><label><input type="radio" name="menu" value="{0}"><span><i class="{1}"></i>{2}</span></label></div><span class="menuType">{5}</span><span class="menuOrder">{4}</span></div></li>', menu.Id, menu.Icon, menu.Name, menu.Category, menu.Order, formatCategoryName(menu));
+        });
+        return html;
+    };
+
+    var setBadge = function (source) {
+        var data = $.extend({
+            TasksCount: 0,
+            AppExceptionsCount: 0,
+            DbExceptionsCount: 0,
+            MessagesCount: 0,
+            NewUsersCount: 0
+        }, source);
+        $('#msgHeaderTaskBadge').text(data.TasksCount === 0 ? "" : data.TasksCount);
+        $('#msgHeaderUserBadge').text(data.NewUsersCount === 0 ? "" : data.NewUsersCount);
+        $('#msgHeaderAppBadge').text(data.AppExceptionsCount === 0 ? "" : data.AppExceptionsCount);
+        $('#msgHeaderDbBadge').text(data.DbExceptionsCount === 0 ? "" : data.DbExceptionsCount);
+        $('#msgHeaderMsgBadge').text(data.MessagesCount === 0 ? "" : data.MessagesCount);
+        $('#logoutNoti').text(data.NewUsersCount === 0 ? "" : data.NewUsersCount);
+    };
+
+    $.fn.extend({
+        nestMenu: function (callback) {
+            var $this = $(this);
+            $.bc({
+                id: 0, url: Menu.url, query: { type: "user" }, method: "post",
+                callback: function (result) {
+                    var html = "";
+                    if ($.isArray(result)) html = cascadeMenu(result);
+                    $this.find('ol:first').html(html);
+                    $this.nestable();
+                    callback();
+                }
+            });
+        },
+        clearWidgetItems: function () {
+            setBadge(false);
+            this.children('.dropdown').each(function () {
+                $(this).children('.dropdown-menu').each(function () {
+                    $(this).children('a').remove();
+                });
+            });
+            return this;
+        },
+        reloadWidget: function () {
+            if (this.length === 0) return this;
+            var that = this;
+            $.bc({
+                url: Notifications.url,
+                callback: function (result) {
+                    that.clearWidgetItems();
+                    if (!result) return;
+
+                    setBadge(result);
+
+                    // tasks
+                    $('#msgHeaderTask').text(result.TasksCount);
+                    var htmlUserTemplate = '<a class="dropdown-item" href="{4}?id={3}"><span class="desc">{0}-{2}</span><span class="percent">{1}%</span></span><div class="progress progress-striped"><div class="progress-bar" role="progressbar" aria-valuenow="{1}" aria-valuemin="0" aria-valuemax="100" style="width: {1}%"><span class="sr-only">{1}% 完成</span></div></div></a>';
+                    var html = result.Tasks.map(function (u) {
+                        return $.format(htmlUserTemplate, u.TaskName, u.TaskProgress, u.AssignDisplayName, u.Id, $.formatUrl('Admin/Tasks'));
+                    }).join('');
+                    $(html).insertAfter($('#msgHeaderTaskContent'));
+
+                    // new users
+                    $('#msgHeaderUser').text(result.NewUsersCount);
+                    htmlUserTemplate = '<a class="dropdown-item" href="{4}"><span class="label label-success"><i class="fa fa-plus"></i></span><div title="{2}" class="content">{1}({0})</div><span class="small italic">{3}</span></a>';
+                    html = result.Users.map(function (u) {
+                        return $.format(htmlUserTemplate, $.safeHtml(u.UserName), $.safeHtml(u.DisplayName), $.safeHtml(u.Description), u.Period, $.formatUrl('Admin/Notifications'));
+                    }).join('');
+                    $(html).insertAfter($('#msgHeaderUserContent'));
+
+                    // apps
+                    $('#msgHeaderApp').text(result.AppExceptionsCount);
+                    htmlUserTemplate = '<a class="dropdown-item" href="{3}"><span class="label label-warning"><i class="fa fa-bug"></i></span><div title="{1}" class="content">{0}</div><span class="small italic">{2}</span></a>';
+                    html = result.Apps.map(function (u) {
+                        return $.format(htmlUserTemplate, u.ExceptionType, u.Message, u.Period, $.formatUrl('Admin/Exceptions'));
+                    }).join('');
+                    $(html).insertAfter($('#msgHeaderAppContent'));
+
+                    // dbs
+                    $('#msgHeaderDb').text(result.DbExceptionsCount);
+                    htmlUserTemplate = '<a class="dropdown-item" href="{3}"><span class="label label-danger"><i class="fa fa-bolt"></i></span><div title="{1}" class="content">{0}</div><span class="small italic">{2}</span></a>';
+                    html = result.Dbs.map(function (u) {
+                        return $.format(htmlUserTemplate, u.ErrorPage, u.Message, u.Period, $.formatUrl('Admin/Exceptions'));
+                    }).join('');
+                    $(html).insertAfter($('#msgHeaderDbContent'));
+
+                    // messages
+                    $('#msgHeaderMsg').text(result.MessagesCount);
+                    htmlUserTemplate = '<a class="dropdown-item" href="{6}?id={0}"><span class="photo"><img alt="avatar" src="{1}"></span><span class="subject"><span class="from">{2}</span><span class="time">{4}</span></span><span class="message" title="{5}">{3}</span></a>';
+                    html = result.Messages.map(function (u) {
+                        return $.format(htmlUserTemplate, u.Id, u.FromIcon, $.safeHtml(u.FromDisplayName), $.safeHtml(u.Title), u.Period, $.safeHtml(u.Content), $.formatUrl('Admin/Messages'));
+                    }).join('');
+                    $(html).insertAfter($('#msgHeaderMsgContent'));
+                }
+            });
+            return this;
+        }
+    });
+})(jQuery);
+
+$(function () {
+    var $sideMenu = $(".sidebar");
+    $sideMenu.dcAccordion({
+        autoExpand: true,
+        saveState: false
+    });
+
+    // breadcrumb
+    var $breadNav = $('#breadNav');
+    var arch = $sideMenu.find('a.active').last();
+    $breadNav.removeClass('d-none').text(arch.text() || $('title').text());
+
+    var resizeFrame = function () {
+        var $nav = $('.main-content .nav');
+        var parentWidth = $nav.parent().width();
+        var width = 0;
+        $nav.children().each(function (index, ele) {
+            if ($(ele).hasClass('flex-fill')) return true;
+            width = width + $(ele).width();
+            if ($(ele).find('.nav-link').hasClass('active')) {
+                if (index === 0) width = 0;
+                return false;
+            }
+        });
+        if (width > parentWidth) {
+            $nav.css({
+                "margin-left": parentWidth - width
+            });
+        }
+        else if (width === 0) {
+            $nav.css({
+                "margin-left": 0
+            });
+        }
+    };
+
+    $.fn.extend({
+        autoScrollSidebar: function (options) {
+            var option = $.extend({ target: null, offsetTop: 0 }, options);
+            var $navItem = option.target;
+            if ($navItem === null || $navItem.length === 0) return this;
+
+            // sidebar scroll animate
+            var middle = this.outerHeight() / 2;
+            var top = 0;
+            if (this.hasClass('mCustomScrollbar')) {
+                top = $navItem.offset().top - $('header').outerHeight() + option.offsetTop;
+                if (top > middle) {
+                    this.mCustomScrollbar('scrollTo', top - middle);
+                }
+            }
+            else {
+                top = $navItem.offset().top + option.offsetTop;
+                if (top > middle)
+                    this.animate({
+                        scrollTop: top - middle
+                    });
+            }
+            return this;
+        },
+        addNiceScroll: function () {
+            if ($.browser.versions.ios && $(window).width() > 768) {
+                this.css('overflow', 'auto');
+            }
+            else if (!$.browser.versions.ios && $(window).width() > 768) {
+                this.mCustomScrollbar({ theme: 'minimal', mouseWheel: { scrollAmount: 60 } });
+            }
+            else {
+                this.mCustomScrollbar('destroy');
+            }
+            return this;
+        },
+        addFrame: function (options) {
+            var op = $.extend({ element: null, nav: '.main-content .nav' }, options);
+            var $element = op.element;
+
+            // find tab
+            var tab = $(op.nav).find('.nav-link').filter(function (index, el) {
+                return $(el).attr('href') === $element.attr('href');
+            });
+
+            if (tab && tab.length === 1) {
+                tab.trigger('click');
+                resizeFrame();
+                return;
+            }
+
+            var li = $.format('<li class="nav-item"><a class="nav-link active" href="{1}"><span>{0}</span></a><i class="nav-close fa fa-times-circle-o"></i></li>', $element.text(), $element.attr('href'));
+            var $nav = $(op.nav);
+            $nav.find('.nav-link').removeClass('active');
+            $(li).insertBefore($nav.find(':last').parent());
+            $(this).find('iframe').removeClass('active');
+            $('<iframe frameborder="0" height="100%" width="100%" src="~/Admin/Index"></iframe>').attr('src', $element.attr('href')).addClass('active').appendTo($(this));
+            resizeFrame();
+        },
+        removeFrame: function (options) {
+            var op = $.extend({ element: null, nav: '.main-content .nav' }, options);
+            var $element = op.element;
+            var frame = $(this).find('iframe').filter(function (index, el) {
+                return $(el).attr('src') === $element.attr('href');
+            });
+            frame.remove();
+
+            var $nav = $(op.nav);
+            var nav = $nav.find('.nav-link').filter(function (index, el) {
+                return $(el).attr('href') === $element.attr('href');
+            });
+
+            // active other tab
+            var tab = null;
+            if (nav.hasClass('active')) {
+                tab = nav.parent().prev();
+                if (tab.length === 0) {
+                    tab = nav.parent().next();
+                }
+            }
+            nav.parent().remove();
+            if (tab && tab.length === 1) {
+                tab.find('.nav-link').trigger('click');
+                return;
+            }
+            resizeFrame();
+        },
+        moveFrame: function (method) {
+            var $ele = $(this).find('.nav-tabs .nav-link.active');
+            if ($ele.length === 1) {
+                var target = $ele.parent()[method]();
+                if (target.length === 1) {
+                    if (target.hasClass('flex-fill')) return;
+                    target.find('.nav-link').trigger('click');
+                    resizeFrame();
+                }
+            }
+        }
+    });
+
+    // custom scrollbar
+    var $sidebar = $('aside').addNiceScroll().autoScrollSidebar({ target: arch.parent(), offsetTop: arch.parent().innerHeight() / 2 });
+
+    $sideMenu.on('click', 'a.dcjq-parent', function () {
+        var $this = $(this);
+        if (!$.browser.versions.ios && $(window).width() > 768) {
+            setTimeout(function () {
+                var offsetScroll = parseInt($this.parents('.mCSB_container').css('top').replace('px', ''));
+                $sidebar.autoScrollSidebar({ target: $this.parent(), offsetTop: 25.5 - offsetScroll });
+            }, 600);
+        }
+        else if ($.browser.versions.ios && $(window).width() > 768) {
+            var offsetScroll = parseInt($this.parents('aside').scrollTop());
+            $sidebar.autoScrollSidebar({ target: $this.parent(), offsetTop: 25.5 + offsetScroll });
+        }
+    });
+
+    $('.sidebar-toggle-box').on('click', function () {
+        $('body').toggleClass('sidebar-open');
+    });
+
+    $('.frame .sidebar').on('click', 'a', function (e) {
+        e.preventDefault();
+        $('.main-content').addFrame({ element: $(this) });
+        $('body').removeClass('sidebar-open');
+    });
+
+    $('.nav-tabs').on('click', 'a', function (e) {
+        e.preventDefault();
+        if ($(this).hasClass('flex-fill')) return;
+
+        $('.nav-tabs').find('.nav-link').removeClass('active');
+        $(this).addClass('active');
+        var that = this;
+        $('.main-content iframe').removeClass('active').filter(function (index, ele) {
+            if ($(ele).attr('src') === $(that).attr('href')) $(ele).addClass('active');
+        });
+    }).on('click', '.nav-close', function (e) {
+        $('.main-content').removeFrame({ element: $(this).prev() });
+    });
+
+    $('.nav-prev, .nav-next').on('click', function (e) {
+        e.preventDefault();
+        $('.main-content').moveFrame($(this).attr('data-method'));
+    });
+
+    // Apps
+    window.App = {
+        url: 'api/Apps',
+        title: "分配应用"
+    };
+
+    // Roles
+    window.Role = {
+        url: 'api/Roles',
+        title: "分配角色"
+    };
+
+    // Users
+    window.User = {
+        url: 'api/Users',
+        title: "分配用户"
+    };
+
+    // Groups
+    window.Group = {
+        url: 'api/Groups',
+        title: "分配部门"
+    };
+
+    // Menus
+    window.Menu = {
+        url: 'api/Menus',
+        iconView: 'Admin/IconView',
+        title: "分配菜单"
+    };
+
+    // Exceptions
+    window.Exceptions = {
+        url: 'api/Exceptions',
+        title: "程序异常日志"
+    };
+
+    // Dicts
+    window.Dicts = {
+        url: 'api/Dicts'
+    };
+
+    // Profiles
+    window.Profiles = {
+        url: 'api/Profiles',
+        del: 'api/Profiles/Delete'
+    };
+
+    // Settings
+    window.Settings = {
+        url: 'api/Settings'
+    };
+
+    // Messages
+    window.Messages = {
+        url: 'api/Messages'
+    };
+
+    // Tasks
+    window.Tasks = {
+        url: 'api/Tasks'
+    };
+
+    // Notifications
+    window.Notifications = {
+        url: 'api/Notifications'
+    };
+
+    // load widget data
+    $('.header .nav').reloadWidget().notifi({
+        url: 'NotiHub',
+        callback: function (result) {
+            var cate = result.Category;
+            var msg = result.Message;
+            switch (cate) {
+                case "DB":
+                    toastr.error(msg, "数据库操作发生异常");
+                    break;
+                case "Users":
+                    toastr.success(msg, "新用户注册");
+                    break;
+                case "App":
+                    toastr.warning(msg, "应用程序发生异常");
+                    break;
+            }
+            if (result) this.reloadWidget();
+        }
+    });
+
+    $(window).on('resize', function () {
+        $sidebar.addNiceScroll();
+    });
 });