adriano.andrade
/
projeto-hit
mirror of https://github.com/AdrianoRobson/projeto-hit.git
1
1
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Criação de nova rule para que somente o administrador acesse as configurações(settings)

pull/1/head
adriano 2022-01-10 20:26:13 -03:00
parent 723f094e5e
commit 78074b0d09
2 changed files with 121 additions and 104 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

212
frontend/src/pages/Users/index.js
View File

@ -1,4 +1,4 @@
import React, { useState, useEffect, useReducer } from "react"; import React, { useState, useEffect, useReducer, useContext} from "react";
import { toast } from "react-toastify"; import { toast } from "react-toastify";
import openSocket from "socket.io-client"; import openSocket from "socket.io-client";
@ -30,6 +30,10 @@ import UserModal from "../../components/UserModal";
import ConfirmationModal from "../../components/ConfirmationModal"; import ConfirmationModal from "../../components/ConfirmationModal";
import toastError from "../../errors/toastError"; import toastError from "../../errors/toastError";
//--------
import { AuthContext } from "../../context/Auth/AuthContext";
import { Can } from "../../components/Can";
const reducer = (state, action) => { const reducer = (state, action) => {
if (action.type === "LOAD_USERS") { if (action.type === "LOAD_USERS") {
const users = action.payload; const users = action.payload;
@ -86,6 +90,9 @@ const useStyles = makeStyles((theme) => ({
const Users = () => { const Users = () => {
const classes = useStyles(); const classes = useStyles();
//--------
const { user: userA } = useContext(AuthContext);
const [loading, setLoading] = useState(false); const [loading, setLoading] = useState(false);
const [pageNumber, setPageNumber] = useState(1); const [pageNumber, setPageNumber] = useState(1);
const [hasMore, setHasMore] = useState(false); const [hasMore, setHasMore] = useState(false);
@ -183,112 +190,121 @@ const Users = () => {
}; };
return ( return (
<MainContainer>
<ConfirmationModal
title={
deletingUser &&
`${i18n.t("users.confirmationModal.deleteTitle")} ${
deletingUser.name
}?`
}
open={confirmModalOpen}
onClose={setConfirmModalOpen}
onConfirm={() => handleDeleteUser(deletingUser.id)}
>
{i18n.t("users.confirmationModal.deleteMessage")}
</ConfirmationModal>
<UserModal
open={userModalOpen}
onClose={handleCloseUserModal}
aria-labelledby="form-dialog-title"
userId={selectedUser && selectedUser.id}
/>
<MainHeader>
<Title>{i18n.t("users.title")}</Title>
<MainHeaderButtonsWrapper>
<TextField
placeholder={i18n.t("contacts.searchPlaceholder")}
type="search"
value={searchParam}
onChange={handleSearch}
InputProps={{
startAdornment: (
<InputAdornment position="start">
<SearchIcon style={{ color: "gray" }} />
</InputAdornment>
),
}}
/>
<Button <Can
variant="contained" role={userA.profile}
color="primary" perform="user-view:show"
onClick={handleOpenUserModal} yes={() => (
> <MainContainer>
{i18n.t("users.buttons.add")} <ConfirmationModal
</Button> title={
deletingUser &&
`${i18n.t("users.confirmationModal.deleteTitle")} ${
deletingUser.name
}?`
}
open={confirmModalOpen}
onClose={setConfirmModalOpen}
onConfirm={() => handleDeleteUser(deletingUser.id)}
>
{i18n.t("users.confirmationModal.deleteMessage")}
</ConfirmationModal>
<UserModal
open={userModalOpen}
onClose={handleCloseUserModal}
aria-labelledby="form-dialog-title"
userId={selectedUser && selectedUser.id}
/>
<MainHeader>
<Title>{i18n.t("users.title")}</Title>
<MainHeaderButtonsWrapper>
<TextField
placeholder={i18n.t("contacts.searchPlaceholder")}
type="search"
value={searchParam}
onChange={handleSearch}
InputProps={{
startAdornment: (
<InputAdornment position="start">
<SearchIcon style={{ color: "gray" }} />
</InputAdornment>
),
}}
/>
</MainHeaderButtonsWrapper> <Button
</MainHeader> variant="contained"
<Paper color="primary"
className={classes.mainPaper} onClick={handleOpenUserModal}
variant="outlined" >
onScroll={handleScroll} {i18n.t("users.buttons.add")}
> </Button>
<Table size="small">
<TableHead>
<TableRow>
<TableCell align="center">{i18n.t("users.table.name")}</TableCell>
<TableCell align="center">
{i18n.t("users.table.email")}
</TableCell>
<TableCell align="center">
{i18n.t("users.table.profile")}
</TableCell>
<TableCell align="center"> </MainHeaderButtonsWrapper>
{i18n.t("users.table.actions")} </MainHeader>
</TableCell> <Paper
className={classes.mainPaper}
variant="outlined"
onScroll={handleScroll}
>
<Table size="small">
<TableHead>
<TableRow>
<TableCell align="center">{i18n.t("users.table.name")}</TableCell>
<TableCell align="center">
{i18n.t("users.table.email")}
</TableCell>
<TableCell align="center">
{i18n.t("users.table.profile")}
</TableCell>
</TableRow> <TableCell align="center">
</TableHead> {i18n.t("users.table.actions")}
<TableBody> </TableCell>
<>
{users.map((user) => (
<TableRow key={user.id}>
<TableCell align="center">{user.name}</TableCell>
<TableCell align="center">{user.email}</TableCell>
<TableCell align="center">{user.profile}</TableCell>
<TableCell align="center"> </TableRow>
</TableHead>
<TableBody>
<>
{users.map((user) => (
<TableRow key={user.id}>
<TableCell align="center">{user.name}</TableCell>
<TableCell align="center">{user.email}</TableCell>
<TableCell align="center">{user.profile}</TableCell>
<IconButton <TableCell align="center">
size="small"
onClick={() => handleEditUser(user)}
>
<EditIcon />
</IconButton>
<IconButton <IconButton
size="small" size="small"
onClick={(e) => { onClick={() => handleEditUser(user)}
setConfirmModalOpen(true); >
setDeletingUser(user); <EditIcon />
}} </IconButton>
>
<DeleteOutlineIcon /> <IconButton
</IconButton> size="small"
onClick={(e) => {
setConfirmModalOpen(true);
setDeletingUser(user);
}}
>
<DeleteOutlineIcon />
</IconButton>
</TableCell>
</TableRow>
))}
{loading && <TableRowSkeleton columns={4} />}
</>
</TableBody>
</Table>
</Paper>
</MainContainer>
)}
/>
</TableCell>
</TableRow>
))}
{loading && <TableRowSkeleton columns={4} />}
</>
</TableBody>
</Table>
</Paper>
</MainContainer>
); );
}; };

1
frontend/src/rules.js
View File

@ -15,6 +15,7 @@ const rules = {
"connections-view:show", "connections-view:show",
"dashboard-view:show", "dashboard-view:show",
"queues-view:show", "queues-view:show",
"user-view:show",
], ],
}, },
}; };