backend/src/controllers/ReportController.ts

@@ -44,33 +44,26 @@ type ReportOnQueue = {
 
 export const reportUserByDateStartDateEnd = async (req: Request, res: Response): Promise<Response> => {
 
-  if (
-    req.user.profile !== "master" &&
-    req.user.profile !== "admin" &&
-    req.user.profile !== "supervisor"
-  ) {
+  if (req.user.profile !== "master" && req.user.profile !== "admin") {
     throw new AppError("ERR_NO_PERMISSION", 403);
   }
 
   const { userId, startDate, endDate, pageNumber } = req.query as IndexQuery
 
-  console.log("userId, startDate, endDate, pageNumber: ", userId, startDate, endDate, pageNumber);
-
   const { tickets, count, hasMore } = await ShowTicketReport({ userId, startDate, endDate, pageNumber });
 
-  // console.log('kkkkkkkkkkkkkkkkkk tickets: ', JSON.stringify(tickets, null, 6))
- 
   return res.status(200).json({ tickets, count, hasMore });
 };
 
 
 export const reportUserService = async (req: Request, res: Response): Promise<Response> => {
 
-  if (req.user.profile !== "master" && req.user.profile !== "admin" && req.user.profile !=="supervisor") {
+  if (req.user.profile !== "master" && req.user.profile !== "admin") {
     throw new AppError("ERR_NO_PERMISSION", 403);
   }
   const { userId, startDate, endDate } = req.query as IndexQuery
 
+
   // let usersProfile = await ListUserParamiterService({ profile: 'user' })
   let usersProfile = await ListUserParamiterService({
     profiles: ["user", "supervisor"],
@@ -195,11 +188,7 @@ export const reportUserService = async (req: Request, res: Response): Promise<Re
 
 export const reportMessagesUserByDateStartDateEnd = async (req: Request, res: Response): Promise<Response> => {
 
-  if (
-    req.user.profile !== "master" &&
-    req.user.profile !== "admin" &&
-    req.user.profile !== "supervisor"
-  ) {
+  if (req.user.profile !== "master" && req.user.profile !== "admin") {
     throw new AppError("ERR_NO_PERMISSION", 403);
   }
 

backend/src/helpers/removeUserFromOnlineList.ts

@@ -1,17 +1,17 @@
 const usersSocket = require("../libs/socket");
 
 export const removeUserFromOlineList = (userId: any) => {
-  let index = usersSocket?.ob?.listOnline?.findIndex((o: any) => o?.id == userId);
+  let index = usersSocket.ob.listOnline.findIndex((o: any) => o.id == userId);
 
   if (index != -1) {
-    usersSocket?.ob?.listOnline?.splice(index, 1);
+    usersSocket.ob.listOnline.splice(index, 1);
   }
 
   index = -1;
 
-  index = usersSocket?.ob?.listOnlineAux?.findIndex((o: any) => o?.id == userId);
+  index = usersSocket.ob.listOnlineAux.findIndex((o: any) => o.id == userId);
 
   if (index != -1) {
-    usersSocket?.ob?.listOnlineAux?.splice(index, 1);
+    usersSocket.ob.listOnlineAux.splice(index, 1);
   }
 };

backend/src/services/TicketServices/ListTicketsService.ts

@@ -194,12 +194,8 @@ const ListTicketsService = async ({
 
     const userProfile: any = await User.findByPk(userId)
 
-    if (
-      userProfile.dataValues.profile != "admin" &&
-      userProfile.dataValues.profile != "master" 
-      // userProfile.dataValues.profile != "supervisor"
-    ) {
-      whereCondition = { ...whereCondition, userId };
+    if (userProfile.dataValues.profile != 'admin' && userProfile.dataValues.profile != 'master') {
+      whereCondition = { ...whereCondition, userId }
     }
 
 

frontend/src/layout/MainListItems.js

@@ -107,7 +107,7 @@ const MainListItems = (props) => {
 
       <Can
         role={user.profile}
-        perform="dashboard-view:show"
+        perform="menu-users:view"
         yes={() => (
           <>
             <Divider />
@@ -117,24 +117,11 @@ const MainListItems = (props) => {
               primary={i18n.t("mainDrawer.listItems.users")}
               icon={<PeopleAltOutlinedIcon />}
             />
-            <ListItemLink
-              to="/"
-              primary="Dashboard"
-              icon={<DashboardOutlinedIcon />}
-            />
-            <ListItemLink
-              to="/report"
-              primary="Relatório"
-              icon={<ReportOutlinedIcon />}
-            />
           </>
         )}
       />
 
 
-      
-
-
       <Can
         role={user.profile}
         perform="drawer-admin-items:view"
@@ -157,17 +144,17 @@ const MainListItems = (props) => {
               }
             />
 
-            {/* <ListItemLink
+            <ListItemLink
               to="/"
               primary="Dashboard"
               icon={<DashboardOutlinedIcon />}
-            /> */}
+            />
 
-            {/* <ListItemLink
+            <ListItemLink
               to="/report"
               primary="Relatório"
               icon={<ReportOutlinedIcon />}
-            /> */}
+            />
 
             <ListItemLink
               to="/campaign"

frontend/src/pages/Report/index.js

@@ -1,29 +1,29 @@
-import React, { useState, useEffect, useReducer, useContext } from "react"
-import MainContainer from "../../components/MainContainer"
-import api from "../../services/api"
-import SelectField from "../../components/Report/SelectField"
+import React, { useState, useEffect, useReducer, useContext } from "react";
+import MainContainer from "../../components/MainContainer";
+import api from "../../services/api";
+import SelectField from "../../components/Report/SelectField"; 
 import DatePicker1 from '../../components/Report/DatePicker'
 import DatePicker2 from '../../components/Report/DatePicker'
-import MTable from "../../components/Report/MTable"
-import PropTypes from 'prop-types'
-import Box from '@mui/material/Box'
-import { AuthContext } from "../../context/Auth/AuthContext"
-import { Can } from "../../components/Can"
+import MTable from "../../components/Report/MTable";
+import PropTypes from 'prop-types';
+import Box from '@mui/material/Box';
+import { AuthContext } from "../../context/Auth/AuthContext";
+import { Can } from "../../components/Can";
 
-import { Button } from "@material-ui/core"
+import { Button } from "@material-ui/core";
 
-import ReportModal from "../../components/ReportModal"
-import MaterialTable from 'material-table'
+import ReportModal from "../../components/ReportModal";
+import MaterialTable from 'material-table';
 
-import LogoutIcon from '@material-ui/icons/CancelOutlined'
+import LogoutIcon from '@material-ui/icons/CancelOutlined';
 
-import apiBroker from "../../services/apiBroker"
+import apiBroker from "../../services/apiBroker";
 import fileDownload from 'js-file-download'
 
  
-import openSocket from "socket.io-client"
+import openSocket from "socket.io-client";  
 
-import { i18n } from "../../translate/i18n"
+import { i18n } from "../../translate/i18n";
  
 
 const report = [{ 'value': '1', 'label': 'Atendimento por atendentes' }, { 'value': '2', 'label': 'Usuários online/offline' }]
@@ -33,15 +33,15 @@ const reducerQ = (state, action) => {
 
   if (action.type === "DELETE_USER_STATUS") {
 
-    const userId = action.payload
+    const userId = action.payload;
  
-    const userIndex = state.findIndex((u) => `${u.id}` === `${userId}`)
+    const userIndex = state.findIndex((u) => `${u.id}` === `${userId}`); 
 
     if (userIndex !== -1) {
-      state.splice(userIndex, 1)
+      state.splice(userIndex, 1);
     }
 
-    return [...state]
+    return [...state];
   }
 
 
@@ -131,7 +131,7 @@ const reducerQ = (state, action) => {
 
 
   if (action.type === "RESET") {
-    return []
+    return [];
   }
 
 }
@@ -141,41 +141,41 @@ const reducerQ = (state, action) => {
 const reducer = (state, action) => {
 
   if (action.type === "LOAD_USERS") {
-    const users = action.payload
-    const newUsers = []
+    const users = action.payload;
+    const newUsers = [];
 
     users.forEach((user) => {
-      const userIndex = state.findIndex((u) => u.id === user.id)
+      const userIndex = state.findIndex((u) => u.id === user.id);
       if (userIndex !== -1) {
-        state[userIndex] = user
+        state[userIndex] = user;
       } else {
-        newUsers.push(user)
+        newUsers.push(user);
       }
-    })
+    });
 
-    return [...state, ...newUsers]
+    return [...state, ...newUsers];
   }
 
   if (action.type === "DELETE_USER") {
-    const userId = action.payload
+    const userId = action.payload;
 
-    const userIndex = state.findIndex((u) => u.id === userId)
+    const userIndex = state.findIndex((u) => u.id === userId);
     if (userIndex !== -1) {
-      state.splice(userIndex, 1)
+      state.splice(userIndex, 1);
     }
-    return [...state]
+    return [...state];
   }
 
   if (action.type === "RESET") {
-    return []
-  }
+    return [];
   }
+};
 
 
 
 
 function Item(props) {
-  const { sx, ...other } = props
+  const { sx, ...other } = props;
   return (
     <Box
       sx={{
@@ -193,7 +193,7 @@ function Item(props) {
       }}
       {...other}
     />
-  )
+  );
 }
 
 Item.propTypes = {
@@ -204,7 +204,7 @@ Item.propTypes = {
     PropTypes.func,
     PropTypes.object,
   ]),
-}
+};
 
 
 
@@ -219,64 +219,50 @@ let columnsData = [
 
   { title: `${i18n.t("reports.listColumns.column1_7")}`, field: 'createdAt' },
   {title: `${i18n.t("reports.listColumns.column1_8")}`, field: 'updatedAt'},
-  { title: `${i18n.t("reports.listColumns.column1_9")}`, field: 'statusChatEnd' }]
-
-
- 
-// function convertAndFormatDate(dateString) {
-//   // Check if the input date string is in the desired format
-//   const isDesiredFormat = /^\w{3} \w{3} \d{2} \d{4} \d{2}:\d{2}:\d{2} GMT[-+]\d{4} \([\w\s]+\)$/i.test(dateString)
-
-//   if (isDesiredFormat) {
-//     // Convert the input date string to a JavaScript Date object
-//     const dateObj = new Date(dateString)
-
-//     // Format the date to the desired string format (e.g., 'yyyy-MM-dd') in the Brazil time zone
-//     const formattedDate = `${dateObj.getUTCFullYear()}-${(dateObj.getUTCMonth() + 1).toString().padStart(2, '0')}-${dateObj.getUTCDate().toString().padStart(2, '0')}`
-
-//     return formattedDate
-//   }
-
-//   // If the date is not in the desired format, return the original input string
-//   return dateString
-// }
+  { title: `${i18n.t("reports.listColumns.column1_9")}`, field: 'statusChatEnd' }];
 
 
 const Report = () => {  
 
-  const { user: userA } = useContext(AuthContext)
+  const { user: userA } = useContext(AuthContext);
 
   //-------- 
-  const [searchParam] = useState("")
+  const [searchParam] = useState("");
 
-  const [loading, setLoading] = useState(false)
-  const [hasMore, setHasMore] = useState(false)
-  const [pageNumberTickets, setTicketsPageNumber] = useState(1)
-  const [totalCountTickets, setTotalCountTickets] = useState(0)
+  const [loading, setLoading] = useState(false);
+  const [hasMore, setHasMore] = useState(false);
+  const [pageNumberTickets, setTicketsPageNumber] = useState(1);
+  const [totalCountTickets, setTotalCountTickets] = useState(0);
 
 
 
-  const [pageNumber, setPageNumber] = useState(1)
-  const [users, dispatch] = useReducer(reducer, [])
+  const [pageNumber, setPageNumber] = useState(1);
+  const [users, dispatch] = useReducer(reducer, []); 
   const [startDate, setDatePicker1] = useState(new Date())
   const [endDate, setDatePicker2] = useState(new Date())
   const [userId, setUser] = useState(null)
   const [query, dispatchQ] = useReducer(reducerQ, []) 
   
+
   const [reportOption, setReport] = useState('1')
   const [reporList,] = useState(report)
   const [profile, setProfile] = useState('')
-  const [dataRows, setData] = useState([])
+  const [dataRows, setData] = useState([]);
 
   const [onQueueStatus, setOnQueueProcessStatus] = useState(undefined)
   const [csvFile, setCsvFile] = useState()
 
+ 
+
+
+
   useEffect(() => {
-    dispatch({ type: "RESET" })
+    dispatch({ type: "RESET" });
     dispatchQ({ type: "RESET" })
     setTicketsPageNumber(1)
-    setPageNumber(1)
-  }, [searchParam, profile]) 
+    setPageNumber(1);
+  }, [searchParam, profile]);
+
 
 
   useEffect(() => {
@@ -289,21 +275,21 @@ const Report = () => {
   
           const { data } = await api.get("/users/", {
             params: { searchParam, pageNumber, profile },
-          })
+          });
 
-          dispatch({ type: "LOAD_USERS", payload: data.users })
+          dispatch({ type: "LOAD_USERS", payload: data.users }); 
           //setLoading(false);  
 
         } catch (err) {
-          console.log(err)
-        }
+          console.log(err);
         }
+      };
 
-      fetchUsers()
+      fetchUsers();
 
-    }, 500)
-    return () => clearTimeout(delayDebounceFn)
-  }, [searchParam, pageNumber, reportOption, profile])
+    }, 500);
+    return () => clearTimeout(delayDebounceFn);
+  }, [searchParam, pageNumber, reportOption, profile]);
 
 
 
