robobyte-front-builder 1.0.19 → 1.0.21

package/src/pages/authModule/permissions/rolePermissions/[id]/rolePermissionsUser/index.js

@@ -1,392 +0,0 @@
-// ** 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 {
-  Autocomplete,
-  Button,
-  ButtonGroup,
-  Card,
-  CardContent,
-  Dialog,
-  FormControl,
-  IconButton,
-  Popover,
-  TextField
-} from '@mui/material'
-import { useRouter } from 'next/router'
-import AddUserRoleDialog from 'views/rolePermissionsUsers/AddUserRoleDialog'
-import ConfirmDelete from 'views/ConfirmDialog'
-// ** Utils Import
-
-// ** Actions Imports
-
-// ** Custom Components Imports
-
-const RoleUsersPage = props => {
-  // ** State
-  const [roleUsers, setroleUsers] = useState([])
-  const [role, setRole] = useState({})
-  const [isLoading, setIsLoading] = useState(false)
-  const [anchorEl, setAnchorEl] = useState(null)
-  const [governorates, setGovernorates] = useState([])
-  const [transferReceiptSelected, setTransferReceiptSelected] = useState(null)
-  const [sectors, setSectors] = useState([])
-
-  const router = useRouter()
-  const { id } = router.query
-  const [selectedChildRow, setSelectedChildRow] = useState()
-  const [showAddSidebar, setShowProductSidebar] = useState(false)
-  const [Filter, setFilter] = useState({
-    TotalCount: 0,
-    PageSize: 20,
-    PageNumber: 0,
-    PageCount: 1,
-    sector: null,
-    governorate: null,
-    name: ''
-  })
-  const [openDialogs, setOpenDialogs] = useState({
-    addUser: false,
-    confirmDelete: 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.2,
-      minWidth: 150,
-      field: 'name',
-      headerName: 'الأسم',
-      renderCell: ({ row }) => {
-        return (
-          <Box sx={{ display: 'flex', alignItems: 'center' }}>
-            <Typography>{row.user?.contact?.fullname}</Typography>
-          </Box>
-        )
-      }
-    },
-
-    {
-      flex: 0.2,
-      minWidth: 150,
-      field: 'userName',
-      headerName: 'اسم المستخدم',
-      renderCell: ({ row }) => {
-        return (
-          <Box sx={{ display: 'flex', alignItems: 'center' }}>
-            <Typography>{row.user.userName}</Typography>
-          </Box>
-        )
-      }
-    },
-    {
-      flex: 0.1,
-      minWidth: 100,
-      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 handleGetSectors(fun) {
-  //   try {
-  //     let response
-  //     let filter = { governorateId: Filter.governorate.id }
-  //     response = await Services.PostService(Endpoints.Locations.Post.GetSectors, false, filter)
-  //     if (response) {
-  //       response.data = response.data.map((value, index) => ({ ...value, key: index }))
-  //       fun(response.data)
-  //     } else {
-  //       fun([])
-  //     }
-  //   } catch (error) {
-  //     false
-  //   } finally {
-  //   }
-  // }
-
-  async function handleGetUsersRole() {
-    let response = null
-    try {
-      setIsLoading(true)
-      let data = {
-        viewPermissionRoleId: id,
-      }
-      response = await Services.PostService(Endpoints.ViewPermissionRoleUsers.Post.GetViewPermissionRoleUsers, false, data, {
-        page: Filter.PageNumber + 1,
-        pageSize: Filter.PageSize
-      })
-      if (response) {
-        setroleUsers(response.data)
-        setFilter(preValue => ({
-          ...preValue,
-          TotalCount: response.totalCount,
-          PageCount: Math.ceil(response.totalCount / Filter.PageSize)
-        }))
-      } else {
-        setroleUsers([])
-        setFilter(preValue => ({
-          ...preValue,
-          TotalCount: 0,
-          PageCount: 0
-        }))
-      }
-    } catch (error) {
-      setIsLoading(false)
-    } finally {
-      setIsLoading(false)
-    }
-  }
-
-  async function handleGetRoleById() {
-    let response = null
-    try {
-      setIsLoading(true)
-      response = await Services.GetService(Endpoints.ViewPermissionRole.Get.GetRoleById, false, { id: id })
-      if (response) {
-        setRole(response.data)
-      } else {
-        setRole({})
-      }
-    } catch (error) {
-      setIsLoading(false)
-    } finally {
-      setIsLoading(false)
-    }
-
-
-  }
-
-  async function handleDeleteUserRole() {
-    let response
-    try {
-      setIsLoading(true)
-      response = await Services.DeleteService(
-        Endpoints.ViewPermissionRoleUsers.Delete.DeleteUserViewPermissionRole,
-        true,
-        {},
-        {
-          id: selectedChildRow.id,
-        }
-      )
-      if (response) {
-        handleGetUsersRole()
-      } else {
-
-      }
-    } catch (error) {
-      setIsLoading(false)
-    } finally {
-      setIsLoading(false)
-    }
-  }
-
-
-  function handleFilterChange(field, value) {
-    handleChange(setFilter, field, value)
-  }
-
-  const handleToggleDialogs = dialog => {
-    handleChange(setOpenDialogs, dialog, !openDialogs[dialog])
-  }
-
-
-  useEffect(() => {
-    handleGetUsersRole()
-  }, [Filter.PageNumber, Filter.PageSize])
-
-  useEffect(() => {
-    handleGetRoleById()
-  }, [])
-
-  const handleAddSidebarToggle = () => setShowProductSidebar(!showAddSidebar)
-  return (
-    <Card>
-      <Grid container>
-        <Grid size={12}>
-          <CardHeader
-            title={
-              <Box>
-                <Typography variant='h6'>{`مستخدمين الدور-${role.name}`}</Typography>
-              </Box>
-            }
-            sx={{ pb: 4, '& .MuiCardHeader-title': { letterSpacing: '.15px' } }}
-            action={
-              <Grid container size={12} spacing={1}>
-                <Grid item>
-                  <Button variant='contained' onClick={() => handleGetUsersRole()}>
-                    بحث
-                  </Button>
-                </Grid>
-                <Grid item>
-                  <Button
-                    variant='contained'
-
-                    onClick={() => {
-                      handleToggleDialogs('addUser')
-                      setSelectedChildRow(null)
-                    }}
-                  >
-                    <Plus />
-                  </Button>
-                </Grid>
-              </Grid>
-            }
-          />
-          <CardContent>
-            <Grid container spacing={3}>
-              {/* <Grid size={3}>
-                <FormControl fullWidth>
-                  <Autocomplete
-                    size='small'
-                    value={Filter.governorate}
-                    fullWidth
-                    options={governorates}
-                    onChange={(e, value) => {
-                      handleFilterChange('governorate', value)
-                    }}
-                    getOptionLabel={option => option?.name}
-                    renderInput={params => (
-                      <TextField
-                        label='المحافظة'
-                        {...params}
-                        onFocus={() => {
-                          handleGetGovernorates(setGovernorates)
-                        }}
-                      />
-                    )}
-                  />
-                </FormControl>
-              </Grid> */}
-            </Grid>
-          </CardContent>
-          <DataGrid
-            columns={columns}
-            loading={isLoading}
-            autoHeight
-            rows={roleUsers}
-            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
-                color={'error'}
-                onClick={() => {
-                  handleToggleDialogs('confirmDelete')
-                }}
-              >
-                حذف
-              </Button>
-
-            </ButtonGroup>
-          </Box>
-        </Popover>
-      </Grid>
-      <Dialog
-        fullWidth
-        open={openDialogs.addUser}
-        maxWidth='lg'
-        scroll='body'
-        onClose={() => handleToggleDialogs('addUser')}
-      >
-        <AddUserRoleDialog handleToggleDialogs={handleToggleDialogs} dialog='addUser' handleGetUsersRole={handleGetUsersRole} id={id} />
-      </Dialog>
-
-      <Dialog
-        fullWidth
-        open={openDialogs.confirmDelete && selectedChildRow != null}
-        maxWidth='lg'
-        scroll='body'
-        onClose={() => handleToggleDialogs('confirmDelete')}
-      >
-        <ConfirmDelete handleToggleDialogs={handleToggleDialogs} dialog='confirmDelete' actionsFunction={handleDeleteUserRole} />
-      </Dialog>
-    </Card>
-  )
-}
-RoleUsersPage.acl = {
-  action: 'view',
-  subject: 'rolePermissionsUser'
-}
-
-export default RoleUsersPage