增加功能：增加新用户提示信息，Notification页面重新布局

Bootstrap.Admin/Controllers/Api/NotificationsController.cs

@@ -78,10 +78,10 @@ namespace Bootstrap.Admin.Controllers.Api
         /// <param name="value"></param>
         /// <returns></returns>
         [HttpGet("{id}")]
-        public Notifications Get(string id)
+        public object Get(string id)
         {
-            var ret = new Notifications();
-            if (id == "newusers" || id == "all") ret.Users = UserHelper.RetrieveNewUsers().OrderByDescending(u => u.RegisterTime).ToList();
+            var ret = new object();
+            if (id == "newusers") ret = UserHelper.RetrieveNewUsers().ToList();
             return ret;
         }
 

Bootstrap.Admin/Views/Admin/Notifications.cshtml

@@ -1,19 +1,30 @@
-@model Bootstrap.Admin.Models.NavigatorBarModel
+@model NavigatorBarModel
 @{
     ViewBag.Title = "通知管理";
     Layout = "~/Views/Shared/_Admin.cshtml";
 }
-@section Javascript {
-    <script src="~/js/noti.js"></script>
-}
 @section css {
-    <link href="~/css/tasks.css" rel="stylesheet" />
+    <environment include="Development">
+        <link href="~/css/bootstrap-table.css" rel="stylesheet" />
+    </environment>
+    <environment exclude="Development">
+        <link href="~/css/bootstrap-table.min.css" rel="stylesheet" />
+    </environment>
+}
+@section Javascript {
+    <environment include="Development">
+        <script src="~/js/bootstrap-table.js"></script>
+        <script src="~/js/bootstrap-table-zh-CN.js"></script>
+    </environment>
+    <environment exclude="Development">
+        <script src="~/js/bootstrap-table.min.js"></script>
+        <script src="~/js/bootstrap-table-zh-CN.min.js"></script>
+    </environment>
+    <script src="~/js/noti.js"></script>
 }
 <div class="card">
     <div class="card-header">用户注册<span class="pull-right"><a id="refreshUsers" href="javascript:;" class="fa fa-refresh" title="点击刷新" data-toggle="tooltip" data-placement="left"></a></span></div>
-    <div class="card-body">
-        <div class="tasks-widget">
-            <ul id="tasks-users" class="task-list ui-sortable"></ul>
-        </div>
+    <div class="card-body" style="padding-top: 25px;">
+        <table></table>
     </div>
 </div>

Bootstrap.Admin/Views/Shared/_Login.cshtml

@@ -51,7 +51,7 @@
                     <div class="input-group">
                         <div class="input-group-prepend">
                             <div class="input-group-text">
-                                <span class="fa fa-user"></span>
+                                <span class="fa fa-user-plus"></span>
                             </div>
                         </div>
                         <input type="text" id="userName" autocomplete="off" class="form-control" placeholder="登陆账号不可为空" value="" maxlength="50" remote="api/New/" data-remote-msg="此用户已存在" data-valid="true" />
@@ -62,7 +62,7 @@
                     <div class="input-group">
                         <div class="input-group-prepend">
                             <div class="input-group-text">
-                                <span class="fa fa-user"></span>
+                                <span class="fa fa-user-circle-o"></span>
                             </div>
                         </div>
                         <input type="text" id="displayName" class="form-control" value="" placeholder="显示名称不可为空" maxlength="50" data-valid="true" />

Bootstrap.Admin/wwwroot/css/site.css

@@ -339,7 +339,7 @@ label.dropdown-item:first-child {
         line-height: normal;
     }
 