@@ -313,45 +299,42 @@ const Report = () => {
 
     const delayDebounceFn = setTimeout(() => {
 
-      setLoading(true)
+      setLoading(true);
       const fetchQueries = async () => {
         try {
 
           if (reportOption === '1') {
 
-            // const { data } = await api.get("/reports/", { params: { userId: userId ? userId : 0, startDate: convertAndFormatDate(startDate), endDate: convertAndFormatDate(endDate), pageNumber: pageNumberTickets }, })
+            const { data } = await api.get("/reports/", { params: { userId, startDate, endDate, pageNumber: pageNumberTickets }, }); 
           
-            const { data } = await api.get("/reports/", { params: { userId, startDate, endDate, pageNumber: pageNumberTickets }, })
+            dispatchQ({ type: "LOAD_QUERY", payload: data.tickets }); 
 
-
-            dispatchQ({ type: "LOAD_QUERY", payload: data.tickets })
-
-            setHasMore(data.hasMore)
+            setHasMore(data.hasMore);
             setTotalCountTickets(data.count)
-            setLoading(false)
+            setLoading(false);
 
 
           }
           else if (reportOption === '2') {
 
-            const dataQuery = await api.get("/reports/user/services", { params: { userId, startDate, endDate }, })
+            const dataQuery = await api.get("/reports/user/services", { params: { userId, startDate, endDate }, });
             dispatchQ({ type: "RESET" })
-            dispatchQ({ type: "LOAD_QUERY", payload: dataQuery.data })
+            dispatchQ({ type: "LOAD_QUERY", payload: dataQuery.data });  
             //setLoading(false);   
 
           }
 
         } catch (err) {
-          console.log(err)
-        }
+          console.log(err);
         }
+      };
 
-      fetchQueries()
+      fetchQueries();
 
-    }, 500)
-    return () => clearTimeout(delayDebounceFn)
+    }, 500);
+    return () => clearTimeout(delayDebounceFn);
 
