fix(#I12YKG): 角色对菜单授权弹窗增加过滤条件

#Comment
comment #I12YKG

#Issue
link #I12YKG

# Conflicts:
#	src/admin/Bootstrap.Admin/wwwroot/css/theme.css

src/admin/Bootstrap.Admin/Views/Shared/NavigatorConfig.cshtml

@@ -11,6 +11,20 @@
                 </div>
             </div>
             <div class="modal-footer">
+                <div class="flex-fill d-none d-sm-block">
+                    <div class="custom-control custom-radio custom-control-inline">
+                        <input type="radio" id="customRadioInline1" name="customRadioInline" checked class="custom-control-input" value="all">
+                        <label class="custom-control-label" for="customRadioInline1">全部</label>
+                    </div>
+                    <div class="custom-control custom-radio custom-control-inline">
+                        <input type="radio" id="customRadioInline2" name="customRadioInline" class="custom-control-input" value="system">
+                        <label class="custom-control-label" for="customRadioInline2">系统菜单</label>
+                    </div>
+                    <div class="custom-control custom-radio custom-control-inline">
+                        <input type="radio" id="customRadioInline3" name="customRadioInline" class="custom-control-input" value="custom">
+                        <label class="custom-control-label" for="customRadioInline3">外部菜单</label>
+                    </div>
+                </div>
                 <button type="button" class="btn btn-secondary" data-dismiss="modal">
                     <i class="fa fa-times"></i>
                     <span>关闭</span>

src/admin/Bootstrap.Admin/wwwroot/css/theme.css

@@ -555,34 +555,38 @@ input.pending {
         box-shadow: none;
     }
 
-    .card .card-header a {
-        color: #797979;
+.card-header {
+    padding: 0.5rem 1rem;
+}
+
+.card .card-header a {
+    color: #797979;
+}
+
+    .card .card-header a[data-toggle="collapse"] {
+        display: block;
     }
 
-        .card .card-header a[data-toggle="collapse"] {
-            display: block;
+        .card .card-header a[data-toggle="collapse"] i {
+            transition: all .25s linear;
         }
 
-            .card .card-header a[data-toggle="collapse"] i {
-                transition: all .25s linear;
-            }
-
-            .card .card-header a[data-toggle="collapse"].collapsed i {
-                transform: rotate(-90deg);
-            }
-
-        .card .card-header a.fa {
-            transition: color .3s linear;
+        .card .card-header a[data-toggle="collapse"].collapsed i {
+            transform: rotate(-90deg);
         }
 
-            .card .card-header a.fa:hover {
-                color: #333;
-            }
-
-    .card .card-header i + span {
-        margin-left: 6px;
+    .card .card-header a.fa {
+        transition: color .3s linear;
     }
 
+        .card .card-header a.fa:hover {
+            color: #333;
+        }
+
+.card .card-header i + span {
+    margin-left: 6px;
+}
+
 .card-body .bootstrap-table {
     margin-top: -10px;
 }
@@ -937,3 +941,12 @@ label[for] {
     display: inline-block;
     margin-left: 0;
 }
+
+.custom-control-label {
+    color: #333;
+    font-weight: bold;
+}
+
+    .custom-control-label:before, .custom-control-label::after {
+        top: 3px;
+    }

src/admin/Bootstrap.Admin/wwwroot/js/roles.js

@@ -155,4 +155,20 @@ $(function () {
             });
         }).children('.radio').hide();
     });
+
+    // 菜单弹窗过滤条件
+    $('.custom-radio').on('click', ':radio', function (e) {
+        var filter = $(this).val();
+        if (filter === 'all') {
+            $nestMenu.find('[data-category]').removeClass('d-none');
+        }
+        else if (filter === 'system') {
+            $nestMenu.find('[data-category]').addClass('d-none');
+            $nestMenu.find('[data-category="0"]').removeClass('d-none');
+        }
+        else if (filter === 'custom') {
+            $nestMenu.find('[data-category]').addClass('d-none');
+            $nestMenu.find('[data-category="1"]').removeClass('d-none');
+        }
+    });
 });