-    .cache-item .btn {
+    .cache-item .btn, td .btn:not(.btn-lg) {
         margin-left: 5px;
         font-size: 0.75rem;
         padding: 1px 5px;

Bootstrap.Admin/wwwroot/css/theme.css

@@ -108,7 +108,7 @@ input.pending {
 }
 
 /*Bootstrap Table BUG */
-.fixed-table-container {
+.bootstrap-table .table thead > tr > th {
     border-top: none;
 }
 

Bootstrap.Admin/wwwroot/js/Settings.js

@@ -72,7 +72,7 @@
                             swal: false,
                             callback: function (result) {
                                 if ($.isArray(result)) {
-                                    var html = '<div class="cache-item"><i class="fa fa-ellipsis-v"></i><div><span data-toggle="tooltip" title="{2}">{2}</span><span class="badge badge-pill badge-success">{0}</span></div><span title="{3}">{3}</span><div><span>{7}</span><button class="btn btn-danger btn-xs" title="{1}" data-url="{5}?cacheKey={1}" data-toggle="tooltip" data-self="{6}" data-placement="left"><i class="fa fa-trash-o"></i></button></div></div>';
+                                    var html = '<div class="cache-item"><i class="fa fa-ellipsis-v"></i><div><span data-toggle="tooltip" title="{2}">{2}</span><span class="badge badge-pill badge-success">{0}</span></div><span title="{3}">{3}</span><div><span>{7}</span><button class="btn btn-danger" title="{1}" data-url="{5}?cacheKey={1}" data-toggle="tooltip" data-self="{6}" data-placement="left"><i class="fa fa-trash-o"></i></button></div></div>';
                                     var content = result.sort(function (x, y) {
                                         return x.Key > y.Key ? 1 : -1;
                                     }).map(function (ele) {

Bootstrap.Admin/wwwroot/js/noti.js

@@ -1,40 +1,35 @@
 $(function () {
-    var $btnRefreshUser = $('#refreshUsers');
-    var htmlNewUsersHeader = '<li class="task-header"><div class="task-title notifi"><span class="task-title-sp">登陆名称</span><span class="task-value">显示名称/备注</span><span class="task-time">注册时间</span><div class="pull-right task-oper">操作</div></div></li>';
-    var htmlNewUsers = '<li class="list-primary"><i class="fa fa-ellipsis-v"></i><div class="task-title notifi"><span class="task-title-sp">{0}</span><span class="task-value">{4}：{1}</span><span class="task-time">{2}</span><div class="pull-right hidden-phone"><button class="btn btn-success btn-xs fa fa-check" data-toggle="tooltip" data-id="{3}" data-result="1" title="同意授权"></button><button class="btn btn-danger btn-xs fa fa-remove" data-toggle="tooltip" data-id="{3}" data-result="0" title="拒绝授权"></button></div></div></li>';
-
-    function listData() {
-        $btnRefreshUser.toggleClass('fa-spin');
-        var $taskUsers = $('#tasks-users');
-        $taskUsers.html(htmlNewUsersHeader);
+    var $table = $('table').smartTable({
+        url: Notifications.url + "newusers",
+        sidePagination: "client",
+        showToggle: false,
+        showRefresh: false,
+        showColumns: false,
+        columns: [
+            { title: "登陆名称", field: "UserName" },
+            { title: "显示名称", field: "DisplayName" },
+            { title: "说明信息", field: "Description" },
+            { title: "注册时间", field: "RegisterTime" },
+            {
+                title: "操作", field: "Id", formatter: function (value, row, index, field) {
+                    return $.format('<button class="btn btn-success" data-toggle="tooltip" data-id="{0}" data-result="1" title="同意授权"><i class="fa fa-check"></i></button> <button class="btn btn-danger" data-toggle="tooltip" data-id="{0}" data-result="0" title="拒绝授权"><i class="fa fa-remove"></i></button>', value);
+                }
+            }
+        ]
+    }).on('click', 'button[data-id]', function () {
+        var $this = $(this);
+        var id = $this.attr('data-id');
+        var result = $this.attr('data-result');
         $.bc({
-            Id: 'newusers', url: Notifications.url, method: 'GET', swal: false,
+            id: id, url: User.url, method: "PUT", data: { type: "user", userIds: result }, title: result == "1" ? "授权用户" : "拒绝用户",
             callback: function (result) {
-                if (result) {
-                    var content = result.Users.map(function (noti) {
-                        return $.format(htmlNewUsers, noti.UserName, noti.Description, noti.RegisterTime, noti.Id, noti.DisplayName);
-                    }).join('');
-                    $taskUsers.append(content);
-                    $('#tasks-users').find('[data-toggle="tooltip"]').tooltip();
-                }
-                $btnRefreshUser.toggleClass('fa-spin');
+                $table.bootstrapTable('refresh');
+                $.pullNotification($('.header .nav').reloadWidget());
             }
         });
-    }
-    listData();
-
-    $btnRefreshUser.tooltip().on('click', function () {
-        listData();
     });
 
-    $('#tasks-users').on('click', 'button', function () {
-        var id = $(this).attr('data-id');
-        var result = $(this).attr('data-result');
-        $.bc({
-            Id: id, url: User.url, method: "PUT", data: { type: "user", userIds: result }, title: result == "1" ? "授权用户" : "拒绝用户",
-            callback: function (result) {
-                listData({ ctl: $('#refreshUsers') });
-            }
-        });
+    $('#refreshUsers').tooltip().on('click', function () {
+        $table.bootstrapTable('refresh');
     });
 });