-  }, [userId, startDate, endDate, reportOption, pageNumberTickets, totalCountTickets])
+  }, [userId, startDate, endDate, reportOption, pageNumberTickets, totalCountTickets]);
 
 
   // Get from child 1
@@ -408,7 +391,7 @@ const Report = () => {
               baseURL: process.env.REACT_APP_BACKEND_URL_PRIVATE,
               identifier: 'csv'
             }
-          })
+          });
 
 
           if (queryOnQueue.data) {
@@ -421,14 +404,14 @@ const Report = () => {
  
 
         } catch (err) {
-          console.log(err)
-        }
+          console.log(err);
         }
+      };
 
-      fetchReportOnQueue()
+      fetchReportOnQueue();
 
-    }, 500)
-    return () => clearTimeout(delayDebounceFn)
+    }, 500);
+    return () => clearTimeout(delayDebounceFn);
 
   }, [ userA ])
  
@@ -439,16 +422,16 @@ const Report = () => {
 
     try {
 
-      let res = await apiBroker.get(`/reports/download/${csvFile}`, { responseType: 'blob' })
+      let res = await apiBroker.get(`/reports/download/${csvFile}`, { responseType: 'blob' });
 
       if (res) {
-        fileDownload(res.data, `${csvFile}`)
+        fileDownload(res.data, `${csvFile}`); 
         setOnQueueProcessStatus('empty')  
       }
       
 
     } catch (err) {
-      console.log(err)
+      console.log(err);
     }
      
 
@@ -462,6 +445,8 @@ const Report = () => {
 
       try {
 
+        // const dataQuery = await api.get("/reports/messages", { params: { userId, startDate, endDate }, });
+
         const querySavedOnQueue = await apiBroker.post("/reports/messages",
           {
             app: {
@@ -475,18 +460,18 @@ const Report = () => {
               startDate: startDate,
               endDate: endDate
             }
-          })
+          }); 
 
         const onQueueStatus = querySavedOnQueue.data.queueStatus
 
         setOnQueueProcessStatus(onQueueStatus) 
 
       } catch (err) {
-        console.log(err)
-      }
+        console.log(err);
       }
