onChange(giorno, 'fine', e && e.format('HH:mm:ss'))} disabled={!value.attivo} showSecond={false}\r\n value={moment(!value ? null : value.fine, \"HH:mm:ss\")} allowEmpty={false} />\r\n \r\n}\r\n\r\nvar previuosId = 0;\r\n\r\nexport default props => {\r\n const match = useRouteMatch();\r\n const contrattoId = match.params.id;\r\n\r\n const [contratto, setContratto] = useState({});\r\n const [noteAssistenza, setNoteAssistenza] = useState('');\r\n\r\n const [gravitaLista, setGravitaLista] = useState([]);\r\n const [statiLista, setStatiLista] = useState([]);\r\n const [contatoriLista, setContatoriLista] = useState([]);\r\n const [assistenzaFasceLista, setAssistenzaFasceLista] = useState({\r\n lun: {},\r\n mar: {},\r\n mer: {},\r\n gio: {},\r\n ven: {},\r\n sab: {},\r\n dom: {}\r\n });\r\n\r\n const [submitting, setSubmitting] = useState(false);\r\n const [allegatoAssistenza, setAllegatoAssistenza] = useState(null);\r\n const [allegatoAssistenzaDataUri, setAllegatoAssistenzaDataUri] = useState('');\r\n\r\n useEffect(() => {\r\n if (!allegatoAssistenza) {\r\n setAllegatoAssistenzaDataUri('');\r\n return;\r\n }\r\n\r\n var reader = new FileReader();\r\n reader.onload = e => setAllegatoAssistenzaDataUri(e.target.result);\r\n reader.readAsDataURL(allegatoAssistenza);\r\n\r\n return () => {\r\n if (reader.readyState === 'LOADING')\r\n reader.abort();\r\n };\r\n }, [allegatoAssistenza]);\r\n\r\n useEffect(() => {\r\n const cancelToken = axios.CancelToken.source();\r\n axios\r\n .get('/api/Contratti/'.concat(contrattoId), { cancelToken: cancelToken.token })\r\n .then(r => r.data)\r\n .then(d => {\r\n setContratto(d);\r\n setStatiLista(d.stati);\r\n setGravitaLista(d.gravità);\r\n setContatoriLista(d.contatori);\r\n setNoteAssistenza(d.noteAssistenza);\r\n\r\n const assistenzaFasceLista = d.assistenzaFasce;\r\n ['lun', 'mar', 'mer', 'gio', 'ven', 'sab', 'dom'].forEach(e => {\r\n if (!assistenzaFasceLista[e])\r\n assistenzaFasceLista[e] = {\r\n inizio: '09:00:00',\r\n fine: '18:00:00',\r\n attivo: false\r\n };\r\n else\r\n assistenzaFasceLista[e].attivo = true;\r\n });\r\n\r\n setAssistenzaFasceLista(assistenzaFasceLista);\r\n });\r\n\r\n return () => cancelToken.cancel();\r\n }, [contrattoId]);\r\n\r\n const updateGravità = (gravita, nome) => {\r\n setGravitaLista(gravitaLista.map(e => {\r\n if (e !== gravita)\r\n return e;\r\n else\r\n return {\r\n ...e,\r\n descrizione: nome,\r\n modificata: true\r\n };\r\n }));\r\n };\r\n\r\n const aggiungiGravità = () => {\r\n setGravitaLista([...gravitaLista, {\r\n descrizione: '',\r\n nuovo: true,\r\n id: previuosId--\r\n }])\r\n }\r\n\r\n const salvaGravità = () => {\r\n axios\r\n .patch('/api/Contratti/'.concat(contrattoId, '/Gravita'), { gravita: gravitaLista })\r\n .then(r => axios\r\n .get('/api/Contratti/'.concat(contrattoId))\r\n .then(r => r.data)\r\n .then(d => setGravitaLista(d.gravità)));\r\n\r\n }\r\n\r\n const updateStato = (stato, nome) => {\r\n setStatiLista(statiLista.map(e => {\r\n if (e !== stato)\r\n return e;\r\n else\r\n return {\r\n ...e,\r\n descrizione: nome,\r\n modificato: true\r\n };\r\n }));\r\n };\r\n\r\n const aggiungiStato = () => {\r\n setStatiLista([...statiLista, {\r\n descrizione: '',\r\n nuovo: true\r\n }])\r\n }\r\n\r\n const salvaStato = () => {\r\n axios\r\n .patch('/api/Contratti/'.concat(contrattoId, '/Stati'), { stati: statiLista })\r\n .then(r => axios\r\n .get('/api/Contratti/'.concat(contrattoId))\r\n .then(r => r.data)\r\n .then(d => setStatiLista(d.stati))\r\n );\r\n }\r\n\r\n const updateFascia = (giorno, prop, value) => {\r\n setAssistenzaFasceLista({\r\n ...assistenzaFasceLista,\r\n [giorno]: {\r\n ...assistenzaFasceLista[giorno],\r\n [prop]: value\r\n }\r\n });\r\n }\r\n\r\n const toggleAttivo = (giorno) => {\r\n setAssistenzaFasceLista({\r\n ...assistenzaFasceLista,\r\n [giorno]: {\r\n ...assistenzaFasceLista[giorno],\r\n attivo: !assistenzaFasceLista[giorno].attivo\r\n }\r\n });\r\n }\r\n\r\n const salvaFasceAssistenza = () => {\r\n const fasceModificate = {};\r\n Object.keys(assistenzaFasceLista).map((e, i) => {\r\n if (assistenzaFasceLista[e].attivo)\r\n fasceModificate[e] = {\r\n inizio: assistenzaFasceLista[e].inizio,\r\n fine: assistenzaFasceLista[e].fine\r\n }\r\n })\r\n\r\n axios\r\n .patch('/api/Contratti/'.concat(contrattoId, '/FasceAssistenza'), { fasceAssistenza: fasceModificate })\r\n .then(r => axios\r\n .get('/api/Contratti/'.concat(contrattoId))\r\n .then(r => r.data)\r\n );\r\n }\r\n\r\n const updateContatoreNome = (contatore, nome) => {\r\n setContatoriLista(contatoriLista.map(e => {\r\n if (e !== contatore)\r\n return e;\r\n else\r\n return {\r\n ...e,\r\n descrizione: nome,\r\n modificato: true,\r\n };\r\n }));\r\n }\r\n\r\n const updateContatoreGravità = (contatore, gravitàId, value) => {\r\n var valueNumber;\r\n if (isNaN(value))\r\n valueNumber = null;\r\n else\r\n valueNumber = Number(value);\r\n setContatoriLista(contatoriLista.map(e => {\r\n if (e !== contatore)\r\n return e;\r\n else\r\n return {\r\n ...e,\r\n gravitàSoglie: {\r\n ...e.gravitàSoglie,\r\n [gravitàId]: valueNumber\r\n }\r\n };\r\n }))\r\n }\r\n\r\n const salvaContatori = () => {\r\n axios\r\n .patch('/api/Contratti/'.concat(contrattoId, '/Contatori'), { contatori: contatoriLista })\r\n .then(r => axios\r\n .get('/api/Contratti/'.concat(contrattoId))\r\n .then(r => r.data)\r\n );\r\n }\r\n\r\n const onNoteAssistenzaSalva = () => {\r\n axios\r\n .patch('/api/Contratti/'.concat(contrattoId), { noteAssistenza: noteAssistenza })\r\n .then(r => setContratto({\r\n ...contratto,\r\n noteAssistenza: r.data.noteAssistenza\r\n }));\r\n };\r\n\r\n const onAllegatoAssistenzaSalva = () => {\r\n if (submitting)\r\n return;\r\n\r\n axios\r\n .post('/api/Contratti/'.concat(contrattoId, '/Allegati'), {\r\n filename: allegatoAssistenza.name,\r\n dataUri: allegatoAssistenzaDataUri\r\n })\r\n .then(r => {\r\n axios\r\n .get(\"/api/Contratti/\".concat(contrattoId))\r\n .then(r => r.data)\r\n .then(d => {\r\n setContratto(d);\r\n setNoteAssistenza(d.noteAssistenza);\r\n });\r\n });\r\n };\r\n\r\n return \r\n \r\n \r\n Contratto: {contratto.descrizione} \r\n
\r\n \r\n \r\n \r\n ;\r\n}","import React from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport { Redirect } from 'react-router-dom';\r\n\r\nexport default Component => props => {\r\n const currentUser = useSelector(s => s.currentUser);\r\n\r\n if (currentUser === null)\r\n return <> ;\r\n\r\n return currentUser.isAnonymous ? \r\n \r\n \r\n {props.text}
\r\n \r\n \r\n \r\n {props.text}
\r\n \r\n \r\n \r\n ;\r\n\r\nexport default props => {\r\n var currentUser = useSelector(store => store.currentUser);\r\n var allowedActions = currentUser && currentUser.allowedActions ? currentUser.allowedActions : [];\r\n\r\n return \r\n {allowedActions.indexOf('RichiesteElenco') < 0 ? null : \r\n}\r\n","var nextToastId = 1;\r\n\r\nexport const reducer = (state = [], action) => {\r\n switch (action.type) {\r\n case 'ui-popup':\r\n return [...state, {\r\n id: nextToastId++,\r\n text: action.data.text,\r\n kind: action.data.kind\r\n }];\r\n case 'ui-popup-clear':\r\n return [];\r\n case 'ui-popup-close':\r\n return state.filter(e => e.id !== action.data.id)\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport const actionValidationError = ({ key, text }) => ({\r\n type: 'ui-popup',\r\n data: {\r\n key: key,\r\n text: text,\r\n kind: 'bg-danger'\r\n }\r\n});\r\n\r\nexport const actionClearValidation = () => ({\r\n type: 'ui-popup-clear',\r\n data: null\r\n});","import React from 'react';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { Toast } from 'react-bootstrap';\r\nimport { useLocation } from 'react-router-dom'\r\nimport { actionClearValidation } from '../redux-local/Toasts';\r\nimport { useEffect } from 'react';\r\n\r\nexport default props => {\r\n const location = useLocation();\r\n const dispatch = useDispatch();\r\n const toasts = useSelector(s => s.toasts);\r\n\r\n useEffect(() => {\r\n dispatch(actionClearValidation());\r\n }, [location.pathname]);\r\n\r\n return \r\n {toasts.map(e => dispatch({\r\n type: 'ui-popup-close', data: { id: e.id }\r\n })}>\r\n Easy Support \r\n {e.text} \r\n )}\r\n
;\r\n};\r\n","import axios from 'axios';\r\n\r\nconst defaultState = null;\r\n\r\nexport const anonymousUser = {\r\n isAnonymous: true,\r\n displayName: 'Utente anonimo',\r\n allowedActions: []\r\n};\r\n\r\nconst actionResetCurrentUser = () => ({\r\n type: 'currentUser-reset',\r\n data: null\r\n});\r\n\r\nexport const actionLogin = (params, decoratePromise) => (dispatch, getState) => {\r\n const promise = axios\r\n .post('/api/Login', {\r\n 'username': params.username,\r\n 'password': params.password\r\n })\r\n .then(r => r.data)\r\n .then(jres => {\r\n dispatch(actionResetCurrentUser());\r\n dispatch(actionUpdateCurrentUser());\r\n\r\n return {\r\n success: jres.success\r\n };\r\n });\r\n\r\n if (typeof (decoratePromise) === 'function')\r\n decoratePromise(promise);\r\n};\r\n\r\nexport const actionLogout = () => (dispatch, getState) => {\r\n return axios\r\n .delete('/api/Login')\r\n .then(\r\n () => dispatch(actionUpdateCurrentUser())\r\n );\r\n};\r\n\r\nvar loadCurrentRequest = null;\r\nexport const actionUpdateCurrentUser = () => (dispatch, getState) => {\r\n if (loadCurrentRequest)\r\n return loadCurrentRequest;\r\n\r\n loadCurrentRequest = axios\r\n .get('/api/Utenti/Corrente', { validateStatus: function (s) { return s === 200 || s === 404; } })\r\n .finally(() => { loadCurrentRequest = null })\r\n .then(r => {\r\n switch (r.status) {\r\n case 200:\r\n dispatch({ type: 'currentUser-change', data: r.data });\r\n break;\r\n case 404:\r\n dispatch({\r\n type: 'currentUser-change', data: {\r\n user: anonymousUser\r\n }\r\n });\r\n break;\r\n }\r\n })\r\n\r\n return loadCurrentRequest;\r\n};\r\n\r\nexport const reducer = (state = defaultState, action) => {\r\n switch (action.type) {\r\n case 'currentUser-change':\r\n return {\r\n ...action.data.user,\r\n displayName: action.data.user.displayName,\r\n allowedActions: action.data.user.allowedActions\r\n };\r\n case 'currentUser-reset':\r\n return defaultState;\r\n default:\r\n return state;\r\n }\r\n};\r\n","import React from 'react';\r\nimport { Button } from 'react-bootstrap';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { Route, useHistory } from 'react-router';\r\nimport { Link, Switch } from 'react-router-dom';\r\nimport { actionLogout } from '../redux-local/CurrentUser';\r\n\r\nexport default props => {\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n\r\n const currentUser = useSelector(store => store.currentUser);\r\n\r\n return \r\n \r\n \r\n {currentUser ? currentUser.displayName : null}
\r\n \r\n \r\n \r\n dispatch(onLogout)} variant=\"outline-light\" className=\"nav-link text-left border-0 text-light\">\r\n Logout
\r\n \r\n \r\n \r\n \r\n \r\n Cambia Password
\r\n \r\n \r\n \r\n Cambia Password
\r\n \r\n \r\n \r\n \r\n ;\r\n\r\n function onLogout(dispatch, getState) {\r\n actionLogout()(dispatch, getState)\r\n .then(() => history.push('/'), e => console.error(e));\r\n }\r\n};\r\n","import React from 'react';\r\nimport { Nav } from 'react-bootstrap';\r\nimport { useDispatch } from 'react-redux';\r\nimport withAuthentication from '../hoc/withAuthentication';\r\nimport * as SideBar from '../redux-local/SideBar';\r\nimport NavBar from './NavBar';\r\nimport ToastsHost from './ToastsHost';\r\nimport UserPanel from './UserPanel';\r\n\r\nexport default function Layout(props) {\r\n const dispatch = useDispatch();\r\n\r\n return \r\n {/**/}\r\n
\r\n \r\n \r\n dispatch(SideBar.actionToggleCollapsed())}\r\n className=\"nav-link\" data-widget=\"pushmenu\" type=\"button\" style={{ border: 'none', background: 'transparent' }}>\r\n \r\n \r\n \r\n {/**/}\r\n {/**/}\r\n
\r\n {/**/}\r\n \r\n easysupport \r\n \r\n\r\n {/**/}\r\n \r\n {/**/}\r\n \r\n \r\n\r\n {/**/}\r\n {/**/}\r\n {/**/}\r\n \r\n \r\n {/**/}\r\n
\r\n {/**/}\r\n \r\n\r\n {/**/}\r\n
\r\n {/**/}\r\n
\r\n\r\n
\r\n {/**/}\r\n {/**/}\r\n
\r\n {props.children}\r\n
\r\n {/**/}\r\n
\r\n {/**/}\r\n {/**/}\r\n
\r\n {/**/}\r\n {/**/}\r\n
\r\n \r\n
\r\n
Copyright © 2021 Easy Net . \r\n Tutti i diritti riservati.
\r\n
\r\n
V1.1.1
\r\n
\r\n
\r\n
\r\n
\r\n {/**/}\r\n \r\n
\r\n
\r\n
\r\n else\r\n recuperoModalBody = \r\n Inserisci l'e-mail associata all'utenza \r\n setRecuperoModalEmail(e.target.value)}\r\n disabled={submitting} className=\"form-control\" type=\"email\" />\r\n ;\r\n\r\n return \r\n
\r\n
setRecuperoModalShow(false)}>\r\n \r\n Recupera password \r\n \r\n {recuperoModalBody} \r\n \r\n {recuperoModalSent ? null : <>\r\n Conferma recupero \r\n setRecuperoModalShow(false)}>Annulla \r\n }\r\n \r\n \r\n {/**/}\r\n
\r\n \r\n easysupport \r\n \r\n \r\n Esegui l'accesso al servizio
\r\n \r\n setUsername(e.target.value)} onKeyDown={e => e.key === 'Enter' ? onLogin() : null} disabled={submitting} type=\"email\" className=\"form-control\" placeholder=\"Username\" />\r\n \r\n \r\n \r\n \r\n \r\n \r\n setPassword(e.target.value)} onKeyDown={e => e.key === 'Enter' ? onLogin() : null} disabled={submitting} type=\"password\" className=\"form-control\" placeholder=\"Password\" />\r\n \r\n \r\n \r\n \r\n \r\n \r\n Accedi \r\n \r\n {/**/}\r\n
\r\n {/**/}\r\n \r\n
\r\n \r\n {/**/}\r\n \r\n {/**/}\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n Stato \r\n Gravità \r\n \r\n \r\n \r\n \r\n {ticket.stato} \r\n {ticket.gravita} \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n Stato \r\n Tempo \r\n \r\n \r\n \r\n {contatori.map((c, i) => \r\n {c} \r\n {(ticket.contatori[c].totalMinutes || 0).toFixed(0)} minuti \r\n )}\r\n \r\n
\r\n \r\n
\r\n}","import axios from 'axios';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { Form, Accordion, Button, Card, Col, Modal, Row, Tab, Table, Tabs } from 'react-bootstrap';\r\nimport { Link } from 'react-router-dom';\r\nimport SlaDisplay from './SlaDisplay';\r\n\r\nexport default function MonitoraggioSla(props) {\r\n const [contrattiLista, setContrattiLista] = useState([]);\r\n const [contrattoSelezionato, setContrattoSelezionato] = useState(null);\r\n\r\n const [richiesteLista, setRichiesteLista] = useState([]);\r\n const [contatoriLista, setContatoriLista] = useState([]);\r\n\r\n const [mostraSla, setMostraSla] = useState(false);\r\n const [ticket, setTicket] = useState([]);\r\n\r\n useEffect(() => {\r\n (async () => {\r\n const response = await axios.get('/api/Contratti?filter=monitoraggioSla');\r\n const data = response.data;\r\n\r\n setContrattiLista(data.contratti);\r\n if(data.contratti && data.contratti.length > 0)\r\n setContrattoSelezionato(data.contratti[0]);\r\n })();\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (!contrattoSelezionato) {\r\n setRichiesteLista([]);\r\n return;\r\n }\r\n\r\n const cancelToken = axios.CancelToken.source();\r\n (async () => {\r\n const response = await axios.get(contrattoSelezionato.apiSla, { cancelToken: cancelToken.token });\r\n const data = response.data;\r\n\r\n setContatoriLista(data.contatori);\r\n setRichiesteLista(data.richieste);\r\n })();\r\n\r\n return () => cancelToken.cancel();\r\n }, [contrattoSelezionato]);\r\n\r\n const contrattoSelezionatoValue = contrattoSelezionato ? contrattoSelezionato.id : '';\r\n return \r\n \r\n \r\n Gestione SLA \r\n
\r\n \r\n \r\n setMostraSla(false)}\r\n size=\"lg\">\r\n \r\n Contatori SLA \r\n \r\n \r\n {!mostraSla ? null : \r\n \r\n setMostraSla(false)}>Chiudi \r\n \r\n \r\n {contrattiLista && contrattiLista.length > 1 && \r\n setContrattoSelezionato(contrattiLista.find(e => e.id === Number(ev.target.value)))}\r\n className=\"form-control\">\r\n {contrattiLista.map(e =>\r\n {e.descrizione} )}\r\n \r\n
}\r\n \r\n \r\n |
\r\n |
\r\n \r\n \r\n {listaTicketSla(richiesteLista.filter(e => e.tag === 'FuoriOrario'), 'fuori SLA')}\r\n \r\n \r\n \r\n \r\n |
\r\n |
\r\n \r\n \r\n {listaTicketSla(richiesteLista.filter(e => e.tag !== 'FuoriOrario'), 'in SLA')}\r\n \r\n \r\n \r\n \r\n \r\n \r\n ;\r\n\r\n function listaTicketSla(listaTicket, testoSla) {\r\n if (listaTicket.length === 0)\r\n return Non ci sono ticket {testoSla}
;\r\n\r\n const groups = [];\r\n for (var i in listaTicket) {\r\n const richiesta = listaTicket[i];\r\n var sezione = groups.find(e => e.nome === richiesta.stato);\r\n if (!sezione)\r\n groups.push(sezione = { nome: richiesta.stato, tickets: [] });\r\n\r\n sezione.tickets.push(richiesta);\r\n }\r\n\r\n return <>\r\n {groups.map(e =>\r\n \r\n \r\n Stato: {e.nome} ({e.tickets.length}) \r\n \r\n \r\n \r\n \r\n \r\n Codice \r\n Oggetto \r\n \r\n \r\n \r\n {e.tickets.map(creaRichiestaPanel)}\r\n \r\n
\r\n \r\n \r\n \r\n )}\r\n ;\r\n }\r\n\r\n function creaRichiestaPanel(e, i) {\r\n return \r\n {e.codice} \r\n \r\n { setMostraSla(true); setTicket(e) }} style={{ cursor: 'pointer', color: '#007bff', border: 'none', textAlign: 'left' }} block variant=\"outline-light\">\r\n {e.titolo} \r\n {e.tag === 'RischioSforamento' ? \r\n \r\n ;\r\n }\r\n}","import React, { useState } from 'react';\r\nimport { Button, Card, InputGroup, FormControl, Row, Col } from 'react-bootstrap';\r\nimport { Redirect, useLocation } from 'react-router-dom';\r\nimport ToastsHost from './ToastsHost';\r\nimport ValidationErrors from './ValidationErrors';\r\nimport axios from 'axios';\r\nimport { useDispatch } from 'react-redux';\r\nimport { actionValidationError } from '../redux-local/Toasts';\r\n\r\nexport default props => {\r\n const location = useLocation();\r\n const dispatch = useDispatch();\r\n\r\n const [done, setDone] = useState(false);\r\n const [password, setPassword] = useState('');\r\n const [passwordCheck, setPasswordCheck] = useState('');\r\n const [submitting, setSubmitting] = useState(false);\r\n const [validationErrors, setValidationErrors] = useState([]);\r\n\r\n if (done)\r\n return \r\n
\r\n {/**/}\r\n \r\n \r\n easysupport \r\n \r\n \r\n \r\n setPassword(e.target.value)} onKeyDown={e => e.key === 'Enter' ? onReset() : null} disabled={submitting} type=\"password\" className=\"form-control\" placeholder=\"Password\" />\r\n \r\n \r\n \r\n \r\n \r\n \r\n setPasswordCheck(e.target.value)} onKeyDown={e => e.key === 'Enter' ? onReset() : null} disabled={submitting} type=\"password\" className=\"form-control\" placeholder=\"Ripeti password\" />\r\n \r\n \r\n \r\n \r\n \r\n \r\n Reimposta password \r\n \r\n {/**/}\r\n
\r\n \r\n {/**/}\r\n \r\n {/**/}\r\n
\r\n
\r\n
\r\n \r\n \r\n Ticket #{codice} \r\n \r\n \r\n \r\n Stato Ticket: \r\n {ticket.stato} \r\n \r\n
\r\n {!ticket.allegato ? null : \r\n Allegato: \r\n \r\n Scarica\r\n \r\n }>\r\n \r\n \r\n \r\n \r\n
}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n Oggetto: {ticket.titolo} \r\n \r\n \r\n setCommentiDaVisualizzare(null)}\r\n size=\"lg\">\r\n \r\n Note \r\n \r\n \r\n {!commentiDaVisualizzare ? null : commentiDaVisualizzare.map((e, i) => \r\n \r\n
\r\n \r\n \r\n Scarica Allegato\r\n \r\n }>\r\n \r\n {!e.allegatoUrl ? null : \r\n \r\n
\r\n \r\n
)}\r\n \r\n \r\n setCommentiDaVisualizzare(null)}>Chiudi \r\n \r\n \r\n {ticket.attivita.map((e, i) => \r\n \r\n
\r\n \r\n \r\n \r\n Visualizza Note\r\n \r\n }>\r\n {!(e.commenti && e.commenti.length > 0) ? null :\r\n \r\n \r\n \r\n Scarica Allegato\r\n \r\n }>\r\n \r\n {!e.allegatoUrl ? null : \r\n \r\n
\r\n \r\n
)}\r\n \r\n \r\n {!mostraNoteAssistenza ? null : \r\n \r\n Note per l'assistenza \r\n \r\n \r\n {e.nome} \r\n )}\r\n \r\n }\r\n {(function () {\r\n switch (ticket.stato) {\r\n case 'Chiuso':\r\n return Questo Ticket è chiuso e non può essere riaperto
\r\n ;\r\n case 'Annullato':\r\n return Questo Ticket è annullato e non può essere riaperto
\r\n ;\r\n default:\r\n return \r\n \r\n \r\n \r\n setNuovaNotaCommento(e)} />\r\n \r\n Aggiungi nota\r\n \r\n
\r\n \r\n \r\n {Object.keys(ticket.allowedActions).length === 0 ? null : \r\n \r\n setNuovaAttivitaCommento(e)} />\r\n \r\n {ticket.allowedActions[e].etichetta}\r\n )}\r\n \r\n\r\n
\r\n \r\n }\r\n \r\n ;\r\n }\r\n })()}\r\n ;\r\n\r\n function onCommentoFileSelected(e) {\r\n if (e.target.files.length > 0)\r\n setCommentoFileObject(e.target.files[0]);\r\n else\r\n setCommentoFileObject(null);\r\n }\r\n\r\n function onAttivitaFileSelected(e) {\r\n if (e.target.files.length > 0)\r\n setAttivitaFileObject(e.target.files[0]);\r\n else\r\n setAttivitaFileObject(null);\r\n }\r\n\r\n function onNuovaNotaCommento() {\r\n const messaggio = nuovaNotaCommento.toString('markdown').trim();\r\n\r\n if (messaggio.length && messaggio.charCodeAt(0) === 8203) {\r\n dispatch({\r\n type: 'ui-popup',\r\n data: {\r\n text: \"È necessario inserire il corpo della nota\",\r\n kind: 'bg-danger'\r\n }\r\n });\r\n return;\r\n }\r\n\r\n const postData = {\r\n messaggio: messaggio,\r\n allegatoDataUri: commentoFileDataUri,\r\n allegatoFilename: commentoFileObject ? commentoFileObject.name : null\r\n };\r\n\r\n setSubmitting(true);\r\n axios\r\n .post('/api/Richieste/'.concat(codice, '/Commenti'), postData)\r\n .finally(() => setSubmitting(false))\r\n .then(d => {\r\n setNuovaNotaCommento(ReactRTE.createEmptyValue());\r\n setCommentoFileInputClearKey(commentoFileInputClearKey + 1);\r\n setTicket({\r\n ...ticket,\r\n commenti: d.commenti\r\n });\r\n getTicket()\r\n });\r\n }\r\n\r\n function onClickFactory(v) {\r\n return (e) => {\r\n const commento = nuovaAttivitaCommento.toString('markdown').trim();\r\n\r\n if (commento.length && commento.charCodeAt(0) === 8203) {\r\n dispatch({\r\n type: 'ui-popup',\r\n data: {\r\n text: \"Il campo attività non può essere vuoto\",\r\n kind: 'bg-danger'\r\n }\r\n });\r\n return;\r\n }\r\n\r\n const postData = {\r\n azione: v,\r\n commento: commento,\r\n allegatoFilename: attivitaFileObject ? attivitaFileObject.name : null,\r\n allegatoDataUri: attivitaFileDataUri\r\n };\r\n\r\n setSubmitting(true);\r\n axios\r\n .post('/api/Richieste/'.concat(codice), postData)\r\n .finally(() => setSubmitting(false))\r\n .then(r => {\r\n setNuovaAttivitaCommento(ReactRTE.createEmptyValue());\r\n setAttivitaFileInputClearKey(attivitaFileInputClearKey + 1);\r\n getTicket();\r\n });\r\n };\r\n }\r\n}\r\n","import axios from 'axios';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { Accordion, Card, Col, Row, Form } from 'react-bootstrap';\r\nimport { Link } from 'react-router-dom';\r\nimport withAuthentication from '../hoc/withAuthentication';\r\n\r\nconst TicketList = props => {\r\n const [richiesteLista, setRichiesteLista] = useState([]);\r\n const [richiesteListaFiltrate, setRichiesteListaFiltrate] = useState([]);\r\n const [clienteScelto, setClienteScelto] = useState(\"\");\r\n const [groups, setGroups] = useState([]);\r\n const [idClientiList, setIdClientiList] = useState([]);\r\n\r\n useEffect(() => {\r\n axios\r\n .get('/api/Richieste')\r\n .then(r => r.data)\r\n .then(d => {\r\n setRichiesteLista(d.tickets);\r\n setIdClientiList(d.tickets.filter((value, index, self) => {\r\n return self.findIndex(v => v.idCliente === value.idCliente) === index;\r\n }).map(richiesta => {\r\n return { idCliente: richiesta.idCliente, ragioneSocialeCliente: richiesta.ragioneSocialeCliente }\r\n }))\r\n });\r\n }, []);\r\n\r\n //const groups = richiesteLista.reduce((acc, value) => {\r\n // var sezione = acc.find(e => e.nome === value.stato);\r\n // if (!sezione)\r\n // acc.push(sezione = { nome: value.stato, tickets: [] });\r\n\r\n // sezione.tickets.push(value);\r\n\r\n // return acc;\r\n //}, []);\r\n\r\n useEffect(() => {\r\n const listaDaRidurre = richiesteListaFiltrate && richiesteListaFiltrate.length > 0 ? richiesteListaFiltrate : richiesteLista;\r\n\r\n setGroups(listaDaRidurre.reduce((acc, value) => {\r\n var sezione = acc.find(e => e.nome === value.stato);\r\n if (!sezione)\r\n acc.push(sezione = { nome: value.stato, tickets: [] });\r\n\r\n sezione.tickets.push(value);\r\n\r\n return acc;\r\n }, [])\r\n );\r\n }, [richiesteLista, richiesteListaFiltrate])\r\n\r\n const filterTickets = (idCliente) => {\r\n const id = typeof idCliente === \"string\" ? parseInt(idCliente) : idCliente;\r\n if (idCliente === \"\") {\r\n setRichiesteListaFiltrate([])\r\n }\r\n setRichiesteListaFiltrate(richiesteLista.filter(richiesta => richiesta.idCliente === id));\r\n }\r\n\r\n\r\n return \r\n \r\n \r\n Tickets \r\n { filterTickets(e.target.value); setClienteScelto(e.target.value) }}>\r\n Filtra per cliente \r\n {idClientiList.map(e =>\r\n {e.ragioneSocialeCliente} \r\n )}\r\n \r\n
\r\n \r\n \r\n \r\n {groups.map((e, i) => \r\n\r\n \r\n Stato: {e.nome} ({e.tickets.length}) \r\n \r\n \r\n \r\n \r\n \r\n Codice \r\n Oggetto \r\n Cliente \r\n \r\n \r\n \r\n {e.tickets.map((e, i) => \r\n {e.codice} \r\n \r\n \r\n \r\n {e.ragioneSocialeCliente}\r\n \r\n )}\r\n \r\n
\r\n \r\n \r\n\r\n\r\n )}\r\n \r\n \r\n \r\n ;\r\n};\r\n\r\nexport default withAuthentication(TicketList);\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport RichTextEditor from 'react-rte';\r\n\r\nexport default class MyStatefulEditor extends Component {\r\n static propTypes = {\r\n onChange: PropTypes.func\r\n };\r\n\r\n static toolbarConfig = {\r\n display: ['INLINE_STYLE_BUTTONS', 'BLOCK_TYPE_BUTTONS', 'HISTORY_BUTTONS'],\r\n INLINE_STYLE_BUTTONS: [\r\n { label: 'Grassetto', style: 'BOLD', className: 'custom-css-class' },\r\n { label: 'Corsivo', style: 'ITALIC' },\r\n { label: 'Sottolineato', style: 'UNDERLINE' }\r\n ],\r\n BLOCK_TYPE_BUTTONS: [\r\n { label: 'Elenco puntato', style: 'unordered-list-item' },\r\n { label: 'Elenco numerato', style: 'ordered-list-item' }\r\n ],\r\n HISTORY_BUTTONS: {\r\n undo: { label: 'Annulla' },\r\n redo: { label: 'Ripeti' }\r\n }\r\n };\r\n\r\n state = {\r\n value: RichTextEditor.createEmptyValue()\r\n }\r\n\r\n onChange = (value) => {\r\n this.setState({ value });\r\n if (this.props.onChange) {\r\n // Send the changes up to the parent component as an HTML string.\r\n // This is here to demonstrate using `.toString()` but in a real app it\r\n // would be better to avoid generating a string on each change.\r\n this.props.onChange(value.toString('markdown'));\r\n }\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n \r\n Apri un nuovo ticket \r\n \r\n \r\n {!(clientiLista && clientiLista.length > 1) ? null : \r\n Cliente \r\n setCliente(e.target.value)}\r\n disabled={submitting} className=\"form-control\">\r\n {clientiLista.map(e =>\r\n {e.ragioneSociale} )}\r\n \r\n \r\n }\r\n {!(contrattiLista && contrattiLista.length > 1) ? null : \r\n Contratto \r\n setContratto(e.target.value)}\r\n disabled={submitting} className=\"form-control\">\r\n {contrattiLista.map(e => {e.descrizione} )}\r\n \r\n \r\n }\r\n {!(gravitàLista && gravitàLista.length > 1) ? null : \r\n Gravità \r\n setGravità(e.target.value)}\r\n disabled={submitting} className=\"form-control\">\r\n {gravitàLista.map(e => {e.descrizione} )}\r\n \r\n \r\n }\r\n \r\n Oggetto (*Campo Obbligatorio) \r\n setTitolo(e.target.value)}\r\n disabled={submitting} className=\"form-control\"\r\n type=\"text\" placeholder=\"Titolo della richiesta\"\r\n maxLength={130} />\r\n \r\n \r\n Descrizione (*Campo Obbligatorio) \r\n setRichiesta(e)} disabled={submitting}\r\n />\r\n \r\n \r\n Allegato (2MB max) \r\n setFileObject(e.target.files.length > 0 ? e.target.files[0] : null)} />\r\n \r\n \r\n \r\n Salva \r\n \r\n \r\n ;\r\n\r\n function onSubmit() {\r\n const erroriLocali = [];\r\n\r\n if (titolo.trim() === '')\r\n erroriLocali.push({ campo: 'titolo', errore: 'Inserire un oggetto della richiesta' });\r\n if (richiesta.trim().charCodeAt(0) === 8203 || richiesta.trim() === '')\r\n erroriLocali.push({ campo: 'richiesta', errore: 'Inserire una descrizione della richiesta' });\r\n if (fileObject !== null && fileObject.size > 2 * 1024 * 1024)\r\n erroriLocali.push({ campo: 'file', errore: 'Il file deve essere meno di 2MB' });\r\n\r\n setErroriValidazione(erroriLocali);\r\n if (erroriLocali.length > 0)\r\n return;\r\n\r\n setSubmitting(true);\r\n var noexcept = false;\r\n try {\r\n onDataObjectReady({\r\n titolo: titolo,\r\n richiesta: richiesta,\r\n cliente: clientiLista.find(e => e.apiUrl === cliente).uri,\r\n contratto: contrattiLista.find(e => e.apiUrl === contratto).descrizione,\r\n gravita: gravitàLista.find(e => e.id === Number(gravità)).descrizione,\r\n allegato: fileDataUri,\r\n allegatoNome: fileObject ? fileObject.name : null,\r\n });\r\n\r\n noexcept = true;\r\n }\r\n finally {\r\n if (!noexcept)\r\n setSubmitting(false);\r\n }\r\n }\r\n\r\n function onDataObjectReady(reqData) {\r\n axios\r\n .post('/api/Richieste', reqData)\r\n .finally(() => setSubmitting(false))\r\n .then(r => {\r\n const d = r.data;\r\n history.replace(d.url);\r\n }, r => {\r\n switch (r.response.status) {\r\n case 401:\r\n dispatch(actionValidationError({\r\n key: 'unauthenticated',\r\n text: \"La tua autenticazione non è più valida, effettua un nuovo login\"\r\n }));\r\n history.push('/');\r\n break;\r\n case 403:\r\n dispatch(actionValidationError({\r\n key: 'ticket-unauthorized',\r\n text: 'Non sei autorizzato a creare un ticket'\r\n }));\r\n break;\r\n }\r\n });\r\n }\r\n};\r\n","import React, { useState } from 'react';\r\nimport { Button, Card, Col, Form, Row } from 'react-bootstrap';\r\nimport ValidationErrors from './ValidationErrors';\r\nimport axios from 'axios';\r\n\r\nexport default props => {\r\n const [passwordCorrente, setPasswordCorrente] = useState('');\r\n const [passwordNuova, setPasswordNuova] = useState('');\r\n const [passwordNuovaCheck, setPasswordNuovaCheck] = useState('');\r\n const [submitting, setSubmitting] = useState(false);\r\n const [validationErrors, setValidationErrors] = useState([]);\r\n\r\n React.createElement(Card.Header, {\r\n md: { span: 10, offset: 1 },\r\n children: [\r\n React.createElement(Card.Title, {\r\n className: 'card-title',\r\n children: ['Cambia password']\r\n })\r\n ]\r\n })\r\n\r\n return \r\n \r\n Cambia password \r\n \r\n \r\n \r\n ;\r\n\r\n function onSubmit() {\r\n var erroriLocali = [];\r\n if (passwordCorrente === '')\r\n erroriLocali.push({ campo: 'passwordCorrente', errore: 'Inserire la password corrente' });\r\n if (passwordNuova === '')\r\n erroriLocali.push({ campo: 'passwordNuova', errore: 'Inserire una password' });\r\n else {\r\n if (passwordNuova !== passwordNuovaCheck)\r\n erroriLocali.push({ campo: 'passwordNuovaCheck', errore: 'Le password non corrispondono' });\r\n\r\n if (passwordNuova.length < 8)\r\n erroriLocali.push({ campo: 'passwordNuova', errore: 'La password deve essere lunga almeno otto caratteri' });\r\n if (!/[a-z]/.test(passwordNuova))\r\n erroriLocali.push({ campo: 'passwordNuova', errore: 'La password deve contenere almeno una lettera minuscola' });\r\n if (!/[A-Z]/.test(passwordNuova))\r\n erroriLocali.push({ campo: 'passwordNuova', errore: 'La password deve contenere almeno una lettera maiuscola' });\r\n if (!/[0-9]/.test(passwordNuova))\r\n erroriLocali.push({ campo: 'passwordNuova', errore: 'La password deve contenere almeno un numero' });\r\n }\r\n\r\n setValidationErrors(erroriLocali);\r\n if (erroriLocali.length > 0)\r\n return;\r\n\r\n var noexcept = false;\r\n setSubmitting(true);\r\n try {\r\n const postData = {\r\n kind: 'password',\r\n passwordCorrente: passwordCorrente,\r\n passwordNuova: passwordNuova\r\n };\r\n\r\n axios\r\n .post('/api/Utenti/Corrente', postData, { validateStatus: s => (s === 200 || s === 409) })\r\n .finally(() => setSubmitting(false))\r\n .then(r => {\r\n switch (r.status) {\r\n case 200:\r\n props.history.push('/Ticket');\r\n break;\r\n case 409:\r\n const validationErrors = r.data.validazione;\r\n\r\n setValidationErrors(validationErrors.filter(e => e.campo === 'passwordCorrente').map(e => ({\r\n campo: 'passwordCorrente',\r\n errore: e.errore\r\n })));\r\n break;\r\n }\r\n });\r\n\r\n noexcept = true;\r\n } finally {\r\n if (!noexcept)\r\n setSubmitting(false);\r\n }\r\n }\r\n};\r\n","import axios from 'axios';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { Button, Card, Col, Table } from 'react-bootstrap';\r\nimport { Link, useHistory } from 'react-router-dom';\r\nimport { useLocation } from 'react-router-dom'\r\n\r\nexport default props => {\r\n const history = useHistory();\r\n const utenteId = props.match.params.id;\r\n const [utente, setUtente] = useState({});\r\n const [submitting, setSubmitting] = useState(false);\r\n\r\n useEffect(() => {\r\n axios\r\n .get('/api/Utenti/'.concat(utenteId))\r\n .then(r => r.data)\r\n .then(d => {\r\n setUtente(d);\r\n });\r\n }, [utenteId]);\r\n\r\n console.log(utente)\r\n\r\n return \r\n \r\n Utente: {utente.displayName} \r\n \r\n \r\n \r\n \r\n \r\n Nome utente \r\n {utente.displayName} \r\n \r\n \r\n E-Mail \r\n {utente.email} \r\n \r\n \r\n Attivo \r\n {utente.attivo ? 'Sì' : 'No'} \r\n \r\n \r\n
\r\n {!utente.attivo ? null :\r\n <>\r\n onBloccaUtente()} disabled={submitting} className=\"btn btn-danger my-2 mr-2\">Blocca utente \r\n \r\n }\r\n history.goBack()} disabled={submitting} className=\"btn btn-secondary my-2\">Indietro \r\n \r\n \r\n ;\r\n\r\n function onBloccaUtente() {\r\n setSubmitting(true);\r\n axios\r\n .patch('/api/Utenti/'.concat(utenteId), { allowLogin: false })\r\n .finally(() => setSubmitting(false))\r\n .then(r => r.data)\r\n .then(d => setUtente(d));\r\n }\r\n};\r\n","import axios from 'axios';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { Card, Col, Row, Table } from 'react-bootstrap';\r\nimport { Link } from 'react-router-dom';\r\n\r\nexport default props => {\r\n const [utenti, setUtenti] = useState([]);\r\n useEffect(() => {\r\n axios\r\n .get('/api/Utenti')\r\n .then(r => r.data)\r\n .then(d => setUtenti(d.utenti));\r\n }, []);\r\n\r\n return \r\n \r\n \r\n Utenti \r\n
\r\n \r\n \r\n \r\n \r\n \r\n Nome Utente \r\n \r\n \r\n \r\n {utenti.map((e, i) => \r\n \r\n \r\n {e.displayName}\r\n \r\n \r\n )}\r\n \r\n
\r\n \r\n \r\n ;\r\n};\r\n","import axios from 'axios';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { Button, Card, Col, Table, Form, Row } from 'react-bootstrap';\r\nimport { Link, useHistory } from 'react-router-dom';\r\nimport { useLocation } from 'react-router-dom'\r\nimport ValidationErrors from './ValidationErrors';\r\n\r\nexport default props => {\r\n const history = useHistory();\r\n const utenteId = props.match.params.id;\r\n const [utente, setUtente] = useState({});\r\n const [email, setEmail] = useState('');\r\n const [displayName, setDisplayName] = useState('');\r\n const [url, setUrl] = useState('');\r\n const [submitting, setSubmitting] = useState(false);\r\n const location = useLocation();\r\n const [validationErrors, setValidationErrors] = useState([]);\r\n\r\n useEffect(() => {\r\n axios\r\n .get('/api/Utenti/'.concat(utenteId))\r\n .then(r => r.data)\r\n .then(d => {\r\n setUtente(d);\r\n setDisplayName(d.displayName);\r\n setEmail(d.email);\r\n setUrl(d.url);\r\n });\r\n }, [utenteId]);\r\n\r\n\r\n return \r\n \r\n Modifica utente: {utente.displayName} \r\n \r\n \r\n \r\n ;\r\n\r\n function onUpdateUtente() {\r\n if (submitting)\r\n return;\r\n var erroriLocali = [];\r\n if (displayName === '')\r\n erroriLocali.push({ campo: 'username', errore: 'Inserire uno username' });\r\n if (email === '')\r\n erroriLocali.push({ campo: 'email', errore: 'Inserire una e-mail' });\r\n else if (!/^[^@]+@([^\\.]+\\.)+[^\\.]+$/.test(email))\r\n erroriLocali.push({ campo: 'email', errore: 'Inserire una e-mail valida' });\r\n\r\n setValidationErrors(erroriLocali);\r\n if (erroriLocali.length > 0)\r\n return;\r\n\r\n const data = {\r\n displayName: displayName,\r\n email: email\r\n };\r\n setSubmitting(true);\r\n axios\r\n .put('/api/Utenti/'.concat(utenteId), data)\r\n .finally(() => setSubmitting(false))\r\n .then(r => r.data)\r\n .then(d => history.replace(url));\r\n }\r\n}","import axios from 'axios';\r\nimport React, { useState } from 'react';\r\nimport { Button, Card, Col, Form, Row } from 'react-bootstrap';\r\nimport { useHistory } from 'react-router-dom';\r\nimport ValidationErrors from './ValidationErrors';\r\n\r\nexport default props => {\r\n const history = useHistory();\r\n const [username, setUsername] = useState('');\r\n const [displayName, setDisplayName] = useState('');\r\n const [email, setEmail] = useState('');\r\n const [passwordGenera, setPasswordGenera] = useState(false);\r\n const [password, setPassword] = useState('');\r\n const [passwordCheck, setPasswordCheck] = useState('');\r\n\r\n const [validationErrors, setValidationErrors] = useState([]);\r\n\r\n const [submitting, setSubmitting] = useState(false);\r\n\r\n return \r\n \r\n Registra un nuovo utente \r\n \r\n \r\n \r\n ;\r\n\r\n function onUtenteSubmit() {\r\n var erroriLocali = [];\r\n if (username === '')\r\n erroriLocali.push({ campo: 'username', errore: 'Inserire uno username' });\r\n if (displayName === '')\r\n erroriLocali.push({ campo: 'displayName', errore: 'Inserire un nome visibile' });\r\n if (email === '')\r\n erroriLocali.push({ campo: 'email', errore: 'Inserire una e-mail' });\r\n else if (!/^[^@]+@([^\\.]+\\.)+[^\\.]+$/.test(email))\r\n erroriLocali.push({ campo: 'email', errore: 'Inserire una e-mail valida' });\r\n if (!passwordGenera) {\r\n if (password == '')\r\n erroriLocali.push({ campo: 'password', errore: 'Inserire una password' });\r\n else {\r\n if (password != passwordCheck)\r\n erroriLocali.push({ campo: 'passwordCheck', errore: 'Le password non corrispondono' });\r\n\r\n if (password.length < 8)\r\n erroriLocali.push({ campo: 'password', errore: 'La password deve essere lunga almeno otto caratteri' });\r\n if (!/[a-z]/.test(password))\r\n erroriLocali.push({ campo: 'password', errore: 'La password deve contenere almeno una lettera minuscola' });\r\n if (!/[A-Z]/.test(password))\r\n erroriLocali.push({ campo: 'password', errore: 'La password deve contenere almeno una lettera maiuscola' });\r\n if (!/[0-9]/.test(password))\r\n erroriLocali.push({ campo: 'password', errore: 'La password deve contenere almeno un numero' });\r\n }\r\n }\r\n\r\n setValidationErrors(erroriLocali);\r\n if (erroriLocali.length > 0)\r\n return;\r\n\r\n const postData = {\r\n generatePassword: passwordGenera,\r\n username: username,\r\n password: password,\r\n displayName: displayName,\r\n email: email\r\n };\r\n\r\n setSubmitting(true);\r\n axios\r\n .post('/api/Utenti', postData)\r\n .finally(() => setSubmitting(false))\r\n .then(r => r.data)\r\n .then(d => history.replace(d.userUrl));\r\n }\r\n};\r\n","import React, { useEffect } from 'react';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { Route } from 'react-router';\r\nimport { Switch } from 'react-router-dom';\r\nimport ClientiDisplay from './components/ClientiDisplay';\r\nimport ClientiLista from './components/ClientiLista';\r\nimport ClientiModifica from './components/ClientiModifica';\r\nimport ClientiNuovo from './components/ClientiNuovo';\r\nimport ContrattoDisplay from './components/ContrattoDisplay';\r\nimport Layout from './components/Layout';\r\nimport LoginPane from './components/LoginPane';\r\nimport MonitoraggioSla from './components/MonitoraggioSla';\r\nimport RecuperoPassword from './components/RecuperoPassword';\r\nimport TicketDisplay from './components/TicketDisplay';\r\nimport TicketList from './components/TicketList';\r\nimport TicketNuovo from './components/TicketNuovo';\r\nimport UtenteCambioPassword from './components/UtenteCambioPassword';\r\nimport UtentiDisplay from './components/UtentiDisplay';\r\nimport UtentiLista from './components/UtentiLista';\r\nimport UtentiModifica from './components/UtentiModifica';\r\nimport UtentiNuovo from './components/UtentiNuovo';\r\nimport './css/local.css';\r\nimport withAuthentication from './hoc/withAuthentication';\r\nimport { actionUpdateCurrentUser } from './redux-local/CurrentUser';\r\nimport * as SideBar from './redux-local/SideBar';\r\n\r\n\r\n\r\nexport default function App(props) {\r\n const dispatch = useDispatch();\r\n const sidebarSliding = useSelector(s => s.sidebar.sliding);\r\n const sidebarCollapsed = useSelector(s => s.sidebar.collapsed);\r\n\r\n useEffect(() => { dispatch(actionUpdateCurrentUser()); }, []);\r\n\r\n useEffect(() => {\r\n const handler = () => dispatch(SideBar.actionSetSliding(window.innerWidth < 991.98));\r\n\r\n window.addEventListener('resize', handler);\r\n\r\n return () => window.removeEventListener('resize', handler);\r\n });\r\n useEffect(() => {\r\n if (sidebarCollapsed)\r\n window.document.body.classList.add('sidebar-collapse');\r\n\r\n return () => {\r\n window.document.body.classList.remove('sidebar-collapse');\r\n };\r\n }, [sidebarSliding, sidebarCollapsed]);\r\n\r\n\r\n const AuthenticatedLayout = withAuthentication(Layout);\r\n\r\n return \r\n \r\n \r\n \r\n \r\n \r\n \r\n ;\r\n}\r\n","import { createStore, applyMiddleware, combineReducers } from 'redux';\r\nimport thunkMiddleware from 'redux-thunk';\r\n\r\nimport * as SideBar from './SideBar';\r\nimport * as CurrentUser from './CurrentUser';\r\nimport * as Toasts from './Toasts';\r\n\r\nconst totalReducer = combineReducers({\r\n currentUser: CurrentUser.reducer,\r\n toasts: Toasts.reducer,\r\n sidebar: SideBar.reducer\r\n});\r\n\r\nexport default createStore(totalReducer, applyMiddleware(thunkMiddleware));\r\n","import EasySupportStore from './redux-local/app-store';\r\nimport { actionValidationError } from './redux-local/Toasts';\r\n\r\n// In production, we register a service worker to serve assets from local cache.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\r\n// cached resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\r\n// This link also includes instructions on opting out of this behavior.\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === 'localhost' ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === '[::1]' ||\r\n // 127.0.0.1/8 is considered localhost for IPv4.\r\n window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n )\r\n);\r\n\r\nexport default function register () {\r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Lets check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl);\r\n } else {\r\n // Is not local host. Just register service worker\r\n registerValidSW(swUrl);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW (swUrl) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then(registration => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the old content will have been purged and\r\n // the fresh content will have been added to the cache.\r\n // It's the perfect time to display a \"New content is\r\n // available; please refresh.\" message in your web app.\r\n console.log('New content is available; please refresh.');\r\n\r\n EasySupportStore.dispatch(actionValidationError({\r\n key: 'sw',\r\n text: \"� disponibile una nuova versione dell'applicazione. � necessario ricaricare la pagina\"\r\n }));\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log('Content is cached for offline use.');\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch(error => {\r\n console.error('Error during service worker registration:', error);\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker (swUrl) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl)\r\n .then(response => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n if (\r\n response.status === 404 ||\r\n response.headers.get('content-type').indexOf('javascript') === -1\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl);\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\r\n 'No internet connection found. App is running in offline mode.'\r\n );\r\n });\r\n}\r\n\r\nexport function unregister () {\r\n if ('serviceWorker' in navigator) {\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister();\r\n });\r\n }\r\n}\r\n","//import 'bootstrap/dist/js/bootstrap.js';\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { BrowserRouter } from 'react-router-dom';\r\nimport App from './App';\r\nimport registerServiceWorker, { unregister } from './registerServiceWorker';\r\nimport EasySupportStore from './redux-local/app-store';\r\nimport { Provider } from 'react-redux';\r\n\r\nconst baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');\r\nconst rootElement = document.getElementById('root');\r\n\r\nReactDOM.render(\r\n \r\n \r\n \r\n ,\r\n rootElement);\r\n\r\nunregister();\r\n\r\n"],"sourceRoot":""}