fix: added delete functionality

admin-ui/plugins/admin/components/Mapping/MappingItem.js

@@ -14,6 +14,7 @@ import {
   addPermissionsToRole,
   updatePermissionsToServer,
   updatePermissionsServerResponse,
+  deleteMapping,
 } from '../../redux/actions/MappingActions'
 import GluuTypeAhead from '../../../../app/routes/Apps/Gluu/GluuTypeAhead'
 import applicationStyle from '../../../../app/routes/Apps/Gluu/styles/applicationstyle'
@@ -76,6 +77,14 @@ function MappingItem({ candidate }) {
     resetForm()
     autocompleteRef.current.clear()
   }
+  const handleDeleteRole = () => {
+    dispatch(
+      deleteMapping({
+        role: candidate.role,
+        permissions: candidate.permissions,
+      }),
+    )
+  }
 
   return (
     <div>
@@ -86,6 +95,20 @@ function MappingItem({ candidate }) {
             <Accordion.Header className="text-info">
               <Accordion.Indicator className="mr-2" />
               {candidate.role}
+
+              <Button
+                type="button"
+                color="danger"
+                onClick={() => handleDeleteRole()}
+                style={{
+                  margin: '1px',
+                  float: 'right',
+                  padding: '0px',
+                }}
+              >
+                <i className="fa fa-trash mr-2"></i>
+                Delete
+              </Button>
               <Badge
                 color="info"
                 style={{

admin-ui/plugins/admin/redux/actions/MappingActions.js

@@ -7,6 +7,7 @@ import {
   UPDATE_PERMISSIONS_LOADING,
   UPDATE_PERMISSIONS_SERVER_RESPONSE,
   ADD_MAPPING_ROLE_PERMISSIONS,
+  DELETE_MAPPING,
 } from './types'
 
 export const getMapping = (action) => ({
@@ -47,3 +48,8 @@ export const addNewRolePermissions = (data) => ({
   type: ADD_MAPPING_ROLE_PERMISSIONS,
   payload: { data },
 })
+
+export const deleteMapping = (data) => ({
+  type: DELETE_MAPPING,
+  payload: { data },
+})

admin-ui/plugins/admin/redux/actions/types.js

@@ -53,6 +53,7 @@ export const UPDATE_PERMISSIONS_SERVER_RESPONSE =
   'UPDATE_PERMISSIONS_SERVER_RESPONSE'
 export const UPDATE_PERMISSIONS_LOADING = 'UPDATE_PERMISSIONS_LOADING'
 export const ADD_MAPPING_ROLE_PERMISSIONS = 'ADD_MAPPING_ROLE_PERMISSIONS'
+export const DELETE_MAPPING = 'DELETE_MAPPING'
 //License Details
 
 export const GET_LICENSE_DETAILS = 'GET_LICENSE_DETAILS'

admin-ui/plugins/admin/redux/api/MappingApi.js

@@ -29,6 +29,15 @@ export default class MappingApi {
       })
     })
   }
+  deleteMapping = (data) => {
+    const options = {}
+    options['rolePermissionMapping'] = data
+    return new Promise((resolve, reject) => {
+      this.api.removeRolePermissionsPermission(options, (error, options) => {
+        this.handleResponse(error, reject, resolve, data)
+      })
+    })
+  }
 
   handleResponse(error, reject, resolve, data) {
     if (error) {

admin-ui/plugins/admin/redux/sagas/MappingSaga.js

@@ -24,6 +24,7 @@ import {
   GET_MAPPING,
   UPDATE_PERMISSIONS_TO_SERVER,
   ADD_MAPPING_ROLE_PERMISSIONS,
+  DELETE_MAPPING,
 } from '../actions/types'
 import MappingApi from '../api/MappingApi'
 import { getClient } from '../../../../app/redux/api/base'
@@ -88,10 +89,27 @@ export function* addMapping({ payload }) {
   }
 }
 
+export function* deleteMapping({ payload }) {
+  yield put(updatePermissionsLoading(true))
+  try {
+    const mappingApi = yield* newFunction()
+    const data = yield call(mappingApi.deleteMapping, payload.data)
+    yield put(getMapping({}))
+  } catch (e) {
+    yield put(updatePermissionsLoading(false))
+    // yield put(getMappingResponse(null))
+    if (isFourZeroOneError(e)) {
+      const jwt = yield select((state) => state.authReducer.userinfo_jwt)
+      yield put(getAPIAccessToken(jwt))
+    }
+  }
+}
+
 export function* watchGetMapping() {
   yield takeLatest(GET_MAPPING, fetchMapping)
   yield takeEvery(UPDATE_PERMISSIONS_TO_SERVER, updateMapping)
   yield takeEvery(ADD_MAPPING_ROLE_PERMISSIONS, addMapping)
+  yield takeEvery(DELETE_MAPPING, deleteMapping)
 }
 
 export default function* rootSaga() {