\r\n {info.title}: \r\n \r\n {info.value}\r\n \r\n
\r\n{description}
\r\n{name}
\r\n\r\n {info?.title}: \r\n \r\n {info?.value}\r\n \r\n
\r\n{description}
\r\n{name}
\r\n{description}
\r\n{name}
\r\nExportar
\r\n \r\n )}\r\n \r\n );\r\n\r\n return (\r\n <>\r\n {exportButton}\r\n \r\n \r\n );\r\n}\r\n\r\nexport function IoseJustificationActionModal({\r\n title,\r\n name,\r\n openModal,\r\n setOpenModalOut,\r\n handleTrigger,\r\n}) {\r\n const [justification, setJustification] = useState('');\r\n const [message, setMessage] = useState('');\r\n\r\n const handleClose = () => {\r\n setOpenModalOut(false);\r\n };\r\n\r\n const handleJustification = () => {\r\n setMessage('');\r\n setJustification('');\r\n\r\n if (justification.length === 0 || !justification.trim()) {\r\n setMessage('Justificativa obrigatória!');\r\n } else {\r\n handleTrigger(justification);\r\n handleClose();\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n \r\n \r\n );\r\n}\r\nIoseDeleteInputModal.propTypes = {\r\n /** This props is title modal */\r\n title: PropType.string,\r\n /** This props is name of element that will be delete*/\r\n name: PropType.string,\r\n /** This props is func to delete in container*/\r\n deletefunc: PropType.func,\r\n /** This props is params to insert in deletefunc */\r\n param: PropType.string,\r\n /** This props is indicate the button delete to be in a card or not (\"true\" or \"false\") */\r\n cardbutton: PropType.string,\r\n /** This props is indicate the button delete is primary or not (\"true\" or \"false\") */\r\n primarybutton: PropType.string,\r\n /** This props is indicate marg-left of button delete*/\r\n left: PropType.string,\r\n};\r\n\r\nIoseProfileModal.propTypes = {\r\n /** This props is the group user */\r\n group: PropType.string,\r\n /** This props is the name user */\r\n name: PropType.string,\r\n /** This props indicate to open or close modal */\r\n openModal: PropType.bool,\r\n /** This props is a function to close modal */\r\n handleClose: PropType.func,\r\n /** This props is the email user */\r\n email: PropType.string,\r\n};\r\n\r\nIoseDowloadCSVModal.propTypes = {\r\n /** This props is title modal */\r\n title: PropType.string,\r\n /** This props is suffix in the name file download */\r\n suffix: PropType.string,\r\n /** This props is header of table in CSV file */\r\n headerFileCSV: PropType.array,\r\n /** This props is a data to form CSV file in this case is dataTableHistoric */\r\n dataCSV: PropType.array,\r\n};\r\n","import styled from 'styled-components';\r\n\r\n//Imports from Material Ui components\r\nimport {\r\n Avatar,\r\n Typography,\r\n CardHeader,\r\n CardContent,\r\n Card,\r\n} from '@material-ui/core';\r\n\r\n//Import image\r\nimport MeetingRoomIcon from '@material-ui/icons/MeetingRoom';\r\n\r\nexport const CardStyled = styled(Card)`\r\n width: auto;\r\n height: ${(props) => (props.open ? 'auto' : '80px')};\r\n margin: 0px 15px 15px 0px;\r\n padding: 16px;\r\n border: solid 2px transparent;\r\n transition: all 0.3s ease-in-out !important;\r\n cursor: pointer;\r\n\r\n &:hover {\r\n border: solid 2px var(--primary);\r\n }\r\n\r\n @media (max-width: 767px) {\r\n width: 100%;\r\n }\r\n`;\r\n\r\nexport const DivHeaderButton = styled.div`\r\n padding: 0px;\r\n display: flex;\r\n justify-content: space-between;\r\n flex-direction: row;\r\n align-content: center;\r\n align-items: center;\r\n`;\r\n\r\nexport const CardHeaderStyled = styled(CardHeader)`\r\n padding: 0px;\r\n\r\n span {\r\n white-space: pre-wrap;\r\n width: 130px;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n }\r\n\r\n .MuiCardHeader-title {\r\n p {\r\n font-size: 13px !important;\r\n line-height: 14px;\r\n max-height: 28px;\r\n font-weight: 600;\r\n overflow: hidden;\r\n white-space: wrap;\r\n text-overflow: ellipsis;\r\n transition: all 0.3s ease-in-out;\r\n }\r\n }\r\n\r\n .MuiCardHeader-subheader {\r\n p {\r\n margin-top: 4px;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n font-size: 12px !important;\r\n }\r\n }\r\n\r\n /* &:hover .MuiCardHeader-title {\r\n font-size: 13.5px;\r\n cursor: pointer;\r\n } */\r\n`;\r\n\r\nexport const AvatarStyled = styled(Avatar).attrs((props) => ({\r\n variant: 'rounded',\r\n}))`\r\n background: var(--secondary);\r\n`;\r\n\r\nexport const CardContentStyled = styled(CardContent)`\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: center;\r\n align-content: center;\r\n align-items: center;\r\n padding: 10px 0px 0px 0px !important;\r\n /* height: 35px; */\r\n`;\r\n\r\nexport const TypographyStyled = styled(Typography)`\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 11px;\r\n text-align: right;\r\n opacity: 70%;\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: flex-end;\r\n align-items: baseline;\r\n padding: 0px;\r\n color: ${(props) =>\r\n props.red\r\n ? 'var(--alert) !important'\r\n : props.green\r\n ? 'var(--success) !important'\r\n : 'var(--goal) !important'};\r\n\r\n b {\r\n margin-left: 10px;\r\n }\r\n @media (max-width: 500px) {\r\n margin-top: 0px !important;\r\n }\r\n`;\r\n\r\nexport const DivButtons = styled.div`\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: flex-end;\r\n padding: 0px;\r\n`;\r\n\r\nexport const RoomIcon = styled(MeetingRoomIcon)`\r\n color: black;\r\n`;\r\n","import styled from 'styled-components';\r\n\r\n/**This component create a card black inside the sidebar*/\r\nconst IoseSideCard = styled.div`\r\n padding: 0px;\r\n margin: 10px 0px;\r\n width: 100%;\r\n height: auto;\r\n background-color: var(--primary);\r\n border-radius: 5px;\r\n display: flex;\r\n`;\r\n\r\n/** @component */\r\nexport default IoseSideCard;\r\n","import styled from 'styled-components';\r\n\r\n//Imports from Material UI components\r\nimport TextField from '@material-ui/core/TextField';\r\n\r\nexport const IoseTextFieldSidebarStyled = styled(TextField)`\r\n margin-bottom: ${(props) => (props.bottom ? props.bottom : '0px')};\r\n\r\n .MuiInput-underline:after {\r\n border-bottom: 2.5px solid var(--primary);\r\n }\r\n\r\n .MuiFormControl-marginNormal {\r\n margin-top: 0px !important;\r\n }\r\n\r\n .MuiInputBase-root > .Mui-disabled {\r\n opacity: 50%;\r\n }\r\n\r\n .MuiInputBase-root input {\r\n color: ${(props) =>\r\n props.theme === 'white' ? 'var(--secondary)' : 'var(--base)'};\r\n font-family: 'Montserrat', sans-serif;\r\n border-bottom: 2px solid #ffff;\r\n font-size: 12px;\r\n margin-top: 0px !important;\r\n }\r\n\r\n &:hover label {\r\n opacity: 100%;\r\n transition: all 0.3s ease-in-out;\r\n }\r\n\r\n label {\r\n font-family: 'Montserrat', sans-serif;\r\n color: ${(props) =>\r\n props.theme === 'white' ? 'var(--secondary)' : 'var(--base)'};\r\n /* opacity: 55%; */\r\n font-size: 12px;\r\n }\r\n\r\n label.Mui-focused {\r\n color: ${(props) =>\r\n props.theme === 'white' ? 'var(--secondary)' : 'var(--base)'};\r\n opacity: 100%;\r\n }\r\n\r\n .MuiFormHelperText-root {\r\n color: #f44336;\r\n margin: 0;\r\n font-size: 0.8rem;\r\n margin-top: 3px;\r\n text-align: left;\r\n font-weight: 400;\r\n line-height: 1.66;\r\n letter-spacing: 0.03333em;\r\n }\r\n\r\n @media (max-width: 1360px) {\r\n label {\r\n font-family: 'Montserrat', sans-serif;\r\n color: ${(props) =>\r\n props.theme === 'white' ? 'var(--secondary)' : 'var(--base)'};\r\n /* opacity: 55%; */\r\n font-size: 10px;\r\n }\r\n\r\n .MuiInputBase-root input {\r\n color: ${(props) =>\r\n props.theme === 'white' ? 'var(--secondary)' : 'var(--base)'};\r\n font-family: 'Montserrat', sans-serif;\r\n border-bottom: 2px solid #ffff;\r\n font-size: 10px;\r\n margin-top: 0px;\r\n }\r\n }\r\n`;\r\n","import React from 'react';\r\nimport PropType from 'prop-types';\r\n\r\n//Imports from Style\r\nimport { IoseTextFieldSidebarStyled } from './style';\r\n\r\n/**\r\n * This Component is used to create a inputs with style Iose in component inside sidebar\r\n */\r\nexport default function IoseTextFieldSidebar(props) {\r\n const {\r\n id,\r\n label,\r\n name,\r\n autoComplete,\r\n type,\r\n placeholder,\r\n required,\r\n autofocus,\r\n defaultvalue,\r\n onchange,\r\n value,\r\n shrink,\r\n onblur,\r\n helpertext,\r\n theme,\r\n bottom,\r\n disabled,\r\n } = props;\r\n\r\n return (\r\n{text}
\r\n ) : (\r\n <>\r\n\r\n Infelizmente, parece que não conseguimos obter comunicação com o\r\n servidor.\r\n
\r\nRecarregue a página
\r\n \r\n )}\r\n{text}
\r\n ) : (\r\n <>\r\n\r\n Infelizmente, parece que não conseguimos obter comunicação com o\r\n servidor.\r\n
\r\nRecarregue a página
\r\n \r\n )}\r\n\r\n {info.title}: \r\n \r\n {info.value}\r\n \r\n
\r\n{description}
\r\n{name}
\r\n{title}
\r\nUpload realizado com sucesso!
\r\nSolte o arquivo aqui...
\r\n ) : isDragReject ? (\r\nArquivo não suportado
\r\n ) : (\r\n\r\n Arraste e solte o arquivo do contrato ou clique para selecionar{' '}\r\n
\r\n (Apenas 1 arquivo por contrato)\r\n
Contrato atual:
\r\n\r\nUpload realizado com sucesso!
\r\n{description}
\r\n{name}
\r\n\r\n Existem circuitos desassociados a uma unidade.\r\n
\r\n\r\n {subheaderTitle}\r\n
\r\n {numberOfChecked(items)}/{items.length} Selecionado\r\n
{switchboardName}
\r\n\r\n {allGroups.length !== 0 &&\r\n `${numberOfChecked(items)}/${items.length} Selecionado`}\r\n
\r\n \r\n }\r\n />\r\n\r\n Para associar é necessário criar uma unidade e um quadro\r\n . Caso não tenha criado-os, clique no botão + acima para criar\r\n uma unidade e após entre nela e adicione um quadro.{
} Caso\r\n queira desassociar \r\n um circuito do quadro e unidade, clique na aba{' '}\r\n Desassociar Circuitos presente no card do quadro na{' '}\r\n sidebar.\r\n
\r\n {info.title}: \r\n \r\n {info.value}\r\n \r\n
\r\n{name}
\r\nTipo de gráfico:
\r\n{title}
}\r\n\r\n Infelizmente, parece que não conseguimos encontrar a página\r\n que você está procurando.\r\n
\r\n Então volte para o início clicando no botão abaixo.\r\n
\r\n Infelizmente, parece que não conseguimos encontrar a página\r\n que você está procurando aqui na sidebar.\r\n
\r\n Então atualize a página e tente novamente.\r\n
\r\n Parece que você está sem conexão com a internet.\r\n
\r\n Verifique a conexão e então click no botão abaixo.\r\n
{identification}
\r\n{client_description}
\r\n{client_name}
\r\n\r\n Enviaremos um nome de usuário e senha temporários para o novo\r\n Administrador Cadastrado.\r\n
*/}\r\n\r\n\r\n Os somatórios abaixo referem-se ao período escolhido no gráfico de\r\n consumo.\r\n
\r\n\r\n {message}\r\n
\r\n ) : (\r\n\r\n {message}\r\n
\r\n )\r\n ) : (\r\n <>\r\n );\r\n }\r\n };\r\n\r\n function timeOutMessages() {\r\n setTimeout(() => {\r\n if (message !== '') {\r\n setMessage('');\r\n }\r\n }, 40000);\r\n }\r\n\r\n return (\r\n <>\r\n \r\n{headCell.label}
\r\n )}\r\n \r\n );\r\n\r\n if (group !== 'operator') {\r\n return cellHeader;\r\n } else if (headCell.id !== 'actions') {\r\n return cellHeader;\r\n }\r\n };\r\n\r\n return (\r\n{headCell.label}
\r\n )}\r\n \r\n );\r\n\r\n return cellHeader;\r\n };\r\n\r\n return (\r\n{headCell.label}
\r\n )}\r\n \r\n );\r\n\r\n return cellHeader;\r\n };\r\n\r\n return (\r\n{title}
\r\nFiltros
\r\n \r\n );\r\n\r\n const filterButton = (\r\n\r\n Enviaremos um nome de usuário e senha temporários para o novo\r\n Administrador Cadastrado.\r\n
\r\n\r\n {/**Inputs*/}\r\n {labels.map((value) => {\r\n return (\r\n{Messages.noAdminsRegistered}
\r\n ) : (\r\nInformações relacionadas ao período tarifário
\r\nInformações relacionadas ao período tarifário
\r\n\r\n {employee.group === 'operator'\r\n ? 'Operador'\r\n : employee.group === 'operator-activate'\r\n ? 'Operador com acionamento'\r\n : 'Gerente'}\r\n
\r\n{Messages.noEmployeeRegistered}
\r\nEnviaremos uma senha temporária para o primeiro acesso.
\r\n\r\n {/**Inputs*/}\r\n {labels.map((value) => {\r\n return (\r\nAdicionar circuitos ao agendamento
\r\nRemover circuitos do agendamento
\r\n{message.text}
\r\n{message.text}
\r\n{Messages.noPermissionDisassociate}
;\r\n }\r\n };\r\n\r\n const renderContent = () => {\r\n const empty = circuitList.length !== 0;\r\n\r\n return (\r\n{Messages.noAssociateCircuits}
}\r\nQuadro não encontrado!
\r\n ) : (\r\n{Messages.noSwitchboardRegistered}
\r\n )}\r\n\r\n Alguns circuitos encontram-se sem quadro por favor clique no botão{' '}\r\n
{headCell.label}
\r\n )}\r\n \r\n );\r\n\r\n return cellHeader;\r\n };\r\n\r\n return (\r\nAgendamentos relacionados ao circuito:
\r\nPrimário: {informationTC.primary_tc}
\r\nSecundário: {informationTC.secondary_tc}
\r\n \r\n );\r\n\r\n return (\r\nTransformador de Corrente:
\r\nNão Possui
}\r\nIdentificador:
\r\n{uuid_circuit}
\r\nQR Code:
\r\n{codeModule}
\r\nUnidade Consumidora:
\r\n{identificationNumber}
\r\nEventos relacionados ao circuito:
\r\nQual a relação?
\r\nPossui Transformador de Corrente ?
\r\n{item?.concessionaire}
\r\nEntregue: {item?.recebido}
\r\nProcessado: {item?.processado}
\r\nQuantidade: {item?.quantity}
\r\n\r\n obs: todos os valores são calculados com base nos valores de\r\n consumos, demandas, etc, para aquele mês da fatura.\r\n
\r\n\r\n verde:\r\n Valores calculados na tarifa verde atual.\r\n
\r\n\r\n azul:\r\n Valores calculados na tarifa azul atual.\r\n
\r\n\r\n \r\n laranja\r\n \r\n : Valores presentes na fatura\r\n
\r\n