Permission modal: moved css and js files

modules/identity/src/Volo.Abp.Identity.Web/Pages/Identity/Roles/Index.cshtml

@@ -12,6 +12,11 @@
     PageLayout.Content.BreadCrumb.Add(L["Menu:IdentityManagement"].Value);
     PageLayout.Content.MenuItemName = IdentityMenuNames.Roles;
 }
+@section styles {
+    <abp-style-bundle name="@typeof(IndexModel).FullName">
+        <abp-style src="/Pages/AbpPermissionManagement/permission-management-modal.css" />
+    </abp-style-bundle>
+}
 @section scripts {
     <abp-script-bundle name="@typeof(IndexModel).FullName">
         <abp-script src="/Pages/AbpPermissionManagement/permission-management-modal.js" />

modules/identity/src/Volo.Abp.Identity.Web/Pages/Identity/Users/Index.cshtml

@@ -15,6 +15,11 @@
     PageLayout.Content.BreadCrumb.Add(L["Menu:IdentityManagement"].Value);
     PageLayout.Content.MenuItemName = IdentityMenuNames.Users;
 }
+@section styles {
+    <abp-style-bundle name="@typeof(IndexModel).FullName">
+        <abp-style src="/Pages/AbpPermissionManagement/permission-management-modal.css" />
+    </abp-style-bundle>
+}
 @section scripts {
     <abp-script-bundle name="@typeof(IndexModel).FullName">
         <abp-script src="/Pages/AbpPermissionManagement/permission-management-modal.js" />

modules/permission-management/src/Volo.Abp.PermissionManagement.Web/Pages/AbpPermissionManagement/PermissionManagementModal.cshtml

@@ -9,30 +9,6 @@
     Layout = null;
 }
 
-@*TO DO : Following styles and scripts will move*@
-<style>
-    .custom-scroll-container > .col-4 {
-        overflow: hidden;
-        overflow-y: auto;
-        max-height: 499px;
-        display: block; 
-        position: relative; 
-        z-index: 123;
-    }
-    .custom-scroll-content {
-        max-height: 440px; 
-    }
-</style>
-<script>
-    $(function () {
-        $(".custom-scroll-content").mCustomScrollbar({
-            theme: "minimal-dark"
-        });
-        $(".custom-scroll-container > .col-4").mCustomScrollbar({
-            theme: "minimal-dark"
-        });
-    });
-</script>
 <form method="post" asp-page="/AbpPermissionManagement/PermissionManagementModal" data-script-class="abp.modals.PermissionManagement">
     <abp-modal size="Large">
         <abp-modal-header title="@(L["Permissions"].Value) - @Model.EntityDisplayName"></abp-modal-header>

modules/permission-management/src/Volo.Abp.PermissionManagement.Web/Pages/AbpPermissionManagement/permission-management-modal.css

@@ -0,0 +1,12 @@
+.custom-scroll-container > .col-4 {
+    overflow: hidden;
+    overflow-y: auto;
+    max-height: 499px;
+    display: block;
+    position: relative;
+    z-index: 123;
+}
+
+.custom-scroll-content {
+    max-height: 440px;
+}

modules/permission-management/src/Volo.Abp.PermissionManagement.Web/Pages/AbpPermissionManagement/permission-management-modal.js

@@ -49,6 +49,15 @@
                     });
                 });
             });
+
+            $(function () {
+                $(".custom-scroll-content").mCustomScrollbar({
+                    theme: "minimal-dark"
+                });
+                $(".custom-scroll-container > .col-4").mCustomScrollbar({
+                    theme: "minimal-dark"
+                });
+            });
         };
     };
 })(jQuery);