+    };
 
-    fetchQueries()
+    fetchQueries();
 
   }
 
@@ -494,7 +479,7 @@ const Report = () => {
 
   useEffect(() => {
 
-    const socket = openSocket(process.env.REACT_APP_BACKEND_URL)
+    const socket = openSocket(process.env.REACT_APP_BACKEND_URL);
 
     socket.on("queryOnQueueStatus", (data) => {
       if (data.action === 'update') {
@@ -520,21 +505,21 @@ const Report = () => {
         if (data.action === "logout" || (data.action === "update" &&
           ((`${startDate}` === `${endDate}`) && (`${endDate}` === `${dateToday}`) && (`${startDate}` === `${dateToday}`)))) { 
 
-          dispatchQ({ type: "UPDATE_STATUS_ONLINE", payload: data.userOnlineTime })
+          dispatchQ({ type: "UPDATE_STATUS_ONLINE", payload: data.userOnlineTime });
 
         }
         else if (data.action === "delete") {
-          dispatchQ({ type: "DELETE_USER_STATUS", payload: data.userOnlineTime })
+          dispatchQ({ type: "DELETE_USER_STATUS", payload: data.userOnlineTime });
         }
 
-      })
+      });
 
       socket.on("user", (data) => {
 
         if (data.action === "delete") { 
-          dispatch({ type: "DELETE_USER", payload: +data.userId })
+          dispatch({ type: "DELETE_USER", payload: +data.userId });
         }
-      })
+      }); 
  
 
     }
