feat(admin-ui): design the layout for api role management #327

Author: syntrydy

plugins/admin/components/Roles/UiRoleListPage.js

@@ -5,11 +5,7 @@ import { Badge } from 'reactstrap'
 import { connect } from 'react-redux'
 import { useTranslation } from 'react-i18next'
 import GluuViewWrapper from '../../../../app/routes/Apps/Gluu/GluuViewWrapper'
-import {
-  hasPermission,
-  buildPayload,
-  SCRIPT_READ,
-} from '../../../../app/utils/PermChecker'
+import { hasPermission, SCRIPT_READ } from '../../../../app/utils/PermChecker'
 
 function UiRoleListPage({ apiRoles, permissions, loading }) {
   const { t } = useTranslation()

plugins/admin/redux/api/PermissionApi.js

@@ -4,30 +4,30 @@ export default class PermissionApi {
   }
   getPermissions = () => {
     return new Promise((resolve, reject) => {
-      console.log('=============')
+      console.log('=============get permissions')
     })
   }
   getPermission = (options) => {
     return new Promise((resolve, reject) => {
-      console.log('=============')
+      console.log('============= get single permission')
     })
   }
 
   addPermission = (data) => {
     return new Promise((resolve, reject) => {
-      console.log('=============')
+      console.log('============= add permission')
     })
   }
 
   editPermission = (data) => {
     return new Promise((resolve, reject) => {
-      console.log('=============')
+      console.log('=============edit permission')
     })
   }
 
   deletePermission = async (inum) => {
     return new Promise((resolve, reject) => {
-      console.log('=============')
+      console.log('=============delete permission')
     })
   }
 

plugins/admin/redux/api/RoleApi.js

@@ -4,30 +4,30 @@ export default class RoleApi {
   }
   getRoles = () => {
     return new Promise((resolve, reject) => {
-      console.log('=============')
+      console.log('=============get roles')
     })
   }
   getRole = (options) => {
     return new Promise((resolve, reject) => {
-      console.log('=============')
+      console.log('=============get role')
     })
   }
 
   addRole = (data) => {
     return new Promise((resolve, reject) => {
-      console.log('=============')
+      console.log('============= add role ' + data)
     })
   }
 
   editRole = (data) => {
     return new Promise((resolve, reject) => {
-      console.log('=============')
+      console.log('=============edit role ' + data)
     })
   }
 
   deleteRole = async (inum) => {
     return new Promise((resolve, reject) => {
-      console.log('=============')
+      console.log('=============delete role ' + inum)
     })
   }
 

plugins/admin/redux/reducers/ApiPermissionReducer.js

@@ -25,23 +25,15 @@ export default function apiPermissionReducer(state = INIT_STATE, action) {
       return handleLoading()
     case GET_PERMISSIONS_RESPONSE:
       if (action.payload.data) {
-        return {
-          ...state,
-          items: action.payload.data,
-          loading: false,
-        }
+        return handleItems()
       } else {
         return handleDefault()
       }
     case GET_PERMISSION:
       return handleLoading()
     case GET_PERMISSION_RESPONSE:
       if (action.payload.data) {
-        return {
-          ...state,
-          items: action.payload.data,
-          loading: false,
-        }
+        return handleItems()
       } else {
         return handleDefault()
       }
@@ -101,6 +93,14 @@ export default function apiPermissionReducer(state = INIT_STATE, action) {
       return handleDefault()
   }
 
+  function handleItems() {
+    return {
+      ...state,
+      items: action.payload.data,
+      loading: false,
+    }
+  }
+
   function handleDefault() {
     return {
       ...state,

plugins/admin/redux/reducers/ApiRoleReducer.js

@@ -27,23 +27,15 @@ export default function apiRoleReducer(state = INIT_STATE, action) {
       return handleLoading()
     case GET_ROLES_RESPONSE:
       if (action.payload.data) {
-        return {
-          ...state,
-          items: action.payload.data,
-          loading: false,
-        }
+        return handleItems()
       } else {
         return handleDefault()
       }
     case GET_ROLE:
       return handleLoading()
     case GET_ROLE_RESPONSE:
       if (action.payload.data) {
-        return {
-          ...state,
-          items: action.payload.data,
-          loading: false,
-        }
+        return handleItems()
       } else {
         return handleDefault()
       }
@@ -103,6 +95,14 @@ export default function apiRoleReducer(state = INIT_STATE, action) {
       return handleDefault()
   }
 
+  function handleItems() {
+    return {
+      ...state,
+      items: action.payload.data,
+      loading: false,
+    }
+  }
+
   function handleLoading() {
     return {
       ...state,