robobyte-front-builder 1.0.0

package/src/pages/authModule/permissions/rolePermissions/index.js

@@ -0,0 +1,343 @@
+// ** React Imports
+// ** Next Import
+
+// ** MUI Imports
+import Box from '@mui/material/Box'
+import { Grid } from '@mui/material';
+
+import Typography from '@mui/material/Typography'
+import CardHeader from '@mui/material/CardHeader'
+import { useRouter } from 'next/router'
+
+// ** Icons Imports
+import { DotsVerticalCircleOutline, Plus } from 'mdi-material-ui'
+// ** Store Imports
+
+// ** Custom Components Imports
+import { useEffect, useState } from 'react'
+import { Endpoints, Services } from 'services/Endpoints'
+import handleChange from 'services/helper/handleChange'
+import CustomPagination from 'views/pages/misc/muiTable/CustomPagination'
+import {
+  Button,
+  ButtonGroup,
+  Card,
+  CardContent,
+  Chip,
+  FormControl,
+  IconButton,
+  InputLabel,
+  MenuItem,
+  Popover,
+  Select,
+  TextField,
+  Dialog
+} from '@mui/material'
+
+
+import UpdateRolePermissionDialog from 'views/rolePermissions/UpdateRolePermissionDialog'
+import ConfirmDelete from 'views/ConfirmDialog'
+import AddRolePermissionDialog from 'views/rolePermissions/AddRolePermissionDialog'
+
+
+const RolePermissions = props => {
+  // ** State
+  const router = useRouter()
+  const [roles, setRoles] = useState([])
+  const [permissions, setPermissions] = useState([])
+  const [isLoading, setIsLoading] = useState(false)
+  const [anchorEl, setAnchorEl] = useState(null)
+  const [selectedChildRow, setSelectedChildRow] = useState()
+
+
+  const [Filter, setFilter] = useState({
+    TotalCount: 0,
+    PageSize: 10,
+    PageNumber: 0,
+    PageCount: 1,
+  })
+  const [openDialogs, setOpenDialogs] = useState({
+    permissionUser: false,
+    confirmDelete: false,
+    rolePermisasion: false,
+
+  })
+  const columns = [
+
+    {
+      flex: 0.2,
+      minWidth: 150,
+      field: 'id',
+      headerName: 'Id',
+      renderCell: ({ row }) => {
+        return (
+          <Box sx={{ display: 'flex', alignItems: 'center' }}>
+            <Typography>{row.id}</Typography>
+          </Box>
+        )
+      }
+    },
+
+
+
+    {
+      flex: 0.25,
+      minWidth: 150,
+      field: 'displayName',
+      headerName: 'الاسم',
+      renderCell: ({ row }) => {
+        return (
+          <Box sx={{ display: 'flex', alignItems: 'center' }}>
+            <Typography>{row.name}</Typography>
+          </Box>
+        )
+      }
+    },
+
+
+
+    {
+      flex: 0.2,
+      minWidth: 75,
+      field: 'actions',
+      headerName: 'مهام',
+      renderCell: ({ row }) => {
+        return (
+          <Box sx={{ display: 'flex', alignItems: 'center' }}>
+            <IconButton
+              sx={{ color: 'primary.light' }}
+              onClick={e => {
+                setAnchorEl(e.currentTarget)
+                setSelectedChildRow(row)
+              }}
+            >
+              <DotsVerticalCircleOutline />
+            </IconButton>
+          </Box>
+        )
+      }
+    }
+  ]
+
+
+  async function handleGetRoles() {
+    let response = null
+    try {
+      setIsLoading(true)
+      let data = {
+      }
+
+      response = await Services.PostService(Endpoints.ViewPermissionRole.Post.GetViewPermissionRolePaged, false, data, {
+        page: Filter.PageNumber + 1,
+        pageSize: Filter.PageSize
+      })
+      if (response) {
+
+        setRoles(response.data)
+        setFilter(preValue => ({
+          ...preValue,
+          TotalCount: response.totalCount,
+          PageCount: Math.ceil(response.totalCount / Filter.PageSize)
+        }))
+      } else {
+        setRoles([])
+        setFilter(preValue => ({
+          ...preValue,
+          TotalCount: 0,
+          PageCount: 0
+        }))
+      }
+    } catch (error) {
+      setIsLoading(false)
+    } finally {
+      setIsLoading(false)
+    }
+  }
+
+  //   async function handleDeletePermission() {
+  //     let response
+  //   try {
+  //     setIsLoading(true)
+  //     response = await Services.DeleteService(
+  //       Endpoints.Permissions.Delete.DeletePermission,
+  //       true,
+  //       {},
+  //       {
+  //         id: selectedChildRow.id,
+  //         isDeleted: true
+  //       }
+  //     )
+  //     if (response) {
+  //       handleGetPermissions()
+  //     } else {
+  //
+  //     }
+  //   } catch (error) {
+  //     setIsLoading(false)
+  //   } finally {
+  //     setIsLoading(false)
+  //   }
+  // }
+
+
+  const handlePermissionChange = (permission) => {
+    if (selectedPermissions.includes(permission)) {
+      setSelectedPermissions(selectedPermissions.filter(item => item !== permission));
+    } else {
+      setSelectedPermissions([...selectedPermissions, permission]);
+    }
+  };
+
+  function handleFilterChange(field, value) {
+    handleChange(setFilter, field, value)
+  }
+  useEffect(() => {
+    handleGetRoles()
+  }, [Filter.PageNumber, Filter.PageSize])
+
+  const handleToggleDialogs = dialog => {
+    handleChange(setOpenDialogs, dialog, !openDialogs[dialog])
+  }
+
+  return (
+    <Card>
+      <Grid container>
+        <Grid size={12}>
+          <CardHeader
+            title={
+              <Box>
+                <Typography variant='h6'>الصلاحيات والادوار</Typography>
+              </Box>
+            }
+            sx={{ pb: 4, '& .MuiCardHeader-title': { letterSpacing: '.15px' } }}
+            action={
+              <Grid container size={12} spacing={1}>
+                <Grid item>
+                  <Button variant='contained' onClick={() => handleGetRoles()}>
+                    بحث
+                  </Button>
+                </Grid>
+                <Grid item>
+                  <Button
+                    variant='contained'
+                    onClick={() => {
+                      handleToggleDialogs('rolePermisasion')
+                      setSelectedChildRow(null)
+                    }}
+                  >
+                    <Plus />
+                  </Button>
+                </Grid>
+
+              </Grid>
+            }
+          />
+          <CardContent>
+            <Grid container spacing={3}>
+
+            </Grid>
+          </CardContent>
+          <DataGrid
+            loading={isLoading}
+            autoHeight
+            columns={columns}
+            rows={roles}
+            disableRowSelectionOnClick
+            pageSizeOptions={[10, 25, 50]}
+            paginationMode='server'
+            rowCount={Filter.TotalCount}
+            pagination
+            paginationModel={{ page: Filter.PageNumber, pageSize: Filter.PageSize }}
+            onPaginationModelChange={model => {
+              setFilter(preValue => ({
+                ...preValue,
+                PageNumber: model.page,
+                PageSize: model.pageSize
+              }))
+            }}
+            slots={{
+              pagination: CustomPagination
+            }}
+          />
+        </Grid>
+
+        <Popover
+          anchorEl={anchorEl}
+          open={anchorEl != null && selectedChildRow != null}
+          onClose={() => {
+            setAnchorEl(null)
+          }}
+          onClick={() => {
+            setAnchorEl(null)
+          }}
+          anchorOrigin={{
+            vertical: 'bottom',
+            horizontal: 'center'
+          }}
+          transformOrigin={{
+            vertical: 'top',
+            horizontal: 'center'
+          }}
+        >
+          <Box sc={{ display: 'flex' }} padding='4px'>
+            <ButtonGroup size='small' orientation='vertical' variant='text'>
+
+              <Button
+                onClick={() => {
+                  handleToggleDialogs('rolePermisasion')
+                }}
+              >
+                تحديث المعلومات
+              </Button>
+
+              <Button
+                onClick={() => {
+                  handleToggleDialogs('permissionUser')
+                }}
+              >
+                صلاحيات الدور
+              </Button>
+
+              <Button
+                onClick={() => {
+                  router.push(`rolePermissions/${selectedChildRow?.id}/rolePermissionsUser`)
+                }}
+              >
+                اضافة المستخدمين
+
+              </Button>
+
+
+            </ButtonGroup>
+          </Box>
+        </Popover>
+      </Grid>
+      <Dialog
+        fullWidth
+        open={openDialogs.permissionUser}
+        maxWidth='lg'
+        scroll='body'
+        onClose={() => handleToggleDialogs('permissionUser')}
+      >
+        <UpdateRolePermissionDialog handleToggleDialogs={handleToggleDialogs} handleGetRoles={handleGetRoles} role={selectedChildRow} />
+      </Dialog>
+
+      <Dialog
+        fullWidth
+        open={openDialogs.rolePermisasion}
+        maxWidth='lg'
+        scroll='body'
+        onClose={() => handleToggleDialogs('rolePermisasion')}
+      >
+        <AddRolePermissionDialog handleToggleDialogs={handleToggleDialogs} handleGetRoles={handleGetRoles} role={selectedChildRow} />
+      </Dialog>
+
+
+    </Card>
+  )
+}
+RolePermissions.acl = {
+  action: 'view',
+  subject: 'rolePermissionsUser'
+}
+export default RolePermissions

