From 6ee7e2a3756a6f748111a833a64f57fdf4ca544c Mon Sep 17 00:00:00 2001 From: joseCorte-exe Date: Wed, 15 Jun 2022 16:11:52 -0300 Subject: [PATCH 1/9] preparing to release --- src/components/administrativeTables/NotificationsTable.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/administrativeTables/NotificationsTable.tsx b/src/components/administrativeTables/NotificationsTable.tsx index 284f730..084ff35 100644 --- a/src/components/administrativeTables/NotificationsTable.tsx +++ b/src/components/administrativeTables/NotificationsTable.tsx @@ -179,7 +179,7 @@ interface NotificationData { } interface NotificationsTableInterface{ - notifications: NotificationData[], + notifications: any, onChange: any } From d92285afe5df2ad3a82155d5cbec96e272c54bc1 Mon Sep 17 00:00:00 2001 From: joseCorte-exe Date: Wed, 15 Jun 2022 16:18:05 -0300 Subject: [PATCH 2/9] preparing to deploy --- src/pages/administrative/clients.tsx | 12 +++++++++++- src/pages/resumoOperacao.tsx | 8 +------- 2 files changed, 12 insertions(+), 8 deletions(-) diff --git a/src/pages/administrative/clients.tsx b/src/pages/administrative/clients.tsx index e130a9a..7d75f8c 100644 --- a/src/pages/administrative/clients.tsx +++ b/src/pages/administrative/clients.tsx @@ -17,6 +17,7 @@ import { ClientsView } from '../../styles/layouts/clients/ClientsView'; import PageTitle from '../../components/pageTitle/PageTitle'; import ConfirmModal from '../../components/modal/ConfirmModal'; import { ConfirmModalView } from '../../styles/layouts/modals/confirmModalView'; +import { api } from '../../services/api'; const style = { position: 'absolute' as const, @@ -40,12 +41,21 @@ export default function clients() { const [openModal, setOpenModal] = useState(false) + function handleCreateClient() { + api.post('', { + "name": "Teste3", + "email": "teste3@gmail.com", + "password": "password", + "password_confirmation": "password", + "client_id": 222 + }) + } + return (
- {/* */}
diff --git a/src/pages/resumoOperacao.tsx b/src/pages/resumoOperacao.tsx index bda8741..a64cb7b 100644 --- a/src/pages/resumoOperacao.tsx +++ b/src/pages/resumoOperacao.tsx @@ -144,15 +144,9 @@ export default function ResumoOperacao() {
- {/* */} - {/* */} - {/* */} - - + console.log()}/>
From e0d0ddfbbc7f1ae0693c2bebb0f702fbb93b9a19 Mon Sep 17 00:00:00 2001 From: joseCorte-exe Date: Wed, 15 Jun 2022 16:22:50 -0300 Subject: [PATCH 3/9] fix import error --- src/pages/administrative/index.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/pages/administrative/index.tsx b/src/pages/administrative/index.tsx index 17fa2cd..9aeb2e6 100644 --- a/src/pages/administrative/index.tsx +++ b/src/pages/administrative/index.tsx @@ -10,7 +10,8 @@ import Header from '../../components/header/Header' import ConfirmModal from '../../components/modal/ConfirmModal'; import Modal from '../../components/modal/Modal'; import PageTitle from '../../components/pageTitle/PageTitle' -import { ClientsModalView, ClientsView, ConfirmModalView } from '../../styles/layouts/clients/ClientsView' +import { ClientsModalView, ClientsView } from '../../styles/layouts/clients/ClientsView' +import { ConfirmModalView } from '../../styles/layouts/modals/confirmModalView'; export default function clients() { const [openModal, setOpenModal] = useState(false) From 3440ae30e5d5ee557b339f8b85ceeb0ed4a7d6a0 Mon Sep 17 00:00:00 2001 From: joseCorte-exe Date: Wed, 15 Jun 2022 16:35:40 -0300 Subject: [PATCH 4/9] fix props validation and key props --- src/components/inputUplaod/inputUpload.tsx | 7 ++----- src/pages/administrative/clients.tsx | 10 +++++++++- src/pages/administrative/faq/index.tsx | 3 +-- src/pages/dashboard.tsx | 2 +- src/pages/index.tsx | 2 +- src/pages/verifyEmail.tsx | 2 +- 6 files changed, 15 insertions(+), 11 deletions(-) diff --git a/src/components/inputUplaod/inputUpload.tsx b/src/components/inputUplaod/inputUpload.tsx index 257b836..5eb22ab 100644 --- a/src/components/inputUplaod/inputUpload.tsx +++ b/src/components/inputUplaod/inputUpload.tsx @@ -19,16 +19,13 @@ export default function InputUpload() { console.log(e); } - - - return (
- {imageURLS.map((imageSrc) => ( - not fount + {imageURLS.map((imageSrc, index) => ( + not fount ))}
diff --git a/src/pages/administrative/clients.tsx b/src/pages/administrative/clients.tsx index 7d75f8c..1010c41 100644 --- a/src/pages/administrative/clients.tsx +++ b/src/pages/administrative/clients.tsx @@ -34,7 +34,15 @@ const style = { }; export default function clients() { - const [open, setOpen] = React.useState(false); + const [client, setClient] = useState({ + name: String, + email: String, + password: String, + password_confirmation: String, + client_id: Number + }) + + const [open, setOpen] = useState(false); const [openModalInativar, setOpenModalInativar] = useState(false) const handleOpen = () => setOpen(true); const handleClose = () => setOpen(false); diff --git a/src/pages/administrative/faq/index.tsx b/src/pages/administrative/faq/index.tsx index d1874ad..6f2cae5 100644 --- a/src/pages/administrative/faq/index.tsx +++ b/src/pages/administrative/faq/index.tsx @@ -42,8 +42,7 @@ type FaqInterface = { } - -export default function Sidebar({faqData}) { +export default function Sidebar({faqData}: any) { async function handleRegisterNewFaq({question, answer}: FaqInterface) { await api.post('/faq', { "question": question, diff --git a/src/pages/dashboard.tsx b/src/pages/dashboard.tsx index a5ff7c6..d6f4f37 100644 --- a/src/pages/dashboard.tsx +++ b/src/pages/dashboard.tsx @@ -32,7 +32,7 @@ export default function Dashboard() {
- +
diff --git a/src/pages/index.tsx b/src/pages/index.tsx index dbfbe9a..e51acfe 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -91,7 +91,7 @@ export default function Home() { label="Password" /> - Esqueceu a senha ? + Esqueceu a senha ? handleSignIn()}/> diff --git a/src/pages/verifyEmail.tsx b/src/pages/verifyEmail.tsx index 8894a56..b4612bc 100644 --- a/src/pages/verifyEmail.tsx +++ b/src/pages/verifyEmail.tsx @@ -71,7 +71,7 @@ export default function VerifyEmail() { Ou -

+55(41) 3012-5900
www.energiasmart.com.br

+

+55(41) 3012-5900
www.energiasmart.com.br

From 6df25b0766e9e19d85aed0709ed86b09f78bb501 Mon Sep 17 00:00:00 2001 From: joseCorte-exe Date: Wed, 15 Jun 2022 16:45:39 -0300 Subject: [PATCH 5/9] fix: delete files without export default in pages folder --- src/pages/administrative/clients.tsx | 12 ++++++------ src/pages/administrative/notification/index.tsx | 1 - .../layouts/administerView}/faq/faqView.ts | 0 .../administerView}/notification/notificationView.ts | 0 4 files changed, 6 insertions(+), 7 deletions(-) rename src/{pages/administrative => styles/layouts/administerView}/faq/faqView.ts (100%) rename src/{pages/administrative => styles/layouts/administerView}/notification/notificationView.ts (100%) diff --git a/src/pages/administrative/clients.tsx b/src/pages/administrative/clients.tsx index 1010c41..23ac5e3 100644 --- a/src/pages/administrative/clients.tsx +++ b/src/pages/administrative/clients.tsx @@ -49,13 +49,13 @@ export default function clients() { const [openModal, setOpenModal] = useState(false) - function handleCreateClient() { + function handleCreateClient({name, email, password, password_confirmation, client_id}) { api.post('', { - "name": "Teste3", - "email": "teste3@gmail.com", - "password": "password", - "password_confirmation": "password", - "client_id": 222 + name, + email, + password, + password_confirmation, + client_id }) } diff --git a/src/pages/administrative/notification/index.tsx b/src/pages/administrative/notification/index.tsx index dc142d6..0abed49 100644 --- a/src/pages/administrative/notification/index.tsx +++ b/src/pages/administrative/notification/index.tsx @@ -29,7 +29,6 @@ import MuiAlert, { AlertProps } from '@mui/material/Alert'; import BasicButton from '../../../components/buttons/basicButton/BasicButton'; import { ConfirmModalView } from '../../../styles/layouts/modals/confirmModalView'; import ConfirmModal from '../../../components/modal/ConfirmModal'; -import { JsxElement } from 'typescript'; const style = { position: 'absolute' as const, diff --git a/src/pages/administrative/faq/faqView.ts b/src/styles/layouts/administerView/faq/faqView.ts similarity index 100% rename from src/pages/administrative/faq/faqView.ts rename to src/styles/layouts/administerView/faq/faqView.ts diff --git a/src/pages/administrative/notification/notificationView.ts b/src/styles/layouts/administerView/notification/notificationView.ts similarity index 100% rename from src/pages/administrative/notification/notificationView.ts rename to src/styles/layouts/administerView/notification/notificationView.ts From a3f9b5898b148cbae833ddf715929782021e06fa Mon Sep 17 00:00:00 2001 From: joseCorte-exe Date: Wed, 15 Jun 2022 17:47:48 -0300 Subject: [PATCH 6/9] add create client --- .../administrativeTables/ClientsTable.tsx | 18 ++--- src/pages/administrative/clients.tsx | 79 ++++++++++++++++--- 2 files changed, 77 insertions(+), 20 deletions(-) diff --git a/src/components/administrativeTables/ClientsTable.tsx b/src/components/administrativeTables/ClientsTable.tsx index 748e87e..364a12d 100644 --- a/src/components/administrativeTables/ClientsTable.tsx +++ b/src/components/administrativeTables/ClientsTable.tsx @@ -180,7 +180,7 @@ function EnhancedTableHead(props: EnhancedTableProps) { ); } -export default function ClientTable() { +export default function ClientTable({clients}: any) { const [order, setOrder] = useState('asc'); const [orderBy, setOrderBy] = useState('status'); const [selected, setSelected] = useState([]); @@ -199,7 +199,7 @@ export default function ClientTable() { const handleSelectAllClick = (event: React.ChangeEvent) => { if (event.target.checked) { - const newSelecteds = rows.map((n) => n.name); + const newSelecteds = clients.map((n) => n.name); setSelected(newSelecteds); return; } @@ -259,20 +259,20 @@ export default function ClientTable() { rowCount={rows.length} /> - {stableSort(rows, getComparator(order, orderBy)) + {stableSort(clients, getComparator(order, orderBy)) .slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage) .map((row, index) => { - const isItemSelected = isSelected(row.clientCode); + const isItemSelected = isSelected(row.id); const labelId = `enhanced-table-checkbox-${index}`; return ( handleClick(event, row.clientCode.toString())} + onClick={(event) => handleClick(event, row.id.toString())} role="checkbox" aria-checked={isItemSelected} tabIndex={-1} - key={row.clientCode} + key={row.id} selected={isItemSelected} > @@ -290,11 +290,11 @@ export default function ClientTable() { scope="row" padding="none" > - Unidade - {row.clientCode} + Client - {row.client_id} {row.name} - {row.unity}button - {row.status} + clique aqui para ver as unidades + {row.deleted_at? 'inativo' : 'ativo'} ); })} diff --git a/src/pages/administrative/clients.tsx b/src/pages/administrative/clients.tsx index 23ac5e3..1a7b827 100644 --- a/src/pages/administrative/clients.tsx +++ b/src/pages/administrative/clients.tsx @@ -18,6 +18,9 @@ import PageTitle from '../../components/pageTitle/PageTitle'; import ConfirmModal from '../../components/modal/ConfirmModal'; import { ConfirmModalView } from '../../styles/layouts/modals/confirmModalView'; import { api } from '../../services/api'; +import { parseCookies } from 'nookies'; +import { GetServerSideProps } from 'next'; +import getAPIClient from '../../services/ssrApi'; const style = { position: 'absolute' as const, @@ -33,8 +36,8 @@ const style = { overflowY: 'scroll' }; -export default function clients() { - const [client, setClient] = useState({ +export default function clients({clients}) { + const [client, setClient] = useState({ name: String, email: String, password: String, @@ -50,7 +53,7 @@ export default function clients() { const [openModal, setOpenModal] = useState(false) function handleCreateClient({name, email, password, password_confirmation, client_id}) { - api.post('', { + api.post('/user', { name, email, password, @@ -79,19 +82,44 @@ export default function clients() { Adicionar Cliente Smart Energia
- - - - - + { + setClient({ + ...client, + name: value.target.value + }) + }} variant="outlined" /> + { + setClient({ + ...client, + email: value.target.value + }) + }} variant="outlined" /> + { + setClient({ + ...client, + password: value.target.value + }) + }} variant="outlined" /> + { + setClient({ + ...client, + password_confirmation: value.target.value + }) + }} variant="outlined" /> + { + setClient({ + ...client, + client_id: value.target.value + }) + }} variant="outlined" />

- console.log()} /> - console.log()}/> + console.log()} /> + handleCreateClient(client)}/>
- +
@@ -104,3 +132,32 @@ export default function clients() {
) } + +export const getServerSideProps: GetServerSideProps = async (ctx) => { + const apiClient = getAPIClient(ctx) + const { ['@smartAuth-token']: token } = parseCookies(ctx) + + let clients = []; + + await apiClient.get('/user').then(res => { + clients = res.data + }).catch(res => { + console.log(res) + }) + + if (!token) { + return { + redirect: { + destination: '/', + permanent: false + } + } + } + + return { + props: { + clients, + } + } +} + From 7aef4247588f1d5cb8e7c6f4aa8d939dba58b032 Mon Sep 17 00:00:00 2001 From: joseCorte-exe Date: Thu, 16 Jun 2022 10:19:30 -0300 Subject: [PATCH 7/9] add delete clients and fix clients table --- .../administrativeTables/ClientsTable.tsx | 51 ++-- src/pages/administrative/clients.tsx | 163 ------------ src/pages/administrative/clients/index.tsx | 236 ++++++++++++++++++ .../administrative/notification/index.tsx | 6 +- 4 files changed, 253 insertions(+), 203 deletions(-) delete mode 100644 src/pages/administrative/clients.tsx create mode 100644 src/pages/administrative/clients/index.tsx diff --git a/src/components/administrativeTables/ClientsTable.tsx b/src/components/administrativeTables/ClientsTable.tsx index 364a12d..5232dab 100644 --- a/src/components/administrativeTables/ClientsTable.tsx +++ b/src/components/administrativeTables/ClientsTable.tsx @@ -1,12 +1,6 @@ -import DeleteIcon from '@mui/icons-material/Delete'; -import FilterListIcon from '@mui/icons-material/FilterList'; import Box from '@mui/material/Box'; import Checkbox from '@mui/material/Checkbox'; -import FormControlLabel from '@mui/material/FormControlLabel'; -import IconButton from '@mui/material/IconButton'; import Paper from '@mui/material/Paper'; -import { alpha } from '@mui/material/styles'; -import Switch from '@mui/material/Switch'; import Table from '@mui/material/Table'; import TableBody from '@mui/material/TableBody'; import TableCell from '@mui/material/TableCell'; @@ -15,11 +9,8 @@ import TableHead from '@mui/material/TableHead'; import TablePagination from '@mui/material/TablePagination'; import TableRow from '@mui/material/TableRow'; import TableSortLabel from '@mui/material/TableSortLabel'; -import Toolbar from '@mui/material/Toolbar'; -import Tooltip from '@mui/material/Tooltip'; -import Typography from '@mui/material/Typography'; import { visuallyHidden } from '@mui/utils'; -import React, { useState } from 'react'; +import React, { useState, useEffect } from 'react'; import { ClientTableView, StyledStatus } from './ClientsTableView'; @@ -30,29 +21,6 @@ interface Data { status: string, } -function createData( - clientCode: number, - name: string, - unity: string, - status: string, -): Data { - return { - clientCode, - name, - unity, - status, - }; -} - -const rows = [ - createData(9500130, 'Copel', 'clique para ver unidades', 'ativo'), - createData(9500131, 'Copel', 'clique para ver unidades', 'ativo'), - createData(9500132, 'Copel', 'clique para ver unidades', 'ativo'), - createData(9500689, 'Copel', 'clique para ver unidades', 'pendente'), - createData(9500690, 'Copel', 'clique para ver unidades', 'inativo'), - createData(9500691, 'Copel', 'clique para ver unidades', 'inativo'), -]; - function descendingComparator(a: T, b: T, orderBy: keyof T) { if (b[orderBy] < a[orderBy]) { return -1; @@ -180,7 +148,12 @@ function EnhancedTableHead(props: EnhancedTableProps) { ); } -export default function ClientTable({clients}: any) { +interface ClientsTableInterface { + clients: any, + onChange: any +} + +export default function ClientTable({clients, onChange}: ClientsTableInterface) { const [order, setOrder] = useState('asc'); const [orderBy, setOrderBy] = useState('status'); const [selected, setSelected] = useState([]); @@ -237,9 +210,13 @@ export default function ClientTable({clients}: any) { const isSelected = (code: any) => selected.indexOf(code.toString()) !== -1; + useEffect(() => { + onChange(selected) + }, [selected]) + // Avoid a layout jump when reaching the last page with empty rows. const emptyRows = - page > 0 ? Math.max(0, (1 + page) * rowsPerPage - rows.length) : 0; + page > 0 ? Math.max(0, (1 + page) * rowsPerPage - clients.length) : 0; return ( @@ -256,7 +233,7 @@ export default function ClientTable({clients}: any) { orderBy={orderBy} onSelectAllClick={handleSelectAllClick} onRequestSort={handleRequestSort} - rowCount={rows.length} + rowCount={clients.length} /> {stableSort(clients, getComparator(order, orderBy)) @@ -313,7 +290,7 @@ export default function ClientTable({clients}: any) { ({ - name: String, - email: String, - password: String, - password_confirmation: String, - client_id: Number - }) - - const [open, setOpen] = useState(false); - const [openModalInativar, setOpenModalInativar] = useState(false) - const handleOpen = () => setOpen(true); - const handleClose = () => setOpen(false); - - const [openModal, setOpenModal] = useState(false) - - function handleCreateClient({name, email, password, password_confirmation, client_id}) { - api.post('/user', { - name, - email, - password, - password_confirmation, - client_id - }) - } - - return ( -
- -
- -
- - -
- - -

Adicionar Cliente

- - Adicionar Cliente Smart Energia -
- { - setClient({ - ...client, - name: value.target.value - }) - }} variant="outlined" /> - { - setClient({ - ...client, - email: value.target.value - }) - }} variant="outlined" /> - { - setClient({ - ...client, - password: value.target.value - }) - }} variant="outlined" /> - { - setClient({ - ...client, - password_confirmation: value.target.value - }) - }} variant="outlined" /> - { - setClient({ - ...client, - client_id: value.target.value - }) - }} variant="outlined" /> - -

- console.log()} /> - handleCreateClient(client)}/> - - -
- -
- - - {setOpenModalInativar(value)}}> - - setOpenModalInativar(true)}/> - setOpenModalInativar(true)}/> - - -
- ) -} - -export const getServerSideProps: GetServerSideProps = async (ctx) => { - const apiClient = getAPIClient(ctx) - const { ['@smartAuth-token']: token } = parseCookies(ctx) - - let clients = []; - - await apiClient.get('/user').then(res => { - clients = res.data - }).catch(res => { - console.log(res) - }) - - if (!token) { - return { - redirect: { - destination: '/', - permanent: false - } - } - } - - return { - props: { - clients, - } - } -} - diff --git a/src/pages/administrative/clients/index.tsx b/src/pages/administrative/clients/index.tsx new file mode 100644 index 0000000..2d918c9 --- /dev/null +++ b/src/pages/administrative/clients/index.tsx @@ -0,0 +1,236 @@ +import Box from '@mui/material/Box'; +import Button from '@mui/material/Button'; +import Modal from '@mui/material/Modal'; +import TextField from '@mui/material/TextField'; +import Typography from '@mui/material/Typography'; +import React, { useState } from 'react' + +import Snackbar from '@mui/material/Snackbar'; +import MuiAlert, { AlertProps } from '@mui/material/Alert'; +import ClientsTable from '../../../components/administrativeTables/ClientsTable'; +import BasicButton from '../../../components/buttons/basicButton/BasicButton' +import FaqButton1 from '../../../components/buttons/faqButton/FaqButton1'; +import FaqButton2 from '../../../components/buttons/faqButton/FaqButton2'; +import Header from '../../../components/header/Header' +import InputUpload from '../../../components/inputUplaod/inputUpload'; +import { ClientsView } from '../../../styles/layouts/clients/ClientsView'; +import PageTitle from '../../../components/pageTitle/PageTitle'; +import ConfirmModal from '../../../components/modal/ConfirmModal'; +import { ConfirmModalView } from '../../../styles/layouts/modals/confirmModalView'; +import { api } from '../../../services/api'; +import { parseCookies } from 'nookies'; +import { GetServerSideProps } from 'next'; +import getAPIClient from '../../../services/ssrApi'; + +const style = { + position: 'absolute' as const, + top: '50%', + left: '50%', + transform: 'translate(-50%, -50%)', + width: 900, + height: 500, + bgcolor: 'background.paper', + border: '2px solid #000', + boxShadow: 24, + p: 4, + overflowY: 'scroll' +}; + +const Alert = React.forwardRef(function Alert( + props, + ref, +) { + return ; +}); + +export default function clients({clients}) { + const [client, setClient] = useState({ + name: String, + email: String, + password: String, + password_confirmation: String, + client_id: Number + }) + const [selectedClients, setSelectedClients] = useState([]) + + const [open, setOpen] = useState(false); + const [openModalInativar, setOpenModalInativar] = useState(false) + const handleOpen = () => setOpen(true); + const handleClose = () => setOpen(false); + + const [openModal, setOpenModal] = useState(false) + + // + const [openSnackSuccess, setOpenSnackSuccess] = useState(false); + const [openSnackError, setOpenSnackError] = useState(false); + const [openSnackSuccessDelete, setOpenSnackSuccessDelete] = useState(false); + const [openSnackErrorDelete, setOpenSnackErrorDelete] = useState(false); + + const handleCloseSnack = (event?: React.SyntheticEvent | Event, reason?: string) => { + if (reason === 'clickaway') { + return; + } + + setOpenSnackError(false); + setOpenSnackSuccess(false); + }; + + const handleCloseSnackDelete = (event?: React.SyntheticEvent | Event, reason?: string) => { + if (reason === 'clickaway') { + return; + } + + setOpenSnackErrorDelete(false); + setOpenSnackSuccessDelete(false); + }; + // + + function handleCreateClient({name, email, password, password_confirmation, client_id}) { + api.post('/user', { + name, + email, + password, + password_confirmation, + client_id + }).then(res => { + setOpenSnackSuccess(true) + setOpenModalInativar(false) + window.location.reload() + }).catch(res => { + setOpenSnackError(true) + }) + } + async function handleDeleteClient(id: any) { + await id.map(client => { + api.delete(`/user/${client}`).then(res => { + setOpenSnackSuccessDelete(true) + setOpenModalInativar(false) + window.location.reload() + }).catch(res => setOpenSnackErrorDelete(true)) + }) + } + + return ( +
+ + + notificação cadastrada com sucesso! + + + + + Notificação não cadastrada! + + + + + + notificação excluida com sucesso! + + + + + Notificação não excluida! + + + + +
+ +
+ + +
+
+ { + setSelectedClients(value) + }}/> +
+ + + + +

Adicionar Cliente

+ + Adicionar Cliente Smart Energia +
+ { + setClient({ + ...client, + name: value.target.value + }) + }} variant="outlined" /> + { + setClient({ + ...client, + email: value.target.value + }) + }} variant="outlined" /> + { + setClient({ + ...client, + password: value.target.value + }) + }} variant="outlined" /> + { + setClient({ + ...client, + password_confirmation: value.target.value + }) + }} variant="outlined" /> + { + setClient({ + ...client, + client_id: value.target.value + }) + }} variant="outlined" /> + +

+ console.log()} /> + handleCreateClient(client)}/> + + + {setOpenModalInativar(value)}}> + + + handleDeleteClient(selectedClients)}/> + setOpenModalInativar(true)}/> + + +
+ ) +} + +export const getServerSideProps: GetServerSideProps = async (ctx) => { + const apiClient = getAPIClient(ctx) + const { ['@smartAuth-token']: token } = parseCookies(ctx) + + let clients = []; + + await apiClient.get('/user').then(res => { + clients = res.data + }).catch(res => { + console.log(res) + }) + + if (!token) { + return { + redirect: { + destination: '/', + permanent: false + } + } + } + + return { + props: { + clients, + } + } +} + diff --git a/src/pages/administrative/notification/index.tsx b/src/pages/administrative/notification/index.tsx index 0abed49..0be9966 100644 --- a/src/pages/administrative/notification/index.tsx +++ b/src/pages/administrative/notification/index.tsx @@ -147,10 +147,10 @@ export default function notification({clients, notifications}) {
- - - + +
+ setSelectedNotifications(value)}/> Date: Thu, 16 Jun 2022 10:26:20 -0300 Subject: [PATCH 8/9] fix tables style --- src/components/administrativeTables/ClientsTable.tsx | 6 +++--- src/components/administrativeTables/FaqTable.tsx | 7 +++---- src/components/administrativeTables/NotificationsTable.tsx | 6 +++--- .../{ClientsTableView.ts => TableView.ts} | 2 +- 4 files changed, 10 insertions(+), 11 deletions(-) rename src/components/administrativeTables/{ClientsTableView.ts => TableView.ts} (96%) diff --git a/src/components/administrativeTables/ClientsTable.tsx b/src/components/administrativeTables/ClientsTable.tsx index 5232dab..7216450 100644 --- a/src/components/administrativeTables/ClientsTable.tsx +++ b/src/components/administrativeTables/ClientsTable.tsx @@ -12,7 +12,7 @@ import TableSortLabel from '@mui/material/TableSortLabel'; import { visuallyHidden } from '@mui/utils'; import React, { useState, useEffect } from 'react'; -import { ClientTableView, StyledStatus } from './ClientsTableView'; +import { TableView, StyledStatus } from './TableView'; interface Data { clientCode: number, @@ -219,7 +219,7 @@ export default function ClientTable({clients, onChange}: ClientsTableInterface) page > 0 ? Math.max(0, (1 + page) * rowsPerPage - clients.length) : 0; return ( - + - + ); } diff --git a/src/components/administrativeTables/FaqTable.tsx b/src/components/administrativeTables/FaqTable.tsx index 0b5878c..5d61b09 100644 --- a/src/components/administrativeTables/FaqTable.tsx +++ b/src/components/administrativeTables/FaqTable.tsx @@ -16,11 +16,10 @@ import TablePagination from '@mui/material/TablePagination'; import TableRow from '@mui/material/TableRow'; import TableSortLabel from '@mui/material/TableSortLabel'; import { visuallyHidden } from '@mui/utils'; -import { GetServerSideProps } from 'next'; import React, { useState } from 'react'; import getAPIClient from '../../services/ssrApi'; -import { ClientTableView, StyledStatus } from './ClientsTableView'; +import { TableView, StyledStatus } from './TableView'; interface Data { question: string, @@ -234,7 +233,7 @@ export default function FaqTable({questionData}: any) { page > 0 ? Math.max(0, (1 + page) * rowsPerPage - rows.length) : 0; return ( - +
- + ); } diff --git a/src/components/administrativeTables/NotificationsTable.tsx b/src/components/administrativeTables/NotificationsTable.tsx index 084ff35..4d874c6 100644 --- a/src/components/administrativeTables/NotificationsTable.tsx +++ b/src/components/administrativeTables/NotificationsTable.tsx @@ -21,7 +21,7 @@ import Typography from '@mui/material/Typography'; import { visuallyHidden } from '@mui/utils'; import React, { useState, useEffect } from 'react'; -import { ClientTableView, StyledStatus } from './ClientsTableView'; +import { TableView, StyledStatus } from './TableView'; interface Data { notification: string, @@ -248,7 +248,7 @@ export default function NotificationsTable({notifications, onChange}: Notificati }, [selected]) return ( - +
- + ); } diff --git a/src/components/administrativeTables/ClientsTableView.ts b/src/components/administrativeTables/TableView.ts similarity index 96% rename from src/components/administrativeTables/ClientsTableView.ts rename to src/components/administrativeTables/TableView.ts index 08d8daf..e0fadf3 100644 --- a/src/components/administrativeTables/ClientsTableView.ts +++ b/src/components/administrativeTables/TableView.ts @@ -1,6 +1,6 @@ import styled from "styled-components"; -export const ClientTableView = styled.main` +export const TableView = styled.main` width: 100%; color: #6A707E; From b045a2e541bdcd6882d728bf6a7d600768b93f1d Mon Sep 17 00:00:00 2001 From: joseCorte-exe Date: Fri, 17 Jun 2022 11:52:26 -0300 Subject: [PATCH 9/9] starting clients charts --- .../administrativeTables/ClientsTable.tsx | 2 +- src/components/graph/Chart.tsx | 8 +- src/components/inputUplaod/inputUpload.tsx | 2 +- src/components/sidebar/Sidebar.tsx | 2 +- src/pages/_app.tsx | 1 - src/pages/administrative/clients/index.tsx | 7 +- src/pages/administrative/faq/index.tsx | 14 +- src/pages/administrative/index.tsx | 51 ------- .../administrative/notification/index.tsx | 6 +- src/pages/costIndicator.tsx | 51 ++++++- src/pages/faq.tsx | 12 +- src/pages/index.tsx | 1 - src/pages/notifications.tsx | 14 +- src/pages/pld/index.tsx | 143 +++++++----------- src/pages/resumoOperacao.tsx | 2 +- 15 files changed, 132 insertions(+), 184 deletions(-) diff --git a/src/components/administrativeTables/ClientsTable.tsx b/src/components/administrativeTables/ClientsTable.tsx index 7216450..a56a973 100644 --- a/src/components/administrativeTables/ClientsTable.tsx +++ b/src/components/administrativeTables/ClientsTable.tsx @@ -45,7 +45,7 @@ function getComparator( : (a, b) => -descendingComparator(a, b, orderBy); } -function stableSort(array: readonly T[], comparator: (a: T, b: T) => number) { +function stableSort(array: any, comparator: (a: T, b: T) => number) { const stabilizedThis = array.map((el, index) => [el, index] as [T, number]); stabilizedThis.sort((a, b) => { const order = comparator(a[0], b[0]); diff --git a/src/components/graph/Chart.tsx b/src/components/graph/Chart.tsx index f532103..4b2a681 100644 --- a/src/components/graph/Chart.tsx +++ b/src/components/graph/Chart.tsx @@ -71,14 +71,14 @@ export default function Chart({ title, data1, data2, label, subtitle, dataset1, labels, datasets: [ { - label: dataset1? dataset1 : '2020', - data: data1.map(value => value), + label: dataset1? dataset1 : '2021', + data: data1.map(value => value.custo_unit), backgroundColor: '#C2D5FB', }, data2? { - label: dataset2? dataset2 : '2021', - data: data2.map(value => value), + label: dataset2? dataset2 : '2022', + data: data2.map(value => value.custo_unit), backgroundColor: '#255488', } : null ], diff --git a/src/components/inputUplaod/inputUpload.tsx b/src/components/inputUplaod/inputUpload.tsx index 5eb22ab..dad71d1 100644 --- a/src/components/inputUplaod/inputUpload.tsx +++ b/src/components/inputUplaod/inputUpload.tsx @@ -16,7 +16,7 @@ export default function InputUpload() { function onImageChange(e: any) { setImages([...e.target.files]); - console.log(e); + // console.log(e); } return ( diff --git a/src/components/sidebar/Sidebar.tsx b/src/components/sidebar/Sidebar.tsx index 1f08998..271bf62 100644 --- a/src/components/sidebar/Sidebar.tsx +++ b/src/components/sidebar/Sidebar.tsx @@ -37,7 +37,7 @@ export default function Sidebar() { const { ['user-role']: role } = parseCookies() - console.log(role) + // console.log(role) useEffect(() => { setViewModal(false) diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx index ed63084..9a5ef4a 100644 --- a/src/pages/_app.tsx +++ b/src/pages/_app.tsx @@ -59,7 +59,6 @@ function MyApp({ Component, pageProps }: AppProps) { <> - : null diff --git a/src/pages/administrative/clients/index.tsx b/src/pages/administrative/clients/index.tsx index 2d918c9..7a612e6 100644 --- a/src/pages/administrative/clients/index.tsx +++ b/src/pages/administrative/clients/index.tsx @@ -213,9 +213,11 @@ export const getServerSideProps: GetServerSideProps = async (ctx) => { let clients = []; await apiClient.get('/user').then(res => { - clients = res.data - }).catch(res => { console.log(res) + clients = res.data.data + console.log(clients) + }).catch(res => { + // console.log(res) }) if (!token) { @@ -233,4 +235,3 @@ export const getServerSideProps: GetServerSideProps = async (ctx) => { } } } - diff --git a/src/pages/administrative/faq/index.tsx b/src/pages/administrative/faq/index.tsx index 6f2cae5..3d28598 100644 --- a/src/pages/administrative/faq/index.tsx +++ b/src/pages/administrative/faq/index.tsx @@ -109,16 +109,14 @@ export default function Sidebar({faqData}: any) { export const getServerSideProps: GetServerSideProps = async (ctx) => { const apiClient = getAPIClient(ctx) const { ['@smartAuth-token']: token } = parseCookies(ctx) - console.log('teste') + let faqData = []; - -await apiClient.get('/faq').then(res => { - faqData = res.data -}).catch(res => { - console.log(res) -}) - console.table(faqData); + await apiClient.get('/faq').then(res => { + faqData = res.data.data + }).catch(res => { + // console.log(res) + }) if (!token) { return { diff --git a/src/pages/administrative/index.tsx b/src/pages/administrative/index.tsx index 9aeb2e6..d270917 100644 --- a/src/pages/administrative/index.tsx +++ b/src/pages/administrative/index.tsx @@ -19,57 +19,6 @@ export default function clients() { return (
- -
- - -
- setOpenModal(true)}/> - setOpenModalInativar(true)}/> -
- -
- {/* */} - -
- - - {setOpenModal(value)}}> - - -
- - - - - console.log()}/> - -
- - - - {setOpenModalInativar(value)}}> - - setOpenModalInativar(true)}/> - setOpenModalInativar(true)}/> - -
) } diff --git a/src/pages/administrative/notification/index.tsx b/src/pages/administrative/notification/index.tsx index 0be9966..50751fc 100644 --- a/src/pages/administrative/notification/index.tsx +++ b/src/pages/administrative/notification/index.tsx @@ -252,13 +252,13 @@ export const getServerSideProps: GetServerSideProps = async (ctx) => { await apiClient.get('/user').then(res => { clients = res.data }).catch(res => { - console.log(res) + // console.log(res) }) await apiClient.get('/notification').then(res => { - notifications = res.data + notifications = res.data.data }).catch(res => { - console.log(res) + // console.log(res) }) if (!token) { diff --git a/src/pages/costIndicator.tsx b/src/pages/costIndicator.tsx index 8a35d0b..405c453 100644 --- a/src/pages/costIndicator.tsx +++ b/src/pages/costIndicator.tsx @@ -1,4 +1,6 @@ +import { GetServerSideProps } from 'next' import Head from 'next/head' +import { parseCookies } from 'nookies' import React from 'react' import Chart from '../components/graph/Chart' @@ -7,9 +9,23 @@ import Header from '../components/header/Header' import PageTitle from '../components/pageTitle/PageTitle' import { dataEconomiaBruta } from '../services/economiaBruta' import { dataEconomiaIndicador } from '../services/economiaIndicador' +import getAPIClient from '../services/ssrApi' import { CostIndicatorView } from '../styles/layouts/economy/costIndicator/CostIndicatorView' -export default function CostIndicator() { +function addMissingMonths(data) { + console.log(data[0].mes.slice(1, 1)) +} + +function verifyDataByYear(data) { + if (data.length === 12) + return true + else + return false +} + +export default function CostIndicator({graphData}: any) { + console.log(graphData.filter((value, index) => value.mes.slice(3, 7).includes('2021')).map(value => value.custo_unit)) + return ( @@ -18,8 +34,39 @@ export default function CostIndicator() {
- + value.mes.slice(3, 7).includes('2021'))} + data2={graphData.filter((value, index) => value.mes.slice(3, 7).includes('2022'))} + label={['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'ago', 'set', 'out', 'nov', 'dez']} barLabel />
) } + +export const getServerSideProps: GetServerSideProps = async (ctx) => { + const apiClient = getAPIClient(ctx) + const { ['@smartAuth-token']: token } = parseCookies(ctx) + + let graphData = []; + + await apiClient.post('/economy/MWh').then(res => { + graphData = res.data.data + console.log(graphData[0].mes) + }).catch(res => { + console.log(res) + }) + + if (!token) { + return { + redirect: { + destination: '/', + permanent: false + } + } + } + + return { + props: { + graphData, + } + } +} diff --git a/src/pages/faq.tsx b/src/pages/faq.tsx index c1e3a41..e7b90d4 100644 --- a/src/pages/faq.tsx +++ b/src/pages/faq.tsx @@ -34,16 +34,14 @@ export default function commonQuestions({faqData}) { export const getServerSideProps: GetServerSideProps = async (ctx) => { const apiClient = getAPIClient(ctx) const { ['@smartAuth-token']: token } = parseCookies(ctx) - console.log('teste') let faqData = []; -await apiClient.get('/faq').then(res => { - faqData = res.data -}).catch(res => { - console.log(res) -}) - console.table(faqData); + await apiClient.get('/faq').then(res => { + faqData = res.data + }).catch(res => { + // console.log(res) + }) if (!token) { return { diff --git a/src/pages/index.tsx b/src/pages/index.tsx index e51acfe..6229b84 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -101,7 +101,6 @@ export default function Home() {

+55(41) 3012-5900
www.energiasmart.com.br

- ) } diff --git a/src/pages/notifications.tsx b/src/pages/notifications.tsx index 2c1e8f7..c321efc 100644 --- a/src/pages/notifications.tsx +++ b/src/pages/notifications.tsx @@ -34,16 +34,14 @@ export default function Notifications({notificationData}: any) { export const getServerSideProps: GetServerSideProps = async (ctx) => { const apiClient = getAPIClient(ctx) const { ['@smartAuth-token']: token } = parseCookies(ctx) - console.log('teste') + let notificationData = []; - -await apiClient.get('/notification').then(res => { - notificationData = res.data -}).catch(res => { - console.log(res) -}) - console.table(notificationData); + await apiClient.get('/notification').then(res => { + notificationData = res.data + }).catch(res => { + // console.log(res) + }) if (!token) { return { diff --git a/src/pages/pld/index.tsx b/src/pages/pld/index.tsx index 75b29fb..7284c72 100644 --- a/src/pages/pld/index.tsx +++ b/src/pages/pld/index.tsx @@ -1,8 +1,10 @@ import MenuItem from '@mui/material/MenuItem'; import Select, { SelectChangeEvent } from '@mui/material/Select'; +import { GetServerSideProps } from 'next'; import Head from 'next/head'; import Link from 'next/link'; import { useRouter } from 'next/router' +import { parseCookies } from 'nookies'; import React, { useEffect, useState } from 'react' import BasicButton from '../../components/buttons/basicButton/BasicButton'; @@ -13,10 +15,17 @@ import Header from '../../components/header/Header' import PageTitle from '../../components/pageTitle/PageTitle'; import { EconomiaAcumulada } from '../../services/economiaAcumulada'; import { EvolucaoPld } from '../../services/evolucaoPld'; +import getAPIClient from '../../services/ssrApi'; import { GoBack, PldGraphView, PldTableView } from '../../styles/layouts/pld/PldView' import RenderIf from '../../utils/renderIf' -export default function region() { +interface pldInterface { + tableData: any, + graphByHourData: any, + graphByMonthData: any +} + +export default function pld({tableData, graphByHourData, graphByMonthData}: pldInterface) { const router = useRouter() const { region } = router.query @@ -68,97 +77,19 @@ export default function region() {
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + { + tableData.map(data => { + return <> + + + + + + + + + }) + } @@ -234,3 +165,31 @@ export default function region() { ) } + +export const getServerSideProps: GetServerSideProps = async (ctx) => { + const apiClient = getAPIClient(ctx) + const { ['@smartAuth-token']: token } = parseCookies(ctx) + + let tableData = []; + + await apiClient.post('/pld/list').then(res => { + tableData = res.data + }).catch(res => { + console.log(res) + }) + + if (!token) { + return { + redirect: { + destination: '/', + permanent: false + } + } + } + + return { + props: { + tableData, + } + } +} diff --git a/src/pages/resumoOperacao.tsx b/src/pages/resumoOperacao.tsx index a64cb7b..43eadd5 100644 --- a/src/pages/resumoOperacao.tsx +++ b/src/pages/resumoOperacao.tsx @@ -49,7 +49,7 @@ export default function ResumoOperacao() { // data.unidades.map((value) => { // console.log(`olha o valor ${value.name}`) // }) - console.log(unidade) + // console.log(unidade) console.log(data.unidades.filter((value, index)=> value.value.includes(unidade))) }, [month, unidade])
2101xxxxxxxxxxxxxxxx
2102xxxxxxxxxxxxxxxx
2103xxxxxxxxxxxxxxxx
2104xxxxxxxxxxxxxxxx
2105xxxxxxxxxxxxxxxx
2106xxxxxxxxxxxxxxxx
2107xxxxxxxxxxxxxxxx
2108xxxxxxxxxxxxxxxx
2109xxxxxxxxxxxxxxxx
2110xxxxxxxxxxxxxxxx
2111xxxxxxxxxxxxxxxx
2112xxxxxxxxxxxxxxxx
2021xxxxxxxxxxxxxxxx
{data.year_month_formatted}{data.nordeste}{data.norte}{data.sudeste}{data.sul}
Mín xxxx