@@ -544,11 +529,11 @@ const Report = () => {
     }
 
     return () => {
-      socket.disconnect()
-    }
+      socket.disconnect();
+    };
 
 
-  }, [reportOption, startDate, endDate, userId, userA])
+  }, [reportOption, startDate, endDate, userId, userA]);
  
 
   useEffect(() => {    
@@ -560,7 +545,7 @@ const Report = () => {
 
   const handleLogouOnlineUser = async (userId) => {
     try {
-      await api.get(`/users/logout/${userId}`)
+      await api.get(`/users/logout/${userId}`);
       //toast.success(("Desloged!"));
       //handleDeleteRows(scheduleId) 
     } catch (err) {
@@ -568,25 +553,25 @@ const Report = () => {
     }
 
 
-  }
+  };
 
 
   const loadMore = () => {
-    setTicketsPageNumber((prevState) => prevState + 1)
-  }
+    setTicketsPageNumber((prevState) => prevState + 1);
+  };
 
   const handleScroll = (e) => {
 
-    if (!hasMore || loading) return
+    if (!hasMore || loading) return;
 
-    const { scrollTop, scrollHeight, clientHeight } = e.currentTarget
+    const { scrollTop, scrollHeight, clientHeight } = e.currentTarget; 
 
     if (scrollHeight - (scrollTop + 1) < clientHeight) {
 
-      loadMore()
+      loadMore();
  
     }
-  }
+  };
 
 
   const renderSwitch = (param) => {
@@ -604,13 +589,13 @@ const Report = () => {
             >
               {"CSV ALL"}
             </Button>
-          </>)
+          </>);
 
       case 'pending' || 'processing':
         return (
           <>
             <span>PROCESSING...</span>
-          </>)
+          </>);
 
       case 'success':
         return (
@@ -624,16 +609,16 @@ const Report = () => {
             >
               {'CSV DOWNLOAD'}
             </Button>
-          </>)
+          </>);
         case 'downloading':
           return (
             <>
               <span>DOWNLOADING...</span>
-          </>)
+            </>);
   
 
       default:
-        return (<><span>WAITING...</span></>)
+        return (<><span>WAITING...</span></>);
     }
   }
 
@@ -723,16 +708,16 @@ const Report = () => {
 
                             if (rowData['statusOnline'].status === 'offline') {
 
-                              return { color: "red" }
+                              return { color: "red" };
                             }
                             else if (rowData['statusOnline'].status === 'online') {
-                              return { color: "green" }
+                              return { color: "green" };
                             }
                             else if (rowData['statusOnline'].status === 'logout...') {
-                              return { color: "orange" }
+                              return { color: "orange" };
                             }
                             else if (rowData['statusOnline'].status === 'waiting...') {
-                              return { color: "orange" }
+                              return { color: "orange" };
                             }
                           }
 
@@ -809,6 +794,6 @@ const Report = () => {
       )}
     />
   )
-}
+};
 
-export default Report
+export default Report;

frontend/src/rules.js

@@ -7,9 +7,7 @@ const rules = {
     static: [
       "menu-users:view",
       "user-view:show",
-      "user-modal:editQueues",
-      'dashboard-view:show',
-      'ticket-report:show'
+      "user-modal:editQueues"
     ]
   },
 
@@ -43,6 +41,7 @@ const rules = {
       'show-icon-edit-queue',
       'show-icon-delete-queue',
       'space-disk-info:show',
+
       'drawer-admin-items:view',
       'tickets-manager:showall',
       'user-modal:editProfile',