package/src/pages/authModule/permissions/systemPermissions/index.js

@@ -0,0 +1,354 @@
+// ** React Imports
+// ** Next Import
+
+// ** MUI Imports
+import Box from '@mui/material/Box'
+import { Grid } from '@mui/material';
+
+import Typography from '@mui/material/Typography'
+import CardHeader from '@mui/material/CardHeader'
+
+// ** Icons Imports
+import { DotsVerticalCircleOutline, Plus } from 'mdi-material-ui'
+// ** Store Imports
+
+// ** Custom Components Imports
+import { useEffect, useState } from 'react'
+import { Endpoints, Services } from 'services/Endpoints'
+import handleChange from 'services/helper/handleChange'
+import CustomPagination from 'views/pages/misc/muiTable/CustomPagination'
+import {
+  Button,
+  ButtonGroup,
+  Card,
+  CardContent,
+  Chip,
+  FormControl,
+  IconButton,
+  InputLabel,
+  MenuItem,
+  Popover,
+  Select,
+  TextField,
+  Dialog
+} from '@mui/material'
+
+import AddPermissionDialog from 'views/permissions/AddPermissionDialog'
+import ConfirmDelete from 'views/ConfirmDialog'
+
+// ** Utils Import
+
+// ** Actions Imports
+
+// ** Custom Components Imports
+
+const Permissions = props => {
+  // ** State
+  const [permissions, setPermissions] = useState([])
+  const [isLoading, setIsLoading] = useState(false)
+  const [anchorEl, setAnchorEl] = useState(null)
+  const [selectedChildRow, setSelectedChildRow] = useState()
+
+  const [Filter, setFilter] = useState({
+    TotalCount: 0,
+    PageSize: 10,
+    PageNumber: 0,
+    PageCount: 1,
+  })
+  const [openDialogs, setOpenDialogs] = useState({
+    permission: false,
+    confirmDelete: false
+
+  })
+  const columns = [
+    {
+      flex: 0.2,
+      minWidth: 150,
+      field: 'name',
+      headerName: 'Name',
+      renderCell: ({ row }) => {
+        return (
+          <Box sx={{ display: 'flex', alignItems: 'center' }}>
+            <Typography>{row.name}</Typography>
+          </Box>
+        )
+      }
+    },
+    {
+      flex: 0.1,
+      minWidth: 100,
+      field: 'parentName',
+      headerName: 'parent Name',
+      renderCell: ({ row }) => {
+        return (
+          <Box sx={{ display: 'flex', alignItems: 'center' }}>
+            <Typography>{row.parentName}</Typography>
+          </Box>
+        )
+      }
+    },
+    {
+      flex: 0.1,
+      minWidth: 100,
+      field: 'type',
+      headerName: 'Type',
+      renderCell: ({ row }) => {
+        return (
+          <Box sx={{ display: 'flex', alignItems: 'center' }}>
+            <Typography>{row.type}</Typography>
+          </Box>
+        )
+      }
+    },
+
+    {
+      flex: 0.2,
+      minWidth: 150,
+      field: 'subject',
+      headerName: 'Subject',
+      renderCell: ({ row }) => {
+        return (
+          <Box sx={{ display: 'flex', alignItems: 'center' }}>
+            <Typography>{row.subject}</Typography>
+          </Box>
+        )
+      }
+    },
+
+    {
+      flex: 0.1,
+      minWidth: 100,
+      field: 'action',
+      headerName: 'action',
+      renderCell: ({ row }) => {
+        return (
+          <Box sx={{ display: 'flex', alignItems: 'center' }}>
+            <Typography>{row.action}</Typography>
+          </Box>
+        )
+      }
+    },
+
+
+    {
+      minWidth: 75,
+      field: 'actions',
+      headerName: 'Actions',
+      renderCell: ({ row }) => {
+        return (
+          <Box sx={{ display: 'flex', alignItems: 'center' }}>
+            <IconButton
+              sx={{ color: 'primary.light' }}
+              onClick={e => {
+                setAnchorEl(e.currentTarget)
+                setSelectedChildRow(row)
+              }}
+            >
+              <DotsVerticalCircleOutline />
+            </IconButton>
+          </Box>
+        )
+      }
+    }
+  ]
+
+  async function handleGetPermissions() {
+    let response = null
+    try {
+      setIsLoading(true)
+      let data = {
+
+      }
+      response = await Services.PostService(Endpoints.Permissions.Post.GetAllPagedByFilter, false, data, {
+        page: Filter.PageNumber + 1,
+        pageSize: Filter.PageSize
+      })
+      if (response) {
+        setPermissions(response.data)
+        setFilter(preValue => ({
+          ...preValue,
+          TotalCount: response.totalCount,
+          PageCount: Math.ceil(response.totalCount / Filter.PageSize)
+        }))
+      } else {
+        setPermissions([])
+        setFilter(preValue => ({
+          ...preValue,
+          TotalCount: 0,
+          PageCount: 0
+        }))
+      }
+    } catch (error) {
+      setIsLoading(false)
+    } finally {
+      setIsLoading(false)
+    }
+  }
+
+  async function handleDeletePermission() {
+    let response
+    try {
+      setIsLoading(true)
+      response = await Services.DeleteService(
+        Endpoints.Permissions.Delete.DeletePermission,
+        true,
+        {},
+        {
+          id: selectedChildRow.id,
+          isDeleted: true
+        }
+      )
+      if (response) {
+        handleGetPermissions()
+      } else {
+
+      }
+    } catch (error) {
+      setIsLoading(false)
+    } finally {
+      setIsLoading(false)
+    }
+  }
+
+  function handleFilterChange(field, value) {
+    handleChange(setFilter, field, value)
+  }
+  useEffect(() => {
+    handleGetPermissions()
+  }, [Filter.PageNumber, Filter.PageSize])
+
+  const handleToggleDialogs = dialog => {
+    handleChange(setOpenDialogs, dialog, !openDialogs[dialog])
+  }
+
+  return (
+    <Card>
+      <Grid container>
+        <Grid size={12}>
+          <CardHeader
+            title={
+              <Box>
+                <Typography variant='h6'>الصلاحيات</Typography>
+              </Box>
+            }
+            sx={{ pb: 4, '& .MuiCardHeader-title': { letterSpacing: '.15px' } }}
+            action={
+              <Grid container size={12} spacing={1}>
+                <Grid item>
+                  <Button variant='contained' onClick={() => handleGetPermissions()}>
+                    بحث
+                  </Button>
+                </Grid>
+                <Grid item>
+                  <Button
+                    variant='contained'
+                    onClick={() => {
+                      handleToggleDialogs('permission')
+                      setSelectedChildRow(null)
+                    }}
+                  >
+                    <Plus />
+                  </Button>
+                </Grid>
+
+              </Grid>
+            }
+          />
+          <CardContent>
+            <Grid container spacing={3}>
+
+            </Grid>
+          </CardContent>
+          <DataGrid
+            loading={isLoading}
+            autoHeight
+            columns={columns}
+            rows={permissions}
+            disableRowSelectionOnClick
+            pageSizeOptions={[10, 25, 50]}
+            paginationMode='server'
+            rowCount={Filter.TotalCount}
+            pagination
+            paginationModel={{ page: Filter.PageNumber, pageSize: Filter.PageSize }}
+            onPaginationModelChange={model => {
+              setFilter(preValue => ({
+                ...preValue,
+                PageNumber: model.page,
+                PageSize: model.pageSize
+              }))
+            }}
+            slots={{
+              pagination: CustomPagination
+            }}
+          />
+        </Grid>
+
+        <Popover
+          anchorEl={anchorEl}
+          open={anchorEl != null && selectedChildRow != null}
+          onClose={() => {
+            setAnchorEl(null)
+          }}
+          onClick={() => {
+            setAnchorEl(null)
+          }}
+          anchorOrigin={{
+            vertical: 'bottom',
+            horizontal: 'center'
+          }}
+          transformOrigin={{
+            vertical: 'top',
+            horizontal: 'center'
+          }}
+        >
+          <Box sc={{ display: 'flex' }} padding='4px'>
+            <ButtonGroup size='small' orientation='vertical' variant='text'>
+
+              <Button
+                onClick={() => {
+                  handleToggleDialogs('permission')
+                }}
+              >
+                Update Information
+              </Button>
+              <Button
+                color={'error'}
+                onClick={() => {
+                  handleToggleDialogs('confirmDelete')
+                }}
+              >
+                Delete
+              </Button>
+            </ButtonGroup>
+          </Box>
+        </Popover>
+      </Grid>
+      <Dialog
+        fullWidth
+        open={openDialogs.permission}
+        maxWidth='md'
+        scroll='body'
+        onClose={() => handleToggleDialogs('permission')}
+      >
+        <AddPermissionDialog handleToggleDialogs={handleToggleDialogs} handleGetPermissions={handleGetPermissions} permission={selectedChildRow} />
+      </Dialog>
+
+      <Dialog
+        fullWidth
+        open={openDialogs.confirmDelete && selectedChildRow != null}
+        maxWidth='lg'
+        scroll='body'
+        onClose={() => handleToggleDialogs('confirmDelete')}
+      >
+        <ConfirmDelete handleToggleDialogs={handleToggleDialogs} dialog='confirmDelete' actionsFunction={handleDeletePermission} />
+      </Dialog>
+    </Card>
+  )
+}
+
+Permissions.acl = {
+  action: 'view',
+  subject: 'systemPermissions'
+}
+
+export default Permissions