\r\n \r\n }\r\n onClick={this.showModal}\r\n className=\"defaultButton\"\r\n >\r\n\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport { Input, Button, Form } from 'antd';\r\nimport { SearchOutlined } from '@ant-design/icons';\r\nimport './custom.css';\r\nimport 'antd/dist/antd.css';\r\nimport FormItem from 'antd/lib/form/FormItem';\r\nimport { ReloadOutlined } from '@ant-design/icons';\r\n\r\nexport class FormSearchColonnine extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n Ana01Comune: '',\r\n Ana01Cap: '',\r\n userId: this.props.userId,\r\n };\r\n\r\n this.handleChange = this.handleChange.bind(this);\r\n this.handleSubmit = this.handleSubmit.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n\r\n }\r\n //Riferimento al form\r\n formRef = React.createRef();\r\n\r\n //Chiama la funzione callback per il reset dei filtri sul componente padre.\r\n resetSearchOnParent = () => {\r\n this.formRef.current.resetFields();\r\n this.props.callBackFunctionReset();\r\n }\r\n\r\n //Binda la scrittura sui campi del form e ad ogni carattere inserito aggiorna il campo relativo\r\n //nello stato (binding avviene per name campo -> nome proprietà stato)\r\n handleChange(event) {\r\n const value = event.target.value;\r\n this.setState({\r\n [event.target.name]: value\r\n });\r\n\r\n }\r\n //Gestisce il submit del form, al submit richiama la funzione sendData()\r\n handleSubmit(event) {\r\n event.preventDefault();\r\n this.sendData();\r\n }\r\n\r\n //Manda i dati del proprio stato al componente padre (fetch data, che li metterà nel suo di stato)\r\n sendData = () => {\r\n this.props.parentCallback(this.state)\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\n","import React from 'react';\r\nimport reqwest from 'reqwest';\r\nimport moment from 'moment';\r\nimport { Form, Row, Col, Input, Button, Modal, message, InputNumber, Tooltip, Switch, TimePicker, Select, Spin } from 'antd';\r\nimport { FileAddOutlined } from '@ant-design/icons';\r\nimport { ResizableBox } from \"react-resizable\";\r\nimport { Ana18AnagraficaSanzioniCRUDViewModel } from \"../../models/viewmodels/Ana18AnagraficaSanzioniViewModel/Ana18AnagraficaSanzioniCRUDViewModel\";\r\n\r\n//Messaggi di validazione per i form Ant Design\r\nimport { validateMessages } from '../../utility/FormValidator';\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../_helpers/webAPIRoute';\r\nimport { handleResponse } from '../../_helpers/handle-response';\r\n\r\n\r\nconst { Option } = Select;\r\n\r\n\r\nexport class CreateSanzione extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n userId: '',\r\n fetching: false,\r\n visible: false,\r\n Ana18Id: '',\r\n Ana18IdAna10: '',\r\n Ana18MassimaPotenzaRicarica: 0,\r\n Ana18CostoExtraAlMinuto: 0,\r\n Ana18MinutiFineRicaricaScatto: 0,\r\n Ana18H24: false,\r\n kiwihOrHubject: false,\r\n Ana18OraInizioSanzione: moment('00:00:00', 'HH:mm:ss'),\r\n Ana18OraFineSanzione: moment('00:00:00', 'HH:mm:ss'),\r\n Ana10TipologiaCorrente: [], //tipologia corrente pre-esistente\r\n tipologieCorrenteDisponibili: [], //tipologia di correnti disponibili\r\n\r\n tipologiaCorrenteSelezionata: [], //tipologia di corrente selezionata\r\n connettoriDaAssociare: [], //connettori da associare\r\n\r\n connettoreAssociato: [], //connettore selezionato\r\n gestoriHubject: [], //gestori Hubject attivi\r\n gestoreHubjectAssociato: [], //gestore Hubject associato\r\n\r\n showDateInizioEFine: moment()\r\n }\r\n\r\n this.handleChangeForm = this.handleChangeForm.bind(this);\r\n this.handleSubmitForm = this.handleSubmitForm.bind(this);\r\n this.onSwitchChangeSanzioniH24 = this.onSwitchChangeSanzioniH24.bind(this)\r\n this.onSwitchChangeSanzioniPer = this.onSwitchChangeSanzioniPer.bind(this)\r\n this.onChangeInizioSanzioni = this.onChangeInizioSanzioni.bind(this)\r\n this.onChangeFineSanzioni = this.onChangeFineSanzioni.bind(this)\r\n }\r\n\r\n componentDidMount() {\r\n\r\n }\r\n\r\n //Riferimento al form\r\n formRef = React.createRef();\r\n\r\n //Mostra la modale\r\n showModal = () => {\r\n this.setState({\r\n visible: true,\r\n }, () => { this.getTipologieCorrente() });\r\n };\r\n\r\n //Prende le tipologie di corrente disponibili\r\n getTipologieCorrente = value => {\r\n var token = localStorage.getItem('token');\r\n this.lastFetchId += 1;\r\n this.setState({ tipologieCorrente: [], fetching: true });\r\n\r\n fetch(webAPIRoute.getTipologieCorrente, {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n },\r\n method: 'GET',\r\n })\r\n .then(response => response.json())\r\n .then(body => {\r\n const tipologieCorrenteDisponibili = body.map(col => ({\r\n text: `${col.ana10Descrizione}`,\r\n value: col.ana10Codice\r\n }));\r\n this.setState({\r\n tipologieCorrenteDisponibili,\r\n fetching: false\r\n }, () => {\r\n\r\n this.getConnettori();\r\n\r\n //DEBUG PURPOSES\r\n //console.log(\"[sanzione] Stato dopo get tipologia corrente\")\r\n //console.log(this.state)\r\n });\r\n });\r\n };\r\n\r\n //Prende i connettori disponibili da associare\r\n getConnettori = value => {\r\n var token = localStorage.getItem('token');\r\n this.lastFetchId += 1;\r\n this.setState({ connettoriDaAssociare: [], fetching: true });\r\n\r\n fetch(webAPIRoute.getPreseIndex, {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n },\r\n method: 'GET',\r\n })\r\n .then(response => response.json())\r\n .then(body => {\r\n\r\n\r\n const connettoriDaAssociare = body.map(col => ({\r\n text: `${col.ana02CodiceAna01Navigation.ana01Descrizione}` + ' - presa: ' + `${col.ana02IdPresa}`,\r\n value: col.ana02Codice\r\n }));\r\n this.setState({\r\n connettoriDaAssociare,\r\n fetching: false\r\n },\r\n () => {\r\n this.getGestoriHubject();\r\n });\r\n });\r\n };\r\n\r\n getGestoriHubject = value => {\r\n var token = localStorage.getItem('token');\r\n this.lastFetchId += 1;\r\n this.setState({ gestoriHubject: [], fetching: true });\r\n\r\n fetch(webAPIRoute.getOperatoriHubject, {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n },\r\n method: 'GET',\r\n })\r\n .then(response => response.json())\r\n .then(body => {\r\n\r\n\r\n const gestoriHubject = body.map(col => ({\r\n text: `${col.hub04OperatorDesc}`,\r\n value: col.hub04Id\r\n }));\r\n this.setState({\r\n gestoriHubject,\r\n fetching: false\r\n },\r\n () => {\r\n \r\n });\r\n });\r\n };\r\n\r\n //Gestisce il cambio del tipo di corrente da dropdown\r\n handleChangeSelectCorrente = tipologiaCorrenteSelezionata => {\r\n\r\n //DEBUG PURPOSES\r\n //console.log(\"tipologiaCorrenteSelezionata\")\r\n //console.log(tipologiaCorrenteSelezionata)\r\n\r\n this.setState({\r\n ...this.state,\r\n tipologiaCorrenteSelezionata,\r\n fetching: false,\r\n });\r\n };\r\n\r\n //Gestisce il cambio del tipo del connettore da dropdown\r\n handleChangeConnettori = connettoreAssociato => {\r\n\r\n //DEBUG PURPOSES\r\n //console.log(\"connettoreAssociato\")\r\n //console.log(connettoreAssociato)\r\n\r\n this.setState({\r\n ...this.state,\r\n connettoreAssociato,\r\n fetching: false,\r\n }, () => {\r\n //DEBUG PURPOSES\r\n //console.log(\"stato dopo connettoreAssociato\")\r\n //console.log(this.state)\r\n });\r\n };\r\n\r\n //Gestisce il cambio del gestore Hubject Associato da dropdown\r\n handleChangeGestoreHubjectAssociato = gestoreHubjectAssociato => {\r\n\r\n //DEBUG PURPOSES\r\n //console.log(\"connettoreAssociato\")\r\n //console.log(connettoreAssociato)\r\n\r\n this.setState({\r\n ...this.state,\r\n gestoreHubjectAssociato,\r\n fetching: false,\r\n }, () => {\r\n //DEBUG PURPOSES\r\n //console.log(\"stato dopo connettoreAssociato\")\r\n //console.log(this.state)\r\n });\r\n };\r\n\r\n //Aggiorna lo stato del componente in base a quanto digitato nei form\r\n handleChangeForm(event) {\r\n const value = event.target.value;\r\n this.setState({\r\n [event.target.name]: value\r\n });\r\n }\r\n\r\n //Chiude la modale e svuota il form\r\n handleCancel = e => {\r\n this.setState({\r\n visible: false,\r\n }, () => this.onReset());\r\n };\r\n\r\n //Resetta form\r\n onReset = () => {\r\n this.formRef.current.resetFields();\r\n };\r\n\r\n pulisciOrario = (originalString) => {\r\n //DEBUG PURPSOES\r\n //alert(originalString)\r\n if (originalString) {\r\n const newString = originalString.split(\":\").join(\"\");\r\n //alert(newString)\r\n return newString;\r\n }\r\n else {\r\n return \"00:00:00\"\r\n }\r\n \r\n };\r\n\r\n handleSubmitForm() {\r\n\r\n //console.log(this.state)\r\n\r\n var inizioPulito = 0; \r\n var finePulita = 0; \r\n\r\n //if (this.state.Ana18H24 === true)\r\n //{\r\n // //alert(this.state.Ana18H24);\r\n\r\n // inizioPulito = 0\r\n // finePulita = 0\r\n //}\r\n\r\n var sanzioneToCreate = {\r\n //DEBUG PURPOSES\r\n Ana18Id: null,\r\n Ana18Annullato: false,\r\n Ana18IdAna10: this.state.tipologiaCorrenteSelezionata,\r\n Ana18MassimaPotenzaRicarica: this.state.Ana18MassimaPotenzaRicarica,\r\n Ana18CostoExtraAlMinuto: this.state.Ana18CostoExtraAlMinuto,\r\n Ana18MinutiFineRicaricaScatto: this.state.Ana18MinutiFineRicaricaScatto,\r\n Ana18H24: this.state.Ana18H24,\r\n Ana18OraInizioSanzione: inizioPulito,\r\n Ana18OraFineSanzione: finePulita,\r\n Ana18CodiceAna02: this.state.connettoreAssociato,\r\n Ana18IdHub04: this.state.gestoreHubjectAssociato,\r\n kiwihOrHubject: this.state.kiwihOrHubject\r\n }\r\n\r\n //DEBUG PURPOSES\r\n //console.log(\"Sanzione da creare\")\r\n //console.log(sanzioneToCreate);\r\n\r\n this.fetch(sanzioneToCreate);\r\n }\r\n\r\n //Effettua la chiamata alla API tramite reqwest\r\n fetch = (sanzione) => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.createSanzione,\r\n method: 'post',\r\n data: {\r\n sanzione: sanzione\r\n },\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n },\r\n }).then(data => {\r\n this.setState(\r\n {\r\n visible: false\r\n }, () => { this.props.parentCallBack() })\r\n message.success('Sanzione censita con successo', 5);\r\n });\r\n }\r\n\r\n //Parse e formatter per campi numerici\r\n formatDecimal = (value) => {\r\n if (value !== null && value !== undefined) {\r\n return value.toString();\r\n }\r\n return '';\r\n };\r\n\r\n parseDecimal = (value) => {\r\n if (value !== null && value !== undefined) {\r\n const floatValue = parseFloat(value.replace(',', '.'));\r\n if (!isNaN(floatValue)) {\r\n return floatValue;\r\n }\r\n }\r\n return null;\r\n };\r\n\r\n //Abilita e/o disabilita le sanzioni H24\r\n onSwitchChangeSanzioniH24(e) {\r\n this.setState({\r\n ...this.state,\r\n Ana18H24: e\r\n });\r\n }\r\n\r\n onSwitchChangeSanzioniPer(e) {\r\n this.setState({\r\n ...this.state,\r\n kiwihOrHubject: e\r\n });\r\n }\r\n\r\n onChangeInizioSanzioni = (time, timeString) => {\r\n //DEBUG PURPOSES\r\n //console.log(\"Data inizio sanzioni selected\")\r\n //console.log(timeString);\r\n this.setState({\r\n ...this.state,\r\n Ana18OraInizioSanzione: timeString\r\n }, () => {\r\n\r\n //console.log(\"Data inizio sanzioni su stato\")\r\n //console.log(this.state.Ana18OraInizioSanzione);\r\n })\r\n };\r\n\r\n onChangeFineSanzioni = (time, timeString) => {\r\n //DEBUG PURPOSES\r\n //console.log(\"Data fine sanzioni selected\")\r\n //console.log(timeString);\r\n\r\n this.setState({\r\n ...this.state,\r\n Ana18OraFineSanzione: timeString\r\n }, () => {\r\n\r\n //console.log(\"Data fine sanzioni su stato\")\r\n //console.log(this.state.Ana18OraFineSanzione);\r\n })\r\n };\r\n\r\n renderTipologiaCorrente() {\r\n\r\n const { fetching, tipologiaCorrenteSelezionata, modalitaRicaricaSelezionata } = this.state;\r\n const filteredOptionsCorrente = this.state.tipologieCorrenteDisponibili.filter(o => !tipologiaCorrenteSelezionata.includes(o));\r\n\r\n //DEBUG PURPOSES\r\n //console.log(\"filteredOptionsCorrente\")\r\n //console.log(filteredOptionsCorrente)\r\n //console.log(tipologiaCorrenteSelezionata)\r\n\r\n\r\n if (this.state.visible) {\r\n return (\r\n \r\n {this.renderContent()}\r\n
\r\n \r\n \r\n \r\n }\r\n onClick={this.showModal}>\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}","import React from 'react';\r\nimport { Button, Modal, message, Tooltip } from 'antd';\r\nimport reqwest from 'reqwest';\r\nimport { DeleteOutlined } from '@ant-design/icons';\r\nimport { handleResponse } from '../../_helpers/handle-response';\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../_helpers/webAPIRoute';\r\n\r\nexport class DeleteSanzione extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n Ana18Id: ''\r\n };\r\n this.handleSubmitForm = this.handleSubmitForm.bind(this);\r\n }\r\n\r\n showModal = () => {\r\n this.setState({\r\n visible: true,\r\n });\r\n };\r\n\r\n handleCancel = e => {\r\n this.setState({\r\n visible: false,\r\n });\r\n };\r\n\r\n handleSubmitForm() {\r\n this.fetch(this.props.ana18Id);\r\n }\r\n\r\n fetch = (id = {}) => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.deleteSanzione + id,\r\n method: 'delete',\r\n type: 'json',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n this.setState({\r\n visible: false\r\n },() => this.props.parentCallback())\r\n },\r\n }).then(data => {\r\n this.setState({ visible: false }, () => this.props.parentCallback())\r\n message.success('Sanzione eliminata con successo', 5);\r\n });\r\n }\r\n\r\n\r\n render() {\r\n return (\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
\r\n \r\n \r\n \r\n\r\n
\r\n \r\n \r\n \r\n } onClick={this.showModal}>\r\n\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport reqwest from 'reqwest';\r\nimport moment from 'moment';\r\nimport { Form, Row, Col, Input, Button, Modal, message, InputNumber, Tooltip, Switch, TimePicker, Select, Spin } from 'antd';\r\nimport { EditOutlined } from '@ant-design/icons';\r\nimport { ResizableBox } from \"react-resizable\";\r\nimport { Ana18AnagraficaSanzioniCRUDViewModel } from \"../../models/viewmodels/Ana18AnagraficaSanzioniViewModel/Ana18AnagraficaSanzioniCRUDViewModel\";\r\n\r\n//Messaggi di validazione per i form Ant Design\r\nimport { validateMessages } from '../../utility/FormValidator';\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../_helpers/webAPIRoute';\r\nimport { handleResponse } from '../../_helpers/handle-response';\r\n\r\n\r\nconst { Option } = Select;\r\n\r\n\r\nexport class EditSanzione extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n userId: '',\r\n fetched: false,\r\n visible: false,\r\n Ana18Id: '',\r\n Ana18IdAna10: '',\r\n Ana18MassimaPotenzaRicarica: 0,\r\n Ana18CostoExtraAlMinuto: 0,\r\n Ana18MinutiFineRicaricaScatto: 0,\r\n Ana18H24: false,\r\n kiwihOrHubject: false,\r\n\r\n Ana10TipologiaCorrente: [], //tipologia corrente pre-esistente\r\n Ana02PreseRifornimento: [], //tipologia presa pre-esistente\r\n Hub04GestoriHubject: [], //Gestore Hubject pre-esistente\r\n\r\n tipologieCorrenteDisponibili: [], //tipologia di correnti disponibili da associare\r\n tipologiaCorrenteSelezionata: [], //tipologia di corrente selezionata\r\n\r\n connettoriDaAssociare: [], //connettori disponibili da associare\r\n connettoreAssociato: [], //connettore selezionato\r\n\r\n gestoriHubject: [], //gestori Hubject attivi\r\n gestoreHubjectAssociato: [], //gestore Hubject associato\r\n\r\n Ana18OraInizioSanzione: moment(),\r\n Ana18OraFineSanzione: moment(),\r\n showDateInizioEFine: false\r\n }\r\n\r\n this.handleChangeForm = this.handleChangeForm.bind(this);\r\n this.handleSubmitForm = this.handleSubmitForm.bind(this);\r\n this.onSwitchChangeSanzioniH24 = this.onSwitchChangeSanzioniH24.bind(this)\r\n this.onSwitchChangeSanzioniPer = this.onSwitchChangeSanzioniPer.bind(this)\r\n this.onChangeInizioSanzioni = this.onChangeInizioSanzioni.bind(this)\r\n this.onChangeFineSanzioni = this.onChangeFineSanzioni.bind(this)\r\n }\r\n\r\n componentDidMount() {\r\n\r\n }\r\n\r\n //Riferimento al form\r\n formRef = React.createRef();\r\n\r\n //Apre la modale di edit e ne carica dentro i dati\r\n showModal = () => {\r\n this.setState({\r\n ...this.state,\r\n visible: true\r\n }, () => {\r\n this.fetch(this.props.Ana18Id)\r\n })\r\n };\r\n\r\n padStringToLeft(inputString, totalLength, paddingCharacter) {\r\n return inputString.padStart(totalLength, paddingCharacter);\r\n }\r\n\r\n //Effettua la chiamata alla API tramite reqwest\r\n fetch = (id = {}) => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.getSanzione + id,\r\n method: 'get',\r\n type: 'json',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n }\r\n }).then(data => {\r\n //console.log(\"step 0 - fetch (data)\")\r\n //console.log(data)\r\n\r\n var inizioDaBackend = String(data.ana18OraInizioSanzione)\r\n var fineDaBackend = String(data.ana18OraFineSanzione)\r\n\r\n var inizioRicostruito = this.padStringToLeft(inizioDaBackend, 6, '0');\r\n var fineRicostruita = this.padStringToLeft(fineDaBackend, 6, '0');\r\n\r\n inizioRicostruito.replace(/(.{2})/g, '$1:').slice(0, -1);\r\n fineRicostruita.replace(/(.{2})/g, '$1:').slice(0, -1);\r\n\r\n this.setState({\r\n visible: true,\r\n Ana18Id: data.ana18Id,\r\n Ana18Annullato: data.ana18Annullato,\r\n Ana18IdAna10: data.ana18IdAna10,\r\n Ana18MassimaPotenzaRicarica: data.ana18MassimaPotenzaRicarica,\r\n Ana18CostoExtraAlMinuto: data.ana18CostoExtraAlMinuto,\r\n Ana18MinutiFineRicaricaScatto: data.ana18MinutiFineRicaricaScatto,\r\n Ana18H24: data.ana18H24,\r\n Ana18OraInizioSanzione: data.ana18OraInizioSanzione !== null ? moment(inizioRicostruito, \"HH:mm:ss\") : moment(),\r\n Ana18OraFineSanzione: data.ana18OraFineSanzione !== null ? moment(fineRicostruita, \"HH:mm:ss\") : moment(),\r\n Ana18MassimaPotenzaAcuiApplicare: data.ana18MassimaPotenzaAcuiApplicare,\r\n kiwihOrHubject: data.ana18CodiceAna02 == null ? (data.ana18IdHub04 == null ? false : true) : false,\r\n Ana10TipologiaCorrente: [\r\n ...this.state.Ana10TipologiaCorrente,\r\n data.ana18IdAna10Navigation\r\n ],\r\n Ana02PreseRifornimento: [\r\n ...this.state.Ana02PreseRifornimento,\r\n data.ana18CodiceAna02Navigation\r\n ],\r\n Hub04GestoriHubject: [\r\n ...this.state.Hub04GestoriHubject,\r\n data.ana18IdHub04Navigation\r\n ]\r\n\r\n }, () => {\r\n //DEBUG PURPOSES\r\n //console.log(\"step 1 - fetch\")\r\n //console.log(this.state)\r\n\r\n this.getTipologieCorrente()\r\n })\r\n })\r\n }\r\n\r\n //Prende le tipologie di corrente disponibili\r\n getTipologieCorrente = value => {\r\n var token = localStorage.getItem('token');\r\n this.lastFetchId += 1;\r\n this.setState({ tipologieCorrente: [] });\r\n\r\n fetch(webAPIRoute.getTipologieCorrente, {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n },\r\n method: 'GET',\r\n })\r\n .then(response => response.json())\r\n .then(body => {\r\n const tipologieCorrenteDisponibili = body.map(col => ({\r\n text: `${col.ana10Descrizione}`,\r\n value: col.ana10Codice\r\n }));\r\n this.setState({\r\n ...this.state,\r\n tipologieCorrenteDisponibili,\r\n\r\n }, () => {\r\n //DEBUG PURPOSES\r\n //console.log(\"step 2 - getTipologieCorrente\");\r\n //console.log(this.state);\r\n this.getCorrenteAssociata()\r\n });\r\n });\r\n };\r\n\r\n //Prende la tipologia di corrente eventualmente trovata e la setta nella dropdown\r\n getCorrenteAssociata() {\r\n\r\n if (this.state.Ana10TipologiaCorrente[0] != null) {\r\n const tipologiaCorrenteSelezionata = this.state.Ana10TipologiaCorrente.map(col => (\r\n `${col.ana10Codice}`\r\n ));\r\n\r\n this.setState({\r\n tipologiaCorrenteSelezionata: tipologiaCorrenteSelezionata\r\n }, () => {\r\n //DEBUG PURPOSES\r\n //console.log(\"step 3.1 - getCorrenteAssociata\");\r\n //console.log(this.state);\r\n this.getConnettori()\r\n });\r\n }\r\n else {\r\n\r\n this.setState({\r\n ...this.state\r\n }, () => {\r\n //DEBUG PURPOSES\r\n //console.log(\"step 3.2 - getCorrenteAssociata\");\r\n //console.log(this.state);\r\n\r\n this.getConnettori();\r\n })\r\n }\r\n }\r\n\r\n //Prende i connettori disponibili da associare\r\n getConnettori = value => {\r\n var token = localStorage.getItem('token');\r\n this.lastFetchId += 1;\r\n this.setState({ connettoriDaAssociare: [], fetching: true });\r\n\r\n fetch(webAPIRoute.getPreseIndex, {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n },\r\n method: 'GET',\r\n })\r\n .then(response => response.json())\r\n .then(body => {\r\n\r\n //console.log(\"body da mappare con map col\")\r\n //console.log(body)\r\n\r\n const connettoriDaAssociare = body.map(col => ({\r\n text: `${col.ana02CodiceAna01Navigation.ana01Descrizione}` + ' - presa: ' + `${col.ana02IdPresa}`,\r\n value: col.ana02Codice\r\n }));\r\n\r\n this.setState({\r\n connettoriDaAssociare,\r\n fetching: false\r\n },\r\n () => {\r\n //DEBUG PURPOSES\r\n //console.log(\"step 4 - getConnettori\");\r\n //console.log(this.state);\r\n\r\n this.getConnettoreAssociato();\r\n });\r\n });\r\n };\r\n\r\n //Prende la tipologia di corrente eventualmente trovata e la setta nella dropdown\r\n getConnettoreAssociato() {\r\n\r\n //DEBUG PURPOSES\r\n //console.log(\"Stato in getConnettoreAssociato\");\r\n //console.log(this.state);\r\n\r\n if (this.state.Ana02PreseRifornimento[0] != null)\r\n {\r\n const connettoreAssociato = this.state.Ana02PreseRifornimento.map(col => (\r\n `${col.ana02Codice}`\r\n ));\r\n this.setState({\r\n connettoreAssociato: connettoreAssociato,\r\n fetching: true\r\n }, () => {\r\n //DEBUG PURPOSES\r\n //console.log(\"step 5.1 ( ex ultimo) - getConnettoreAssociato - trovato\");\r\n //console.log(this.state);\r\n });\r\n }\r\n else {\r\n\r\n this.setState({\r\n ...this.state,\r\n fetching: true\r\n }, () => {\r\n\r\n //DEBUG PURPOSES\r\n //console.log(\"step 5.2 (ex ultimo) - getConnettoreAssociato - non trovato\");\r\n //console.log(this.state);\r\n\r\n this.getGestoriHubject();\r\n })\r\n }\r\n }\r\n\r\n getGestoriHubject = value => {\r\n var token = localStorage.getItem('token');\r\n this.lastFetchId += 1;\r\n this.setState({ gestoriHubject: [], fetching: true });\r\n\r\n fetch(webAPIRoute.getOperatoriHubject, {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n },\r\n method: 'GET',\r\n })\r\n .then(response => response.json())\r\n .then(body => {\r\n\r\n const gestoriHubject = body.map(col => ({\r\n text: `${col.hub04OperatorDesc}`,\r\n value: col.hub04Id\r\n }));\r\n this.setState({\r\n gestoriHubject,\r\n fetching: false\r\n }, () => {\r\n\r\n //console.log(\"step 6 - getGestoriHubject\");\r\n //console.log(this.state);\r\n\r\n this.getOperatoreHubjectAssociato()\r\n });\r\n });\r\n };\r\n\r\n getOperatoreHubjectAssociato() {\r\n\r\n if (this.state.gestoriHubject[0] !== null) {\r\n\r\n //console.log(\"this.state.Hub04GestoriHubject\")\r\n //console.log(this.state.Hub04GestoriHubject)\r\n\r\n if (this.state.Hub04GestoriHubject[0] !== null) {\r\n const gestoreHubjectAssociato = this.state.Hub04GestoriHubject.map(col => (\r\n `${col.hub04Id}`\r\n ));\r\n this.setState({\r\n gestoreHubjectAssociato: gestoreHubjectAssociato,\r\n fetching: true\r\n }, () => {\r\n //DEBUG PURPOSES\r\n //console.log(\"step 7 - getOperatoreHubjectAssociato - trovato\");\r\n //console.log(this.state);\r\n });\r\n }\r\n else {\r\n\r\n this.setState({\r\n ...this.state,\r\n fetching: true\r\n }, () => {\r\n //DEBUG PURPOSES\r\n //console.log(\"step 7 - getOperatoreHubjectAssociato - non trovato\");\r\n //console.log(this.state);\r\n })\r\n }\r\n \r\n }\r\n else {\r\n\r\n this.setState({\r\n ...this.state,\r\n fetching: true\r\n }, () => {\r\n //DEBUG PURPOSES\r\n //console.log(\"step 7 - getOperatoreHubjectAssociato - non trovato\");\r\n //console.log(this.state);\r\n })\r\n }\r\n }\r\n\r\n //Gestisce il cambio del tipo di corrente da dropdown\r\n handleChangeSelectCorrente = tipologiaCorrenteSelezionata => {\r\n this.setState({\r\n tipologiaCorrenteSelezionata\r\n });\r\n };\r\n //Gestisce il cambio del tipo del connettore da dropdown\r\n handleChangeConnettori = connettoreAssociato => {\r\n\r\n //DEBUG PURPOSES\r\n //console.log(\"connettoreAssociato\")\r\n //console.log(connettoreAssociato)\r\n\r\n this.setState({\r\n ...this.state,\r\n connettoreAssociato\r\n }, () => {\r\n //DEBUG PURPOSES\r\n //console.log(\"stato dopo connettoreAssociato\")\r\n //console.log(this.state)\r\n });\r\n };\r\n\r\n //Gestisce il cambio del gestore Hubject Associato da dropdown\r\n handleChangeGestoreHubjectAssociato = gestoreHubjectAssociato => {\r\n\r\n //DEBUG PURPOSES\r\n //console.log(\"connettoreAssociato\")\r\n //console.log(connettoreAssociato)\r\n\r\n this.setState({\r\n ...this.state,\r\n gestoreHubjectAssociato,\r\n }, () => {\r\n //DEBUG PURPOSES\r\n //console.log(\"handleChangeGestoreHubjectAssociato\")\r\n //console.log(this.state)\r\n });\r\n };\r\n\r\n //Aggiorna lo stato del componente in base a quanto digitato nei form\r\n handleChangeForm(event) {\r\n const value = event.target.value;\r\n this.setState({\r\n [event.target.name]: value\r\n });\r\n }\r\n\r\n //Chiude la modale e svuota il form\r\n handleCancel = e => {\r\n this.setState({\r\n visible: false,\r\n }, () => this.onReset());\r\n };\r\n\r\n //Resetta form\r\n onReset = () => {\r\n this.setState({\r\n ...this.state,\r\n Ana10TipologiaCorrente: [], //tipologia corrente pre-esistente\r\n Ana02PreseRifornimento: [], //tipologia presa pre-esistente\r\n\r\n tipologieCorrenteDisponibili: [], //tipologia di correnti disponibili da associare\r\n tipologiaCorrenteSelezionata: [], //tipologia di corrente selezionata\r\n\r\n connettoriDaAssociare: [], //connettori disponibili da associare\r\n connettoreAssociato: [], //connettore selezionato\r\n\r\n gestoriHubject: [], //gestori Hubject attivi\r\n gestoreHubjectAssociato: [] //gestore Hubject associato\r\n\r\n }, () => {\r\n this.formRef.current.resetFields();\r\n })\r\n };\r\n\r\n //Parse e formatter per campi numerici\r\n formatDecimal = (value) => {\r\n if (value !== null && value !== undefined) {\r\n return value.toString();\r\n }\r\n return '';\r\n };\r\n\r\n parseDecimal = (value) => {\r\n if (value !== null && value !== undefined) {\r\n const floatValue = parseFloat(value.replace(',', '.'));\r\n if (!isNaN(floatValue)) {\r\n return floatValue;\r\n }\r\n }\r\n return null;\r\n };\r\n //Abilita e/o disabilita le sanzioni H24\r\n onSwitchChangeSanzioniH24(e) {\r\n this.setState({\r\n ...this.state,\r\n Ana18H24: e\r\n });\r\n }\r\n onSwitchChangeSanzioniPer(e) {\r\n this.setState({\r\n ...this.state,\r\n kiwihOrHubject: e\r\n });\r\n }\r\n\r\n onChangeInizioSanzioni = (time, timeString) => {\r\n //DEBUG PURPOSES\r\n //console.log(time, timeString);\r\n this.setState({\r\n ...this.state,\r\n Ana18OraInizioSanzione: time\r\n })\r\n };\r\n onChangeFineSanzioni = (time, timeString) => {\r\n //DEBUG PURPOSES\r\n //console.log(time, timeString); \r\n this.setState({\r\n ...this.state,\r\n Ana18OraFineSanzione: time\r\n })\r\n };\r\n\r\n renderTipologiaCorrente() {\r\n\r\n const { fetching, tipologiaCorrenteSelezionata } = this.state;\r\n const filteredOptionsCorrente = this.state.tipologieCorrenteDisponibili.filter(o => !tipologiaCorrenteSelezionata.includes(o));\r\n\r\n if (this.state.visible) {\r\n return (\r\n Si è sicuri di voler eliminare la seguente sanzione?
\r\n \r\n\r\n \r\n }\r\n onClick={this.showModal}>\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}","import React from 'react';\r\nimport { Table, Col, Row, Divider } from 'antd';\r\nimport reqwest from 'reqwest';\r\nimport 'antd/dist/antd.css';\r\nimport { handleResponse } from '../../../src/_helpers';\r\nimport { CreateSanzione } from './CreateSanzione';\r\nimport { DeleteSanzione } from './DeleteSanzione';\r\nimport { EditSanzione } from './EditSanzione';\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../_helpers/webAPIRoute';\r\n\r\nexport class IndexSanzioni extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n actionsVisible: true,\r\n data: [], //Valori di ritorno dalla webAPI per la tipologia sanzione\r\n input: {\r\n Ana07DescrizioneTipoPresa: '',\r\n //userId dell'utente connesso o del keeper in modifica\r\n userId: this.props.userId\r\n },\r\n searchText: '', //Testo ricercato nell'intestazione\r\n searchedColumn: '', //Colonna su cui si è effettuata la ricerca\r\n pagination: {},\r\n loading: true\r\n };\r\n }\r\n componentDidMount() {\r\n\r\n if (this.props.Ana01Codice !== undefined) {\r\n\r\n this.setState({\r\n ...this.state,\r\n actionsVisible: false,\r\n loading: false\r\n }, () => {\r\n ///DEBUG PURPOSES\r\n //alert(this.props.Ana01Codice);\r\n //alert(this.state.actionsVisible);\r\n this.fetch(this.props.Ana01Codice)\r\n });\r\n }\r\n else {\r\n //DEBUG PURPOSES\r\n //alert(\"Fetch con visibilità azioni\")\r\n this.setState({\r\n ...this.state,\r\n input: {\r\n ...this.state.Input,\r\n actionsVisible: true,\r\n userId: this.props.userId\r\n }\r\n }, () => {\r\n //DEBUG PURPOSES\r\n //alert(this.props.Ana01Codice);\r\n //alert(this.state.actionsVisible);\r\n this.fetch(undefined)\r\n })\r\n }\r\n }\r\n\r\n //Funzione get colonnine (Index)\r\n fetch = (idColonnina) => {\r\n var urlToCall = \"\";\r\n if (idColonnina !== undefined) {\r\n urlToCall = webAPIRoute.getSanzioniPerTipoCorrente + idColonnina\r\n }\r\n else {\r\n urlToCall = webAPIRoute.getSanzioni\r\n }\r\n //DEBUG PURPOSES\r\n //alert(urlToCall)\r\n\r\n var token = localStorage.getItem('token');\r\n this.setState(\r\n {\r\n ...this.state,\r\n loading: true\r\n }\r\n )\r\n reqwest({\r\n url: urlToCall,\r\n method: 'get',\r\n contentType: 'application/x-www-form-urlencoded',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n this.setState(\r\n {\r\n ...this.state,\r\n loading: false\r\n }\r\n )\r\n handleResponse(err); return;\r\n }\r\n }).then(data => {\r\n //Resetta l'input di ricerca alla fine di questa\r\n this.setState({\r\n ...this.state,\r\n loading: false,\r\n data: data,\r\n });\r\n\r\n })\r\n };\r\n\r\n //Funzione richiamabile dai componenti \"figli\", refresha la tabella dopo un'operazione CRUD \r\n callBackFunctionIndex = () => {\r\n this.fetch(undefined);\r\n };\r\n\r\n //Gestione paginazione\r\n handleTableChange = (pagination, filters, sorter) => {\r\n const pager = { ...this.state.pagination };\r\n pager.current = pagination.current;\r\n this.setState({\r\n pagination: pager,\r\n });\r\n };\r\n\r\n //Refresh tabella post operazione CRUD (richiamata da uno dei componenti figli Crea-Edit-Delete)\r\n callBackFunctionIndex = () => {\r\n this.fetch(undefined);\r\n };\r\n\r\n renderTitle() {\r\n if (this.props.Ana01Codice === undefined) {\r\n return (\r\n {this.renderContent()}\r\n
\r\n \r\n Gestisci le tipologie di sanzioni
)\r\n }\r\n else {\r\n return (<>)\r\n }\r\n }\r\n\r\n renderTable() {\r\n\r\n if (this.state.actionsVisible === true) {\r\n //DEBUG PURPOSES\r\n //alert(\"MOSTRA\")\r\n var columns = [\r\n {\r\n title: 'Gestore',\r\n sorter: true,\r\n width: '15%',\r\n render: (text, record) => {\r\n\r\n //DEBUG PURPOSES\r\n //console.log(\"indexSanzioni\")\r\n //console.log(record)\r\n\r\n\r\n if (record !== null || record !== undefined) {\r\n if (record.ana18IdHub04Navigation !== null) {\r\n return ({record.ana18IdHub04Navigation.hub04OperatorDesc})\r\n }\r\n else {\r\n return(Kiwih)\r\n }\r\n }\r\n else {\r\n return (<>)\r\n }\r\n return (Kiwih)\r\n },\r\n },\r\n {\r\n title: 'Tipo Corrente',\r\n sorter: true,\r\n width: '15%',\r\n render: (text, record) => {\r\n if (record !== null || record !== undefined) {\r\n return ({record.ana18IdAna10Navigation.ana10Descrizione})\r\n }\r\n else {\r\n return (<>)\r\n }\r\n },\r\n },\r\n {\r\n title: 'Max pot. ricarica',\r\n width: '25%',\r\n render: (text, record) => {\r\n if (record !== null || record !== undefined) {\r\n return ({record.ana18MassimaPotenzaRicarica} kW
)\r\n }\r\n else {\r\n return (<>)\r\n }\r\n },\r\n },\r\n {\r\n title: 'Sosta max',\r\n sorter: true,\r\n width: '15%',\r\n render: (text, record) => {\r\n if (record !== null || record !== undefined) {\r\n return ({record.ana18MinutiFineRicaricaScatto} min
)\r\n }\r\n else {\r\n return (<>)\r\n }\r\n },\r\n },\r\n {\r\n title: 'Costo al minuto',\r\n width: '15%',\r\n sorter: true,\r\n render: (text, record) => {\r\n if (record !== null || record !== undefined) {\r\n return ({record.ana18CostoExtraAlMinuto} {'\\u20AC'}
)\r\n }\r\n else {\r\n return (<>)\r\n }\r\n },\r\n },\r\n {\r\n title: 'Azioni',\r\n dataIndex: 'ana18Id',\r\n width: '15%',\r\n key: 'x',\r\n render: (text, row) =>\r\n \r\n \r\n
\r\n
\r\n }\r\n ];\r\n return (\r\n \r\n
\r\n \r\n
\r\n {record.ana18MassimaPotenzaRicarica} kW
)\r\n }\r\n else {\r\n return (<>)\r\n }\r\n },\r\n },\r\n {\r\n title: 'Sosta max',\r\n width: '25%',\r\n sorter: true,\r\n render: (text, record) => {\r\n if (record !== null || record !== undefined) {\r\n return ({record.ana18MinutiFineRicaricaScatto} min
)\r\n }\r\n else {\r\n return (<>)\r\n }\r\n },\r\n },\r\n\r\n {\r\n title: 'Costo al minuto',\r\n width: '25%',\r\n sorter: true,\r\n render: (text, record) => {\r\n if (record !== null || record !== undefined) {\r\n return ({record.ana18CostoExtraAlMinuto} {'\\u20AC'}
)\r\n }\r\n else {\r\n return (<>)\r\n }\r\n },\r\n }\r\n ];\r\n return (\r\n \r\n {this.renderTitle()}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n );\r\n }\r\n else {\r\n return (<>Loading...)\r\n }\r\n\r\n }\r\n}","import React from 'react';\r\nimport reqwest from 'reqwest';\r\nimport moment from 'moment';\r\nimport {\r\n Form, Row, Col, Input, Button, Modal,\r\n message, DatePicker, InputNumber, Tooltip, TimePicker, Switch, Card\r\n} from 'antd';\r\nimport { FileAddOutlined } from '@ant-design/icons';\r\nimport { ResizableBox } from \"react-resizable\";\r\nimport { T004TariffeCrudViewModel } from '../../models/viewmodels/T004TariffeViewModel/T004TariffeCrudViewModel';\r\nimport { handleResponse } from '../../_helpers/handle-response';\r\nimport { IndexSanzioni } from '../Sanzioni/IndexSanzioni';\r\n\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../_helpers/webAPIRoute';\r\n\r\n\r\n//Formato data\r\nconst dateFormat = 'YYYY-MM-DD';\r\n\r\nexport class CreateTariffaPresa extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n Ana01Codice: null,\r\n Ana02IdPresa: null,\r\n T004_InizioPeriodo: null,\r\n T004_FinePeriodo: null,\r\n T004_CostoKiwihOra: 0,\r\n T004_CostoKiwihKw: 0,\r\n T004_CostoEuroOra: 0,\r\n T004_CostoEuroKw: 0,\r\n T004_CondizioniTariffa: null,\r\n T004_TariffaCorrente: false,\r\n //T004_MinutiPermanenzaTolleratiPostRicarica: 0,\r\n //T004_SanzioniH24: null,\r\n //T004_PagamentoExtraAlMinuto: 0,\r\n //T004_OraInizioSanzione: moment(),\r\n //T004_OraFineSanzione: moment(),\r\n //T004_SanzioneCustom: false,\r\n //T004_PresenzaSanzioni: true,\r\n //presenzaSanzioniChecked: false,\r\n //sanzioniCustomEnabled: false,\r\n //orariSanzioniCustomEnabled: false,\r\n visibile: false\r\n }\r\n\r\n this.handleChangeForm = this.handleChangeForm.bind(this);\r\n this.handleSubmitForm = this.handleSubmitForm.bind(this);\r\n this.onSwitchChangeAbilitato = this.onSwitchChangeAbilitato.bind(this);\r\n this.handleChangeDataInizio = this.handleChangeDataInizio.bind(this);\r\n this.handleChangeDataFine = this.handleChangeDataFine.bind(this);\r\n //this.onSwitchChangeSanzioniH24 = this.onSwitchChangeSanzioniH24.bind(this);\r\n //this.onSwitchChangeSanzioneCustom = this.onSwitchChangeSanzioneCustom.bind(this);\r\n //this.onChangeInizioSanzioni = this.onChangeInizioSanzioni.bind(this);\r\n //this.onChangeFineSanzioni = this.onChangeFineSanzioni.bind(this);\r\n //this.onChangePresenzaSanzioni = this.onChangePresenzaSanzioni.bind(this);\r\n }\r\n componentDidMount() {\r\n this.setState({\r\n ...this.state,\r\n\r\n })\r\n }\r\n\r\n //Riferimento al form\r\n formRef = React.createRef();\r\n\r\n //Mostra la modale\r\n showModal = () => {\r\n this.setState(\r\n {\r\n visible: true,\r\n }\r\n );\r\n };\r\n\r\n //Gestione cambio tariffa abilitata\r\n onSwitchChangeAbilitato(e) {\r\n this.setState({\r\n ...this.state,\r\n T004_TariffaCorrente: e\r\n });\r\n }\r\n\r\n //Abilita e/o disabilita le sanzioni H24\r\n //onSwitchChangeSanzioniH24(e) {\r\n // this.setState({\r\n // ...this.state,\r\n // T004_SanzioniH24: e\r\n // });\r\n //}\r\n\r\n //Aggiorna lo stato del componente in base a quanto digitato nei form\r\n handleChangeForm(event) {\r\n //alert(event.target.value)\r\n //alert(event.target.name)\r\n const value = event.target.value;\r\n this.setState({\r\n ...this.state,\r\n [event.target.name]: value\r\n }, () => {\r\n //DEBUG PURPOSES\r\n console.log(this.state)\r\n });\r\n };\r\n\r\n //Gestione data inizio, in create prende sempre il formato string (lo stato relativo alla\r\n //data è inizialmente null)\r\n handleChangeDataInizio(date, dateString) {\r\n this.setState({ T004_InizioPeriodo: dateString })\r\n }\r\n //Gestione data inizio, in create prende sempre il formato string (lo stato relativo alla\r\n //data è inizialmente null)\r\n handleChangeDataFine(date, dateString) {\r\n this.setState({ T004_FinePeriodo: dateString })\r\n }\r\n\r\n //onChangeInizioSanzioni = (time, timeString) => {\r\n // //DEBUG PURPOSES\r\n // //console.log(timeString);\r\n // this.setState({\r\n // ...this.state,\r\n // T004_OraInizioSanzione: timeString\r\n // })\r\n //};\r\n\r\n //onChangeFineSanzioni = (time, timeString) => {\r\n // //DEBUG PURPOSES\r\n // //console.log(timeString);\r\n\r\n // this.setState({\r\n // ...this.state,\r\n // T004_OraFineSanzione: timeString\r\n // })\r\n //};\r\n\r\n //onChangePresenzaSanzioni = (e) => {\r\n // this.setState(prevState => ({\r\n // T004_SanzioneCustom: false,\r\n // T004_PresenzaSanzioni: !prevState.T004_PresenzaSanzioni,\r\n // presenzaSanzioniChecked: e,\r\n // sanzioniCustomEnabled: !e,\r\n // }));\r\n //};\r\n\r\n ////Abilita e/o disabilita le sanzioni custom\r\n //onSwitchChangeSanzioneCustom(e) {\r\n // this.setState({\r\n // ...this.state,\r\n // T004_SanzioneCustom: e\r\n // });\r\n //}\r\n\r\n onChangeCorrente = (checked) => {\r\n //DEBUG PURPOSES\r\n //console.log(`switch to ${checked}`);\r\n this.setState({\r\n ...this.state,\r\n T004_TariffaCorrente: checked\r\n })\r\n };\r\n //Chiude la modale e svuota il form\r\n handleCancel = e => {\r\n this.setState({\r\n visible: false,\r\n }, () => this.onReset());\r\n };\r\n\r\n //Resetta form\r\n onReset = () => {\r\n this.formRef.current.resetFields();\r\n };\r\n\r\n handleSubmitForm() {\r\n var tariffa = new T004TariffeCrudViewModel();\r\n tariffa.T004CodiceAna01 = this.props.Ana01Codice;\r\n tariffa.T004IdPresaAna02 = this.props.Ana02IdPresa;\r\n tariffa.T004CondizioniTariffa = this.state.T004_CondizioniTariffa;\r\n tariffa.T004CostoEuroKw = this.state.T004_CostoEuroKw;\r\n tariffa.T004CostoEuroOra = this.state.T004_CostoEuroOra;\r\n tariffa.T004CostoKiwihKw = this.state.T004_CostoKiwihKw;\r\n tariffa.T004CostoKiwihOra = this.state.T004_CostoKiwihOra;\r\n tariffa.T004FinePeriodo = this.state.T004_FinePeriodo;\r\n tariffa.T004InizioPeriodo = this.state.T004_InizioPeriodo;\r\n //tariffa.T004MinutiPermanenzaTolleratiPostRicarica = this.state.T004_MinutiPermanenzaTolleratiPostRicarica;\r\n //tariffa.T004PagamentoExtraAlMinuto = this.state.T004_PagamentoExtraAlMinuto;\r\n //tariffa.T004SanzioniH24 = this.state.T004_SanzioniH24;\r\n //tariffa.T004OraInizioSanzione = this.state.T004_OraInizioSanzione;\r\n //tariffa.T004OraFineSanzione = this.state.T004_OraFineSanzione;\r\n //tariffa.T004SanzioneCustom = this.state.T004_SanzioneCustom;\r\n //tariffa.T004PresenzaSanzioni = this.state.T004_PresenzaSanzioni;\r\n\r\n //DEBUG PURPOSES\r\n //console.log(\"Payload tariffa\")\r\n //console.log(tariffa)\r\n this.fetch(tariffa);\r\n }\r\n\r\n //Effettua la chiamata alla API tramite reqwest\r\n fetch = (tariffa) => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.creaNuovaTariffa,\r\n method: 'post',\r\n data: {\r\n tariffaToCreate: tariffa\r\n },\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n },\r\n }).then(data => {\r\n this.setState(\r\n { visible: false },\r\n () => this.props.parentCallback()\r\n )\r\n message.success('Tariffa creata con successo', 5);\r\n });\r\n }\r\n\r\n //Parse e formatter per campi numerici\r\n formatDecimal = (value) => {\r\n if (value !== null && value !== undefined) {\r\n return value.toString();\r\n }\r\n return '';\r\n };\r\n\r\n parseDecimal = (value) => {\r\n if (value !== null && value !== undefined) {\r\n const floatValue = parseFloat(value.replace(',', '.'));\r\n if (!isNaN(floatValue)) {\r\n return floatValue;\r\n }\r\n }\r\n return null;\r\n };\r\n\r\n //Valuta se renderizzare o no il blocco delle sanzioni.\r\n //renderSanzioniBlock() {\r\n\r\n // //DEBUG PURPOSES\r\n // //alert(this.state.T004_PresenzaSanzioni)\r\n\r\n // if (this.state.T004_PresenzaSanzioni === true) {\r\n // return (<>\r\n // {this.renderSanzioniCustom()}\r\n // )\r\n // }\r\n // else {\r\n // return (<>)\r\n // }\r\n //}\r\n\r\n //renderSanzioniCustom() {\r\n // const { T004_OraInizioSanzione } = this.state.T004_OraInizioSanzione;\r\n // const { T004_OraFineSanzione } = this.state.T004_OraFineSanzione;\r\n\r\n // if (this.state.T004_SanzioneCustom === true) {\r\n // return (\r\n\r\n // \r\n \r\n }\r\n onClick={this.showModal} className=\"defaultButton\">\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 {/*{this.renderSanzioniBlock()}*/}\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}","import React from 'react';\r\nimport moment from 'moment';\r\nimport reqwest from 'reqwest';\r\nimport {\r\n Form, Row, Col, Input, Button, Modal,\r\n message, DatePicker, Switch, Tooltip, InputNumber, TimePicker, Card\r\n} from 'antd';\r\nimport { EditOutlined } from '@ant-design/icons';\r\nimport { ResizableBox } from \"react-resizable\";\r\nimport { T004TariffeCrudViewModel } from '../../models/viewmodels/T004TariffeViewModel/T004TariffeCrudViewModel';\r\nimport { handleResponse } from '../../_helpers/handle-response';\r\nimport { IndexSanzioni } from '../Sanzioni/IndexSanzioni';\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../_helpers/webAPIRoute';\r\n\r\n\r\n//Formato data\r\nconst dateFormat = 'YYYY-MM-DD';\r\n\r\nexport class EditTariffaPresa extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n T004Codice: null,\r\n Ana01Codice: null,\r\n Ana02Codice: null,\r\n T004_InizioPeriodo: null,\r\n T004_FinePeriodo: null,\r\n T004_CostoKiwihOra: 0,\r\n T004_CostoKiwihKw: 0,\r\n T004_CostoEuroOra: 0,\r\n T004_CostoEuroKw: 0,\r\n T004_CondizioniTariffa: null,\r\n T004_TariffaCorrente: false,\r\n //T004_MinutiPermanenzaTolleratiPostRicarica: 0,\r\n //T004_PagamentoExtraAlMinuto: 0,\r\n //T004_SanzioniH24: null,\r\n //T004_OraInizioSanzione: moment(),\r\n //T004_OraFineSanzione: moment(),\r\n //T004_SanzioneCustom: false,\r\n //T004_PresenzaSanzioni: false,\r\n //presenzaSanzioniChecked: false,\r\n //sanzioniCustomEnabled: false,\r\n //orariSanzioniCustomEnabled: false,\r\n visibile: false\r\n }\r\n\r\n this.handleChangeForm = this.handleChangeForm.bind(this);\r\n this.handleSubmitForm = this.handleSubmitForm.bind(this);\r\n this.onSwitchChangeAbilitato = this.onSwitchChangeAbilitato.bind(this);\r\n this.handleChangeDataInizio = this.handleChangeDataInizio.bind(this);\r\n this.handleChangeDataFine = this.handleChangeDataFine.bind(this);\r\n //this.onSwitchChangeSanzioniH24 = this.onSwitchChangeSanzioniH24.bind(this);\r\n //this.onSwitchChangeSanzioneCustom = this.onSwitchChangeSanzioneCustom.bind(this);\r\n //this.onChangeInizioSanzioni = this.onChangeInizioSanzioni.bind(this);\r\n //this.onChangeFineSanzioni = this.onChangeFineSanzioni.bind(this);\r\n //this.onChangePresenzaSanzioni = this.onChangePresenzaSanzioni.bind(this);\r\n //this.renderSanzioniCustom = this.renderSanzioniCustom.bind(this);\r\n\r\n }\r\n componentDidMount() {\r\n this.setState({\r\n ...this.state,\r\n T004Codice: this.props.T004Codice\r\n })\r\n }\r\n\r\n //Riferimento al form\r\n formRef = React.createRef();\r\n\r\n //Mostra la modale\r\n showModal = () => {\r\n this.fetch(this.props.T004Codice)\r\n };\r\n\r\n //Gestione cambio switch gestoreAbilitato\r\n onSwitchChangeAbilitato(e) {\r\n this.setState({\r\n ...this.state,\r\n T004_TariffaCorrente: e\r\n });\r\n }\r\n\r\n //Abilita e/o disabilita le sanzioni H24\r\n //onSwitchChangeSanzioniH24(e) {\r\n // this.setState({\r\n // ...this.state,\r\n // T004_SanzioniH24: e\r\n // });\r\n //}\r\n\r\n //Aggiorna lo stato del componente in base a quanto digitato nei form\r\n handleChangeForm(event) {\r\n const value = event.target.value;\r\n this.setState({\r\n ...this.state,\r\n [event.target.name]: value\r\n }, () => {\r\n //DEBUG PURPOSES\r\n //console.log(\"stato al cambio decimali\");\r\n //console.log(this.state);\r\n });\r\n };\r\n\r\n //Gestione data inizio, in create prende sempre il formato string (lo stato relativo alla\r\n //data è inizialmente null)\r\n handleChangeDataInizio(date, dateString) {\r\n this.setState({ T004_InizioPeriodo: dateString })\r\n\r\n if (dateString !== '') {\r\n this.setState({ T004_InizioPeriodo: moment(dateString, dateFormat) })\r\n }\r\n else {\r\n this.setState({ T004_InizioPeriodo: null })\r\n }\r\n }\r\n //Gestione data fine, in create prende sempre il formato string (lo stato relativo alla\r\n //data è inizialmente null)\r\n handleChangeDataFine(date, dateString) {\r\n this.setState({ T004_FinePeriodo: dateString })\r\n if (dateString !== '') {\r\n this.setState({ T004_FinePeriodo: moment(dateString, dateFormat) })\r\n }\r\n else {\r\n this.setState({ T004_FinePeriodo: null })\r\n }\r\n }\r\n //onChangeInizioSanzioni = (time, timeString) => {\r\n // //DEBUG PURPOSES\r\n // //console.log(time, timeString);\r\n // this.setState({\r\n // ...this.state,\r\n // T004_OraInizioSanzione: time\r\n // })\r\n //};\r\n //onChangeFineSanzioni = (time, timeString) => {\r\n // //DEBUG PURPOSES\r\n // //console.log(time, timeString); \r\n // this.setState({\r\n // ...this.state,\r\n // T004_OraFineSanzione: time\r\n // })\r\n //};\r\n\r\n //onChangePresenzaSanzioni = (e) => {\r\n // this.setState(prevState => ({\r\n // T004_SanzioneCustom: false,\r\n // T004_PresenzaSanzioni: !prevState.T004_PresenzaSanzioni,\r\n // presenzaSanzioniChecked: e,\r\n // sanzioniCustomEnabled: !e,\r\n // }));\r\n //};\r\n ////Abilita e/o disabilita le sanzioni custom\r\n //onSwitchChangeSanzioneCustom(e) {\r\n // this.setState({\r\n // ...this.state,\r\n // T004_SanzioneCustom: e\r\n // });\r\n //}\r\n\r\n\r\n //Chiude la modale e svuota il form\r\n handleCancel = e => {\r\n this.setState({\r\n visible: false,\r\n }, () => this.onReset());\r\n };\r\n\r\n //Resetta form\r\n onReset = () => {\r\n //this.formRef.current.resetFields();\r\n };\r\n\r\n\r\n //Chiama la API per il recupero della presa in questione (Edit in get)\r\n fetch = (id = {}) => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.getTariffa + id,\r\n method: 'get',\r\n type: 'json',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n }\r\n }).then(data => {\r\n\r\n //DEBUG PURPOSES\r\n //console.log(\"data per singola tariffa (errore possibile su minuti extra\")\r\n //console.log(data)\r\n\r\n this.setState({\r\n ...this.state,\r\n Ana01Codice: data.Ana01Codice,\r\n Ana02Codice: data.Ana02Codice,\r\n T004Codice: data.t004Codice,\r\n T004_InizioPeriodo: data.t004InizioPeriodo === null ? null : moment(data.t004InizioPeriodo, \"YYYY-MM-DD\"),\r\n T004_FinePeriodo: data.t004FinePeriodo === null ? null : moment(data.t004FinePeriodo, \"YYYY-MM-DD\"),\r\n T004_CostoKiwihOra: data.t004CostoKiwihOra,\r\n T004_CostoKiwihKw: data.t004CostoKiwihKw,\r\n T004_CostoEuroOra: data.t004CostoEuroOra,\r\n T004_CostoEuroKw: data.t004CostoEuroKw,\r\n T004_CondizioniTariffa: data.t004CondizioniTariffa\r\n //T004_MinutiPermanenzaTolleratiPostRicarica: data.t004MinutiPermanenzaTolleratiPostRicarica,\r\n //T004_PagamentoExtraAlMinuto: data.t004PagamentoExtraAlMinuto,\r\n //T004_SanzioniH24: data.t004SanzioniH24,\r\n //T004_OraInizioSanzione: data.t004OraInizioSanzione !== null ? moment(data.t004OraInizioSanzione, \"HH:mm:ss\") : moment(),\r\n //T004_OraFineSanzione: data.t004OraFineSanzione !== null ? moment(data.t004OraFineSanzione, \"HH:mm:ss\") : moment(),\r\n //T004_SanzioneCustom: data.t004SanzioneCustom,\r\n //T004_PresenzaSanzioni: data.t004PresenzaSanzioni\r\n\r\n }, () => {\r\n /* alert(\"Tariffa recuperata\")*/\r\n this.setState(\r\n {\r\n visible: true,\r\n });\r\n //DEBUG PURPOSES\r\n\r\n //console.log(\"tariffa recuperata\")\r\n //console.log(data)\r\n //\r\n //console.log(\"Tariffa su stato\")\r\n //console.log(this.state)\r\n\r\n })\r\n })\r\n }\r\n\r\n handleSubmitForm() {\r\n\r\n //Formatta le date in formato stringa e non moment (moment va bene solo per renderizzarle in edit get)\r\n var inizioSanzioneMoment = moment(this.state.T004_OraInizioSanzione, \"HH:mm:ss\");\r\n var formattedInizio = inizioSanzioneMoment.format(\"HH:mm:ss\");\r\n\r\n var fineSanzioneMoment = moment(this.state.T004_OraFineSanzione, \"HH:mm:ss\");\r\n var formattedFine = fineSanzioneMoment.format(\"HH:mm:ss\");\r\n\r\n var tariffa = new T004TariffeCrudViewModel();\r\n tariffa.T004Codice = this.props.T004Codice;\r\n tariffa.T004CodiceAna01 = this.props.Ana01Codice;\r\n tariffa.T004IdPresaAna02 = this.props.Ana02IdPresa;\r\n tariffa.T004CondizioniTariffa = this.state.T004_CondizioniTariffa;\r\n tariffa.T004CostoEuroKw = this.state.T004_CostoEuroKw;\r\n tariffa.T004CostoEuroOra = this.state.T004_CostoEuroOra;\r\n tariffa.T004CostoKiwihKw = this.state.T004_CostoKiwihKw;\r\n tariffa.T004CostoKiwihOra = this.state.T004_CostoKiwihOra;\r\n tariffa.T004FinePeriodo = this.state.T004_FinePeriodo === null ? null : moment(this.state.T004_FinePeriodo).format();\r\n tariffa.T004InizioPeriodo = this.state.T004_InizioPeriodo === null ? null : moment(this.state.T004_InizioPeriodo).format();\r\n tariffa.T004TariffaCorrente = this.state.T004_TariffaCorrente;\r\n //tariffa.T004MinutiPermanenzaTolleratiPostRicarica = this.state.T004_MinutiPermanenzaTolleratiPostRicarica;\r\n //tariffa.T004PagamentoExtraAlMinuto = this.state.T004_PagamentoExtraAlMinuto;\r\n //tariffa.T004SanzioniH24 = this.state.T004_SanzioniH24;\r\n //tariffa.T004OraInizioSanzione = formattedInizio;\r\n //tariffa.T004OraFineSanzione = formattedFine;\r\n //tariffa.T004SanzioneCustom = this.state.T004_SanzioneCustom;\r\n //tariffa.T004PresenzaSanzioni = this.state.T004_PresenzaSanzioni;\r\n\r\n //DEBUG PURPOSES\r\n //console.log(\"PAYLOAD edit tariffa\");\r\n //console.log(tariffa);\r\n\r\n this.update(tariffa);\r\n }\r\n\r\n //Effettua la chiamata alla API tramite reqwest\r\n update = (tariffa) => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.modificaTariffa,\r\n method: 'POST',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n 'Content-Type': 'application/x-www-form-urlencoded'\r\n },\r\n data: tariffa,\r\n error: function (err) {\r\n //alert(\"Errore\")\r\n handleResponse(err);\r\n return;\r\n },\r\n }).then(data => {\r\n this.setState(\r\n { visible: false },\r\n () => this.props.parentCallback()\r\n )\r\n message.success('Tariffa modificata con successo', 5);\r\n });\r\n }\r\n //Parse e formatter per campi numerici\r\n formatDecimal = (value) => {\r\n if (value !== null && value !== undefined) {\r\n return value.toString();\r\n }\r\n return '';\r\n };\r\n\r\n parseDecimal = (value) => {\r\n if (value !== null && value !== undefined) {\r\n const floatValue = parseFloat(value.replace(',', '.'));\r\n if (!isNaN(floatValue)) {\r\n return floatValue;\r\n }\r\n }\r\n return null;\r\n };\r\n\r\n //OBSOLETO - GESTIONE SANZIONI TARATE SU TARIFFA PER PRESA KIWIH\r\n ////Valuta se renderizzare o no il blocco delle sanzioni.\r\n //renderSanzioniBlock()\r\n //{\r\n // if (this.state.T004_PresenzaSanzioni === true) {\r\n // return (<>\r\n // {this.renderSanzioniCustom()}\r\n // )\r\n // }\r\n // else {\r\n // return (<>)\r\n // }\r\n //}\r\n //Valuta se renderizzare il blocco delle sanzioni custom o quello delle sanzioni standard.\r\n //renderSanzioniCustom() {\r\n\r\n // //alert(\"render sanzioni custom\")\r\n // //alert(this.state.renderSanzioniCustom)\r\n // const { T004_OraInizioSanzione } = this.state.T004_OraInizioSanzione;\r\n // const { T004_OraFineSanzione } = this.state.T004_OraFineSanzione;\r\n\r\n // if (this.state.T004_SanzioneCustom === true) {\r\n // //alert(\"true\")\r\n // return (\r\n\r\n // \r\n \r\n }\r\n onClick={this.showModal} className=\"defaultButton\">\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 {/* {this.renderSanzioniBlock()}*/}\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}","import React from 'react';\r\nimport moment from 'moment';\r\nimport { CheckOutlined, CloseOutlined } from '@ant-design/icons';\r\nimport { Table, Col, Row} from 'antd';\r\nimport { handleResponse } from '../../_helpers/handle-response';\r\nimport reqwest from 'reqwest';\r\nimport 'antd/dist/antd.css';\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../_helpers/webAPIRoute';\r\nimport { CreateTariffaPresa } from './CreateTariffaPresa';\r\nimport { EditTariffaPresa } from './EditTariffaPresa';\r\n\r\nexport class IndexTariffePresa extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n columns: [\r\n {\r\n title: '',\r\n dataIndex: 't004TariffaCorrente',\r\n sorter: true,\r\n render: (text, row) => {\r\n if (row.t004TariffaCorrente == 1) {\r\n return (\r\n {\r\n moment(row.t004InizioPeriodo)\r\n .format('DD/MM/YYYY')\r\n }\r\n
\r\n },\r\n {\r\n title: 'Data fine',\r\n dataIndex: 't004FinePeriodo',\r\n width: '12%',\r\n render: (text, row) =>\r\n \r\n {\r\n moment(row.t004FinePeriodo)\r\n .format('DD/MM/YYYY')\r\n }\r\n
\r\n },\r\n {\r\n title: 'Euro/kWh',\r\n dataIndex: 't004CostoEuroKw',\r\n sorter: true,\r\n },\r\n {\r\n title: 'Euro/Ora',\r\n dataIndex: 't004CostoEuroOra',\r\n sorter: true,\r\n },\r\n {\r\n title: 'Kiwih/kWh',\r\n dataIndex: 't004CostoKiwihKw',\r\n sorter: true,\r\n },\r\n {\r\n title: 'Kiwih/Ora',\r\n dataIndex: 't004CostoKiwihOra',\r\n sorter: true,\r\n },\r\n {\r\n title: '',\r\n dataIndex: 't004Codice',\r\n key: 'x',\r\n render: (text, row) =>\r\n \r\n
\r\n }\r\n ],\r\n\r\n //Dati per la creazione di una tariffa in fase di creazione presa\r\n T004Codice: null,\r\n T004Annullato: null,\r\n T004Codice_ANA01: null,\r\n T004Codice_ANA02: null,\r\n T004InizioPeriodo: null,\r\n T004FinePeriodo: null,\r\n T004CostoKiwihOra: null,\r\n T004CostoKiwihKw: null,\r\n T004CostoEuroOra: null,\r\n T004CostoEuroKw: null,\r\n T004CondizioniTariffa: null,\r\n data: [], //Valori di ritorno dalla webAPI per le tariffe\r\n pagination: {},\r\n loading: false\r\n };\r\n }\r\n\r\n //Solo se si è connessi al sistema e si è in edit della colonnina (prop colonninaId mandata\r\n // dal componente padre editColonnina) allora fa il fetch delle eventuali prese\r\n //già associate a quella colonnina altrimenti non fa nulla\r\n componentDidMount() {\r\n this.setState({\r\n Ana02Codice: this.props.Ana02Codice\r\n }, () => {\r\n this.fetch(this.props.Ana02Codice)\r\n \r\n })\r\n }\r\n\r\n componentWillMount() {\r\n\r\n }\r\n\r\n callBackFunctionIndex = () => {\r\n this.fetch(this.props.Ana02Codice);\r\n };\r\n\r\n //Chiama la API per il recupero della colonnina in questione (Edit in get)\r\n fetch = (id = {}) => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.getTariffePresa + id,\r\n method: 'get',\r\n contentType: 'application/x-www-form-urlencoded',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n }\r\n }).then(data => {\r\n this.setState({\r\n ...this.state,\r\n data: data\r\n }, () => {\r\n //DEBUG PURPOSES\r\n //console.log(\"---\")\r\n //console.log(this.state.data)\r\n })\r\n })\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n )\r\n }\r\n}","import React from 'react';\r\nimport { Form, Row, Col, Input, Button, Modal, InputNumber, message, Select, Spin, Tooltip } from 'antd';\r\nimport { FileAddOutlined } from '@ant-design/icons';\r\nimport { Ana02PreseRifornimentoCrudViewModel } from '../../../models/viewmodels/Ana02PreseRifornimento/CRUD/Ana02PreseRifornimentoCrudViewModel';\r\nimport { IndexPreseRifornimento } from '../../PreseRifornimento/IndexPreseRifornimento';\r\nimport { handleResponse } from '../../../_helpers/handle-response';\r\nimport { IndexTariffePresa } from '../../Tariffe/IndexTariffePresa';\r\n\r\n//Messaggi di validazione per i form Ant Design\r\nimport { validateMessages } from '../../../../src/utility/FormValidator';\r\n\r\nimport { ResizableBox } from \"react-resizable\";\r\nimport reqwest from 'reqwest';\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../../_helpers/webAPIRoute';\r\n\r\nconst { Option } = Select;\r\n\r\nexport class CreatePresaRifornimento extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n Ana02Potenza: 0,\r\n Ana02IdPresa: '',\r\n tipologiaPreseDisponibili: [],\r\n tipologiaPresaAssociata: [],\r\n tipologiaAdattatoriDisponibili: [],\r\n tipologiaAdattatoreAssociato: [],\r\n visibile: false,\r\n fetching: false,\r\n counter: 0\r\n };\r\n\r\n this.handleChangePotenza = this.handleChangePotenza.bind(this);\r\n this.handleChangeForm = this.handleChangeForm.bind(this);\r\n this.handleSubmitForm = this.handleSubmitForm.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n\r\n }\r\n\r\n //Aggiorna lo stato del componente in base a quanto digitato nei form\r\n handleChangeForm(event) {\r\n const value = event.target.value;\r\n this.setState({\r\n [event.target.name]: value\r\n });\r\n }\r\n\r\n //Riferimento al form\r\n formRef = React.createRef();\r\n\r\n //Resetta form\r\n onReset = () => {\r\n this.formRef.current.resetFields();\r\n };\r\n\r\n //Mostra la modale\r\n showModal = () => {\r\n //Get tipologie prese e tipologie adattatori per dropdowns\r\n this.setState(\r\n {\r\n visible: true,\r\n },\r\n () => { this.getTipologiePrese() }\r\n );\r\n //this.getModalitaRicarica();\r\n };\r\n\r\n //Prende le tipologie di prese disponibili\r\n getTipologiePrese = value => {\r\n var token = localStorage.getItem('token');\r\n this.lastFetchId += 1;\r\n const fetchId = this.lastFetchId;\r\n this.setState({ tipologiaPreseDisponibili: [], fetching: true });\r\n\r\n fetch(webAPIRoute.getTipologiaPresa, {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n },\r\n method: 'GET',\r\n })\r\n .then(response => response.json())\r\n .then(body => {\r\n const tipologiaPreseDisponibili = body.map(col => ({\r\n text: `${col.ana07CodiceTipoPresa}`,\r\n value: col.ana07Codice\r\n })\r\n );\r\n this.setState({ tipologiaPreseDisponibili, fetching: false });\r\n });\r\n };\r\n\r\n //Prende le tipologie di adattatori disponibili\r\n getTipologieAdattatori = value => {\r\n var token = localStorage.getItem('token');\r\n this.lastFetchId += 1;\r\n const fetchId = this.lastFetchId;\r\n this.setState({ tipologiaAdattatoriDisponibili: [], fetching: true });\r\n\r\n fetch(webAPIRoute.getTipologiaAdattatore, {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n },\r\n method: 'GET',\r\n })\r\n .then(response => response.json())\r\n .then(body => {\r\n const modalitaRicarica = body.map(col => ({\r\n text: `${col.ana08Descrizione}`,\r\n value: col.ana08Codice\r\n })\r\n );\r\n this.setState({ modalitaRicarica, fetching: false });\r\n });\r\n };\r\n\r\n //Gestione eventi Select dropdown tipologia corrente\r\n handleChangeSelectTipoPresa = tipologiaPresaAssociata => {\r\n this.setState({\r\n tipologiaPresaAssociata,\r\n fetching: false,\r\n });\r\n };\r\n\r\n //Gestione eventi Select dropdown modalità ricarica\r\n handleChangeSelectTipoAdattatore = tipologiaAdattatoreAssociato => {\r\n this.setState({\r\n tipologiaAdattatoreAssociato,\r\n fetching: false,\r\n });\r\n }\r\n\r\n\r\n //Chiude la modale e svuota il form\r\n handleCancel = e => {\r\n this.setState({\r\n visible: false,\r\n }, () => this.onReset());\r\n };\r\n\r\n //Aggiorna lo stato del componente relativo alla potenza erogata in base a quanto inserito\r\n //nell'input number\r\n handleChangePotenza(event) {\r\n const value = event.target.value;\r\n this.setState({\r\n [event.target.name]: value\r\n });\r\n }\r\n\r\n //Crea l'oggetto e chiama il metodo di associazione presa -> colonnina\r\n handleSubmitForm() {\r\n var presa = new Ana02PreseRifornimentoCrudViewModel();\r\n presa.Ana02Potenza = this.state.Ana02Potenza;\r\n presa.Ana02IdPresa = this.state.Ana02IdPresa;\r\n presa.Ana02CodiceAna01 = this.props.Ana01Codice;\r\n presa.Ana02CodiceAna07 = this.state.tipologiaPresaAssociata;\r\n presa.Ana02CodiceAna08 = this.state.tipologiaAdattatoreAssociato;\r\n this.associaPresaAColonnina(presa);\r\n }\r\n\r\n //Manda al componente padre (create o edit colonnina) la nuova/edidata presa elettrica\r\n //che verrà associata alla colonnina\r\n associaPresaAColonnina = (presa) => {\r\n this.fetch(presa);\r\n }\r\n\r\n //Effettua la chiamata alla API tramite reqwest\r\n fetch = (presa = {}) => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.createPresaAssociata,\r\n method: 'post',\r\n data: {\r\n presaCreate: presa\r\n },\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n },\r\n }).then(data => {\r\n this.setState(\r\n { visible: false },\r\n () => this.props.parentCallBack()\r\n )\r\n message.success('Presa creata con successo', 5);\r\n });\r\n }\r\n\r\n\r\n //Render del componente\r\n renderContent() {\r\n const { fetching, tipologiaPreseDisponibili, tipologiaPresaAssociata, tipologiaAdattatoriDisponibili, tipologiaAdattatoreAssociato } = this.state;\r\n const filteredOptionsPrese = this.state.tipologiaPreseDisponibili.filter(o => !tipologiaPresaAssociata.includes(o));\r\n const filteredOptionsAdattatori = this.state.tipologiaAdattatoriDisponibili.filter(o => !tipologiaAdattatoreAssociato.includes(o));\r\n\r\n return (\r\n \r\n }\r\n onClick={this.showModal} className=\"defaultButton\">\r\n\r\n \r\n \r\n \r\n {this.renderContent()}\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport { Form, Row, Col, Input, Button, Modal, InputNumber, message, Select, Spin, Tooltip } from 'antd';\r\nimport { EditOutlined } from '@ant-design/icons';\r\nimport { Ana02PreseRifornimentoCrudViewModel } from '../../../models/viewmodels/Ana02PreseRifornimento/CRUD/Ana02PreseRifornimentoCrudViewModel';\r\nimport { handleResponse } from '../../../_helpers/handle-response';\r\nimport { IndexTariffePresa } from '../../Tariffe/IndexTariffePresa';\r\n\r\n//Messaggi di validazione per i form Ant Design\r\nimport { validateMessages } from '../../../../src/utility/FormValidator';\r\n\r\nimport { ResizableBox } from \"react-resizable\";\r\nimport reqwest from 'reqwest';\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../../_helpers/webAPIRoute';\r\n\r\n\r\nconst { Option } = Select;\r\n\r\nexport class EditPresaRifornimento extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n\r\n Ana02CodiceAna01: 0,\r\n Ana02Potenza: 0,\r\n Ana02IdPresa: '',\r\n\r\n tipologiaPreseDisponibili: [],\r\n tipologiaPresaAssociata: [],\r\n tipologiaPresaSelezionata: [],\r\n\r\n tipologiaAdattatoriDisponibili: [],\r\n tipologiaAdattatoreAssociato: [],\r\n tipologiaAdattatoreSelezionato: [],\r\n\r\n visibile: false,\r\n fetching: false,\r\n counter: 0\r\n };\r\n\r\n this.handleChangePotenza = this.handleChangePotenza.bind(this);\r\n this.handleSubmitForm = this.handleSubmitForm.bind(this);\r\n this.handleChangeForm = this.handleChangeForm.bind(this);\r\n\r\n }\r\n\r\n componentDidMount() {\r\n this.fetch(this.props.Ana02Codice)\r\n }\r\n\r\n //Riferimento al form\r\n formRef = React.createRef();\r\n\r\n //Resetta form\r\n onReset = () => {\r\n this.formRef.current.resetFields();\r\n };\r\n\r\n //Aggiorna lo stato del componente in base a quanto digitato nei form\r\n handleChangeForm(event) {\r\n const value = event.target.value;\r\n this.setState({\r\n [event.target.name]: value\r\n });\r\n }\r\n\r\n //Mostra la modale\r\n showModal = () => {\r\n //Get tipologie prese e tipologie adattatori per dropdowns\r\n this.setState(\r\n {\r\n visible: true,\r\n }\r\n );\r\n };\r\n\r\n //Chiama la API per il recupero della presa in questione (Edit in get)\r\n fetch = (id = {}) => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.getPresa + id,\r\n method: 'get',\r\n type: 'json',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n }\r\n }).then(data => {\r\n this.setState({\r\n Ana02CodiceAna01: data.ana02CodiceAna01,\r\n Ana02Codice: data.ana02Codice,\r\n Ana02IdPresa: data.ana02IdPresa,\r\n Ana02Potenza: data.ana02Potenza,\r\n tipologiaPresaAssociata: [\r\n ...this.state.tipologiaPresaAssociata,\r\n data.ana02CodiceAna07Navigation\r\n ],\r\n tipologiaAdattatoreSelezionato: [\r\n ...this.state.tipologiaAdattatoreAssociato,\r\n data.ana02CodiceAna08Navigation\r\n ]\r\n }, () => {\r\n \r\n this.getTipologiePrese()\r\n })\r\n })\r\n }\r\n\r\n //Prende le tipologie di prese disponibili\r\n getTipologiePrese = value => {\r\n var token = localStorage.getItem('token');\r\n this.lastFetchId += 1;\r\n this.setState({ tipologiaPreseDisponibili: [], fetching: true });\r\n\r\n fetch(webAPIRoute.getTipologiaPresa, {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n },\r\n method: 'GET',\r\n })\r\n .then(response => response.json())\r\n .then(body => {\r\n const tipologiaPreseDisponibili = body.map(col => ({\r\n text: `${col.ana07CodiceTipoPresa}`,\r\n value: col.ana07Codice\r\n })\r\n );\r\n this.setState({ tipologiaPreseDisponibili, fetching: false },\r\n () => { this.getTipologiaPresaAssociata()});\r\n });\r\n };\r\n\r\n //Prende la tipologia di presa eventualmente trovata e la setta nella dropdown\r\n getTipologiaPresaAssociata() {\r\n if (this.state.tipologiaPresaAssociata[0] != null) {\r\n const tipologiaPresaSelezionata = this.state.tipologiaPresaAssociata.map(col => (\r\n `${col.ana07Codice}`\r\n ));\r\n this.setState({ tipologiaPresaSelezionata: tipologiaPresaSelezionata, fetching: false });\r\n }\r\n }\r\n\r\n //Prende le tipologie di adattatori disponibili\r\n getTipologieAdattatori = value => {\r\n var token = localStorage.getItem('token');\r\n this.lastFetchId += 1;\r\n this.setState({ tipologiaAdattatoriDisponibili: [], fetching: true });\r\n\r\n fetch(webAPIRoute.getTipologiaAdattatore, {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n },\r\n method: 'GET',\r\n })\r\n .then(response => response.json())\r\n .then(body => {\r\n const modalitaRicarica = body.map(col => ({\r\n text: `${col.ana08Descrizione}`,\r\n value: col.ana08Codice\r\n })\r\n );\r\n this.setState({ modalitaRicarica, fetching: false });\r\n }, () => { this.getTipologiaAdattatoreAssociato()});\r\n };\r\n\r\n //Prende la tipologia di adattatore eventualmente trovato e lo setta nella dropdown\r\n getTipologiaAdattatoreAssociato() {\r\n if (this.state.tipologiaAdattatoreSelezionato[0] != null) {\r\n const tipologiaAdattatoreSelezionato = this.state.tipologiaAdattatoreSelezionato.map(col => (\r\n `${col.ana08Codice}`\r\n ));\r\n this.setState({ tipologiaAdattatoreSelezionato: tipologiaAdattatoreSelezionato, fetching: false });\r\n }\r\n }\r\n\r\n //Gestione eventi Select dropdown tipologia corrente\r\n handleChangeSelectTipoPresa = tipologiaPresaSelezionata => {\r\n this.setState({\r\n tipologiaPresaSelezionata,\r\n fetching: false,\r\n });\r\n };\r\n\r\n //Gestione eventi Select dropdown modalità ricarica\r\n handleChangeSelectTipoAdattatore = tipologiaAdattatoreSelezionato => {\r\n this.setState({\r\n tipologiaAdattatoreSelezionato,\r\n fetching: false,\r\n });\r\n }\r\n\r\n\r\n //Chiude la modale e svuota il form\r\n handleCancel = e => {\r\n this.setState({\r\n visible: false,\r\n }, () => this.onReset());\r\n };\r\n\r\n //Aggiorna lo stato del componente relativo alla potenza erogata in base a quanto inserito\r\n //nell'input number\r\n handleChangePotenza(event) {\r\n const value = event.target.value;\r\n this.setState({\r\n [event.target.name]: value\r\n });\r\n }\r\n\r\n //Crea l'oggetto e chiama il metodo di associazione presa -> colonnina\r\n handleSubmitForm() {\r\n var presa = new Ana02PreseRifornimentoCrudViewModel();\r\n presa.Ana02Codice = this.state.Ana02Codice;\r\n presa.Ana02Potenza = this.state.Ana02Potenza;\r\n presa.Ana02IdPresa = this.state.Ana02IdPresa;\r\n presa.Ana02CodiceAna01 = this.state.Ana02CodiceAna01;\r\n presa.Ana02CodiceAna07 = this.state.tipologiaPresaSelezionata;\r\n presa.Ana02CodiceAna08 = null;\r\n this.update(presa);\r\n }\r\n\r\n\r\n //Effettua la chiamata alla API tramite reqwest per l'aggiornamento della presa\r\n update = (presaUpdate = {}) => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.updatePresaAssociata,\r\n method: 'POST',\r\n data: {\r\n presaUpdate: presaUpdate\r\n },\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n },\r\n type: 'json',\r\n\r\n }).then(data => {\r\n this.setState(\r\n { visible: false },\r\n () => this.props.parentCallBack()\r\n )\r\n message.success('Presa modificata con successo', 5);\r\n });\r\n }\r\n\r\n\r\n //Render del componente\r\n renderContent() {\r\n const { fetching, tipologiaPresaAssociata, tipologiaPresaSelezionata,tipologiaAdattatoreAssociato, tipologiaAdattatoreSelezionato } = this.state;\r\n const filteredOptionsPrese = this.state.tipologiaPreseDisponibili.filter(o => !tipologiaPresaAssociata.includes(o));\r\n const filteredOptionsAdattatori = this.state.tipologiaAdattatoriDisponibili.filter(o => !tipologiaAdattatoreAssociato.includes(o));\r\n\r\n return (\r\n Gestisci tariffa\r\n
\r\n\r\n\r\n \r\n }\r\n onClick={this.showModal}\r\n className=\"defaultButton\">\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport { Button, Modal, message,Tooltip } from 'antd';\r\nimport reqwest from 'reqwest';\r\nimport { DeleteOutlined } from '@ant-design/icons';\r\nimport { handleResponse } from '../../../_helpers/handle-response';\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../../_helpers/webAPIRoute';\r\n\r\nexport class DeletePresaRifornimento extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n Ana02Codice: '' \r\n };\r\n this.handleSubmitForm = this.handleSubmitForm.bind(this);\r\n }\r\n\r\n showModal = () => {\r\n this.setState({\r\n visible: true,\r\n });\r\n };\r\n\r\n handleCancel = e => {\r\n this.setState({\r\n visible: false,\r\n });\r\n };\r\n\r\n handleSubmitForm() {\r\n this.fetch(this.props.Ana02Codice);\r\n }\r\n\r\n fetch = (id = {}) => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.deletePresaAssociata + id,\r\n method: 'delete',\r\n type: 'json',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n this.setState({ visible: false }, () => this.props.parentCallback())\r\n },\r\n }).then(data => {\r\n this.setState({ visible: false }, () => this.props.parentCallback())\r\n message.success('Presa eliminata con successo', 5);\r\n });\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n {this.renderContent()}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport { Table, Col, Row, Input, Button, Tooltip } from 'antd';\r\nimport reqwest from 'reqwest';\r\nimport 'antd/dist/antd.css';\r\nimport { handleResponse } from '../../_helpers/handle-response';\r\nimport { SearchOutlined, FilterOutlined } from '@ant-design/icons';\r\nimport { CreatePresaRifornimento } from '../PreseRifornimento/CRUD/CreatePresaRifornimento'\r\nimport ReactDOM from 'react-dom';\r\nimport { BsFillCircleFill } from \"react-icons/bs\";\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../_helpers/webAPIRoute';\r\nimport { EditPresaRifornimento } from './CRUD/EditPresaRifornimento';\r\nimport { DeletePresaRifornimento } from './CRUD/DeletePresaRifornimento';\r\n\r\nexport class IndexPreseRifornimento extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n columns: [\r\n {\r\n title: 'Potenza',\r\n dataIndex: 'ana02Potenza',\r\n sorter: true,\r\n width: '15%',\r\n render: (text, row) => {\r\n return (\r\n Si è sicuri di voler eliminare la seguente presa?
\r\n \r\n{row.ana02Potenza} kWh
\r\n\r\n )\r\n }\r\n },\r\n {\r\n title: 'Tipo presa',\r\n width: '25%',\r\n //Per renderizzare oggetti nidificati in data[] bisogna usare il render\r\n render: (row) => row.ana02CodiceAna07Navigation.ana07CodiceTipoPresa\r\n },\r\n {\r\n title: 'Stato',\r\n dataIndex: 'ana02StatoPresa',\r\n width: '6%',\r\n render: (text, row) =>\r\n this.renderStatoPresa(row.ana02StatoPresa)\r\n },\r\n {\r\n title: '',\r\n dataIndex: 'ana02Codice',\r\n key: 'x',\r\n width: '10%',\r\n render: (text, row) =>\r\n \r\n \r\n
\r\n
\r\n }\r\n ],\r\n data: [], //Valori di ritorno dalla webAPI per le prese elettriche\r\n Ana01Codice: '',\r\n pagination: {},\r\n loading: false\r\n };\r\n }\r\n //Solo se si è connessi al sistema e si è in edit della colonnina (prop colonninaId mandata\r\n // dal componente padre editColonnina) allora fa il fetch delle eventuali prese\r\n //già associate a quella colonnina altrimenti non fa nulla\r\n componentDidMount() {\r\n if (this.props.isAuthed === true && this.props.Ana01Codice !== undefined) {\r\n this.setState({\r\n Ana01Codice: this.props.Ana01Codice\r\n }, () => { this.fetch(this.props.Ana01Codice) })\r\n }\r\n }\r\n\r\n componentWillMount() {\r\n\r\n }\r\n\r\n //Funzione richiamabile dai componenti \"figli\", refresha la tabella dopo un'operazione CRUD \r\n callBackFunctionIndex = () => {\r\n this.fetch(this.props.Ana01Codice);\r\n };\r\n\r\n //Gestione paginazione\r\n handleTableChange = (pagination, filters, sorter) => {\r\n const pager = { ...this.state.pagination };\r\n pager.current = pagination.current;\r\n this.setState({\r\n pagination: pager,\r\n });\r\n };\r\n\r\n //Funzione get prese elettriche da database (chiamata solo in edit colonnina)\r\n fetch = (id) => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.getPreseAssociate + id,\r\n method: 'get',\r\n contentType: 'application/x-www-form-urlencoded',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n }\r\n }).then(data => {\r\n //Resetta l'input di ricerca alla fine di questa\r\n this.setState({\r\n loading: false,\r\n data: data,\r\n });\r\n })\r\n };\r\n\r\n renderStatoPresa = (statoPresa) => {\r\n switch (statoPresa) {\r\n //Caso in cui lo stato sia null (in genere è il caricamento)\r\n case \"Available\":\r\n return (\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\nReactDOM.render(Longitude: ' + event.latLng.lng()\r\n });\r\n infowindow.open(map, marker);\r\n that.setCoords(event.latLng.lat(), event.latLng.lng());\r\n })\r\n }\r\n\r\n //Setta le coordinate del marker nello stato e le ritorna al componente padre.\r\n setCoords(a, b) {\r\n this.setState({\r\n lat: a,\r\n lon: b\r\n }, () => { this.props.parentCallback(a, b) })\r\n }\r\n\r\n renderGoogleMaps() {\r\n if (this.state.renderMap === true) {\r\n return (\r\n
\r\n }\r\n onClick={this.showModal} className=\"defaultButton\">\r\n Imposta coordinate\r\n \r\n \r\n {this.renderGoogleMaps()}\r\n \r\n
\r\n\r\n );\r\n }\r\n}\r\n","import {\r\n Form, Row, Col, Input, Button, Modal, InputNumber, message,\r\n Select, Spin, Switch, DatePicker,Tooltip\r\n} from 'antd';\r\n\r\nimport React from 'react';\r\n\r\n\r\nimport reqwest from 'reqwest';\r\nimport { Ana01ColonnineRifornimentoCrudViewModel } from '../../../models/viewmodels/Ana01ColonnineRifornimento/CRUD/Ana01ColonnineRifornimentoCrudViewModel'\r\nimport { EditOutlined } from '@ant-design/icons';\r\nimport { ResizableBox } from \"react-resizable\";\r\nimport { handleResponse } from '../../../_helpers/handle-response';\r\nimport { IndexPreseRifornimento } from '../../PreseRifornimento/IndexPreseRifornimento';\r\nimport { ColonnineMapCoords } from '../ColonnineMapCoords';\r\nimport { BsFillCircleFill } from \"react-icons/bs\";\r\n\r\nimport moment from 'moment';\r\n\r\n//Messaggi di validazione per i form Ant Design\r\nimport { validateMessages } from '../../../../src/utility/FormValidator';\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../../_helpers/webAPIRoute';\r\n\r\nconst { Option } = Select;\r\nconst dateFormat = 'YYYY-MM-DD';\r\n\r\nexport class EditColonninaRifornimento extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n userId: this.props.userId, //ID dell'utente connesso o del keeper in modifica da parte dell'admin\r\n Ana01Descrizione: '',\r\n Ana01NumeroContatore: '',\r\n Ana01IndirizzoIp: '',\r\n Ana01PortaLogica: '',\r\n Ana01Latitudine: '',\r\n Ana01Longitudine: '',\r\n Ana01CodiceAna13: '',\r\n Ana01Prenotabile: false,\r\n Ana01Inattiva: false,\r\n Ana01InattivaDa: null,\r\n Ana01InattivaFinoA: null,\r\n Ana01Comune: '',\r\n Ana01Cap: '',\r\n Ana01Indirizzo: '',\r\n Ana01HubjectEvseId: '',\r\n Ana01HubjectEvcoId: '',\r\n Ana01PotenzaColonnina: '',\r\n Ana01StatoColonnina: null,\r\n Ana01DataUltimoAggiornamento: null,\r\n Ana10TipologiaCorrente: [], //tipologia corrente pre-esistente\r\n tipologieCorrenteDisponibili: [], //tipologia di correnti disponibili\r\n tipologiaCorrenteSelezionata: [], //tipologia di corrente selezionata\r\n fetched: false,\r\n visible: false,\r\n Ana09ModalitaRicarica: [], //modalita ricarica pre-esistente\r\n modalitaRicaricaDisponibili: [], //modalità ricarica disponibili\r\n modalitaRicaricaSelezionata: [], //modalità ricarica selezionata\r\n };\r\n\r\n this.handleChangeForm = this.handleChangeForm.bind(this);\r\n this.handleSubmitForm = this.handleSubmitForm.bind(this);\r\n this.onSwitchChangePrenotabile = this.onSwitchChangePrenotabile.bind(this);\r\n this.onSwitchChangeInattivita = this.onSwitchChangeInattivita.bind(this);\r\n this.handleChangeDataInizioInattivita = this.handleChangeDataInizioInattivita.bind(this);\r\n this.handleChangeDataFineInattivita = this.handleChangeDataFineInattivita.bind(this);\r\n this.renderDataUltimoAggiornamento = this.renderDataUltimoAggiornamento.bind(this);\r\n this.renderStatoColonnina = this.renderStatoColonnina.bind(this);\r\n }\r\n\r\n //Recupera subito le informazioni della colonnina da editare (incluse eventuali dati di inattività\r\n //in quel caso renderizza le due datepicker).\r\n componentDidMount() {\r\n\r\n\r\n }\r\n\r\n //Apre la modale di edit e ne carica dentro i dati\r\n showModal = () => {\r\n this.fetch(this.props.Ana01Codice) \r\n };\r\n\r\n\r\n //Richiama la webAPI per il reperimento dello stato della colonnina ogni n millisec\r\n getColonninaStatus() {\r\n var token = localStorage.getItem('token');\r\n var id = this.props.Ana01Codice;\r\n setInterval(async () => {\r\n if (this.state.visible === true) {\r\n await\r\n reqwest({\r\n url: webAPIRoute.getColonninaStatusAdmin + id,\r\n method: 'GET',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n contentType: \"application/json\",\r\n error: function (err) {\r\n handleResponse(err); return;\r\n },\r\n }).then(data => {\r\n if (data != null && data != undefined) {\r\n //DEBUG PURPOSES\r\n //console.log(data)\r\n this.setState({\r\n ...this.state,\r\n Ana01StatoColonnina: data.colonninaStatus,\r\n Ana01DataUltimoAggiornamento: data.evalutationTime\r\n });\r\n }\r\n })\r\n };\r\n }, 1000);\r\n\r\n }\r\n\r\n\r\n //Aggiorna lo stato del componente in base a quanto digitato nei form\r\n handleChangeForm(event) {\r\n const value = event.target.value;\r\n this.setState({\r\n [event.target.name]: value\r\n });\r\n }\r\n\r\n //Gestisce il cambio del tipo di corrente da dropdown\r\n handleChangeSelectCorrente = tipologiaCorrenteSelezionata => {\r\n this.setState({\r\n tipologiaCorrenteSelezionata,\r\n fetching: false,\r\n });\r\n };\r\n\r\n //Gestisce il cambio della modalità di ricarica da dropdown\r\n handleChangeSelectRicarica = modalitaRicaricaSelezionata => {\r\n this.setState({\r\n modalitaRicaricaSelezionata,\r\n fetching: false,\r\n });\r\n };\r\n\r\n //Gestione cambio switch prenotabile\r\n onSwitchChangePrenotabile(e) {\r\n this.setState({\r\n ...this.state,\r\n Ana01Prenotabile: e\r\n });\r\n }\r\n\r\n //Gestione cambio switch inattivita\r\n onSwitchChangeInattivita(e) {\r\n this.setState({\r\n ...this.state,\r\n Ana01Inattiva: e\r\n }, () => {\r\n this.renderizzaDateInattivitaDa();\r\n this.renderizzaDateInattivitaFinoA();\r\n });\r\n }\r\n\r\n //Gestione data inizio inattività, in create prende sempre il formato string (lo stato relativo alla\r\n //data è inizialmente null)\r\n handleChangeDataInizioInattivita(date, dateString) {\r\n if (dateString !== '') {\r\n this.setState({\r\n Ana01InattivaDa: moment(dateString, \"YYYY-MM-DD\")\r\n })\r\n }\r\n else {\r\n this.setState({\r\n Ana01InattivaDa: null\r\n })\r\n }\r\n }\r\n\r\n //Gestione data inizio inattività, in create prende sempre il formato string (lo stato relativo alla\r\n //data è inizialmente null)\r\n handleChangeDataFineInattivita(date, dateString) {\r\n if (dateString !== '') {\r\n this.setState({\r\n Ana01InattivaFinoA: moment(dateString, \"YYYY-MM-DD\")\r\n })\r\n }\r\n else {\r\n this.setState({\r\n Ana01InattivaFinoA: null\r\n })\r\n }\r\n }\r\n\r\n //Chiude la modale\r\n handleCancel = e => {\r\n this.setState({\r\n userId: this.props.userId, //ID dell'utente connesso o del keeper in modifica da parte dell'admin\r\n Ana01Descrizione: '',\r\n Ana01NumeroContatore: '',\r\n Ana01IndirizzoIp: '',\r\n Ana01PortaLogica: '',\r\n Ana01Latitudine: '',\r\n Ana01Longitudine: '',\r\n Ana01CodiceAna13: '',\r\n Ana01Prenotabile: false,\r\n Ana01Inattiva: false,\r\n Ana01InattivaDa: null,\r\n Ana01InattivaFinoA: null,\r\n Ana01Comune: '',\r\n Ana01Cap: '',\r\n Ana01Indirizzo: '',\r\n Ana01HubjectEvseId: '',\r\n Ana01HubjectEvcoId: '',\r\n Ana01PotenzaColonnina: '',\r\n Ana01StatoColonnina: null,\r\n Ana01DataUltimoAggiornamento: null,\r\n Ana10TipologiaCorrente: [], //tipologia corrente pre-esistente\r\n tipologieCorrenteDisponibili: [], //tipologia di correnti disponibili\r\n tipologiaCorrenteSelezionata: [], //tipologia di corrente selezionata\r\n fetched: false,\r\n visible: false,\r\n Ana09ModalitaRicarica: [], //modalita ricarica pre-esistente\r\n modalitaRicaricaDisponibili: [], //modalità ricarica disponibili\r\n modalitaRicaricaSelezionata: [], //modalità ricarica selezionata\r\n });\r\n };\r\n\r\n //Aggiorna lo stato del componente in base a quanto digitato nei form\r\n handleChangeForm(event) {\r\n const value = event.target.value;\r\n this.setState({\r\n [event.target.name]: value\r\n });\r\n }\r\n //Renderizza o no le date di inizio e fine inattività in base allo switch \"Inattività\"\r\n //dal momento che le rimuove (se erano renderizzate) resetta anche il loro valore nello stato\r\n renderizzaDateInattivitaDa() {\r\n //DEBUG PURPOSES\r\n //console.log(this.state);\r\n if (this.state.Ana01Inattiva === true) {\r\n return (\r\n \r\n {\r\n moment(this.state.Ana01DataUltimoAggiornamento)\r\n .format('DD/MM/YYYY HH:mm')\r\n }\r\n
)\r\n } else {\r\n return (Non disponibile
)\r\n }\r\n }\r\n renderTipologiaCorrente() {\r\n\r\n const { fetching, tipologiaCorrenteSelezionata, modalitaRicaricaSelezionata } = this.state;\r\n const filteredOptionsCorrente = this.state.tipologieCorrenteDisponibili.filter(o => !tipologiaCorrenteSelezionata.includes(o));\r\n const filteredOptionsRicarica = this.state.modalitaRicaricaDisponibili.filter(o => !modalitaRicaricaSelezionata.includes(o))\r\n\r\n if (this.state.visible) {\r\n return (\r\n \r\n \r\n }\r\n className=\"defaultButton\"\r\n onClick={this.showModal}\r\n className=\"defaultButton\">\r\n\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport { Button, Modal, message, Tooltip } from 'antd';\r\nimport reqwest from 'reqwest';\r\nimport { DeleteOutlined } from '@ant-design/icons';\r\nimport { handleResponse } from '../../../_helpers/handle-response';\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../../_helpers/webAPIRoute';\r\n\r\nexport class DeleteColonninaRifornimento extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n Ana01Codice: '' \r\n };\r\n this.handleSubmitForm = this.handleSubmitForm.bind(this);\r\n }\r\n\r\n showModal = () => {\r\n this.setState({\r\n visible: true,\r\n });\r\n };\r\n\r\n handleCancel = e => {\r\n this.setState({\r\n visible: false,\r\n });\r\n };\r\n\r\n handleSubmitForm() {\r\n this.fetch(this.props.Ana01Codice);\r\n }\r\n\r\n fetch = (id = {}) => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.deleteColonnina + id,\r\n method: 'delete',\r\n type: 'json',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n this.setState({ visible: false }, () => this.props.parentCallback())\r\n },\r\n }).then(data => {\r\n this.setState({ visible: false }, () => this.props.parentCallback())\r\n message.success('Colonnina eliminata con successo', 5);\r\n });\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n {this.renderContent()}\r\n
\r\n \r\n \r\n \r\n } onClick={this.showModal}>\r\n\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport { Table, Col, Row, Input, Button, Tooltip } from 'antd';\r\nimport { UncontrolledCollapse, Card, CardBody } from 'reactstrap';\r\nimport reqwest from 'reqwest';\r\nimport ReactDOM from 'react-dom';\r\nimport './custom.css';\r\nimport 'antd/dist/antd.css';\r\nimport { handleResponse } from '../../../../_helpers/handle-response';\r\nimport { FormSearchColonnine } from '../../../ColonnineRifornimento/FormSearchColonnine';\r\nimport { EditColonninaRifornimento } from '../../../ColonnineRifornimento/CRUD/EditColonninaRifornimento';\r\nimport { DeleteColonninaRifornimento } from '../../../ColonnineRifornimento/CRUD/DeleteColonninaRifornimento';\r\nimport Highlighter from 'react-highlight-words';\r\nimport { SearchOutlined, FilterOutlined } from '@ant-design/icons';\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../../../_helpers/webAPIRoute';\r\n\r\nexport class IndexColonnineKeeper extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n columns: [\r\n {\r\n title: 'Nome',\r\n dataIndex: 'ana01Descrizione',\r\n sorter: true,\r\n width: '48%',\r\n ...this.getColumnSearchProps('ana01Descrizione'),\r\n },\r\n {\r\n title: 'Seriale',\r\n dataIndex: 'ana01NumeroContatore',\r\n width: '35%',\r\n ...this.getColumnSearchProps('ana01NumeroContatore'),\r\n },\r\n {\r\n title: 'Azioni',\r\n dataIndex: 'ana01Codice',\r\n key: 'x',\r\n width: '15%',\r\n render: (text, row) =>\r\n Si è sicuri di voler eliminare la seguente colonnina?
\r\nNome colonnina: {this.props.Ana01Descrizione}
\r\nSeriale colonnina: {this.props.Ana01NumeroContatore}
\r\n \r\n\r\n \r\n
\r\n
\r\n }\r\n ],\r\n data: [], //Valori di ritorno dalla webAPI per le colonnine\r\n input: {\r\n Ana01Comune: '',\r\n Ana01Cap: '',\r\n //userId dell'utente connesso o del keeper in modifica\r\n userId: this.props.userId \r\n },\r\n searchText: '', //Testo ricercato nell'intestazione\r\n searchedColumn: '', //Colonna su cui si è effettuata la ricerca\r\n pagination: {},\r\n loading: false\r\n };\r\n }\r\n\r\n componentDidMount() { \r\n if (this.props.isAuthed === true && this.props.userId != undefined) {\r\n this.setState({\r\n ...this.state,\r\n input: {\r\n ...this.state.Input,\r\n userId: this.props.userId\r\n } \r\n }, () => { this.fetch()}) \r\n }\r\n }\r\n\r\n componentWillMount() {\r\n\r\n }\r\n\r\n //Riceve i dati relativi ai filtri dal componente figlio FormSearchColonnine\r\n callBackFunction = (formData) => {\r\n this.setState({ input: formData },\r\n () => {\r\n this.fetch()\r\n }\r\n );\r\n }\r\n\r\n //Funzione richiamabile dai componenti \"figli\", refresha la tabella dopo un'operazione CRUD \r\n callBackFunctionIndex = () => {\r\n this.fetch(1);\r\n };\r\n //Resetta i dati dello stato relativi ai parametri di ricerca \r\n // (chiamato sempre dal componente figlio FormSearchColonnine)\r\n callBackFunctionReset = () => {\r\n this.setState({\r\n input: {\r\n ...this.state.input, //dell'input lascia inalterato lo userId\r\n Ana01Comune: '',\r\n Ana01Cap: '',\r\n }\r\n }, () => { this.fetch() });\r\n }\r\n\r\n //Funzione richiamabile dai componenti \"figli\", refresha la tabella dopo un'operazione CRUD \r\n callBackFunctionIndex = () => {\r\n this.fetch(1);\r\n };\r\n\r\n //Gestione paginazione\r\n handleTableChange = (pagination, filters, sorter) => {\r\n const pager = { ...this.state.pagination };\r\n pager.current = pagination.current;\r\n this.setState({\r\n pagination: pager,\r\n });\r\n };\r\n //GESTIONE RICERCA SU INTESTAZIONI\r\n //Ricerca\r\n handleSearch = (selectedKeys, confirm, dataIndex) => {\r\n confirm();\r\n this.setState({\r\n searchText: selectedKeys[0],\r\n searchedColumn: dataIndex,\r\n });\r\n };\r\n\r\n //Reset\r\n handleReset = clearFilters => {\r\n clearFilters();\r\n this.setState({ searchText: '' });\r\n };\r\n\r\n //------------------------------------------------------------\r\n\r\n //Metodo di ricerca su intestazioni tabella\r\n getColumnSearchProps = dataIndex => ({\r\n filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters }) => (\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys[0]}\r\n onChange={e => setSelectedKeys(e.target.value ? [e.target.value] : [])}\r\n onPressEnter={() => this.handleSearch(selectedKeys, confirm, dataIndex)}\r\n style={{ width: 188, marginBottom: 8, display: 'block' }}\r\n />\r\n this.handleSearch(selectedKeys, confirm, dataIndex)}\r\n icon={
\r\n ),\r\n filterIcon: filtered => \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\nReactDOM.render(\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 } onClick={this.showModal} className=\"defaultButton\">\r\n\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport { Button, Modal, message, Tooltip} from 'antd';\r\nimport reqwest from 'reqwest';\r\nimport { DeleteOutlined } from '@ant-design/icons';\r\nimport { handleResponse } from '../../../../_helpers/handle-response';\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../../../_helpers/webAPIRoute';\r\n\r\nexport class DeleteKeeper extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n Ana13Codice: '' \r\n };\r\n this.handleSubmitForm = this.handleSubmitForm.bind(this);\r\n }\r\n\r\n showModal = () => {\r\n this.setState({\r\n visible: true,\r\n });\r\n };\r\n\r\n handleCancel = e => {\r\n \r\n this.setState({\r\n visible: false,\r\n });\r\n };\r\n\r\n handleSubmitForm() {\r\n this.fetch(this.props.Ana13Codice);\r\n }\r\n\r\n fetch = (id = {}) => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.deleteGestore + id,\r\n method: 'delete',\r\n type: 'json',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n this.setState({ visible: false }, () => this.props.parentCallback())\r\n },\r\n }).then(data => {\r\n this.setState({ visible: false }, () => this.props.parentCallback())\r\n message.success('Gestore eliminato con successo', 5);\r\n });\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n {/** div con id dinamico dove iniettare l'html del form */}\r\n {this.renderContent()}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport { Table, Col, Row, Input, Button, Tooltip } from 'antd';\r\nimport { UncontrolledCollapse, Card, CardBody } from 'reactstrap';\r\nimport reqwest from 'reqwest';\r\nimport ReactDOM from 'react-dom';\r\nimport './custom.css';\r\nimport 'antd/dist/antd.css';\r\nimport { FormSearchGestori } from './FormSearchGestori';\r\nimport { CreateKeeper } from './CRUD/CreateKeeper';\r\nimport { EditKeeper } from './CRUD/EditKeeper';\r\nimport { DeleteKeeper } from './CRUD/DeleteKeeper';\r\nimport { handleResponse } from '../../../_helpers/handle-response';\r\nimport Highlighter from 'react-highlight-words';\r\nimport { SearchOutlined, FilterOutlined } from '@ant-design/icons';\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../../_helpers/webAPIRoute';\r\n\r\nexport class IndexKeeper extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n //Colonne della datatable\r\n columns: [\r\n {\r\n title: 'Nome',\r\n dataIndex: 'ana13NomeMostrato',\r\n sorter: true,\r\n width: '25%',\r\n ...this.getColumnSearchProps('ana13NomeMostrato'),\r\n render: (text, row) => {\r\n if (row.ana13NomeMostrato !== null && row.ana13NomeMostrato !== undefined) {\r\n return <>\r\n Si è sicuri di voler eliminare il seguente gestore?
\r\nNome gestore: {this.props.Ana13RagioneSociale}
\r\n \r\n{row.ana13NomeMostrato}
\r\n \r\n }\r\n else {\r\n return <>\r\n }\r\n }\r\n },\r\n {\r\n title: 'Indirizzo',\r\n dataIndex: 'ana13Indirizzo',\r\n width: '27%',\r\n ...this.getColumnSearchProps('ana13Indirizzo'),\r\n },\r\n {\r\n title: 'Cap',\r\n dataIndex: 'ana13Cap',\r\n width: '10%',\r\n ...this.getColumnSearchProps('ana13Cap'),\r\n },\r\n {\r\n title: 'Citta',\r\n dataIndex: 'ana13Comune',\r\n width: '15%',\r\n ...this.getColumnSearchProps('ana13Comune'),\r\n },\r\n {\r\n title: '',\r\n width: '8%',\r\n dataIndex: 'ana13Codice',\r\n key: 'x',\r\n render: (text, row) =>\r\n \r\n \r\n
\r\n
\r\n }\r\n ],\r\n data: [], //Dati sulle colonnine restituiti dal server \r\n dataRendered: [], //Dati filtrati da client\r\n input: {\r\n Ana13RagioneSociale: '',\r\n Ana13ComuneOrCap: '',\r\n Ana13IsAzienda: true,\r\n Ana13Operativo: true,\r\n userId: ''\r\n },\r\n currentPage: 1, //Pagina corrente \r\n searchText: '', //Testo ricercato nell'intestazione\r\n searchedColumn: '', //Colonna su cui si � effettuata la ricerca\r\n pagination: {},\r\n loading: false //Spinner caricamento tabella\r\n };\r\n }\r\n //Montaggio del componente\r\n componentDidMount() {\r\n if (this.props.isAuthed === true) {\r\n this.setState({\r\n ...this.state,\r\n input: {\r\n ...this.state.input,\r\n userId: this.props.userId \r\n } \r\n }, () => { this.fetch() }) \r\n }\r\n }\r\n\r\n //GESTIONE PER SINCRONIA CHIAMATE, PRIMA EFFETTUA IL SET STATE E SOLO DOPO CHIAMA IL FETCH\r\n callBackFunction = (formData) => {\r\n this.setState({\r\n input: {\r\n ...this.state.input,\r\n Ana13RagioneSociale: formData.Ana13RagioneSociale,\r\n Ana13ComuneOrCap: formData.Ana13ComuneOrCap,\r\n Ana13Nome: formData.Ana13Nome,\r\n Ana13Cognome: formData.Ana13Cognome,\r\n Ana13IsAzienda: formData.Ana13IsAzienda,\r\n Ana13Operativo: formData.Ana13Operativo\r\n }\r\n },\r\n () => { this.fetch() }\r\n );\r\n }\r\n //Resetta i dati dello stato relativi ai parametri di ricerca \r\n // (chiamato sempre dal componente figlio FormSearchGestori)\r\n callBackFunctionReset = () => {\r\n this.setState({\r\n input: {\r\n ...this.state.input,\r\n Ana13RagioneSociale: '',\r\n Ana13Nome: '',\r\n Ana13Cognome: '',\r\n Ana13ComuneOrCap: '',\r\n Ana13IsAzienda: true,\r\n Ana13Operativo: true\r\n }\r\n },\r\n () => { this.fetch() }\r\n );\r\n }\r\n\r\n //Richiama il fetch senza filtri\r\n callBackFunctionIndex = () => {\r\n this.fetch();\r\n };\r\n\r\n //GESTIONE CAMBIO PAGINA CON PAGINAZIONE LATO SERVER\r\n handleTableChange = (pagination, filters, sorter) => {\r\n //Prende la nuova pagina selezionata\r\n const pager = { ...this.state.input.currentPage };\r\n pager.current = pagination.current;\r\n\r\n this.setState({\r\n input: {\r\n ...this.state.input,\r\n }\r\n })\r\n };\r\n\r\n //GESTIONE RICERCA SU INTESTAZIONI\r\n //Ricerca\r\n handleSearch = (selectedKeys, confirm, dataIndex) => {\r\n confirm();\r\n this.setState({\r\n searchText: selectedKeys[0],\r\n searchedColumn: dataIndex,\r\n });\r\n };\r\n\r\n //Reset\r\n handleReset = clearFilters => {\r\n clearFilters();\r\n this.setState({ searchText: '' });\r\n };\r\n\r\n //------------------------------------------------------------\r\n\r\n //Metodo di ricerca su intestazioni tabella\r\n getColumnSearchProps = dataIndex => ({\r\n filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters }) => (\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys[0]}\r\n onChange={e => setSelectedKeys(e.target.value ? [e.target.value] : [])}\r\n onPressEnter={() => this.handleSearch(selectedKeys, confirm, dataIndex)}\r\n style={{ width: 188, marginBottom: 8, display: 'block' }}\r\n />\r\n this.handleSearch(selectedKeys, confirm, dataIndex)}\r\n icon={
\r\n ),\r\n filterIcon: filtered => \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\nReactDOM.render(Gestisci i tuoi Keeper
\r\n\r\n \r\n
,\r\n document.getElementById(\"dataInattivitaDa\")\r\n );\r\n\r\n ReactDOM.render(\r\n \r\n \r\n
,\r\n document.getElementById(\"dataInattivitaFinoA\")\r\n );\r\n\r\n } else {\r\n ReactDOM.render(, document.getElementById(\"dataInattivitaDa\"));\r\n ReactDOM.render(, document.getElementById(\"dataInattivitaFinoA\"));\r\n this.setState({\r\n ...this.state,\r\n Ana01InattivaDa: null,\r\n Ana01InattivaFinoA: null\r\n })\r\n }\r\n }\r\n\r\n //Crea l'oggetto e chiama la API per il salvataggio della colonnina editata\r\n handleSubmitForm() {\r\n var role = authenticationService.getUserRoleFromToken();\r\n var colonnina = new Ana01ColonnineRifornimentoCrudViewModel();\r\n colonnina.UserRole = role;\r\n colonnina.Ana01Annullato = false;\r\n colonnina.Ana01IdAspNetUsersCreator = this.state.userId;\r\n colonnina.Ana01IdAspNetUsersOwner = this.state.userId;\r\n colonnina.Ana01Descrizione = this.state.Ana01Descrizione;\r\n colonnina.Ana01NumeroContatore = this.state.Ana01NumeroContatore;\r\n colonnina.Ana01AmperaggioMinimo = this.state.Ana01AmperaggioMinimo;\r\n colonnina.Ana01AmperaggioMassimo = this.state.Ana01AmperaggioMassimo;\r\n colonnina.Ana01VoltaggioMinimo = this.state.Ana01VoltaggioMinimo;\r\n colonnina.Ana01VoltaggioMassimo = this.state.Ana01VoltaggioMassimo;\r\n colonnina.Ana01Latitudine = this.state.Ana01Latitudine;\r\n colonnina.Ana01Longitudine = this.state.Ana01Longitudine;\r\n colonnina.Ana01IndirizzoIp = this.state.Ana01IndirizzoIp;\r\n colonnina.Ana01PortaLogica = this.state.Ana01PortaLogica;\r\n colonnina.Ana10TipologiaCorrente = this.state.tipologiaCorrenteAssociata;\r\n colonnina.Ana09TipologiaColonnina = this.state.modalitaRicaricaAssociata;\r\n colonnina.Ana01DataInizioInattivita = this.state.Ana01InattivaDa;\r\n colonnina.Ana01DataFineInattivita = this.state.Ana01InattivaFinoA;\r\n colonnina.Ana01Inattiva = this.state.Ana01Inattiva;\r\n colonnina.Ana01Prenotabile = this.state.Ana01Prenotabile;\r\n colonnina.Ana01Comune = this.state.Ana01Comune;\r\n colonnina.Ana01Cap = this.state.Ana01Cap;\r\n colonnina.Ana01Indirizzo = this.state.Ana01Indirizzo;\r\n colonnina.Ana01HubjectEvseId = this.state.Ana01HubjectEvseId;\r\n colonnina.Ana01HubjectEvcoId = this.state.Ana01HubjectEvcoId;\r\n colonnina.Ana01PotenzaColonnina = this.state.Ana01PotenzaColonnina;\r\n\r\n this.fetch(colonnina);\r\n\r\n }\r\n\r\n //Effettua la chiamata alla API tramite reqwest\r\n fetch = (colonnina = {}) => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.createColonnina,\r\n method: 'post',\r\n data: {\r\n colonninaCreate: colonnina\r\n },\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n return;\r\n },\r\n }).then(data => {\r\n this.setState(\r\n { visible: false },\r\n () => this.props.parentCallback()\r\n )\r\n message.success('Colonnina creata con successo', 5);\r\n });\r\n }\r\n\r\n //Prende le coordinate passate dal componente figlio ColonnineMapCoords e le setta nel suo stato\r\n callBackFunction = (lat,lon) => {\r\n this.setState({\r\n ...this.state,\r\n Ana01Latitudine: lat.toString(),\r\n Ana01Longitudine: lon.toString()\r\n });\r\n }\r\n\r\n\r\n render() {\r\n const { fetching, tipologiaCorrenteAssociata, modalitaRicaricaAssociata } = this.state;\r\n const filteredOptionsCorrente = this.state.tipologieCorrente.filter(o => !tipologiaCorrenteAssociata.includes(o));\r\n const filteredOptionsModalita = this.state.modalitaRicarica.filter(o => !modalitaRicaricaAssociata.includes(o));\r\n\r\n\r\n return (\r\n \r\n \r\n }\r\n onClick={this.showModal}>\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport { Table, Col, Row, Input, Button, Tooltip, Divider } from 'antd';\r\nimport { UncontrolledCollapse, Card, CardBody } from 'reactstrap';\r\nimport reqwest from 'reqwest';\r\nimport ReactDOM from 'react-dom';\r\nimport './custom.css';\r\nimport 'antd/dist/antd.css';\r\nimport { handleResponse } from '../../../src/_helpers';\r\nimport { FormSearchColonnine } from '../../components/ColonnineRifornimento/FormSearchColonnine';\r\nimport { CreateColonninaRifornimento } from '../../components/ColonnineRifornimento/CRUD/CreateColonninaRifornimento';\r\nimport { EditColonninaRifornimento } from '../../components/ColonnineRifornimento/CRUD/EditColonninaRifornimento';\r\nimport { DeleteColonninaRifornimento } from '../../components/ColonnineRifornimento/CRUD/DeleteColonninaRifornimento';\r\nimport Highlighter from 'react-highlight-words';\r\nimport { SearchOutlined, FilterOutlined } from '@ant-design/icons';\r\nimport { BsFillCircleFill } from \"react-icons/bs\";\r\n\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../_helpers/webAPIRoute';\r\n\r\nexport class IndexColonnineRifornimento extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n columns: [\r\n {\r\n title: 'Nome',\r\n dataIndex: 'ana01Descrizione',\r\n sorter: true,\r\n width: '25%',\r\n ...this.getColumnSearchProps('ana01Descrizione'),\r\n render: (text, row) => {\r\n if (row.ana01Descrizione !== null && row.ana01Descrizione !== undefined) {\r\n return <>\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 \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 {row.ana01Descrizione}
\r\n \r\n }\r\n else {\r\n return <>\r\n }\r\n }\r\n },\r\n {\r\n title: 'Indirizzo',\r\n width: '45%',\r\n ...this.getColumnSearchProps('ana01NumeroContatore'),\r\n render: (text, row) =>\r\n \r\n {row.ana01Indirizzo} - {row.ana01Comune}\r\n
\r\n },\r\n {\r\n title: '',\r\n dataIndex: 'ana01Codice',\r\n key: 'x',\r\n width: '10%',\r\n render: (text, row) =>\r\n \r\n \r\n
\r\n
\r\n }\r\n ],\r\n data: [], //Valori di ritorno dalla webAPI per le colonnine\r\n input: {\r\n Ana01Comune: '',\r\n Ana01Cap: '',\r\n //userId dell'utente connesso o del keeper in modifica\r\n userId: this.props.userId\r\n },\r\n searchText: '', //Testo ricercato nell'intestazione\r\n searchedColumn: '', //Colonna su cui si è effettuata la ricerca\r\n pagination: {},\r\n loading: false\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n if (this.props.isAuthed === true && this.props.userId != undefined) {\r\n this.setState({\r\n ...this.state,\r\n input: {\r\n ...this.state.Input,\r\n userId: this.props.userId\r\n }\r\n }, () => { this.fetch() })\r\n }\r\n }\r\n\r\n componentWillMount() {\r\n\r\n }\r\n\r\n //Riceve i dati relativi ai filtri dal componente figlio FormSearchColonnine\r\n callBackFunction = (formData) => {\r\n\r\n this.setState({\r\n input: {\r\n ...this.state.input,\r\n Ana01Comune: formData.Ana01Comune,\r\n Ana01Cap: formData.Ana01Cap\r\n }\r\n }, () => {\r\n //DEBUG PURPOSES\r\n //console.log(this.state)\r\n this.fetch()\r\n });\r\n }\r\n\r\n //Resetta i dati dello stato relativi ai parametri di ricerca \r\n // (chiamato sempre dal componente figlio FormSearchColonnine)\r\n callBackFunctionReset = () => {\r\n this.setState({\r\n input: {\r\n ...this.state.input, //dell'input lascia inalterato lo userId\r\n Ana01Comune: '',\r\n Ana01Cap: ''\r\n }\r\n }, () => { this.fetch() });\r\n }\r\n\r\n //Funzione richiamabile dai componenti \"figli\", refresha la tabella dopo un'operazione CRUD \r\n callBackFunctionIndex = () => {\r\n this.fetch(1);\r\n };\r\n\r\n //Gestione paginazione\r\n handleTableChange = (pagination, filters, sorter) => {\r\n const pager = { ...this.state.pagination };\r\n pager.current = pagination.current;\r\n this.setState({\r\n pagination: pager,\r\n });\r\n };\r\n\r\n //GESTIONE RICERCA SU INTESTAZIONI\r\n //Ricerca\r\n handleSearch = (selectedKeys, confirm, dataIndex) => {\r\n confirm();\r\n this.setState({\r\n searchText: selectedKeys[0],\r\n searchedColumn: dataIndex,\r\n });\r\n };\r\n\r\n //Reset\r\n handleReset = clearFilters => {\r\n clearFilters();\r\n this.setState({ searchText: '' });\r\n };\r\n\r\n //------------------------------------------------------------\r\n\r\n //Metodo di ricerca su intestazioni tabella\r\n getColumnSearchProps = dataIndex => ({\r\n filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters }) => (\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys[0]}\r\n onChange={e => setSelectedKeys(e.target.value ? [e.target.value] : [])}\r\n onPressEnter={() => this.handleSearch(selectedKeys, confirm, dataIndex)}\r\n style={{ width: 188, marginBottom: 8, display: 'block' }}\r\n />\r\n this.handleSearch(selectedKeys, confirm, dataIndex)}\r\n icon={
\r\n ),\r\n filterIcon: filtered => \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\nReactDOM.render(Gestisci le colonnine connesse al sistema Kiwih Charge
\r\n\r\n \r\n }\r\n onClick={this.showModal}>\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}","import {\r\n Form, Row, Col, Input, Button, Modal, message, Tooltip \r\n} from 'antd';\r\n\r\nimport React from 'react';\r\n\r\nimport reqwest from 'reqwest';\r\nimport { Ana01ColonnineRifornimentoCrudViewModel } from '../../../models/viewmodels/Ana01ColonnineRifornimento/CRUD/Ana01ColonnineRifornimentoCrudViewModel';\r\nimport { EditOutlined } from '@ant-design/icons';\r\nimport { ResizableBox } from \"react-resizable\";\r\nimport { handleResponse } from '../../../_helpers/handle-response';\r\n\r\n//Messaggi di validazione per i form Ant Design\r\nimport { validateMessages } from '../../../../src/utility/FormValidator';\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../../_helpers/webAPIRoute';\r\n\r\n\r\nexport class EditTipologiaPresa extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n userId: '',\r\n fetching: false,\r\n Ana07CodiceTipoPresa: '',\r\n Ana07DescrizioneTipoPresa: '',\r\n visible: false\r\n }\r\n\r\n this.handleChangeForm = this.handleChangeForm.bind(this);\r\n this.handleSubmitForm = this.handleSubmitForm.bind(this);\r\n }\r\n //Recupera subito le informazioni della colonnina da editare (incluse eventuali dati di inattività\r\n //in quel caso renderizza le due datepicker).\r\n componentDidMount() {\r\n this.fetch(this.props.Ana07Codice)\r\n }\r\n\r\n //Apre la modale di edit e ne carica dentro i dati\r\n showModal = () => {\r\n this.setState({\r\n ...this.state,\r\n visible: true,\r\n });\r\n };\r\n\r\n //Aggiorna lo stato del componente in base a quanto digitato nei form\r\n handleChangeForm(event) {\r\n const value = event.target.value;\r\n this.setState({\r\n [event.target.name]: value\r\n });\r\n }\r\n\r\n //Chiude la modale\r\n handleCancel = e => {\r\n this.setState({\r\n visible: false,\r\n });\r\n };\r\n\r\n //Chiama la API per il recupero della presa in questione (Edit in get)\r\n fetch = (id = {}) => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.getTipologiaPresaEdit + id,\r\n method: 'get',\r\n type: 'json',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n }\r\n }).then(data => {\r\n this.setState({\r\n ...this.state,\r\n Ana07CodiceTipoPresa: data.ana07CodiceTipoPresa,\r\n Ana07DescrizioneTipoPresa: data.ana07DescrizioneTipoPresa\r\n })\r\n }, () => { this.renderContent()})\r\n }\r\n\r\n //TODO crea oggetto e chiama update\r\n handleSubmitForm() {\r\n var ana07TipologiaPresa = new Ana01ColonnineRifornimentoCrudViewModel();\r\n ana07TipologiaPresa.Ana07CodiceTipoPresa = this.state.Ana07CodiceTipoPresa;\r\n ana07TipologiaPresa.Ana07DescrizioneTipoPresa = this.state.Ana07DescrizioneTipoPresa;\r\n\r\n //DEBUG PURPOSES\r\n //console.log(ana07TipologiaPresa);\r\n this.update(ana07TipologiaPresa);\r\n }\r\n\r\n //Effettua la chiamata alla API tramite reqwest per l'aggiornamento della tipologia presa\r\n update = (ana07TipologiaPresa = {}) => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.updateTipologiaPresa + this.props.Ana07Codice,\r\n method: 'put',\r\n data: {\r\n ana07TipologiaPresa: ana07TipologiaPresa\r\n },\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n },\r\n type: 'json',\r\n\r\n }).then(data => {\r\n this.setState(\r\n { visible: false },\r\n () => this.props.parentCallBack()\r\n )\r\n message.success('Tipologia presa modificata con successo', 5);\r\n });\r\n }\r\n\r\n renderContent() {\r\n const { TextArea } = Input;\r\n if (this.state.visible == true) {\r\n return (\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 \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 } else {\r\n return (\r\n \r\n
\r\n )\r\n }\r\n\r\n }\r\n render() {\r\n return (\r\n \r\n \r\n } type=\"primary\" onClick={this.showModal} className=\"defaultButton\">\r\n\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n}","import React from 'react';\r\nimport { Button, Modal, message,Tooltip } from 'antd';\r\nimport reqwest from 'reqwest';\r\nimport { DeleteOutlined } from '@ant-design/icons';\r\nimport { handleResponse } from '../../../_helpers/handle-response';\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../../_helpers/webAPIRoute';\r\n\r\nexport class DeleteTipologiaPresa extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n Ana07Codice: ''\r\n };\r\n this.handleSubmitForm = this.handleSubmitForm.bind(this);\r\n }\r\n\r\n showModal = () => {\r\n this.setState({\r\n visible: true,\r\n });\r\n };\r\n\r\n handleCancel = e => {\r\n this.setState({\r\n visible: false,\r\n });\r\n };\r\n\r\n handleSubmitForm() {\r\n this.fetch(this.props.Ana07Codice);\r\n }\r\n\r\n fetch = (id = {}) => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.deleteTipologiaPresa + id,\r\n method: 'delete',\r\n type: 'json',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n this.setState({ visible: false }, () => this.props.parentCallback())\r\n },\r\n }).then(data => {\r\n this.setState({ visible: false },\r\n () => this.props.parentCallback())\r\n message.success('Tipo presa eliminata con successo', 5);\r\n });\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n {this.renderContent()}\r\n
\r\n \r\n \r\n \r\n } onClick={this.showModal}\r\n className=\"eliminaButton\">\r\n\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport { Table, Col, Row, Divider} from 'antd';\r\nimport reqwest from 'reqwest';\r\nimport 'antd/dist/antd.css';\r\nimport { handleResponse } from '../../../src/_helpers';\r\nimport { CreateTipologiaPresa } from '../TipologiePresa/CRUD/CreateTipologiaPresa';\r\nimport { EditTipologiaPresa } from '../TipologiePresa/CRUD/EditTipologiaPresa';\r\nimport { DeleteTipologiaPresa } from '../TipologiePresa/CRUD/DeleteTipologiaPresa';\r\n\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../_helpers/webAPIRoute';\r\n\r\nexport class IndexTipologiePresa extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n columns: [\r\n {\r\n title: 'Nome',\r\n dataIndex: 'ana07CodiceTipoPresa',\r\n sorter: true,\r\n width: '78%',\r\n render: (text, row) => {\r\n if (row.ana07CodiceTipoPresa !== null && row.ana07CodiceTipoPresa !== undefined) {\r\n return <>\r\n Si è sicuri di voler eliminare la seguente tipologia presa?
\r\n \r\n{row.ana07CodiceTipoPresa}
\r\n \r\n }\r\n else {\r\n return <>\r\n }\r\n }\r\n },\r\n\r\n {\r\n title: 'Azioni',\r\n dataIndex: 'ana07Codice',\r\n key: 'x',\r\n width: '9%',\r\n render: (text, row) =>\r\n \r\n \r\n
\r\n
\r\n }\r\n ],\r\n data: [], //Valori di ritorno dalla webAPI per le tipologie presa\r\n input: {\r\n Ana07DescrizioneTipoPresa: '',\r\n //userId dell'utente connesso o del keeper in modifica\r\n userId: this.props.userId\r\n },\r\n searchText: '', //Testo ricercato nell'intestazione\r\n searchedColumn: '', //Colonna su cui si è effettuata la ricerca\r\n pagination: {},\r\n loading: false\r\n };\r\n }\r\n componentDidMount() {\r\n if (this.props.isAuthed === true && this.props.userId != undefined) {\r\n this.setState({\r\n ...this.state,\r\n input: {\r\n ...this.state.Input,\r\n userId: this.props.userId\r\n }\r\n }, () => { this.fetch() })\r\n }\r\n }\r\n //Funzione get colonnine (Index)\r\n fetch = () => {\r\n var token = localStorage.getItem('token');\r\n this.setState(\r\n {\r\n ...this.state,\r\n loading: true\r\n }\r\n )\r\n reqwest({\r\n url: webAPIRoute.getTipologiaPrese,\r\n method: 'get',\r\n contentType: 'application/x-www-form-urlencoded',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n this.setState(\r\n {\r\n ...this.state,\r\n loading: false\r\n }\r\n )\r\n handleResponse(err); return;\r\n }\r\n }).then(data => {\r\n //Resetta l'input di ricerca alla fine di questa\r\n this.setState({\r\n ...this.state,\r\n input: {\r\n ...this.state.input,\r\n Ana07DescrizioneTipoPresa: ''\r\n },\r\n loading: false,\r\n data: data,\r\n });\r\n\r\n })\r\n };\r\n\r\n //Gestione paginazione\r\n handleTableChange = (pagination, filters, sorter) => {\r\n const pager = { ...this.state.pagination };\r\n pager.current = pagination.current;\r\n this.setState({\r\n pagination: pager,\r\n });\r\n };\r\n\r\n //Refresh tabella post operazione CRUD (richiamata da uno dei componenti figli Crea-Edit-Delete)\r\n callBackFunctionIndex = () => {\r\n this.fetch();\r\n };\r\n\r\n render() {\r\n return (\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}","import React from 'react';\r\nimport reqwest from 'reqwest';\r\nimport { Form, Row, Col, Input, Button, Modal, message, InputNumber, Tooltip } from 'antd';\r\nimport { FileAddOutlined } from '@ant-design/icons';\r\nimport { ResizableBox } from \"react-resizable\";\r\nimport { T013PacchettiKiWihViewModel } from \"../../../models/viewmodels/T013PacchettiKiWihViewModel/T013PacchettiKiWihViewModel\";\r\n\r\n//Messaggi di validazione per i form Ant Design\r\nimport { validateMessages } from '../../../utility/FormValidator';\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../../_helpers/webAPIRoute';\r\nimport { handleResponse } from '../../../_helpers/handle-response';\r\n\r\n\r\nexport class CreaPacchettoKiWih extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n userId: '',\r\n fetching: false,\r\n visible: false,\r\n T013NomePacchettoKiWih: '',\r\n T013DescrizionePacchettoKiWih: '',\r\n T013CodiceT014: 0,\r\n T013PrezzoEuro: 0,\r\n T013Quantita: 0,\r\n T013Annullato: false,\r\n livelliDriver: [],\r\n livelliDriverAssociati: []\r\n }\r\n\r\n this.handleChangeForm = this.handleChangeForm.bind(this);\r\n this.handleSubmitForm = this.handleSubmitForm.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n\r\n }\r\n\r\n //Gestione eventi Select dropdown\r\n handleChangeSelect = livelliDriverAssociati => {\r\n this.setState({\r\n livelliDriverAssociati,\r\n fetching: false,\r\n });\r\n };\r\n\r\n //Riferimento al form\r\n formRef = React.createRef();\r\n\r\n //Mostra la modale\r\n showModal = () => {\r\n this.setState(\r\n {\r\n visible: true,\r\n }\r\n );\r\n };\r\n\r\n //Aggiorna lo stato del componente in base a quanto digitato nei form\r\n handleChangeForm(event) {\r\n const value = event.target.value;\r\n this.setState({\r\n [event.target.name]: value\r\n });\r\n }\r\n\r\n //Chiude la modale e svuota il form\r\n handleCancel = e => {\r\n this.setState({\r\n visible: false,\r\n }, () => this.onReset());\r\n };\r\n\r\n //Resetta form\r\n onReset = () => {\r\n this.formRef.current.resetFields();\r\n };\r\n\r\n handleSubmitForm() {\r\n var pacchettoToCreate = new T013PacchettiKiWihViewModel();\r\n console.log(pacchettoToCreate);\r\n pacchettoToCreate.T013Annullato = false;\r\n pacchettoToCreate.T013NomePacchettoKiWih = this.state.T013NomePacchettoKiWih;\r\n pacchettoToCreate.T013DescrizionePacchettoKiWih = this.state.T013DescrizionePacchettoKiWih;\r\n pacchettoToCreate.T013CodiceT014 = 0;\r\n pacchettoToCreate.T013PrezzoEuro = this.state.T013PrezzoEuro.toString().replace(\".\", \",\");\r\n pacchettoToCreate.T013Quantita = this.state.T013Quantita;\r\n\r\n this.fetch(pacchettoToCreate);\r\n }\r\n\r\n //Effettua la chiamata alla API tramite reqwest\r\n fetch = (pacchettoToCreate) => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.createPacchettoKiWih,\r\n method: 'post',\r\n data: {\r\n pacchettoToCreate: pacchettoToCreate\r\n },\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n },\r\n }).then(data => {\r\n this.setState(\r\n {\r\n visible: false\r\n }, () => { this.props.parentCallBack() })\r\n message.success('Pacchetto KiWih creato con successo', 5);\r\n });\r\n }\r\n\r\n\r\n render() {\r\n const { TextArea } = Input;\r\n return (\r\n Gestisci le tipologie di presa
\r\n\r\n \r\n }\r\n onClick={this.showModal}>\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}","import React from 'react';\r\nimport reqwest from 'reqwest';\r\nimport { Form, Row, Col, Input, Button, Modal, message, InputNumber, Switch, Tooltip } from 'antd';\r\nimport { EditOutlined } from '@ant-design/icons';\r\nimport { ResizableBox } from \"react-resizable\";\r\nimport { T013PacchettiKiWihViewModel } from \"../../../models/viewmodels/T013PacchettiKiWihViewModel/T013PacchettiKiWihViewModel\";\r\n\r\n//Messaggi di validazione per i form Ant Design\r\nimport { validateMessages } from '../../../utility/FormValidator';\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../../_helpers/webAPIRoute';\r\nimport { handleResponse } from '../../../_helpers/handle-response';\r\nimport ReactDOM from 'react-dom';\r\n\r\nexport class EditPacchettoKiWih extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n userId: '',\r\n fetching: false,\r\n visible: false,\r\n T013Codice: 0,\r\n T013Annullato: false,\r\n T013NomePacchettoKiWih: '',\r\n T013DescrizionePacchettoKiWih: '',\r\n T013CodiceT014: 0,\r\n T013PrezzoEuro: 0,\r\n T013Quantita: 0,\r\n livelliDriver: [],\r\n livelliDriverAssociati: []\r\n }\r\n\r\n this.handleChangeForm = this.handleChangeForm.bind(this);\r\n this.handleSubmitForm = this.handleSubmitForm.bind(this);\r\n this.onSwitchChangeInattivita = this.onSwitchChangeInattivita.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n this.getPacchettoKiWihAdmin(this.props.T013Codice)\r\n }\r\n\r\n //Gestione eventi Select dropdown\r\n handleChangeSelect = livelliDriverAssociati => {\r\n this.setState({\r\n livelliDriverAssociati,\r\n fetching: false,\r\n });\r\n };\r\n\r\n //Riferimento al form\r\n formRef = React.createRef();\r\n\r\n //Mostra la modale\r\n showModal = () => {\r\n this.setState(\r\n {\r\n visible: true,\r\n }\r\n );\r\n };\r\n\r\n //Aggiorna lo stato del componente in base a quanto digitato nei form\r\n handleChangeForm(event) {\r\n const value = event.target.value;\r\n this.setState({\r\n [event.target.name]: value\r\n });\r\n }\r\n\r\n //Chiude la modale e svuota il form\r\n handleCancel = e => {\r\n this.setState({\r\n visible: false,\r\n });\r\n };\r\n\r\n //Gestione cambio switch inattivita\r\n onSwitchChangeInattivita(e) {\r\n this.setState({\r\n ...this.state,\r\n T013Annullato: e\r\n });\r\n }\r\n\r\n handleSubmitForm() {\r\n var pacchettoToEdit = new T013PacchettiKiWihViewModel();\r\n pacchettoToEdit.T013Codice = this.state.T013Codice;\r\n pacchettoToEdit.T013Annullato = this.state.T013Annullato;\r\n pacchettoToEdit.T013NomePacchettoKiWih = this.state.T013NomePacchettoKiWih;\r\n pacchettoToEdit.T013DescrizionePacchettoKiWih = this.state.T013DescrizionePacchettoKiWih;\r\n pacchettoToEdit.T013CodiceT014 = 0;\r\n pacchettoToEdit.T013PrezzoEuro = this.state.T013PrezzoEuro;\r\n pacchettoToEdit.T013Quantita = this.state.T013Quantita;\r\n\r\n //DEBUG PURPOSES\r\n //console.log(\"Prezzo in euro\");\r\n //console.log(this.state.T013PrezzoEuro);\r\n\r\n this.fetch(pacchettoToEdit);\r\n }\r\n\r\n //Effettua la chiamata alla API tramite reqwest\r\n getPacchettoKiWihAdmin = (id) => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.getPacchettoKiWihAdmin + id,\r\n method: 'get',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n },\r\n }).then(data => {\r\n this.setState({\r\n ...this.state,\r\n T013Codice: data.t013Codice,\r\n T013Annullato: data.t013Annullato,\r\n T013NomePacchettoKiWih: data.t013NomePacchettoKiWih,\r\n T013DescrizionePacchettoKiWih: data.t013DescrizionePacchettoKiWih,\r\n T013CodiceT014: 0,\r\n T013PrezzoEuro: data.t013PrezzoEuro,\r\n T013Quantita: data.t013Quantita,\r\n })\r\n }, () => { this.renderEditPacchetto() });\r\n }\r\n\r\n //Effettua la chiamata alla API tramite reqwest\r\n fetch = (pacchettoToEdit) => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.editPacchettoKiWih,\r\n method: 'post',\r\n data: {\r\n pacchettoToEdit: pacchettoToEdit\r\n },\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n },\r\n }).then(data => {\r\n this.setState(\r\n { visible: false },\r\n () => this.props.parentCallBack()\r\n )\r\n message.success('Pacchetto KiWih modificato con successo', 5);\r\n });\r\n }\r\n\r\n renderEditPacchetto() {\r\n const { TextArea } = Input;\r\n if (this.state.visible == true) {\r\n return (\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 \r\n \r\n\r\n
\r\n \r\n \r\n \r\n }\r\n\r\n onClick={this.showModal}>\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}","import React from 'react';\r\nimport { Table, Col, Row, Tooltip, Divider} from 'antd';\r\nimport reqwest from 'reqwest';\r\nimport 'antd/dist/antd.css';\r\nimport { handleResponse } from '../../_helpers/handle-response';\r\nimport {CheckOutlined, CloseOutlined } from '@ant-design/icons';\r\nimport { CreaPacchettoKiWih } from '../PacchettiKiWih/CRUD/CreaPacchettoKiWih';\r\nimport { EditPacchettoKiWih } from '../PacchettiKiWih/CRUD/EditPacchettoKiWih';\r\n\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../_helpers/webAPIRoute';\r\n\r\n\r\nexport class IndexPacchettiKiWihAdmin extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n columns: [\r\n {\r\n title: 'Attivo',\r\n dataIndex: 't013Annullato',\r\n sorter: true,\r\n width: '10%',\r\n render: (text, row) => {\r\n if (row.t013Annullato == false) {\r\n return (\r\n {this.renderEditPacchetto()}\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n }\r\n ],\r\n data: [],\r\n pagination: {},\r\n loading: false\r\n };\r\n }\r\n\r\n //Solo se si è connessi al sistema e si è in edit della colonnina (prop colonninaId mandata\r\n // dal componente padre editColonnina) allora fa il fetch delle eventuali prese\r\n //già associate a quella colonnina altrimenti non fa nulla\r\n componentDidMount() {\r\n this.fetch();\r\n }\r\n\r\n componentWillMount() {\r\n\r\n }\r\n\r\n //Funzione richiamabile dai componenti \"figli\", refresha la tabella dopo un'operazione CRUD \r\n callBackFunctionIndex = () => {\r\n this.fetch();\r\n };\r\n\r\n //Gestione paginazione\r\n handleTableChange = (pagination, filters, sorter) => {\r\n const pager = { ...this.state.pagination };\r\n pager.current = pagination.current;\r\n this.setState({\r\n pagination: pager,\r\n });\r\n };\r\n\r\n //Funzione get prese elettriche da database (chiamata solo in edit colonnina)\r\n fetch = () => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.getPacchettiKiWihAdmin,\r\n method: 'get',\r\n contentType: 'application/x-www-form-urlencoded',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n }\r\n }).then(data => {\r\n //Resetta l'input di ricerca alla fine di questa\r\n this.setState({\r\n loading: false,\r\n data: data,\r\n });\r\n })\r\n };\r\n\r\n\r\n render() {\r\n return (\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","import React from 'react';\r\nimport reqwest from 'reqwest';\r\nimport { Form, Row, Col, Input, Button, Modal, message, Tooltip } from 'antd';\r\nimport { FileAddOutlined } from '@ant-design/icons';\r\nimport { ResizableBox } from \"react-resizable\";\r\nimport { Ana08TipologiaAdattatoriCrudViewModel } from \"../../../models/viewmodels/Ana08TipologiaAdattatori/Ana08TipologiaAdattatoriCrudViewModel\";\r\n\r\n//Messaggi di validazione per i form Ant Design\r\nimport { validateMessages } from '../../../utility/FormValidator';\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../../_helpers/webAPIRoute';\r\nimport { handleResponse } from '../../../_helpers/handle-response';\r\n\r\n\r\nexport class CreateTipologiaAdattatori extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n userId: '',\r\n fetching: false,\r\n visible: false,\r\n Ana08Nome: '',\r\n Ana08Descrizione: ''\r\n }\r\n\r\n this.handleChangeForm = this.handleChangeForm.bind(this);\r\n this.handleSubmitForm = this.handleSubmitForm.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({\r\n ...this.state,\r\n userId: this.props.userId,\r\n })\r\n }\r\n\r\n //Riferimento al form\r\n formRef = React.createRef();\r\n\r\n //Mostra la modale\r\n showModal = () => {\r\n this.setState(\r\n {\r\n visible: true,\r\n }\r\n );\r\n };\r\n\r\n //Aggiorna lo stato del componente in base a quanto digitato nei form\r\n handleChangeForm(event) {\r\n const value = event.target.value;\r\n this.setState({\r\n [event.target.name]: value\r\n });\r\n }\r\n\r\n //Chiude la modale e svuota il form\r\n handleCancel = e => {\r\n this.setState({\r\n visible: false,\r\n }, () => this.onReset());\r\n };\r\n\r\n //Resetta form\r\n onReset = () => {\r\n this.formRef.current.resetFields();\r\n };\r\n\r\n handleSubmitForm() {\r\n var ana08TipologiaAdattatori = new Ana08TipologiaAdattatoriCrudViewModel();\r\n ana08TipologiaAdattatori.Ana08Nome = this.state.Ana08Nome;\r\n ana08TipologiaAdattatori.Ana08Descrizione = this.state.Ana08Descrizione;\r\n this.fetch(ana08TipologiaAdattatori);\r\n }\r\n\r\n //Effettua la chiamata alla API tramite reqwest\r\n fetch = (ana08TipologiaAdattatori) => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.createTipologiaAdattatori,\r\n method: 'post',\r\n data: {\r\n ana08TipologiaAdattatori: ana08TipologiaAdattatori\r\n },\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n },\r\n }).then(data => {\r\n this.setState(\r\n { visible: false },\r\n () => this.props.parentCallback()\r\n )\r\n message.success('Tipologia adattatore creato con successo', 5);\r\n });\r\n }\r\n\r\n\r\n render() {\r\n const { TextArea } = Input;\r\n return (\r\n Gestisci i tuoi pacchetti Kiwih
\r\n\r\n \r\n }\r\n\r\n onClick={this.showModal}>\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}","import {\r\n Form, Row, Col, Input, Button, Modal, message,\r\n} from 'antd';\r\n\r\nimport React from 'react';\r\n\r\nimport reqwest from 'reqwest';\r\nimport { Ana08TipologiaAdattatoriCrudViewModel } from '../../../models/viewmodels/Ana08TipologiaAdattatori/Ana08TipologiaAdattatoriCrudViewModel';\r\nimport { EditOutlined } from '@ant-design/icons';\r\nimport { ResizableBox } from \"react-resizable\";\r\nimport { handleResponse } from '../../../_helpers/handle-response';\r\n\r\n\r\n//Messaggi di validazione per i form Ant Design\r\nimport { validateMessages } from '../../../../src/utility/FormValidator';\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../../_helpers/webAPIRoute';\r\n\r\n\r\nexport class EditTipologiaAdattatori extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n userId: '',\r\n fetching: false,\r\n Ana08Codice:'',\r\n Ana08Nome: '',\r\n Ana08Descrizione: '',\r\n visible: false\r\n }\r\n\r\n this.handleChangeForm = this.handleChangeForm.bind(this);\r\n this.handleSubmitForm = this.handleSubmitForm.bind(this);\r\n }\r\n //Recupera subito le informazioni della colonnina da editare (incluse eventuali dati di inattività\r\n //in quel caso renderizza le due datepicker).\r\n componentDidMount() {\r\n this.fetch(this.props.Ana08Codice)\r\n }\r\n\r\n //Apre la modale di edit e ne carica dentro i dati\r\n showModal = () => {\r\n this.setState({\r\n ...this.state,\r\n visible: true,\r\n });\r\n };\r\n\r\n //Aggiorna lo stato del componente in base a quanto digitato nei form\r\n handleChangeForm(event) {\r\n const value = event.target.value;\r\n this.setState({\r\n [event.target.name]: value\r\n });\r\n }\r\n\r\n //Chiude la modale\r\n handleCancel = e => {\r\n this.setState({\r\n visible: false,\r\n });\r\n };\r\n\r\n //Chiama la API per il recupero della presa in questione (Edit in get)\r\n fetch = (id = {}) => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.getTipologiaAdattatoreEdit + id,\r\n method: 'get',\r\n type: 'json',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n }\r\n }).then(data => {\r\n this.setState({\r\n ...this.state,\r\n Ana08Nome: data.ana08Nome,\r\n Ana08Descrizione: data.ana08Descrizione\r\n })\r\n })\r\n }\r\n\r\n //TODO crea oggetto e chiama update\r\n handleSubmitForm() {\r\n var ana08TipologiaAdattatori = new Ana08TipologiaAdattatoriCrudViewModel();\r\n ana08TipologiaAdattatori.Ana08Nome = this.state.Ana08Nome;\r\n ana08TipologiaAdattatori.Ana08Descrizione = this.state.Ana08Descrizione;\r\n\r\n //DEBUG PURPOSES\r\n // console.log(ana07TipologiaPresa);\r\n\r\n this.update(ana08TipologiaAdattatori);\r\n }\r\n\r\n //Effettua la chiamata alla API tramite reqwest per l'aggiornamento della tipologia presa\r\n update = (ana08TipologiaAdattatori = {}) => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.updateTipologiaAdattatori + this.props.Ana08Codice,\r\n method: 'put',\r\n data: {\r\n ana08TipologiaAdattatori: ana08TipologiaAdattatori\r\n },\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n },\r\n type: 'json',\r\n\r\n }).then(data => {\r\n this.setState(\r\n { visible: false },\r\n () => this.props.parentCallBack()\r\n )\r\n message.success('Tipologia adattatore modificato con successo', 5);\r\n });\r\n }\r\n\r\n renderContent() {\r\n\r\n const { TextArea } = Input;\r\n return (\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 \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 render() {\r\n return (\r\n \r\n } type=\"primary\" onClick={this.showModal}>\r\n Modifica\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n}","import React from 'react';\r\nimport { Button, Modal, message } from 'antd';\r\nimport reqwest from 'reqwest';\r\nimport { DeleteOutlined } from '@ant-design/icons';\r\nimport { handleResponse } from '../../../_helpers/handle-response';\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../../_helpers/webAPIRoute';\r\n\r\nexport class DeleteTipologiaAdattatori extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n Ana08Codice: ''\r\n };\r\n this.handleSubmitForm = this.handleSubmitForm.bind(this);\r\n }\r\n\r\n showModal = () => {\r\n this.setState({\r\n visible: true,\r\n });\r\n };\r\n\r\n handleCancel = e => {\r\n this.setState({\r\n visible: false,\r\n });\r\n };\r\n\r\n handleSubmitForm() {\r\n this.fetch(this.props.Ana08Codice);\r\n }\r\n\r\n fetch = (id = {}) => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.deleteTipologiaAdattatori + id,\r\n method: 'delete',\r\n type: 'json',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n this.setState({ visible: false }, () => this.props.parentCallback())\r\n },\r\n }).then(data => {\r\n this.setState({ visible: false },\r\n () => this.props.parentCallback())\r\n message.success('Tipo adattatore eliminato con successo', 5);\r\n });\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n {this.renderContent()}\r\n
\r\n \r\n \r\n } onClick={this.showModal} className=\"eliminaButton\">\r\n Elimina\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport { Table, Col, Row, Divider } from 'antd';\r\nimport reqwest from 'reqwest';\r\nimport 'antd/dist/antd.css';\r\nimport { handleResponse } from '../../../src/_helpers';\r\nimport { CreateTipologiaAdattatori } from '../TipologieAdattatori/CRUD/CreateTipologiaAdattatori';\r\nimport { EditTipologiaAdattatori } from '../TipologieAdattatori/CRUD/EditTipologiaAdattatori';\r\nimport { DeleteTipologiaAdattatori } from '../TipologieAdattatori/CRUD/DeleteTipologiaAdattatori';\r\n\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../_helpers/webAPIRoute';\r\n\r\nexport class IndexTipologieAdattatori extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n columns: [\r\n {\r\n title: 'Nome',\r\n dataIndex: 'ana08Nome',\r\n sorter: true,\r\n width: '20%',\r\n //...this.getColumnSearchProps('ana07DescrizioneTipoPresa'),\r\n },\r\n {\r\n title: 'Descrizione',\r\n dataIndex: 'ana08Descrizione',\r\n sorter: true,\r\n width: '55%',\r\n //...this.getColumnSearchProps('ana07DescrizioneTipoPresa'),\r\n },\r\n {\r\n title: '',\r\n dataIndex: 'ana08Codice',\r\n key: 'x',\r\n render: (text, row) =>\r\n Si è sicuri di voler eliminare il seguent adattatore?
\r\n \r\n\r\n \r\n
\r\n
\r\n }\r\n ],\r\n data: [], //Valori di ritorno dalla webAPI per le tipologie presa\r\n input: {\r\n Ana08Descrizione: '',\r\n //userId dell'utente connesso o del keeper in modifica\r\n userId: this.props.userId\r\n },\r\n searchText: '', //Testo ricercato nell'intestazione\r\n searchedColumn: '', //Colonna su cui si è effettuata la ricerca\r\n pagination: {},\r\n loading: false\r\n };\r\n }\r\n componentDidMount() {\r\n if (this.props.isAuthed === true && this.props.userId != undefined) {\r\n this.setState({\r\n ...this.state,\r\n input: {\r\n ...this.state.Input,\r\n userId: this.props.userId\r\n }\r\n }, () => { this.fetch() })\r\n }\r\n }\r\n //Funzione get colonnine (Index)\r\n fetch = () => {\r\n var token = localStorage.getItem('token');\r\n this.setState(\r\n {\r\n ...this.state,\r\n loading: true\r\n }\r\n )\r\n reqwest({\r\n url: webAPIRoute.getTipologiaAdattatori,\r\n method: 'get',\r\n contentType: 'application/x-www-form-urlencoded',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n this.setState(\r\n {\r\n ...this.state,\r\n loading: false\r\n }\r\n )\r\n handleResponse(err); return;\r\n }\r\n }).then(data => {\r\n //Resetta l'input di ricerca alla fine di questa\r\n this.setState({\r\n ...this.state,\r\n input: {\r\n ...this.state.input,\r\n Ana08Descrizione: ''\r\n },\r\n loading: false,\r\n data: data,\r\n });\r\n\r\n })\r\n };\r\n\r\n //Gestione paginazione\r\n handleTableChange = (pagination, filters, sorter) => {\r\n const pager = { ...this.state.pagination };\r\n pager.current = pagination.current;\r\n this.setState({\r\n pagination: pager,\r\n });\r\n };\r\n\r\n //Refresh tabella post operazione CRUD (richiamata da uno dei componenti figli Crea-Edit-Delete)\r\n callBackFunctionIndex = () => {\r\n this.fetch();\r\n };\r\n\r\n render() {\r\n return (\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}","import React from 'react';\r\nimport { Input, Button, Form, DatePicker } from 'antd';\r\nimport { AppstoreAddOutlined, ReloadOutlined } from '@ant-design/icons';\r\nimport 'antd/dist/antd.css';\r\nimport FormItem from 'antd/lib/form/FormItem';\r\n\r\n//Formato data\r\nconst dateFormat = 'YYYY-MM-DD';\r\n\r\nexport class FormSearchDriver extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n Ana15Nome: '',\r\n Ana15Cognome: '',\r\n Ana15CreatedDateFrom: null,\r\n Ana15CreatedDateTo: null,\r\n };\r\n\r\n this.handleChange = this.handleChange.bind(this);\r\n this.handleChangeDataFrom = this.handleChangeDataFrom.bind(this);\r\n this.handleChangeDataTo = this.handleChangeDataTo.bind(this);\r\n this.handleSubmit = this.handleSubmit.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n\r\n }\r\n\r\n //Riferimento al form\r\n formRef = React.createRef();\r\n\r\n //Resetta form e chiama la funzione callback per il reset dei filtri sul componente padre\r\n onReset = () => {\r\n this.formRef.current.resetFields();\r\n this.setState({\r\n Ana15Nome: '',\r\n Ana15Cognome: '',\r\n Ana15CreatedDateFrom: null,\r\n Ana15CreatedDateTo: null,\r\n })\r\n\r\n };\r\n //Binda la scrittura sui campi del form e ad ogni carattere inserito aggiorna il campo relativo\r\n //nello stato (binding avviene per name campo -> nome proprietà stato)\r\n handleChange(event) {\r\n const value = event.target.value;\r\n this.setState({\r\n [event.target.name]: value\r\n });\r\n }\r\n //Gestione data inizio, in create prende sempre il formato string (lo stato relativo alla\r\n //data è inizialmente null)\r\n handleChangeDataFrom(date, dateString) {\r\n this.setState({ Ana15CreatedDateFrom: dateString })\r\n }\r\n //Gestione data fine, in create prende sempre il formato string (lo stato relativo alla\r\n //data è inizialmente null)\r\n handleChangeDataTo(date, dateString) {\r\n this.setState({ Ana15CreatedDateTo: dateString })\r\n }\r\n //Gestisce il submit del form, al submit richiama la funzione sendData()\r\n handleSubmit(event) {\r\n event.preventDefault();\r\n this.sendData();\r\n }\r\n\r\n //Manda i dati del proprio stato (filtri) al componente padre (che li metterà nel suo di stato)\r\n sendData = () => {\r\n this.props.parentCallback(this.state)\r\n }\r\n\r\n //Chiama la funzione callback per il reset dei filtri sul componente padre.\r\n resetSearchOnParent = () => {\r\n this.props.callBackFunctionReset();\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\n","import React from 'react';\r\n\r\nimport { Form, Row, Col, Input, Button, Modal } from 'antd';\r\nimport moment from 'moment';\r\n\r\nimport reqwest from 'reqwest';\r\nimport { FileAddOutlined } from '@ant-design/icons';\r\nimport { handleResponse } from '../../_helpers/handle-response';\r\n\r\nimport { ResizableBox } from \"react-resizable\";\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../_helpers/webAPIRoute';\r\n\r\n\r\nexport class DettaglioPagamento extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n fetched: false,\r\n T002Codice: 0,\r\n T002Annullato: false,\r\n T002CodicePagamento: '',\r\n T002ImportoPagamento: '',\r\n T002DataPagamento: '',\r\n T002IdAspNetUsers: '',\r\n T002CodiceT003: 0,\r\n T002CodiceT008: 0\r\n };\r\n }\r\n\r\n //Aggiorna lo stato delle proprie variabili\r\n componentDidMount() {\r\n this.setState({\r\n ...this.state,\r\n T002Codice: this.props.T002Codice\r\n })\r\n }\r\n\r\n\r\n //Mostra la modale\r\n showModal = () => {\r\n this.setState(\r\n {\r\n visible: true,\r\n }, () => { this.fetch(this.props.T002Codice) }\r\n );\r\n };\r\n\r\n //Chiama la API per il recupero delle informazioni \"formali dell'utente\"\r\n fetch = (id) => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.getInfoPagamento + id,\r\n method: 'get',\r\n contentType: 'application/x-www-form-urlencoded',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n }\r\n }).then(data => {\r\n\r\n this.setState({\r\n ...this.state,\r\n fetched: true,\r\n T002Codice: data.t002Codice,\r\n T002Annullato: data.t002Annullato,\r\n T002CodicePagamento: data.t002CodicePagamento,\r\n T002ImportoPagamento: data.t002ImportoPagamento,\r\n T002DataPagamento: data.t002DataPagamento,\r\n T002IdAspNetUsers: data.t002IdAspNetUsers,\r\n T002CodiceT003: data.t002CodiceT003,\r\n T002CodiceT008: data.t002CodiceT003\r\n\r\n }, () => {\r\n //DEBUG PURPOSES\r\n //console.log(this.state)\r\n })\r\n\r\n })\r\n }\r\n\r\n //Chiude la modale\r\n handleCancel = e => {\r\n this.setState({\r\n visible: false,\r\n });\r\n };\r\n\r\n //Aggiorna lo stato del componente in base a quanto digitato nei form\r\n handleChangeForm(event) {\r\n const value = event.target.value;\r\n this.setState({\r\n [event.target.name]: value\r\n });\r\n }\r\n\r\n //Riferimento al form\r\n formRef = React.createRef();\r\n\r\n renderTipoPagamento() {\r\n if (this.state.T002CodiceT003 == 1) {\r\n return (Gestisci le tipologie di adattatori
\r\nPacchetto KiWih
)\r\n }\r\n else {\r\n return(Pagamento ricarica elettrica con carta prepagata
)\r\n }\r\n }\r\n\r\n render() {\r\n const pagamentoConValuta = this.state.T002ImportoPagamento + ' ' + '\\u20AC';\r\n return (\r\n < div >\r\n }\r\n onClick={this.showModal}>\r\n Dettaglio pagamento\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 \r\n\r\n );\r\n }\r\n}","import React from 'react';\r\nimport { Table, Col, Row, Divider } from 'antd';\r\nimport reqwest from 'reqwest';\r\nimport 'antd/dist/antd.css';\r\nimport { handleResponse } from '../../_helpers/handle-response';\r\n\r\nimport chargePointIcon from '../../Icons/chargePoint.png';\r\nimport kiWihIcon from '../../Icons/kiWih.png';\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../_helpers/webAPIRoute';\r\nimport { authenticationService } from '../../_services';\r\n\r\nimport moment from 'moment';\r\nimport { DettaglioPagamento } from './DettaglioPagamento';\r\n\r\nexport class IndexPagamentiEffettuati extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n columns: [\r\n {\r\n title: 'Data',\r\n dataIndex: 't002DataPagamento',\r\n sorter: true,\r\n render: (text, row) =>\r\n \r\n {\r\n moment(this.state.T002DataPagamento)\r\n .format('DD/MM/YYYY HH:mm')\r\n }\r\n
\r\n {this.renderTipoPagamento()}\r\n
\r\n {pagamentoConValuta}
\r\n {this.state.T002CodicePagamento}
\r\n \r\n {\r\n moment(row.t002DataPagamento)\r\n .format('DD/MM/YYYY HH:mm')\r\n }\r\n
\r\n },\r\n {\r\n title: 'Tipologia',\r\n dataIndex: 't002CodiceT008',\r\n sorter: true,\r\n render: (text, row) => {\r\n if (row.t002CodiceT008 == null) {\r\n return (\r\n \r\n
\r\n
\r\n }\r\n ],\r\n data: [], //Valori di ritorno dalla webAPI per le tipologie presa\r\n searchText: '', //Testo ricercato nell'intestazione\r\n searchedColumn: '', //Colonna su cui si è effettuata la ricerca\r\n pagination: {},\r\n loading: false,\r\n UserId: this.props.UserId\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.fetch();\r\n }\r\n\r\n //Funzione get colonnine (Index)\r\n fetch = () => {\r\n var token = localStorage.getItem('token');\r\n this.setState(\r\n {\r\n ...this.state,\r\n loading: true\r\n }\r\n )\r\n reqwest({\r\n url: webAPIRoute.getPagamentiEffettuati,\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n data: JSON.stringify(this.props.UserId),\r\n contentType: \"application/json\",\r\n error: function (err) {\r\n this.setState(\r\n {\r\n ...this.state,\r\n loading: false\r\n }\r\n )\r\n handleResponse(err); return;\r\n }\r\n }).then(data => {\r\n this.setState({\r\n ...this.state,\r\n loading: false,\r\n data: data,\r\n });\r\n\r\n })\r\n };\r\n\r\n //Gestione paginazione\r\n handleTableChange = (pagination, filters, sorter) => {\r\n const pager = { ...this.state.pagination };\r\n pager.current = pagination.current;\r\n this.setState({\r\n pagination: pager,\r\n });\r\n };\r\n\r\n //Refresh tabella post operazione CRUD (richiamata da uno dei componenti figli Crea-Edit-Delete)\r\n callBackFunctionIndex = () => {\r\n this.fetch();\r\n };\r\n\r\n renderTitolo() {\r\n var userRole = authenticationService.getUserRoleFromToken();\r\n if (userRole == \"Driver\") {\r\n return (\r\n <>\r\n Consulta qui i tuoi pagamenti su KiWih Charge
\r\n\r\n {this.renderTitolo()}\r\n \r\n
\r\n\r\n
\r\n );\r\n }\r\n}","import React from 'react';\r\nimport { Switch, Button, Form, DatePicker, Select, Row, Col, Input } from 'antd';\r\nimport 'antd/dist/antd.css';\r\nimport { AppstoreAddOutlined, ReloadOutlined } from '@ant-design/icons';\r\nimport { authenticationService } from '../../_services/authentication.service';\r\nimport { handleResponse } from '../../_helpers/handle-response';\r\nimport * as webAPIRoute from '../../_helpers/webAPIRoute';\r\n\r\nimport reqwest from 'reqwest';\r\n\r\n//Formato data\r\nconst dateFormat = 'YYYY-MM-DD';\r\nconst { Option } = Select;\r\n\r\nexport class FormSearchRicariche extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n T008StartChargeDate: null,\r\n T008StopChargeDate: null,\r\n T008IsFatturata: false,\r\n T008ColonnineDisponibili: [],\r\n T008ColonnineSelezionate: [],\r\n T008KeeperDisponibili: [],\r\n T008KeeperSelezionati: [],\r\n Drivers: [],\r\n DriverSelezionati: [],\r\n UserId: [],\r\n UserRole: null,\r\n loaded: false //Variabile che verrà settata a true solo a fine chiamata, cosi facendo aspetta la fine del fetch per fare il render\r\n };\r\n\r\n this.handleChangeDataFrom = this.handleChangeDataFrom.bind(this);\r\n this.handleChangeDataTo = this.handleChangeDataTo.bind(this);\r\n this.onSwitchFatturate = this.onSwitchFatturate.bind(this);\r\n this.handleSubmit = this.handleSubmit.bind(this);\r\n }\r\n\r\n //Gestisce a seconda del ruolo le schede dei filtri da visualizzare\r\n componentDidMount() {\r\n var userRole = authenticationService.getUserRoleFromToken();\r\n var userId = authenticationService.getUserIdFromToken();\r\n var joined = this.state.UserId.concat(userId);\r\n this.setState({\r\n ...this.state,\r\n UserId: joined,\r\n UserRole: userRole\r\n\r\n }, () => {\r\n if (this.state.UserRole == \"Admin\") {\r\n this.getKeeper();\r\n this.getDrivers();\r\n }\r\n else if (this.state.UserRole == \"Keeper\") {\r\n this.getColonnineKeeper();\r\n }\r\n })\r\n }\r\n\r\n //Riferimento al form\r\n formRef = React.createRef();\r\n\r\n //Resetta form e chiama la funzione callback per il reset dei filtri sul componente padre\r\n onReset = () => {\r\n this.formRef.current.resetFields();\r\n this.setState({\r\n T008StartChargeDate: null,\r\n T008StopChargeDate: null,\r\n T008ColonnineSelezionate: [],\r\n T008KeeperSelezionati: []\r\n });\r\n\r\n };\r\n\r\n //Gestione cambio data nella sezione filtri\r\n handleChangeDataFrom(date, dateString) {\r\n this.setState({ T008StartChargeDate: dateString }, () => {\r\n //DEBUG PURPOSES\r\n //console.log(this.state.T008StartChargeDate)\r\n })\r\n }\r\n\r\n //Gestissce lo Switch della parametro fatturato\r\n onSwitchFatturate(e) {\r\n this.setState({\r\n ...this.state,\r\n T008IsFatturata: e\r\n }, () => {\r\n //DEBUG PURPOSES\r\n //console.log(this.state.T008IsFatturata)\r\n });\r\n }\r\n\r\n //Gestione data fine, in create prende sempre il formato string (lo stato relativo alla\r\n //data è inizialmente null)\r\n handleChangeDataTo(date, dateString) {\r\n this.setState({ T008StopChargeDate: dateString })\r\n }\r\n\r\n //Gestisce il submit del form, al submit richiama la funzione sendData()\r\n handleSubmit(event) {\r\n event.preventDefault();\r\n this.sendData();\r\n }\r\n\r\n //Manda i dati del proprio stato (filtri) al componente padre (che li metterà nel suo di stato)\r\n sendData = () => {\r\n this.props.parentCallback(this.state)\r\n //DEBUG PURPOSES\r\n //console.log(\"stato send data filti\")\r\n //console.log(this.state)\r\n }\r\n\r\n //Chiama la funzione del padre per resettare i valori all'interno della sezione filtri\r\n resetSearchOnParent = () => {\r\n this.props.callBackFunctionReset();\r\n }\r\n\r\n //Gestione eventi Select dropdown delle colonnine \r\n onChangeSelectColonnine = colonnineSelezionate => {\r\n this.setState({\r\n ...this.state,\r\n T008ColonnineSelezionate: colonnineSelezionate,\r\n fetching: false,\r\n });\r\n };\r\n\r\n //Gestione eventi Select dropdown delle colonnine \r\n onChangeSelectDriver = driverSelezionato => {\r\n this.setState({\r\n ...this.state,\r\n DriverSelezionati: driverSelezionato,\r\n fetching: false,\r\n }, () => {\r\n //DEBUG PURPOSES\r\n console.log(\"filtri di dirvers\")\r\n console.log(this.state)\r\n\r\n });\r\n };\r\n\r\n //Gestione eventi Select dropdown dei Keeper \r\n onChangeSelectKeeper = KeeperSelezionati => {\r\n this.setState({\r\n ...this.state,\r\n T008KeeperSelezionati: KeeperSelezionati,\r\n fetching: false,\r\n }, () => { this.getColonnineKeeper() });\r\n };\r\n\r\n //Chiamata Web Api per visualizzare i keeper da filtrare\r\n getKeeper() {\r\n var token = localStorage.getItem('token');\r\n this.setState({\r\n ...this.state,\r\n T008KeeperDisponibili: [],\r\n loaded: true\r\n });\r\n\r\n reqwest({\r\n url: webAPIRoute.getKeeper,\r\n method: 'GET',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n }\r\n }).then(body => {\r\n const KeeperTrovati = body.map(\r\n col => ({\r\n text: `${col.ana13RagioneSociale != null ? col.ana13RagioneSociale : col.ana13Nome + \" \" + col.ana13Cognome}`,\r\n value: col.ana13Codice\r\n }));\r\n this.setState({\r\n ...this.state,\r\n T008KeeperDisponibili: KeeperTrovati,\r\n loaded: true\r\n });\r\n });\r\n }\r\n\r\n //Chiamata Web Api per visualizzare le colonnine da filtrare \r\n getColonnineKeeper() {\r\n var token = localStorage.getItem('token');\r\n this.setState({\r\n ...this.state,\r\n T008ColonnineDisponibili: [],\r\n fetching: true\r\n });\r\n\r\n reqwest({\r\n url: webAPIRoute.getColonnineKeeper,\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n data: JSON.stringify(this.state.UserId),\r\n contentType: \"application/json\",\r\n error: function (err) {\r\n handleResponse(err); return;\r\n }\r\n }).then(body => {\r\n const colonnineTrovate = body.map(col => ({\r\n text: `${col.ana01Descrizione}`,\r\n value: col.ana01Codice\r\n }));\r\n this.setState({\r\n ...this.state,\r\n T008ColonnineDisponibili: colonnineTrovate,\r\n loaded: true\r\n });\r\n });\r\n }\r\n\r\n //Chiamata Web Api per visualizzare le colonnine da filtrare \r\n getDrivers() {\r\n var token = localStorage.getItem('token');\r\n this.setState({\r\n ...this.state,\r\n Drivers: [],\r\n fetching: true\r\n });\r\n\r\n reqwest({\r\n url: webAPIRoute.getDrivers,\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n data: JSON.stringify(this.state.UserId),\r\n contentType: \"application/json\",\r\n error: function (err) {\r\n handleResponse(err); return;\r\n }\r\n }).then(body => {\r\n const driversTrovati = body.map(col => ({\r\n text: `${col.ana15Nome}` + ` ` + `${col.ana15Cognome}`,\r\n value: col.ana15Codice\r\n }));\r\n this.setState({\r\n ...this.state,\r\n Drivers: driversTrovati,\r\n loaded: true\r\n }, () => {\r\n\r\n //DEBUG PURPOSES\r\n //console.log(\"Drivers trovati\")\r\n //console.log(driversTrovati)\r\n\r\n });\r\n });\r\n }\r\n\r\n //Renderizza il pannello colonnine nei filtri\r\n renderSelectColonnine() {\r\n if (this.state.UserRole != \"Driver\") {\r\n if (this.state.loaded == true) {\r\n return (\r\n \r\n )\r\n } else {\r\n return ()\r\n }\r\n }\r\n }\r\n\r\n //Renderizza il pannello colonnine nei filtri\r\n renderSelectDriver() {\r\n if (this.state.UserRole != \"Driver\") {\r\n if (this.state.loaded == true) {\r\n return (\r\n \r\n )\r\n } else {\r\n return ()\r\n }\r\n }\r\n }\r\n\r\n //Renderizza il pannello della selezione dei keeper\r\n renderSelectKeeper() {\r\n if (this.state.UserRole == \"Admin\") {\r\n if (this.state.loaded == true) {\r\n return (\r\n )\r\n } else {\r\n return ()\r\n }\r\n }\r\n\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n );\r\n }\r\n}","import React from 'react';\r\n//import ReactToPdf from 'react-to-pdf';\r\nimport { Form, Row, Col, Input, Button, Modal, Select } from 'antd';\r\nimport moment from 'moment';\r\nimport { DettaglioRicarica } from '../RicaricheElettriche/DettaglioRicarica';\r\nimport { UncontrolledCollapse, Card, CardBody } from 'reactstrap';\r\n\r\nconst ref = React.createRef();\r\n\r\nexport class PDF extends React.Component {\r\n\r\n InfoFattura(formData) {\r\n //DEBUG PURPOSES\r\n //{console.log(\"valori props\")}\r\n //{console.log(formData)}\r\n \r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {/*\r\n // {({ toPdf }) => (\r\n // \r\n // Generate pdf\r\n // \r\n // )}\r\n //*/}\r\n
\r\n );\r\n }\r\n}\r\n\r\n","import React from 'react';\r\nimport {\r\n CheckOutlined, CloseOutlined\r\n} from '@ant-design/icons';\r\n\r\nimport { Form, Row, Col, Input, Button, Modal, Select } from 'antd';\r\nimport { SnippetsOutlined } from '@ant-design/icons';\r\nimport moment from 'moment';\r\n\r\nimport reqwest from 'reqwest';\r\nimport { FileAddOutlined } from '@ant-design/icons';\r\nimport { handleResponse } from '../../_helpers/handle-response';\r\n\r\nimport { ResizableBox } from \"react-resizable\";\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../_helpers/webAPIRoute';\r\nimport { authenticationService } from '../../_services/authentication.service';\r\nimport { PDF } from '../TEST_WEBSOCKET/PDF';\r\n\r\n\r\nconst dateFormat = 'YYYY-MM-DD';\r\nconst { Option } = Select;\r\n\r\n\r\nexport class DettaglioRicarica extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n fetched: false,\r\n ricaricaId: null,\r\n T008CodiceAna13: null,\r\n T008IdAspNetUsersDriver: null,\r\n T008TipologiaPagamento: null,\r\n T008CodiceAna01: null,\r\n T008StartChargeDate: null,\r\n T008StopChargeDate: null,\r\n T008KwhErogati: null,\r\n T008Esito: null,\r\n T008Importo: null,\r\n T008IsFatturata: null,\r\n T008CodiceAna01Navigation: null,\r\n T008CodiceAna13Navigation: null,\r\n T008IdAspNetUsersDriverNavigation: null,\r\n };\r\n\r\n this.handleSubmit = this.handleSubmit.bind(this);\r\n }\r\n\r\n //Aggiorna lo stato delle proprie variabili\r\n componentDidMount() {\r\n this.setState({\r\n ...this.state,\r\n ricaricaId: this.props.T008Codice,\r\n })\r\n }\r\n\r\n\r\n //Mostra la modale\r\n showModal = () => {\r\n this.setState(\r\n {\r\n ...this.state,\r\n visible: true,\r\n }, () => {\r\n this.fetch(this.props.T008Codice)\r\n }\r\n );\r\n };\r\n\r\n //Chiama la API per il recupero delle informazioni \"formali dell'utente\"\r\n fetch = (id) => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.getDettaglioRicarica + id,\r\n method: 'get',\r\n type: 'json',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n }\r\n }).then(data => {\r\n\r\n this.setState({\r\n ...this.state,\r\n fetched: true,\r\n T008CodiceAna13: data.t008CodiceAna13,\r\n T008IdAspNetUsersDriver: data.t008IdAspNetUsersDriver,\r\n T008CodiceAna01: data.t008CodiceAna01,\r\n T008StartChargeDate: data.t008StartChargeDate,\r\n T008StopChargeDate: data.t008StopChargeDate,\r\n T008KwhErogati: data.t008KwhErogati,\r\n T008Esito: data.t008CodiceT012,\r\n T008IsFatturata: data.t008IsFatturata,\r\n T008CodiceAna01Navigation: data.t008CodiceAna01Navigation,\r\n T008CodiceAna13Navigation: data.t008CodiceAna13Navigation,\r\n T008IdAspNetUsersDriverNavigation: data.t008IdAspNetUsersDriverNavigation,\r\n T008Importo: data.t008Importo,\r\n T008TipologiaPagamento: data.t008TipologiaPagamento\r\n\r\n }, () => {\r\n //DEBUG PURPOSES\r\n //console.log(this.state)\r\n })\r\n\r\n })\r\n }\r\n\r\n //Chiude la modale\r\n handleCancel = e => {\r\n this.setState({\r\n visible: false,\r\n });\r\n };\r\n\r\n //Aggiorna lo stato del componente in base a quanto digitato nei form\r\n handleChangeForm(event) {\r\n const value = event.target.value;\r\n this.setState({\r\n [event.target.name]: value\r\n });\r\n }\r\n\r\n //Funzione per renderizzare il nome del Keeper\r\n renderNomeKeeper() {\r\n if (this.state.fetched === true) {\r\n if (this.state.T008CodiceAna13Navigation !== null) {\r\n if (this.state.T008CodiceAna13Navigation.ana13IsAzienda == true) {\r\n return this.state.T008CodiceAna13Navigation.ana13RagioneSociale\r\n } else {\r\n return this.state.T008CodiceAna13Navigation.ana13Nome + \" \" + this.state.T008CodiceAna13Navigation.ana13Cognome\r\n }\r\n }\r\n else {\r\n return \"\";\r\n }\r\n\r\n }\r\n }\r\n\r\n //Funzione per renderizzare il nome della colonnina\r\n renderNomeColonnina() {\r\n if (this.state.T008CodiceAna13Navigation !== null) {\r\n if (this.state.fetched === true) {\r\n return this.state.T008CodiceAna01Navigation.ana01Descrizione\r\n }\r\n }\r\n else {\r\n return \"\";\r\n }\r\n }\r\n\r\n renderImporto() {\r\n\r\n //DEBUG PURPOSES\r\n //console.log(\"tipologia pagamento\")\r\n //console.log(this.state.T008TipologiaPagamento)\r\n\r\n if (this.state.fetched === true) {\r\n if (this.state.T008Importo == null) {\r\n return \" - \"\r\n }\r\n if (this.state.T008TipologiaPagamento == 0) {\r\n return this.state.T008Importo + \" Kiwih\"\r\n }\r\n if (this.state.T008TipologiaPagamento == 1) {\r\n return this.state.T008Importo + \" €\"\r\n }\r\n \r\n }\r\n }\r\n\r\n //funzione per renderizzare con l'icona l'esito della fattura\r\n renderStatoRicarica() {\r\n if (this.state.fetched === true)\r\n {\r\n if (this.state.T008Esito == 1)\r\n {\r\n return (<>Da avviare)\r\n }\r\n if (this.state.T008Esito == 2)\r\n {\r\n return (<>In Corso)\r\n }\r\n if (this.state.T008Esito == 3)\r\n {\r\n return (<>Abortita)\r\n }\r\n if (this.state.T008Esito == 4)\r\n {\r\n return (<>Terminata)\r\n }\r\n }\r\n }\r\n\r\n\r\n //funzione per renderizzare con l'icona l'esito della fattura\r\n renderEsitoFattura() {\r\n if (this.state.fetched === true) {\r\n if (this.state.T008IsFatturata == true) {\r\n return (\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 \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}","import React, { Component } from 'react';\r\nimport { Form, Col, Button, Modal, message, Spin, Row } from 'antd';\r\nimport { ResizableBox } from \"react-resizable\";\r\nimport { FileAddOutlined } from '@ant-design/icons';\r\nimport * as webAPIRoute from '../../_helpers/webAPIRoute';\r\nimport { handleResponse } from '../../_helpers/handle-response';\r\nimport { validateMessages } from '../../utility/FormValidator';\r\nimport reqwest from 'reqwest';\r\nimport { authenticationService } from '../../_services/authentication.service';\r\nimport moment from 'moment';\r\n\r\nexport class GestisciRicaricaInCorso extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n t008TransactionId: '',\r\n t008CodiceAna01: '',\r\n enableSpinner: true,\r\n enableStop: true,\r\n userId: authenticationService.getUserIdFromToken(),\r\n dataInizioRicarica: null,\r\n tempoErogazione: null,\r\n minutaggio: null,\r\n kwhErogati: null,\r\n statoRicarica: 2,\r\n };\r\n\r\n this.callRemoteStop = this.callRemoteStop.bind(this);\r\n this.renderMonitorLiveCharge = this.renderMonitorLiveCharge.bind(this);\r\n this.monitorLiveCharge = this.monitorLiveCharge.bind(this);\r\n }\r\n\r\n\r\n getValueAtParent() {\r\n this.setState({\r\n ...this.state,\r\n t008TransactionId: this.props.CodiceRicaricaInCorso.t008TransactionId,\r\n t008CodiceAna01: this.props.CodiceColonninaInRicarica.t008CodiceAna01,\r\n kwhErogati: this.props.KWHErogati.t008KwhErogati,\r\n dataInizioRicarica: this.props.DataInizioRicarica.t008StartChargeDate\r\n }, () => {\r\n //DEBUG PURPOSES\r\n //console.log(this.state)\r\n this.monitorLiveCharge()\r\n })\r\n }\r\n\r\n showModal = () => {\r\n this.setState({\r\n ...this.state,\r\n visible: true,\r\n }, () => {\r\n this.getValueAtParent()\r\n });\r\n }\r\n\r\n handleCancel = e => {\r\n this.setState({\r\n visible: false,\r\n });\r\n }\r\n\r\n //Riferimento al form\r\n formRef = React.createRef();\r\n\r\n\r\n //Renderizza il pulsante stop ricarica solo se questa è stata correttamente avviata\r\n renderStopButton() {\r\n if (this.state.enableStop == true) {\r\n return (\r\n\r\n {this.renderNomeKeeper()}
\r\n {this.renderNomeColonnina()}
\r\n {\r\n moment(this.state.T008StartChargeDate)\r\n .format('DD/MM/YYYY HH:mm:ss')\r\n }
\r\n {\r\n moment(this.state.T008StopChargeDate)\r\n .format('DD/MM/YYYY HH:mm:ss')\r\n }
\r\n {this.state.T008KwhErogati}
\r\n {this.renderStatoRicarica()}
\r\n {this.renderEsitoFattura()}
\r\n {this.renderImporto()}
\r\n \r\n\r\n
\r\n );\r\n }\r\n }\r\n\r\n //Renderizza lo spinner di caricametno sotto il pulsante\r\n renderSpinner() {\r\n if (this.state.enableSpinner == true) {\r\n return (\r\n \r\n
\r\n )\r\n } else {\r\n return (\r\n \r\n
\r\n )\r\n }\r\n }\r\n\r\n renderMonitorLiveCharge() {\r\n\r\n if (this.state.statoRicarica == 2) {\r\n return (\r\n \r\n
\r\n );\r\n\r\n } else {\r\n return (\r\n \r\n Avvio ricarica: \r\n {\r\n moment(this.state.dataInizioRicarica)\r\n .format('DD/MM/YYYY HH:mm:ss')\r\n }\r\n
\r\n\r\n Tempo trascorso: \r\n {this.state.minutaggio}\r\n
\r\n\r\n kWh Erogati: \r\n {this.state.kwhErogati}\r\n
\r\n\r\n\r\n
\r\n );\r\n }\r\n }\r\n\r\n //Chiama la webApi che farà richiesta di stop alla ricarica\r\n callRemoteStop() {\r\n //02/02/2021: ripristinare il prenotazioneId dello stato in input a remoteStartTransactionInput quando verranno riabilitate le prenotazioni\r\n //rimuovere colonninaId perchè forse non serivirà (controllare backend)\r\n var stop = {\r\n userId: this.state.userId,\r\n transactionId: this.state.t008TransactionId,\r\n colonninaId: this.state.t008CodiceAna01\r\n };\r\n\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.remoteStopTransaction,\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n data: JSON.stringify(stop),\r\n contentType: \"application/json\",\r\n error: function (err) {\r\n handleResponse(err); return;\r\n },\r\n }).then(data => {\r\n if (data.stopTransactionResponse === \"STOP\") {\r\n\r\n //Renderizza il pulsante di stop\r\n this.setState({\r\n ...this.state,\r\n enableSpinner: false,\r\n enableStop: false,\r\n enableStart: true,\r\n visible: false,\r\n transactionId: null,\r\n statoRicarica: 0\r\n }, () => { message.success('Ricarica terminata con successo!, controlla il resoconto nella sezione \"Le mie ricariche\" ', 5); })\r\n }\r\n else {\r\n this.setState({\r\n ...this.state,\r\n visible: false\r\n })\r\n message.warning('Impossibile stoppare la ricarica', 5);\r\n }\r\n });\r\n }\r\n\r\n renderContent() {\r\n return (\r\n \r\n
\r\n\r\n {this.renderMonitorLiveCharge()}\r\n\r\n Non temere, la tua ricarica Kiwih non è andata perduta!
\r\n\r\n }\r\n style={{ marginLeft: 8 }}\r\n onClick={this.showModal}\r\n >\r\n Gestisci\r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport reqwest from 'reqwest';\r\nimport { handleResponse } from '../../_helpers/handle-response';\r\nimport moment from 'moment';\r\nimport * as webAPIRoute from '../../_helpers/webAPIRoute';\r\nimport { authenticationService } from '../../_services';\r\nimport { Col, Table, Input, Button, Row, Tooltip } from 'antd';\r\nimport { GestisciRicaricaInCorso } from './GestisciRicaricaInCorso';\r\n\r\nexport default class RicaricheInCorso extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n //Dichiarazione Colonne da visualizzare\r\n columns: [\r\n {\r\n title: 'Tipo ricarica',\r\n key: 't008isWebApp',\r\n width: 80,\r\n render: (text, row) => {\r\n\r\n if (row.t008_IsWebApp == true) {\r\n return <>App\r\n } else {\r\n return <>Rfid/KeyFob\r\n }\r\n\r\n\r\n }\r\n },\r\n {\r\n title: 'Keeper',\r\n key: 't008IdAspNetUsersKeeper',\r\n width: 150,\r\n render: (text, row) => {\r\n if (row.t008CodiceAna13Navigation !== null && row.t008CodiceAna13Navigation !== undefined) {\r\n if (row.t008CodiceAna13Navigation.ana13IsAzienda == true) {\r\n return row.t008CodiceAna13Navigation.ana13RagioneSociale\r\n } else {\r\n return row.t008CodiceAna13Navigation.ana13Nome + \" \" + row.t008CodiceAna13Navigation.ana13Cognome\r\n }\r\n }\r\n else {\r\n return <>\r\n }\r\n\r\n }\r\n },\r\n {\r\n title: 'Colonnina',\r\n dataIndex: 't008CodiceAna13',\r\n key: 't008CodiceAna13',\r\n width: 150,\r\n render: (text, row) => {\r\n if (row.t008CodiceAna01Navigation !== null && row.t008CodiceAna13Navigation !== undefined) {\r\n return row.t008CodiceAna01Navigation.ana01Descrizione\r\n }\r\n }\r\n },\r\n {\r\n title: 'Data inizio ricarica',\r\n dataIndex: 't008StartChargeDate',\r\n key: 't008StartChargeDate',\r\n width: 150,\r\n render: (text, row) => {\r\n if (row.t008StartChargeDate !== null && row.t008StartChargeDate !== undefined) {\r\n return <>\r\n \r\n {this.renderContent()}\r\n
\r\n \r\n \r\n {\r\n moment(row.t008StartChargeDate)\r\n .format('DD/MM/YYYY HH:mm:ss')\r\n }\r\n
\r\n }\r\n else {\r\n return <>\r\n }\r\n }\r\n\r\n },\r\n {\r\n title: 'Stato',\r\n dataIndex: 't008Esito',\r\n key: 't008Esito',\r\n width: 100,\r\n render: (text, row) =>\r\n \r\n In Corso \r\n
\r\n\r\n },\r\n {\r\n title: 'Azioni',\r\n dataIndex: 't008Codice',\r\n key: 't008Codice',\r\n width: 100,\r\n render: (text, row) => {\r\n if (row.t008isWebApp == 1) {\r\n return (\r\n\r\n < div >\r\n \r\n x.t008TransactionId == row.t008TransactionId)}\r\n CodiceColonninaInRicarica={this.state.data.find(x => x.t008CodiceAna01 == row.t008CodiceAna01)}\r\n DataInizioRicarica={this.state.data.find(x => x.t008StartChargeDate == row.t008StartChargeDate)}\r\n KWHErogati={this.state.data.find(x => x.t008KwhErogati == row.t008KwhErogati)}\r\n parentCallback={this.callBackFunctionIndex}\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 UserId: null,\r\n data: [], //Valori di ritorno dalla webAPI per le colonnine\r\n loading: false //Caricamento non completato\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n var userId = authenticationService.getUserIdFromToken();\r\n this.setState({\r\n ...this.state,\r\n UserId: userId\r\n }, () => {\r\n this.fetch(this.state.UserId)\r\n })\r\n }\r\n\r\n //Funzione richiamabile dai componenti \"figli\", refresha la tabella dopo un'operazione CRUD \r\n callBackFunctionIndex = () => {\r\n this.fetch(1);\r\n };\r\n\r\n\r\n //Chiama la API per il recupero delle informazioni \"formali dell'utente\"\r\n fetch(userId) {\r\n var token = localStorage.getItem('token');\r\n this.setState(\r\n {\r\n ...this.state,\r\n loading: true\r\n }\r\n )\r\n reqwest({\r\n url: webAPIRoute.getRicaricheInCorso,\r\n method: 'post',\r\n data: JSON.stringify(userId),\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n // alert(\"Sono dentro all'errore\")\r\n handleResponse(err)\r\n this.setState({\r\n ...this.state,\r\n loading: false\r\n });\r\n }\r\n }).then(webApiResult => {\r\n this.setState({\r\n ...this.state,\r\n loading: false,\r\n data: webApiResult,\r\n });\r\n })\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport { Col, Table, Input, Button, Row, Tooltip } from 'antd';\r\nimport { SearchOutlined, FilterOutlined, CheckOutlined, CloseOutlined, ThunderboltOutlined } from '@ant-design/icons';\r\nimport Highlighter from 'react-highlight-words';\r\n\r\nimport { FormSearchRicariche } from './FormSearchRicariche';\r\nimport { UncontrolledCollapse, Card, CardBody } from 'reactstrap';\r\nimport reqwest from 'reqwest';\r\nimport { handleResponse } from '../../_helpers/handle-response';\r\nimport moment from 'moment';\r\nimport { DettaglioRicarica } from './DettaglioRicarica';\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../_helpers/webAPIRoute';\r\nimport { authenticationService } from '../../_services';\r\nimport RicaricheInCorso from './RicaricheInCorso';\r\n\r\nexport default class RicaricheDriver extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n //Dichiarazione Colonne da visualizzare\r\n columns: [\r\n {\r\n title: 'Tipo ricarica',\r\n key: 't008isWebApp',\r\n width: \"8%\",\r\n render: (text, row) => {\r\n\r\n if (row.t008_IsWebApp == true) {\r\n return <>App\r\n } else {\r\n return <>Rfid/KeyFob\r\n }\r\n\r\n\r\n }\r\n },\r\n {\r\n title: 'Keeper',\r\n key: 'nomeKeeper',\r\n width: \"18%\",\r\n render: (text, row) => {\r\n if (row.t008CodiceAna13Navigation !== null && row.t008CodiceAna13Navigation !== undefined) {\r\n if (row.t008CodiceAna13Navigation.ana13IsAzienda == true) {\r\n return row.t008CodiceAna13Navigation.ana13RagioneSociale\r\n } else {\r\n return row.t008CodiceAna13Navigation.ana13Nome + \" \" + row.t008CodiceAna13Navigation.ana13Cognome\r\n }\r\n }\r\n else {\r\n return <>\r\n }\r\n\r\n }\r\n },\r\n {\r\n title: 'Colonnina',\r\n key: 'colonninaErogatrice',\r\n width: 150,\r\n render: (text, row) => {\r\n if (row.t008CodiceAna01Navigation !== null && row.t008CodiceAna13Navigation !== undefined) {\r\n return row.t008CodiceAna01Navigation.ana01Descrizione\r\n }\r\n }\r\n\r\n },\r\n {\r\n title: 'Data inizio ricarica',\r\n dataIndex: 't008StartChargeDate',\r\n key: 't008StartChargeDate',\r\n width: 150,\r\n ...this.getColumnSearchProps('t008StartChargeDate'),\r\n render: (text, row) =>\r\n \r\n {\r\n moment(row.t008StartChargeDate)\r\n .format('DD/MM/YYYY HH:mm:ss')\r\n }\r\n
\r\n },\r\n {\r\n title: 'Data fine ricarica',\r\n dataIndex: 't008StopChargeDate',\r\n key: 't008StopChargeDate',\r\n width: 150,\r\n render: (text, row) =>\r\n \r\n {\r\n moment(row.t008StopChargeDate)\r\n .format('DD/MM/YYYY HH:mm:ss')\r\n }\r\n
\r\n },\r\n {\r\n title: 'kWh Erogati',\r\n dataIndex: 't008KwhErogati',\r\n key: 't008KwhErogati',\r\n width: \"6%\",\r\n },\r\n {\r\n title: 'Stato',\r\n dataIndex: 't008CodiceT012',\r\n key: 't008CodiceT012',\r\n width: \"5%\",\r\n render: (text, row) => {\r\n if (row.t008CodiceT012 == 1) {\r\n return (\r\n <>\r\n \r\n \r\n
\r\n
\r\n },\r\n ],\r\n //Campi input per la ricerca filtrata\r\n input: {\r\n T008StartChargeDate: null,\r\n T008StopChargeDate: null,\r\n T008IsFatturata: null,\r\n UserId: null\r\n },\r\n data: [], //Valori di ritorno dalla webAPI per le colonnine\r\n searchText: '', //Testo ricercato nell'intestazione\r\n searchedColumn: '', //Colonna su cui si è effettuata la ricerca\r\n loading: false //Caricamento non completato\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({\r\n ...this.state,\r\n input: {\r\n ...this.state.input,\r\n UserId: this.props.UserId\r\n }\r\n }, () => { this.fetch() })\r\n }\r\n\r\n //Resetta i dati dello stato relativi ai parametri di ricerca \r\n //(chiamato sempre dal componente figlio FormSearchRicaricheKeeper)\r\n callBackFunctionReset = () => {\r\n this.setState({\r\n ...this.state,\r\n input: {\r\n ...this.state.input,\r\n T008StartChargeDate: null,\r\n T008StopChargeDate: null,\r\n T008IsFatturata: null\r\n }\r\n },\r\n () => { this.fetch() }\r\n );\r\n }\r\n\r\n //Riceve i dati relativi ai filtri dal componente figlio FormSearchRicaricheKeeper\r\n callBackFunction = (formData) => {\r\n this.setState({\r\n ...this.state,\r\n input: {\r\n ...this.state.input,\r\n T008StartChargeDate: formData.T008StartChargeDate !== null ? moment(formData.T008StartChargeDate).format('YYYY-MM-DD HH:mm:ss') : null,\r\n T008StopChargeDate: formData.T008StopChargeDate !== null ? moment(formData.T008StopChargeDate).format('YYYY-MM-DD HH:mm:ss') : null,\r\n T008IsFatturata: formData.T008IsFatturata\r\n }\r\n }, () => { this.fetch() });\r\n }\r\n\r\n //Chiama la API per il recupero delle informazioni \"formali dell'utente\"\r\n fetch() {\r\n var token = localStorage.getItem('token');\r\n this.setState(\r\n {\r\n ...this.state,\r\n loading: true\r\n }\r\n )\r\n reqwest({\r\n url: webAPIRoute.getRicariche,\r\n method: 'POST',\r\n data: JSON.stringify(this.state.input),\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n //alert(\"Sono dentro all'errore\")\r\n handleResponse(err)\r\n this.setState({\r\n ...this.state,\r\n loading: false\r\n });\r\n }\r\n }).then(data => {\r\n //DEBUG PURPOSE\r\n //alert(\"ECCOMI!!!\")\r\n //console.log(\"Restituzione dei dati dle ricarica su front-end\")\r\n //console.log(data)\r\n this.setState({\r\n ...this.state,\r\n loading: false,\r\n data: data,\r\n });\r\n })\r\n };\r\n\r\n //Gestisce il submit del form, al submit richiama la funzione sendData()\r\n handleSearch = (selectedKeys, confirm, dataIndex) => {\r\n confirm();\r\n this.setState({\r\n searchText: selectedKeys[0],\r\n searchedColumn: dataIndex,\r\n });\r\n };\r\n\r\n //Reset\r\n handleReset = clearFilters => {\r\n clearFilters();\r\n this.setState({ searchText: '' });\r\n };\r\n\r\n renderTitolo() {\r\n var userRole = authenticationService.getUserRoleFromToken();\r\n if (userRole == \"Driver\") {\r\n return (\r\n
\r\n Consulta le tue ricariche sulla rete KiwihCharge
)\r\n }\r\n else {\r\n return ()\r\n }\r\n }\r\n\r\n //Funzione che filtra i dati presenti nella tabella visualizzata, tramite i parametri impostati nella cassella filtraggio \r\n getColumnSearchProps = dataIndex => ({\r\n filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters }) => (\r\n\r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys[0]}\r\n onChange={e => setSelectedKeys(e.target.value ? [e.target.value] : [])}\r\n onPressEnter={() => this.handleSearch(selectedKeys, confirm, dataIndex)}\r\n style={{ width: 188, marginBottom: 8, display: 'block' }}\r\n />\r\n this.handleSearch(selectedKeys, confirm, dataIndex)}\r\n icon={
\r\n ),\r\n filterIcon: filtered => \r\n {this.renderTitolo()}\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 }\r\n}\r\n","import {\r\n Form, Row, Col, Input, Button, Modal, InputNumber,\r\n message, DatePicker, Tabs, Switch, Tooltip, Popconfirm, Divider\r\n} from 'antd';\r\nimport { EuroCircleOutlined, UserOutlined, ThunderboltOutlined, EditOutlined, ControlOutlined, LikeOutlined } from '@ant-design/icons';\r\nimport { VscJson } from 'react-icons/vsc';\r\nimport { AiOutlineLeft } from 'react-icons/ai';\r\nimport { FaTrashAlt } from 'react-icons/fa';\r\nimport { BsFillCircleFill } from \"react-icons/bs\";\r\n\r\nimport React from 'react';\r\nimport reqwest from 'reqwest';\r\nimport { Ana15DriverCrudViewModel } from '../../../models/viewmodels/Ana15Driver/Ana15DriverCrudViewModel';\r\n\r\nimport moment from 'moment';\r\n\r\nimport { ResizableBox } from \"react-resizable\";\r\nimport { handleResponse } from '../../../_helpers/handle-response';\r\n\r\n//Messaggi di validazione per i form Ant Design\r\nimport { validateMessages } from '../../../utility/FormValidator';\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../../_helpers/webAPIRoute';\r\nimport { authenticationService } from '../../../_services';\r\nimport { IndexPagamentiEffettuati } from '../../../components/Pagamenti/IndexPagamentiEffettuati';\r\nimport RicaricheDriver from '../../RicaricheElettriche/RicaricheDriver';\r\n\r\n//Data minima selezionabile per la registrazione = oggi meno 18 anni.\r\nconst todayDate = new Date();\r\nconst minimumSelectDate = todayDate.setFullYear(todayDate.getFullYear() - 18);\r\nconst dateFormat = \"YYYY-MM-DD\";\r\nconst { TabPane } = Tabs;\r\n\r\n\r\nexport class EditDriver extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.lastFetchId = 0;\r\n this.state = {\r\n userId: '',\r\n Ana15Codice: '',\r\n Ana15Annullato: '',\r\n Ana15Nome: '',\r\n Ana15Cognome: '',\r\n Ana15DataNascita: '',\r\n Ana15Email: '',\r\n Ana15Password: '',\r\n Ana15CodiceFiscale: '',\r\n Ana15Cellulare: '',\r\n Ana15PortafoglioKiwih: 0,\r\n Rfiduid: '',\r\n KeyFobUid: '',\r\n EvcoId: '',\r\n Ana15MetodoPagamentoPredefinito: 0,\r\n Ana15IndirizzoSpedizioneKeyFob: '',\r\n Ana15ScontoCustom: false,\r\n Ana15PresenzaSconti: false,\r\n Ana15ScontoPersonalizzato: 0,\r\n Ana15IdAna19Navigation: null,\r\n Ana15DataInizioScontoCustom: null,\r\n Ana15DataFineScontoCustom: null,\r\n showGruppoScontistica: false,\r\n visible: false,\r\n renderForm: false\r\n };\r\n\r\n this.handleChangeForm = this.handleChangeForm.bind(this);\r\n this.handleSubmitForm = this.handleSubmitForm.bind(this);\r\n this.handleChangeDataNascita = this.handleChangeDataNascita.bind(this);\r\n this.handleChangeDataInizioSconto = this.handleChangeDataInizioSconto.bind(this);\r\n this.handleChangeDataFineSconto = this.handleChangeDataFineSconto.bind(this);\r\n this.onSwitchChange = this.onSwitchChange.bind(this);\r\n this.onSwitchChange2 = this.onSwitchChange2.bind(this);\r\n this.onSwitchScontisticaCustom = this.onSwitchScontisticaCustom.bind(this);\r\n this.onSwitchPresenzaScontiCustom = this.onSwitchPresenzaScontiCustom.bind(this);\r\n this.tarnishUser = this.tarnishUser.bind(this);\r\n }\r\n componentDidMount() {\r\n\r\n }\r\n\r\n //Apre la modale di edit e ne carica dentro i dati\r\n showModal = () => {\r\n this.setState({\r\n visible: true,\r\n }, () => {\r\n if (this.state.visible === true) {\r\n this.fetch(this.props.Ana15Codice)\r\n }\r\n });\r\n };\r\n\r\n //Chiude la modale e svuota il form\r\n handleCancel = e => {\r\n this.setState({\r\n visible: false,\r\n });\r\n };\r\n\r\n\r\n //Gestione cambio switch driver annullato\r\n onSwitchChange(e) {\r\n this.setState({\r\n ...this.state,\r\n Ana15Annullato: e\r\n }, () => {\r\n //DEBUG PURPOSES\r\n //console.log(this.state)\r\n });\r\n }\r\n\r\n //Gestione cambio switch metodo pagamento predefinito driver\r\n onSwitchChange2(e) {\r\n this.setState({\r\n ...this.state,\r\n Ana15MetodoPagamentoPredefinito: e\r\n }, () => {\r\n //DEBUG PURPOSES\r\n //console.log(this.state)\r\n });\r\n }\r\n\r\n //Gestione cambio switch sanzione custom (decide o no se mostrare eventuale gruppo scontistica)\r\n onSwitchScontisticaCustom(e) {\r\n //alert(e)\r\n if (e === false) {\r\n this.setState({\r\n ...this.state,\r\n Ana15ScontoCustom: e\r\n }, () => {\r\n //DEBUG PURPOSES\r\n //DEBUG PURPOSES\r\n //console.log(\"Sconti custom?\")\r\n //console.log(e)\r\n\r\n //console.log(\"Stato\")\r\n //console.log(this.state)\r\n });\r\n }\r\n else {\r\n this.setState({\r\n ...this.state,\r\n Ana15ScontoCustom: e\r\n }, () => {\r\n //DEBUG PURPOSES\r\n //console.log(\"Sconti custom?\")\r\n //console.log(e)\r\n\r\n //console.log(\"Stato\")\r\n //console.log(this.state)\r\n\r\n });\r\n }\r\n }\r\n\r\n renderEventualeGruppoScontistica()\r\n {\r\n //DEBUG PURPOSES\r\n console.log(\"this.state.Ana15IdAna19Navigation\")\r\n console.log(this.state.Ana15IdAna19Navigation)\r\n\r\n if (this.state.Ana15ScontoCustom === true)\r\n {\r\n console.log(\"this.state.showGruppoScontistica\")\r\n console.log(this.state.showGruppoScontistica)\r\n if (this.state.Ana15IdAna19Navigation !== null)\r\n {\r\n console.log(\"this.state.Ana15IdAna19Navigation\")\r\n console.log(this.state.Ana15IdAna19Navigation)\r\n return (\r\n <>Gruppo di appartenenza: {this.state.Ana15IdAna19Navigation.ana19NomeGruppoScontistica}\r\n );\r\n }\r\n else {\r\n\r\n console.log(\"this.state.Ana15IdAna19Navigation\")\r\n console.log(this.state.Ana15IdAna19Navigation)\r\n return (<>);\r\n } \r\n }\r\n else {\r\n\r\n return (<>);\r\n }\r\n }\r\n\r\n //Gestione cambio switch presenza sconti\r\n onSwitchPresenzaScontiCustom(e) {\r\n this.setState({\r\n ...this.state,\r\n Ana15PresenzaSconti: e\r\n }, () => {\r\n //DEBUG PURPOSES\r\n //console.log(this.state)\r\n });\r\n }\r\n\r\n //Aggiorna lo stato del componente in base a quanto digitato nei form\r\n handleChangeForm(event) {\r\n const value = event.target.value;\r\n this.setState({\r\n [event.target.name]: value\r\n });\r\n }\r\n\r\n //Gestione cambio data di nascita: se era settata al momento dell'edit il suo formato è Moment\r\n // e al cambio va reimpostato un moment, se viene cancellata invece accetta il formato null\r\n handleChangeDataNascita(date, dateString) {\r\n if (dateString !== '') {\r\n this.setState({ Ana15DataNascita: moment(dateString, dateFormat) })\r\n }\r\n else {\r\n this.setState({ Ana15DataNascita: null })\r\n }\r\n }\r\n\r\n handleChangeDataInizioSconto(date, dateString) {\r\n if (dateString !== '') {\r\n this.setState({ Ana15DataInizioScontoCustom: moment(dateString, dateFormat) })\r\n }\r\n else {\r\n this.setState({ Ana15DataInizioScontoCustom: null })\r\n }\r\n }\r\n handleChangeDataFineSconto(date, dateString) {\r\n if (dateString !== '') {\r\n this.setState({ Ana15DataFineScontoCustom: moment(dateString, dateFormat) })\r\n }\r\n else {\r\n this.setState({ Ana15DataFineScontoCustom: null })\r\n }\r\n }\r\n //Funzione che renderizza a video lo stato della richiesta KeyFob di un utente\r\n renderStatoKeyFob() {\r\n if (this.state.Ana15StatoKeyFob === null || this.state.Ana15StatoKeyFob === undefined) {\r\n return (<>\r\n \r\n \r\n \r\n \r\n \r\n \r\n Portafoglio Kiwih residuo: {this.state.Ana15PortafoglioKiwih} \r\n \r\n\r\n Richiesta KeyFob: \r\n
\r\n {this.renderStatoKeyFob()}\r\n \r\n\r\n
\r\n \r\n \r\n \r\n \r\n !d || d.isAfter(minimumSelectDate)}\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 {/* Notifica invio keyFob*/}\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 \r\n \r\n\r\n
\r\n )\r\n }\r\n else {\r\n return ();\r\n }\r\n\r\n }\r\n\r\n renderScontistica() {\r\n if (this.state.renderForm === true) {\r\n return (<>\r\n \r\n )\r\n }\r\n else {\r\n return (<>{this.state.renderForm})\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {this.renderStatoKeyFob()}\r\n \r\n\r\n
\r\n \r\n } type=\"primary\" onClick={this.showModal} className=\"defaultButton\">\r\n\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}","import React from 'react';\r\nimport { Row, Input, Button, Col, Table, Tabs, Tooltip, Divider } from 'antd';\r\nimport { SearchOutlined, FilterOutlined } from '@ant-design/icons';\r\nimport Highlighter from 'react-highlight-words';\r\nimport reqwest from 'reqwest';\r\nimport 'antd/dist/antd.css';\r\nimport * as webAPIRoute from '../../_helpers/webAPIRoute';\r\nimport { handleResponse } from '../../_helpers/handle-response';\r\nimport moment from 'moment';\r\nimport { FormSearchDriver } from './FormSearchDriver';\r\nimport { EditDriver } from './CRUD/EditDriver'\r\nimport { UncontrolledCollapse, Card, CardBody } from 'reactstrap';\r\n\r\nexport class IndexDriver extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n columns: [\r\n {\r\n title: 'Nome',\r\n dataIndex: 'ana15Nome',\r\n sorter: true,\r\n width: '25%',\r\n ...this.getColumnSearchProps('ana15Nome'),\r\n render: (text, row) => {\r\n if (row.ana15Nome !== null && row.ana15Nome !== undefined) {\r\n return <>\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 Gestione GDPR
\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {row.ana15Nome}
\r\n \r\n }\r\n else {\r\n return <>\r\n }\r\n }\r\n },\r\n {\r\n title: 'Cognome',\r\n dataIndex: 'ana15Cognome',\r\n width: '25%',\r\n ...this.getColumnSearchProps('ana15Cognome'),\r\n render: (text, row) => {\r\n if (row.ana15Cognome !== null && row.ana15Cognome !== undefined) {\r\n return <>\r\n {row.ana15Cognome}
\r\n \r\n }\r\n else {\r\n return <>\r\n }\r\n }\r\n },\r\n {\r\n title: 'Data registrazione',\r\n dataIndex: 'ana15CreatedDate',\r\n width: '25%',\r\n ...this.getColumnSearchProps('ana15CreatedDate'),\r\n render: (text, row) =>\r\n \r\n {\r\n moment(row.ana15CreatedDate)\r\n .format('DD/MM/YYYY - HH:mm')\r\n }\r\n
\r\n },\r\n {\r\n title: '',\r\n dataIndex: 'ana15Codice',\r\n width: '5%',\r\n key: 'x',\r\n render: (text, row) =>\r\n \r\n \r\n
\r\n
\r\n }\r\n ],\r\n input: {\r\n Ana15Nome: '',\r\n Ana15Cognome: '',\r\n Ana15CreatedDateFrom: null,\r\n Ana15CreatedDateTo: null,\r\n },\r\n\r\n data: [], //Valori di ritorno dalla webAPI per le tipologie presa\r\n render: false,\r\n searchText: '', //Testo ricercato nell'intestazione\r\n searchedColumn: '', //Colonna su cui si è effettuata la ricerca\r\n pagination: {},\r\n loading: false\r\n }\r\n }\r\n componentDidMount() {\r\n this.fetch();\r\n }\r\n\r\n //Funzione get colonnine (Index)\r\n fetch = () => {\r\n var token = localStorage.getItem('token');\r\n this.setState(\r\n {\r\n ...this.state,\r\n loading: true\r\n }\r\n )\r\n reqwest({\r\n url: webAPIRoute.getDrivers,\r\n method: 'post',\r\n data: {\r\n driverRequest: this.state.input\r\n },\r\n contentType: 'application/x-www-form-urlencoded',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n this.setState(\r\n {\r\n ...this.state,\r\n loading: false\r\n }\r\n )\r\n handleResponse(err); return;\r\n }\r\n }).then(data => {\r\n //Resetta l'input di ricerca alla fine di questa\r\n this.setState({\r\n ...this.state,\r\n loading: false,\r\n data: data,\r\n });\r\n\r\n })\r\n };\r\n\r\n handleTableChange = (pagination, filters, sorter) => {\r\n const pager = { ...this.state.pagination };\r\n pager.current = pagination.current;\r\n this.setState({\r\n pagination: pager,\r\n });\r\n };\r\n\r\n //GESTIONE RICERCA SU INTESTAZIONI\r\n //Ricerca\r\n handleSearch = (selectedKeys, confirm, dataIndex) => {\r\n confirm();\r\n this.setState({\r\n searchText: selectedKeys[0],\r\n searchedColumn: dataIndex,\r\n });\r\n };\r\n //GESTIONE PER SINCRONIA CHIAMATE, PRIMA EFFETTUA IL SET STATE E SOLO DOPO CHIAMA IL FETCH\r\n callBackFunction = (formData) => {\r\n this.setState({\r\n input: {\r\n ...this.state.input,\r\n Ana15Nome: formData.Ana15Nome,\r\n Ana15Cognome: formData.Ana15Cognome,\r\n Ana15CreatedDateFrom: formData.Ana15CreatedDateFrom !== null ? moment(formData.Ana15CreatedDateFrom).format('YYYY-MM-DD HH:mm:ss') : null,\r\n Ana15CreatedDateTo: formData.Ana15CreatedDateFrom !== null ? moment(formData.Ana15CreatedDateTo).format('YYYY-MM-DD HH:mm:ss') : null\r\n }\r\n },\r\n //DEBUG PURPOSES\r\n //() => { console.log(this.state) }\r\n () => { this.fetch() }\r\n );\r\n }\r\n // Resetta i dati dello stato relativi ai parametri di ricerca \r\n // (chiamato sempre dal componente figlio FormSearchDriver)\r\n callBackFunctionReset = () => {\r\n this.setState({\r\n ...this.state,\r\n input: {\r\n ...this.state.input,\r\n Ana15Nome: '',\r\n Ana15Cognome: '',\r\n Ana15CreatedDateFrom: null,\r\n Ana15CreatedDateTo: null,\r\n }\r\n },\r\n //DEBUG PURPOSES\r\n //() => { console.log(this.state) }\r\n () => { this.fetch() }\r\n );\r\n }\r\n //Funzione richiamabile dai componenti \"figli\", refresha la tabella dopo un'operazione CRUD \r\n callBackFunctionIndex = () => {\r\n this.fetch();\r\n };\r\n\r\n //Reset\r\n handleReset = clearFilters => {\r\n clearFilters();\r\n this.setState({ searchText: '' });\r\n };\r\n\r\n //Metodo di ricerca su intestazioni tabella\r\n getColumnSearchProps = dataIndex => ({\r\n filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters }) => (\r\n \r\n
\r\n \r\n\r\n
\r\n \r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys[0]}\r\n onChange={e => setSelectedKeys(e.target.value ? [e.target.value] : [])}\r\n onPressEnter={() => this.handleSearch(selectedKeys, confirm, dataIndex)}\r\n style={{ width: 188, marginBottom: 8, display: 'block' }}\r\n />\r\n this.handleSearch(selectedKeys, confirm, dataIndex)}\r\n icon={
\r\n ),\r\n filterIcon: filtered => Gestisci i tuoi Driver
\r\nI Miei dati
\r\n\r\n {row.ana01Indirizzo} - {row.ana01Comune}\r\n
\r\n },\r\n {\r\n title: 'Azioni',\r\n dataIndex: 'ana01Codice',\r\n key: 'x',\r\n width: '15%',\r\n render: (text, row) =>\r\n \r\n \r\n
\r\n
\r\n }\r\n ],\r\n data: [], //Dati sulle colonnine passati come props dal container gestoreDati \r\n currentPage: 1, //Pagina corrente \r\n pagination: {},\r\n loading: false, //Spinner caricamento tabella\r\n render: false\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n //Screma le colonnine associate al keeper (di proprietà e assegnate) prendendo solo quelle assegnate a lui dall'Admin\r\n var colonnineInGestione = this.props.data.ana01ColonnineRifornimento.filter(x => x.ana01IdAspNetUsersCreator !== this.props.userId);\r\n\r\n //Setta nello stato la lista di colonnine associate (gestite) provenienti dal componente padre\r\n var joined = this.state.data.concat(colonnineInGestione);\r\n\r\n this.setState({\r\n data: joined, //esempio corretto di pushing dentro un array di stato (pusha oggetto in array)\r\n render: true\r\n })\r\n }\r\n\r\n //Funzione richiamabile dal componente edit colonnina in gestione, a sua volta chiama la funzione del componente padre\r\n //GestoreDati per il refresh delle info del keeper in edit.\r\n callBackFunctionIndex = () => {\r\n this.props.parentCallback()\r\n };\r\n\r\n //Reset\r\n handleReset = clearFilters => {\r\n clearFilters();\r\n this.setState({ searchText: '' });\r\n };\r\n\r\n //Metodo di ricerca su intestazioni tabella\r\n getColumnSearchProps = dataIndex => ({\r\n filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters }) => (\r\n \r\n
\r\n \r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys[0]}\r\n onChange={e => setSelectedKeys(e.target.value ? [e.target.value] : [])}\r\n onPressEnter={() => this.handleSearch(selectedKeys, confirm, dataIndex)}\r\n style={{ width: 188, marginBottom: 8, display: 'block' }}\r\n />\r\n this.handleSearch(selectedKeys, confirm, dataIndex)}\r\n icon={
\r\n ),\r\n filterIcon: filtered => \r\n Colonnine Gestite \r\n
\r\n )\r\n } else {\r\n return ()\r\n }\r\n }\r\n}\r\n","import React from 'react';\r\nimport { Tabs, Typography, Form, Row, Col, Input, Button, message, DatePicker, Divider } from 'antd';\r\nimport reqwest from 'reqwest';\r\nimport './custom.css';\r\nimport 'antd/dist/antd.css';\r\nimport { DatabaseOutlined, ApiOutlined, EuroCircleOutlined, KeyOutlined } from '@ant-design/icons';\r\nimport { GestoriDati } from '../KEEPER_SIDE/GestoreDati';\r\nimport { IndexColonnineInGestione } from '../KEEPER_SIDE/IndexColonnineInGestione';\r\n//import { IndexColonnineRifornimento } from '../../ColonnineRifornimento/IndexColonnineRifornimento';\r\nimport { handleResponse } from '../../../_helpers/handle-response';\r\nimport { authenticationService } from '../../../_services/authentication.service';\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../../_helpers/webAPIRoute';\r\nimport { Ana13KeeperCredentialsCrudViewModel } from '../../../models/viewmodels/Ana13GestoreColonnina/CRUD/Ana13KeeperCredentialsCrudViewModel';\r\n\r\nconst { Title } = Typography;\r\nconst { TabPane } = Tabs;\r\n\r\nconst layout = {\r\n labelCol: {\r\n span: 8,\r\n },\r\n wrapperCol: {\r\n span: 16,\r\n },\r\n};\r\nconst tailLayout = {\r\n wrapperCol: {\r\n offset: 12,\r\n span: 16,\r\n },\r\n};\r\nexport class MyProfileKeeper extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n userId: this.props.userId,\r\n data: [], //Dati relativi al Keeper (colonnine proprie e gestite incluse, con prese associate)\r\n renderGestoreDati: false,\r\n renderGestoreStazioni: false,\r\n renderForm: false,\r\n Ana13Email: '',\r\n Ana13NuovaEmail: '',\r\n Ana13Password: '',\r\n Ana13NuovaPassword: '',\r\n newPasswordAgain: '',\r\n }\r\n this.handleSubmitFormCredentials = this.handleSubmitFormCredentials.bind(this);\r\n this.handleChangeForm = this.handleChangeForm.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n this.fetch(this.props.userId)\r\n }\r\n\r\n callBackFunctionIndex = () => {\r\n this.setState({\r\n renderGestoreDati: true,\r\n renderGestoreStazioni: true,\r\n renderForm: true,\r\n }, () => {\r\n this.fetch(this.props.userId)\r\n })\r\n }\r\n\r\n //Chiama la API per il recupero del keeper in questione (Edit in get)\r\n fetch(userId) {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.getGestoreOwner,\r\n method: 'post',\r\n data: JSON.stringify(userId),\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n },\r\n }).then(data => {\r\n this.setState({\r\n data: data,\r\n renderGestoreDati: true,\r\n renderGestoreStazioni: true,\r\n renderForm: true,\r\n Ana13Email: data.ana13Email\r\n }, () => {\r\n\r\n //DEBUG PURPOSES\r\n //console.log(\"Gestore owner settato\")\r\n //console.log(this.state)\r\n })\r\n })\r\n }\r\n\r\n //Renderizza il keeper passandogli i dati ritornati dal controller (data) come prop\r\n renderGestoreDati() {\r\n if (this.state.renderGestoreDati === true) {\r\n return (\r\n \r\n {/*Le mie colonnine \r\n \r\n *
\r\n )\r\n }\r\n else {\r\n return ()\r\n }\r\n }\r\n\r\n //Aggiorna lo stato del componente in base a quanto digitato nei form\r\n handleChangeForm(event) {\r\n const value = event.target.value;\r\n this.setState({\r\n [event.target.name]: value\r\n }\r\n //Debug purposes\r\n //() => { console.log(this.state) }\r\n );\r\n }\r\n //Consente il corretto cambio di credenziali sia a livello di ANA13 che di aspnetusers\r\n renderCambioCredenzialiKeeper() {\r\n if (this.state.renderForm === true) {\r\n return (\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 {/*Ana13NuovaPassword: '',*/}\r\n {/*newPasswordAgain: '',*/}\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 render() {\r\n return (\r\n Credenziali
\r\n\r\n }\r\n onClick={this.showModal}>\r\n Acquista pacchetto da {this.props.T013Quantita} KiWih a {this.props.T013PrezzoEuro} euro\r\n \r\n\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\n","import React from 'react';\r\nimport { Table, Col, Row } from 'antd';\r\nimport reqwest from 'reqwest';\r\nimport 'antd/dist/antd.css';\r\nimport { handleResponse } from '../../_helpers/handle-response';\r\nimport { ModaleAcquistaKiwih } from './ModaleAcquistaKiwih';\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../_helpers/webAPIRoute';\r\n\r\n\r\nexport class IndexPacchettiKiWihDriver extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n columns: [\r\n {\r\n title: 'Pacchetto',\r\n //Per renderizzare oggetti nidificati in data[] bisogna usare il render\r\n dataIndex: 't013NomePacchettoKiWih',\r\n width: '20%',\r\n },\r\n {\r\n title: 'Descrizione',\r\n dataIndex: 't013DescrizionePacchettoKiWih',\r\n width: '40%',\r\n },\r\n {\r\n title: '',\r\n dataIndex: 't013Codice',\r\n key: 'x',\r\n width: '15%',\r\n render: (text, row) =>\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 Con {this.props.NomePacchetto} potrai usufruire di {this.props.T013Quantita} crediti Kiwih a soli {this.props.T013PrezzoEuro} euro per le tue ricariche elettriche\r\n Acquista ora!\r\n
\r\n\r\n \r\n\r\n \r\n
\r\n
\r\n }\r\n ],\r\n data: [],\r\n pagination: {},\r\n loading: false\r\n };\r\n }\r\n\r\n //Solo se si è connessi al sistema e si è in edit della colonnina (prop colonninaId mandata\r\n // dal componente padre editColonnina) allora fa il fetch delle eventuali prese\r\n //già associate a quella colonnina altrimenti non fa nulla\r\n componentDidMount() {\r\n this.fetch();\r\n }\r\n\r\n componentWillMount() {\r\n\r\n }\r\n\r\n //Funzione richiamabile dai componenti \"figli\", refresha la tabella dopo un'operazione CRUD \r\n callBackFunctionIndex = () => {\r\n this.props.parentCallBack();\r\n };\r\n\r\n //Gestione paginazione\r\n handleTableChange = (pagination, filters, sorter) => {\r\n const pager = { ...this.state.pagination };\r\n pager.current = pagination.current;\r\n this.setState({\r\n pagination: pager,\r\n });\r\n };\r\n\r\n //Funzione get prese elettriche da database (chiamata solo in edit colonnina)\r\n fetch = () => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.getPacchettiKiWihDriver,\r\n method: 'get',\r\n contentType: 'application/x-www-form-urlencoded',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n }\r\n }).then(data => {\r\n //Resetta l'input di ricerca alla fine di questa\r\n this.setState({\r\n loading: false,\r\n data: data,\r\n });\r\n })\r\n };\r\n\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React, { useState, useEffect } from \"react\";\r\nimport {\r\n CardElement,\r\n useStripe,\r\n useElements\r\n} from \"@stripe/react-stripe-js\";\r\n\r\nimport * as webAPIRoute from '../../_helpers/webAPIRoute';\r\nimport reqwest from 'reqwest';\r\nimport { handleResponse } from '../../_helpers/handle-response';\r\nimport \"./StripeElementCss.css\";\r\nimport { authenticationService } from '../../_services/authentication.service';\r\n\r\nexport default function AggiungiMetodoPagamentoForm(props) {\r\n const [succeeded, setSucceeded] = useState(false);\r\n const [error, setError] = useState(null);\r\n const [processing, setProcessing] = useState('');\r\n const [disabled, setDisabled] = useState(true);\r\n const [clientSecret, setClientSecret] = useState('');\r\n const [cusCode, setCusCode] = useState('');\r\n const stripe = useStripe();\r\n const elements = useElements();\r\n\r\n useEffect(() => {\r\n var token = localStorage.getItem('token');\r\n var userId = authenticationService.getUserIdFromToken();\r\n\r\n reqwest({\r\n url: webAPIRoute.retreiveCustomer,\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n data: JSON.stringify(userId),\r\n contentType: \"application/json\",\r\n error: function (err) {\r\n handleResponse(err); return;\r\n }\r\n }).then(response => {\r\n if (response.response != \"\") {\r\n setCusCode(response.str01Id);\r\n\r\n ////DEBUG PURPOSES\r\n //console.log(\"Cliente stripe ottenuto:\");\r\n //console.log(response.str01Id);\r\n //console.log(\"cusId\");\r\n //console.log(cusCode)\r\n }\r\n else {\r\n //DEBUG PURPOSES\r\n //console.log(\"Cliente stripe da creare\");\r\n reqwest({\r\n url: webAPIRoute.createCustomer,\r\n method: \"POST\",\r\n body: JSON.stringify(userId),\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n 'Content-Type': 'application/json',\r\n },\r\n data: JSON.stringify(userId),\r\n contentType: \"application/json\",\r\n error: function (err) {\r\n handleResponse(err); return;\r\n }\r\n }).then(response => {\r\n setCusCode(response.id);\r\n })\r\n }\r\n })\r\n }, []);\r\n\r\n const cardStyle = {\r\n style: {\r\n base: {\r\n color: \"#32325d\",\r\n fontFamily: 'Arial, sans-serif',\r\n fontSmoothing: \"antialiased\",\r\n fontSize: \"16px\",\r\n \"::placeholder\": {\r\n color: \"#32325d\"\r\n }\r\n },\r\n invalid: {\r\n color: \"#fa755a\",\r\n iconColor: \"#fa755a\"\r\n }\r\n }\r\n };\r\n\r\n const handleChange = async (event) => {\r\n // Listen for changes in the CardElement\r\n // and display any errors as the customer types their card details\r\n setDisabled(event.empty);\r\n setError(event.error ? event.error.message : \"\");\r\n };\r\n\r\n const handleSubmit = async ev => {\r\n ev.preventDefault();\r\n setProcessing(true);\r\n\r\n const payload = await stripe\r\n .createPaymentMethod({\r\n type: 'card',\r\n card: elements.getElement(CardElement)\r\n })\r\n\r\n if (payload.error) {\r\n //alert(\"ERRORE\")\r\n setError(`Payment failed ${payload.error.message}`);\r\n setProcessing(false);\r\n }\r\n else {\r\n\r\n //Richiama l'ATTACH di Stripe usando il cusCode e il pmCode\r\n var attachPayementViewModel = { userId: authenticationService.getUserIdFromToken(), pmCode: payload.paymentMethod.id, cusCode: cusCode }\r\n var token = localStorage.getItem('token');\r\n\r\n reqwest({\r\n url: webAPIRoute.attachPayementMethod,\r\n method: \"POST\",\r\n data: JSON.stringify(attachPayementViewModel),\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n 'Content-Type': 'application/json',\r\n },\r\n contentType: \"application/json\",\r\n error: function (err) {\r\n handleResponse(err); return;\r\n setError(null);\r\n setProcessing(false);\r\n setSucceeded(true);\r\n }\r\n }).then(response => {\r\n //Richiama la funzione callback che aggionra la ant table dei metodi di pagamento\r\n props.parentCallback();\r\n setError(null);\r\n setProcessing(false);\r\n setSucceeded(true);\r\n })\r\n }\r\n };\r\n\r\n return (\r\n \r\n );\r\n}\r\n","import React from 'react';\r\nimport reqwest from 'reqwest';\r\nimport { Form, Row, Col, Input, Button, Modal, message } from 'antd';\r\nimport { FileAddOutlined } from '@ant-design/icons';\r\nimport { ResizableBox } from \"react-resizable\";\r\n//import CardSetupForm from './Stripe_frontend_object/AggiungiCarta/CardSetupForm';\r\n\r\nimport { loadStripe } from \"@stripe/stripe-js\";\r\nimport { Elements } from \"@stripe/react-stripe-js\";\r\nimport AggiungiMetodoPagamentoForm from '../Pagamenti/AggiungiMetodoPagamentoForm';\r\n\r\n//const promise = loadStripe(\"pk_test_51IG2fEJWoJwLFRyiKEzge7776PYF9npxCxon5eyONZij1N8eyLTNEKGnA5jm2zLj2u8zPzqE5fzJ53nAkB7Q2ldi00DR05qRCN\");\r\n\r\nconst promise = loadStripe(window.stripeKey);\r\n\r\nexport class AggiungiMetodoPagamentoModal extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n userId: '',\r\n fetching: false,\r\n visible: false,\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({\r\n ...this.state,\r\n userId: this.props.userId,\r\n })\r\n }\r\n\r\n //Mostra la modale\r\n showModal = () => {\r\n this.setState(\r\n {\r\n visible: true,\r\n }\r\n );\r\n };\r\n\r\n //Chiude la modale e svuota il form\r\n handleCancel = e => {\r\n this.setState({\r\n visible: false,\r\n }, () => {/*richiama funzione aggiornamento tabella metodi pagamento*/ });\r\n };\r\n\r\n //Chiude la modale e richiama la funzione callback sul componente padre \"IndexMetodiPagamento\" per il refresh\r\n //(con fetch) della ant table\r\n callBackFunctionIndex = () => {\r\n this.handleCancel();\r\n this.props.parentCallBack();\r\n };\r\n\r\n render() {\r\n const { TextArea } = Input;\r\n return (\r\n Acquista il pacchetto KiWih più adatto a te
\r\n\r\n\r\n }\r\n onClick={this.showModal}\r\n >\r\n\r\n Aggiungi modalità pagamento\r\n\r\n \r\n\r\n \r\n
\r\n );\r\n }\r\n}","import React from 'react';\r\nimport { Button, Modal, message, Tooltip } from 'antd';\r\nimport reqwest from 'reqwest';\r\nimport { DeleteOutlined } from '@ant-design/icons';\r\nimport { handleResponse } from '../../_helpers/handle-response';\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../_helpers/webAPIRoute';\r\n\r\nexport class EliminaMetodoPagamento extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n T001Codice: '',\r\n visible: false\r\n };\r\n this.handleSubmitForm = this.handleSubmitForm.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({\r\n ...this.state,\r\n T011Codice: this.props.T011Codice,\r\n })\r\n }\r\n\r\n showModal = () => {\r\n this.setState({\r\n visible: true,\r\n });\r\n };\r\n\r\n handleCancel = e => {\r\n this.setState({\r\n visible: false,\r\n });\r\n };\r\n\r\n handleSubmitForm() {\r\n this.fetch(this.state.T011Codice);\r\n }\r\n\r\n fetch = (t011Codice = {}) => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.deleteMetodoPagamento,\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n data: JSON.stringify(t011Codice),\r\n error: function (err) {\r\n handleResponse(err); return;\r\n },\r\n }).then(data => {\r\n this.setState({ visible: false },\r\n () => this.props.parentCallback())\r\n message.success('Metodo di pagamento eliminato con successo', 5);\r\n });\r\n }\r\n\r\n\r\n render() {\r\n return (\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 } onClick={this.showModal}>\r\n \r\n\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport { Button, message, Tooltip } from 'antd';\r\nimport reqwest from 'reqwest';\r\nimport { PlusCircleFilled } from '@ant-design/icons';\r\nimport { handleResponse } from '../../_helpers/handle-response';\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../_helpers/webAPIRoute';\r\n\r\nexport class SelezionaMetodoPagamento extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n T001Codice: '',\r\n };\r\n this.handleSubmitForm = this.handleSubmitForm.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({\r\n ...this.state,\r\n T011Codice: this.props.T011Codice,\r\n })\r\n }\r\n\r\n handleSubmitForm() {\r\n this.fetch(this.state.T011Codice);\r\n }\r\n\r\n fetch = (id = {}) => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.selezionaMetodoPagamento,\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n data: JSON.stringify(id),\r\n error: function (err) {\r\n handleResponse(err); return;\r\n },\r\n }).then(data => {\r\n this.setState({ visible: false },\r\n () => this.props.parentCallback())\r\n message.success('Metodo di pagamento predefinito impostato con successo!', 5);\r\n });\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n Si è sicuri di voler eliminare il seguente metodo di pagamento?
\r\n \r\n\r\n \r\n } onClick={this.handleSubmitForm}>\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport { Table, Col, Row } from 'antd';\r\nimport reqwest from 'reqwest';\r\nimport 'antd/dist/antd.css';\r\nimport { handleResponse } from '../../_helpers/handle-response';\r\nimport { AggiungiMetodoPagamentoModal } from './AggiungiMetodoPagamentoModal';\r\nimport { EliminaMetodoPagamento } from './EliminaMetodoPagamento';\r\nimport { SelezionaMetodoPagamento } from './SelezionaMetodoPagamento';\r\nimport { CheckOutlined, CloseOutlined } from '@ant-design/icons';\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../_helpers/webAPIRoute';\r\nimport { authenticationService } from '../../_services';\r\n\r\nexport class IndexMetodiPagamento extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n columns: [\r\n {\r\n title: 'Brand',\r\n dataIndex: 't011CardBrand',\r\n sorter: false,\r\n width: '10%',\r\n },\r\n {\r\n title: 'Ultime 4 cifre',\r\n dataIndex: 't011LastFourDigit',\r\n sorter: false,\r\n width: '10%',\r\n },\r\n {\r\n title: 'Metodo corrente',\r\n dataIndex: 't011metodoCorrente',\r\n key: 't011metodoCorrente',\r\n width: '10%',\r\n render: (text, row) => {\r\n if (row.t011MetodoCorrente == true) {\r\n return (\r\n \r\n
\r\n
\r\n }\r\n ],\r\n data: [], //Valori di ritorno dalla webAPI per le tipologie presa\r\n searchText: '', //Testo ricercato nell'intestazione\r\n searchedColumn: '', //Colonna su cui si è effettuata la ricerca\r\n pagination: {},\r\n loading: false\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.fetch();\r\n }\r\n\r\n //Funzione get metodi pagamento (Index)\r\n fetch = () => {\r\n var token = localStorage.getItem('token');\r\n var userId = authenticationService.getUserIdFromToken();\r\n\r\n this.setState(\r\n {\r\n ...this.state,\r\n loading: true\r\n }\r\n )\r\n reqwest({\r\n url: webAPIRoute.getMetodiPagamento,\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n data: JSON.stringify(userId),\r\n contentType: \"application/json\",\r\n error: function (err) {\r\n this.setState(\r\n {\r\n ...this.state,\r\n loading: false\r\n }\r\n )\r\n handleResponse(err); return;\r\n }\r\n }).then(data => {\r\n this.setState({\r\n ...this.state,\r\n loading: false,\r\n data: data,\r\n });\r\n\r\n })\r\n };\r\n\r\n //Gestione paginazione\r\n handleTableChange = (pagination, filters, sorter) => {\r\n const pager = { ...this.state.pagination };\r\n pager.current = pagination.current;\r\n this.setState({\r\n pagination: pager,\r\n });\r\n };\r\n\r\n //Refresh tabella post operazione CRUD richiamata dal componente figlio EliminaMetodoPagamento\r\n callBackFunctionIndex = () => {\r\n this.fetch();\r\n };\r\n\r\n render() {\r\n return (\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}","import React from 'react';\r\nimport reqwest from 'reqwest';\r\nimport { handleResponse } from '../../_helpers/handle-response';\r\nimport { Divider } from 'antd';\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../_helpers/webAPIRoute';\r\n\r\nimport { authenticationService } from '../../_services';\r\nimport { Ana15DriverReintegroViewModel } from '../../models/viewmodels/Ana15Driver/Ana15DriverReintegroViewModel';\r\n\r\nimport { IndexPacchettiKiWihDriver } from './IndexPacchettiKiWihDriver';\r\nimport { IndexMetodiPagamento } from '../Pagamenti/IndexMetodiPagamento';\r\n\r\n\r\nexport class PortafoglioKiWih extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n userId: null,\r\n KiwihResidui: 0,\r\n reintegroAutomatico: false,\r\n email: \"\"\r\n }\r\n this.onSwitchReintegro = this.onSwitchReintegro.bind(this);\r\n this.handleSubmitForm = this.handleSubmitForm.bind(this);\r\n this.callBackFunctionIndex = this.callBackFunctionIndex.bind(this);\r\n this.renderKiWihResidui = this.renderKiWihResidui.bind(this);\r\n\r\n //DEBUG PURPOSES\r\n //this.testBloccoDenaro = this.testBloccoDenaro.bind(this);\r\n //this.testSbloccaDenaro = this.testSbloccaDenaro.bind(this);\r\n //this.testCatturaDenaro = this.testCatturaDenaro.bind(this);\r\n //this.redirect3ds = this.redirect3ds.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({\r\n ...this.state,\r\n userId: authenticationService.getUserIdFromToken(),\r\n email: authenticationService.getUserEmailFromToken()\r\n }, () => {\r\n this.fetch(this.state.userId)\r\n })\r\n }\r\n\r\n //Gestione cambio switch gestoreAbilitato\r\n onSwitchReintegro(e) {\r\n this.setState({\r\n ...this.state,\r\n reintegroAutomatico: e\r\n });\r\n }\r\n\r\n //Chiama la API per il recupero del gestore in questione (Edit in get)\r\n fetch(id) {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.getKiwihUtente,\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n data: JSON.stringify(id),\r\n contentType: \"application/json\",\r\n error: function (err) {\r\n handleResponse(err); return;\r\n },\r\n }).then(data => {\r\n this.setState({\r\n ...this.state,\r\n KiwihResidui: data.kiwihResidui,\r\n reintegroAutomatico: data.reintegroAutomatico\r\n }, () => {\r\n\r\n })\r\n })\r\n }\r\n\r\n renderKiWihResidui() {\r\n return (\r\n I tuoi Kiwih residui sono: {this.state.KiwihResidui}
\r\n )\r\n }\r\n\r\n handleSubmitForm() {\r\n var reintegro = new Ana15DriverReintegroViewModel();\r\n reintegro.userId = this.state.userId;\r\n reintegro.reintegro = this.state.reintegroAutomatico;\r\n\r\n this.aggiornaPreferenza(reintegro);\r\n }\r\n\r\n //Refresha la quantità di KiWih (funzione chiamata dal componente figlio AcquistaKiWih)\r\n callBackFunctionIndex = () => {\r\n this.fetch(this.state.userId);\r\n }\r\n\r\n render() {\r\n return (\r\n\r\n {/* {this.renderKiWihResidui()}*/}\r\n
\r\n )\r\n }\r\n}\r\n","import React from 'react';\r\nimport {\r\n Form, Row, Col, Input, Button, message, DatePicker, Tabs, Divider\r\n}\r\n from 'antd';\r\n\r\nimport moment from 'moment';\r\nimport reqwest from 'reqwest';\r\n\r\nimport { handleResponse } from '../../_helpers/handle-response';\r\nimport { Ana15DriverCrudViewModel } from '../../models/viewmodels/Ana15Driver/Ana15DriverCrudViewModel';\r\nimport { Ana15DriverCredentialsCrudViewModel } from '../../models/viewmodels/Ana15Driver/Ana15DriverCredentialsCrudViewModel';\r\nimport { EuroCircleOutlined, UserOutlined, WalletOutlined, KeyOutlined } from '@ant-design/icons';\r\nimport { PortafoglioKiWih } from '../Pagamenti/PortafoglioKiWih';\r\nimport { IndexPagamentiEffettuati } from '../../components/Pagamenti/IndexPagamentiEffettuati';\r\n\r\n//Messaggi di validazione per i form Ant Design\r\nimport { validateMessages } from '../../utility/FormValidator';\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../_helpers/webAPIRoute';\r\nimport { authenticationService } from '../../_services';\r\n\r\n//Data minima selezionabile per la registrazione = oggi meno 18 anni.\r\nconst todayDate = new Date();\r\nconst minimumSelectDate = todayDate.setFullYear(todayDate.getFullYear() - 18);\r\nconst dateFormat = 'YYYY-MM-DD';\r\nconst { TabPane } = Tabs;\r\n\r\n\r\nconst layout = {\r\n labelCol: {\r\n span: 8,\r\n },\r\n wrapperCol: {\r\n span: 16,\r\n },\r\n};\r\nconst tailLayout = {\r\n wrapperCol: {\r\n offset: 12,\r\n span: 16,\r\n },\r\n};\r\n\r\nexport class MyDriverProfile extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n Ana15Codice: '',\r\n Ana15Annullato: '',\r\n Ana15Nome: '',\r\n Ana15Cognome: '',\r\n Ana15DataNascita: '',\r\n Ana15Email: '',\r\n Ana15NuovaEmail: '',\r\n Ana15Password: '',\r\n Ana15NuovaPassword: '',\r\n newPasswordAgain: '',\r\n Ana15CodiceFiscale: '',\r\n Ana15IndirizzoSpedizioneKeyFob: '',\r\n Ana15Cellulare: '',\r\n renderForm: false\r\n }\r\n\r\n this.handleChangeForm = this.handleChangeForm.bind(this);\r\n this.handleSubmitForm = this.handleSubmitForm.bind(this);\r\n this.handleSubmitFormCredentials = this.handleSubmitFormCredentials.bind(this);\r\n this.handleChangeDataNascita = this.handleChangeDataNascita.bind(this);\r\n }\r\n componentDidMount() {\r\n this.fetch(this.props.userId);\r\n }\r\n\r\n //Aggiorna lo stato del componente in base a quanto digitato nei form\r\n handleChangeForm(event) {\r\n const value = event.target.value;\r\n this.setState({\r\n [event.target.name]: value\r\n }\r\n //Debug purposes\r\n //() => { console.log(this.state) }\r\n );\r\n }\r\n\r\n //Gestione cambio data di nascita: se era settata al momento dell'edit il suo formato è Moment\r\n // e al cambio va reimpostato un moment, se viene cancellata invece accetta il formato null\r\n handleChangeDataNascita(date, dateString) {\r\n if (dateString !== '') {\r\n this.setState({ Ana15DataNascita: moment(dateString, dateFormat) })\r\n }\r\n else {\r\n this.setState({ Ana15DataNascita: null })\r\n }\r\n }\r\n\r\n //Chiama la API per il recupero del gestore in questione (Edit in get)\r\n fetch(userId) {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.GetDriverIdentityId,\r\n method: 'post',\r\n data: JSON.stringify(userId),\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n },\r\n }).then(data => {\r\n this.setState({\r\n userId: data.userId,\r\n Ana15Annullato: data.ana15Annullato,\r\n Ana15Codice: data.ana15Codice,\r\n Ana15Nome: data.ana15Nome,\r\n Ana15Cognome: data.ana15Cognome,\r\n Ana15DataNascita: data.ana15DataNascita === null ? null : moment(data.ana15DataNascita, dateFormat),\r\n Ana15Email: data.ana15Email,\r\n Ana15CodiceFiscale: data.ana15CodiceFiscale,\r\n Ana15Cellulare: data.ana15Cellulare,\r\n Ana15IndirizzoSpedizioneKeyFob: data.ana15IndirizzoSpedizioneKeyFob,\r\n renderForm: true\r\n })\r\n })\r\n }\r\n\r\n handleSubmitForm() {\r\n var ana15Driver = new Ana15DriverCrudViewModel();\r\n ana15Driver.userId = this.props.userId;\r\n ana15Driver.Ana15Codice = this.state.Ana15Codice;\r\n ana15Driver.Ana15Nome = this.state.Ana15Nome;\r\n ana15Driver.Ana15Cognome = this.state.Ana15Cognome;\r\n ana15Driver.Ana15DataNascita = this.state.Ana15DataNascita === null ? null : moment(this.state.Ana15DataNascita).format();\r\n ana15Driver.ana15CodiceFiscale = this.state.Ana15CodiceFiscale;\r\n ana15Driver.ana15Cellulare = this.state.Ana15Cellulare;\r\n ana15Driver.ana15IndirizzoSpedizioneKeyFob = this.state.Ana15IndirizzoSpedizioneKeyFob;\r\n\r\n //DEBUG PURPOSES\r\n //console.log(\"NuovoDriver My Profile\");\r\n //console.log(ana15Driver);\r\n\r\n this.update(ana15Driver)\r\n }\r\n\r\n handleSubmitFormCredentials() {\r\n var ana15Driver = new Ana15DriverCredentialsCrudViewModel();\r\n ana15Driver.aspNetUserId = authenticationService.getUserIdFromToken();\r\n ana15Driver.oldEmail = this.state.Ana15Email;\r\n ana15Driver.newEmail = this.state.Ana15NuovaEmail;\r\n ana15Driver.oldPassword = this.state.Ana15Password;\r\n ana15Driver.newPassword = this.state.Ana15NuovaPassword;\r\n ana15Driver.newPasswordAgain = this.state.newPasswordAgain;\r\n\r\n //DEBUG PURPOSES\r\n //console.log(\"Nuove credenziali Driver My Profile\");\r\n //console.log(ana15Driver);\r\n\r\n //console.log(this.state.Ana15NuovaPassword);\r\n //console.log(this.state.newPasswordAgain);\r\n\r\n this.updateCredentials(ana15Driver)\r\n }\r\n\r\n update = (ana15Driver) => {\r\n\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.updateDriver,\r\n method: \"POST\",\r\n body: JSON.stringify(ana15Driver),\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n 'Content-Type': 'application/json',\r\n },\r\n data: JSON.stringify(ana15Driver),\r\n contentType: \"application/json\",\r\n error: function (err) {\r\n handleResponse(err); return;\r\n }\r\n }).then(response => {\r\n message.success('Dati modificati con successo!', 3);\r\n })\r\n\r\n }\r\n\r\n\r\n //Salvataggio credenziali driver\r\n updateCredentials = (ana15Driver) => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.updateCredentials,\r\n method: \"POST\",\r\n body: JSON.stringify(ana15Driver),\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n 'Content-Type': 'application/json',\r\n },\r\n data: JSON.stringify(ana15Driver),\r\n contentType: \"application/json\",\r\n error: function (err) {\r\n handleResponse(err); return;\r\n }\r\n }).then(response => {\r\n message.success('Dati modificati con successo!', 3);\r\n })\r\n }\r\n\r\n renderForm() {\r\n if (this.state.renderForm === true) {\r\n return (\r\n \r\n \r\n
\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n\r\n I tuoi metodi di pagamento
\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 !d || d.isAfter(minimumSelectDate)}\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 } else {\r\n return ()\r\n }\r\n\r\n }\r\n\r\n renderFormCredentials() {\r\n if (this.state.renderForm === true) {\r\n return (\r\n I miei dati
\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 {/*Ana15NuovaPassword: '',*/}\r\n {/*newPasswordAgain: '',*/}\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 render() {\r\n return (\r\n Credenziali
\r\n\r\n {\r\n moment(row.t008StartSession)\r\n .format('DD/MM/YYYY HH:mm:ss')\r\n }\r\n
\r\n }\r\n else {\r\n return <>\r\n }\r\n }\r\n },\r\n {\r\n title: 'Inizio ricarica',\r\n dataIndex: 't008StartChargeDate',\r\n key: 't008StartChargeDate',\r\n \r\n ...this.getColumnSearchProps('t008StartChargeDate'),\r\n render: (text, row) =>\r\n \r\n {\r\n moment(row.t008StartChargeDate)\r\n .format('DD/MM/YYYY HH:mm:ss')\r\n }\r\n
\r\n },\r\n {\r\n title: 'Fine ricarica',\r\n dataIndex: 't008StopChargeDate',\r\n key: 't008StopChargeDate',\r\n \r\n ...this.getColumnSearchProps('t008StopChargeDate'),\r\n render: (text, row) =>\r\n \r\n {\r\n moment(row.t008StopChargeDate)\r\n .format('DD/MM/YYYY HH:mm:ss')\r\n }\r\n
\r\n },\r\n {\r\n title: 'Fine sessione',\r\n dataIndex: 't008StopSession',\r\n key: 't008StopSession',\r\n width: \"10%\",\r\n render: (text, row) => {\r\n if (row.t008StopSession !== null && row.t008StopSession !== undefined) {\r\n return <>\r\n \r\n {\r\n moment(row.t008StopSession)\r\n .format('DD/MM/YYYY HH:mm:ss')\r\n }\r\n
\r\n }\r\n else {\r\n return <>\r\n }\r\n }\r\n },\r\n {\r\n title: 'kWh',\r\n dataIndex: 't008KwhErogati',\r\n key: 't008KwhErogati',\r\n \r\n ...this.getColumnSearchProps('t008KwhErogati')\r\n },\r\n {\r\n title: 'Fatturata',\r\n dataIndex: 't008IsFatturata',\r\n key: 't008IsFatturata',\r\n \r\n render: (text, row) => {\r\n if (row.t008IsFatturata == true) {\r\n return (\r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys[0]}\r\n onChange={e => setSelectedKeys(e.target.value ? [e.target.value] : [])}\r\n onPressEnter={() => this.handleSearch(selectedKeys, confirm, dataIndex)}\r\n style={{ width: 188, marginBottom: 8, display: 'block' }}\r\n />\r\n this.handleSearch(selectedKeys, confirm, dataIndex)}\r\n icon={
\r\n ),\r\n filterIcon: filtered => \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","import React, { Component } from 'react';\r\nimport { Col, Table, Input, Button, Row, Tooltip, Divider } from 'antd';\r\nimport { SearchOutlined, FilterOutlined, CheckOutlined, CloseOutlined, ThunderboltOutlined } from '@ant-design/icons';\r\nimport * as webAPIRoute from '../../../_helpers/webAPIRoute';\r\nimport reqwest from 'reqwest';\r\nimport { handleResponse } from '../../../_helpers/handle-response';\r\nimport { FormSearchRicariche } from '../FormSearchRicariche';\r\nimport { UncontrolledCollapse, Card, CardBody } from 'reactstrap';\r\nimport Highlighter from 'react-highlight-words';\r\nimport moment from 'moment';\r\nimport { authenticationService } from '../../../_services/authentication.service';\r\n\r\n\r\n\r\nexport class RicaricheAdmin extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n columns: [\r\n {\r\n title: 'Tipo ricarica',\r\n key: 't008isWebApp',\r\n width: \"10%\",\r\n render: (text, row) => {\r\n\r\n if (row.t008_IsWebApp == true) {\r\n return <>App\r\n } else {\r\n return <>Rfid/KeyFob\r\n }\r\n\r\n\r\n }\r\n },\r\n {\r\n title: 'Driver',\r\n dataIndex: 'nomeDriverCompleto',\r\n key: 'nomeDriverCompleto',\r\n width: \"10%\"\r\n\r\n },\r\n {\r\n title: 'Keeper',\r\n dataIndex: 'nomeKeeper',\r\n key: 'nomeKeeper',\r\n width: \"10%\"\r\n\r\n },\r\n {\r\n title: 'Colonnina',\r\n dataIndex: 'colonninaErogatrice',\r\n key: 'colonninaErogatrice',\r\n width: \"21%\"\r\n\r\n\r\n }, {\r\n title: 'Inizio sessione',\r\n dataIndex: 't008StartSession',\r\n key: 't008StartSession',\r\n width: \"10%\",\r\n render: (text, row) => {\r\n if (row.t008StartSession !== null && row.t008StartSession !== undefined) {\r\n return <>\r\n Consulta tutte le ricariche sulle tue colonnine
\r\n\r\n {\r\n moment(row.t008StartSession)\r\n .format('DD/MM/YYYY HH:mm:ss')\r\n }\r\n
\r\n }\r\n else {\r\n return <>\r\n }\r\n }\r\n },\r\n {\r\n title: 'Inizio ricarica',\r\n dataIndex: 't008StartChargeDate',\r\n key: 't008StartChargeDate',\r\n width: \"10%\",\r\n render: (text, row) => {\r\n if (row.t008StartChargeDate !== null && row.t008StartChargeDate !== undefined) {\r\n return <>\r\n \r\n {\r\n moment(row.t008StartChargeDate)\r\n .format('DD/MM/YYYY HH:mm:ss')\r\n }\r\n
\r\n }\r\n else {\r\n return <>\r\n }\r\n }\r\n },\r\n {\r\n title: 'Fine ricarica',\r\n dataIndex: 't008StopChargeDate',\r\n key: 't008StopChargeDate',\r\n width: \"10%\",\r\n render: (text, row) => {\r\n if (row.t008StopChargeDate !== null && row.t008StopChargeDate !== undefined) {\r\n return <>\r\n \r\n {\r\n moment(row.t008StopChargeDate)\r\n .format('DD/MM/YYYY HH:mm:ss')\r\n }\r\n
\r\n }\r\n else {\r\n return <>\r\n }\r\n }\r\n },\r\n {\r\n title: 'Fine sessione',\r\n dataIndex: 't008StopSession',\r\n key: 't008StopSession',\r\n width: \"10%\",\r\n render: (text, row) => {\r\n if (row.t008StopSession !== null && row.t008StopSession !== undefined) {\r\n return <>\r\n \r\n {\r\n moment(row.t008StopSession)\r\n .format('DD/MM/YYYY HH:mm:ss')\r\n }\r\n
\r\n }\r\n else {\r\n return <>\r\n }\r\n }\r\n },\r\n {\r\n title: 'Stato',\r\n dataIndex: 't008CodiceT012',\r\n key: 't008CodiceT012',\r\n width: \"5%\",\r\n render: (text, row) => {\r\n if (row.t008CodiceT012 == 1) {\r\n return (\r\n <>\r\n \r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys[0]}\r\n onChange={e => setSelectedKeys(e.target.value ? [e.target.value] : [])}\r\n onPressEnter={() => this.handleSearch(selectedKeys, confirm, dataIndex)}\r\n style={{ width: 188, marginBottom: 8, display: 'block' }}\r\n />\r\n this.handleSearch(selectedKeys, confirm, dataIndex)}\r\n icon={
\r\n ),\r\n filterIcon: filtered => \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","import React from 'react';\r\nimport reqwest from 'reqwest';\r\nimport { Form, Row, Col, Input, Button, Modal, message, InputNumber, Tooltip, DatePicker, Select, Spin } from 'antd';\r\nimport { EditOutlined } from '@ant-design/icons';\r\nimport { ResizableBox } from \"react-resizable\";\r\nimport moment from 'moment';\r\n\r\n//Messaggi di validazione per i form Ant Design\r\nimport { validateMessages } from '../../../../utility/FormValidator';\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../../../_helpers/webAPIRoute';\r\nimport { handleResponse } from '../../../../_helpers/handle-response';\r\n\r\n//Formato data\r\nconst dateFormat = 'YYYY-MM-DD';\r\n\r\nconst { Option } = Select;\r\n\r\nexport class EditTariffarioHubject extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n Hub05Annullato: null,\r\n Hub05IdHub04: null,\r\n Hub05IdAna10: null,\r\n Hub05PotenzaMin: null,\r\n Hub05PotenzaMax: null,\r\n Hub05CostoEuroKwh: null,\r\n Hub05CostoKiwihKwh: null,\r\n Hub05DataInizioValidita: null,\r\n Hub05DataFineValidita: null,\r\n\r\n Hub04AnagraficaOperatori: [], //operatore Hubject pre-esistente\r\n operatoriDisponibili: [], //operatori Hubject disponibili\r\n operatoreSelezionato: [], //operatore Hubject selezionato\r\n\r\n Ana10TipologiaCorrente: [], //tipologia corrente pre-esistente\r\n tipologieCorrenteDisponibili: [], //tipologia di correnti disponibili\r\n tipologiaCorrenteSelezionata: [], //tipologia di corrente selezionata\r\n }\r\n\r\n this.handleChangeForm = this.handleChangeForm.bind(this);\r\n this.handleSubmitForm = this.handleSubmitForm.bind(this);\r\n this.handleChangeDataInizio = this.handleChangeDataInizio.bind(this);\r\n this.handleChangeDataFine = this.handleChangeDataFine.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n\r\n }\r\n\r\n //Riferimento al form\r\n formRef = React.createRef();\r\n\r\n //Mostra la modale\r\n showModal = () => {\r\n this.setState(\r\n {\r\n visible: true,\r\n }, () => {\r\n this.fetch(this.props.hub05Id)\r\n });\r\n };\r\n\r\n //Effettua la chiamata alla API tramite reqwest\r\n fetch = (id = {}) => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.getTariffaHubject + id,\r\n method: 'get',\r\n type: 'json',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n }\r\n }).then(data => {\r\n //DEBUG PURPOSES\r\n //console.log(\"Ritorno da API getTariffaHubject\")\r\n //console.log(data)\r\n //alert(data.hub05DataInizioValidita)\r\n //alert(data.hub05DataFineValidita)\r\n\r\n this.setState({\r\n ...this.state,\r\n visible: true,\r\n Hub05Annullato: data.hub05Annullato,\r\n Hub05IdHub04: data.hub05IdHub04,\r\n Hub05IdAna10: data.hub05IdAna10,\r\n Hub05PotenzaMin: data.hub05PotenzaMin,\r\n Hub05PotenzaMax: data.hub05PotenzaMax,\r\n Hub05CostoEuroKwh: data.hub05EuroKwh,\r\n Hub05CostoKiwihKwh: data.hub05KiwihKwh, \r\n Hub05DataInizioValidita: data.hub05DataInizioValidita === null ? null : moment(data.hub05DataInizioValidita, \"YYYY-MM-DD\"),\r\n Hub05DataFineValidita: data.hub05DataFineValidita === null ? null : moment(data.hub05DataFineValidita, \"YYYY-MM-DD\"),\r\n\r\n Hub04AnagraficaOperatori: [\r\n ...this.state.Hub04AnagraficaOperatori,\r\n data.hub05IdHub04Navigation\r\n ],\r\n\r\n Ana10TipologiaCorrente: [\r\n ...this.state.Ana10TipologiaCorrente,\r\n data.hub05IdAna10Navigation\r\n ],\r\n }, () => {\r\n this.getTipologieCorrente()\r\n\r\n //DEBUG PURPOSES\r\n //console.log(\"Stato tariffario in edit\");\r\n //console.log(this.state);\r\n })\r\n })\r\n }\r\n\r\n //Aggiorna lo stato del componente in base a quanto digitato nei form\r\n handleChangeForm(event) {\r\n const value = event.target.value;\r\n this.setState({\r\n [event.target.name]: value\r\n }, () => {\r\n //DEBUG PURPOSES\r\n console.log(value)\r\n });\r\n }\r\n\r\n //Chiude la modale e svuota il form\r\n handleCancel = e => {\r\n this.setState({\r\n visible: false,\r\n }, () => this.onReset());\r\n };\r\n\r\n //Resetta form\r\n onReset = () => {\r\n //this.formRef.current.resetFields();\r\n };\r\n\r\n //Gestione data inizio, in create prende sempre il formato string (lo stato relativo alla\r\n //data è inizialmente null)\r\n handleChangeDataInizio(date, dateString) {\r\n this.setState({ Hub05DataInizioValidita: dateString })\r\n }\r\n\r\n //Gestione data inizio, in create prende sempre il formato string (lo stato relativo alla\r\n //data è inizialmente null)\r\n handleChangeDataFine(date, dateString) {\r\n this.setState({ Hub05DataFineValidita: dateString })\r\n }\r\n //Gestisce il cambio del tipo di corrente da dropdown\r\n handleChangeSelectCorrente = tipologiaCorrenteSelezionata => {\r\n\r\n //DEBUG PURPOSES\r\n //console.log(\"tipologiaCorrenteSelezionata\")\r\n //console.log(tipologiaCorrenteSelezionata)\r\n\r\n this.setState({\r\n ...this.state,\r\n tipologiaCorrenteSelezionata\r\n });\r\n };\r\n\r\n //Gestisce il cambio dell'operatore Hubject'\r\n handleChangeOperatoreHubject = operatoreSelezionato => {\r\n this.setState({\r\n ...this.state,\r\n operatoreSelezionato\r\n });\r\n };\r\n\r\n //Prende le tipologie di corrente disponibili\r\n getTipologieCorrente = value => {\r\n var token = localStorage.getItem('token');\r\n this.lastFetchId += 1;\r\n this.setState({ tipologieCorrente: [], fetching: true });\r\n\r\n fetch(webAPIRoute.getTipologieCorrente, {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n },\r\n method: 'GET',\r\n })\r\n .then(response => response.json())\r\n .then(body => {\r\n\r\n //DEBUG PURPOSES\r\n //console.log(\"Tipologie correnti recuperati\")\r\n //console.log(body)\r\n\r\n const tipologieCorrenteDisponibili = body.map(col => ({\r\n text: `${col.ana10Descrizione}`,\r\n value: col.ana10Codice\r\n }));\r\n this.setState({\r\n ...this.state,\r\n tipologieCorrenteDisponibili,\r\n\r\n }, () =>\r\n //console.log(body)\r\n this.getCorrenteAssociata()\r\n );\r\n });\r\n };\r\n\r\n //Prende la tipologia di corrente eventualmente trovata e la setta nella dropdown\r\n getCorrenteAssociata() {\r\n //DEBUG PURPOSES\r\n //console.log(\"getCorrenteAssociata\")\r\n //console.log(this.state)\r\n\r\n if (this.state.Ana10TipologiaCorrente[0] != null) {\r\n const tipologiaCorrenteSelezionata = this.state.Ana10TipologiaCorrente.map(col => (\r\n `${col.ana10Codice}`\r\n ));\r\n this.setState({\r\n tipologiaCorrenteSelezionata: tipologiaCorrenteSelezionata, feching: true\r\n }, () => {\r\n this.getOperatori()\r\n });\r\n }\r\n else {\r\n\r\n this.setState({\r\n ...this.state,\r\n fetching: true\r\n }, () => {\r\n this.getOperatori()\r\n })\r\n }\r\n }\r\n\r\n //Prende gli operatori disponibili\r\n getOperatori = value => {\r\n var token = localStorage.getItem('token');\r\n this.lastFetchId += 1;\r\n this.setState({ operatoriDisponibili: [], fetching: true });\r\n\r\n fetch(webAPIRoute.getOperatoriHubject, {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n },\r\n method: 'GET',\r\n })\r\n .then(response => response.json())\r\n .then(body => {\r\n\r\n //DEBUG PURPOSES\r\n //console.log(\"Operatori recuperati\")\r\n //console.log(body)\r\n\r\n const operatoriDisponibili = body.map(col => ({\r\n text: `${col.hub04OperatorDesc}`,\r\n value: col.hub04Id\r\n }));\r\n this.setState({\r\n operatoriDisponibili,\r\n fetching: false\r\n }, () => {\r\n this.getOperatoreAssociato()\r\n });\r\n });\r\n };\r\n\r\n //Prende l'operatore associato\r\n getOperatoreAssociato() {\r\n /*alert(\"getOperatoreAssociato\")*/\r\n if (this.state.Hub04AnagraficaOperatori[0] != null) {\r\n const operatoreSelezionato = this.state.Hub04AnagraficaOperatori.map(col => (\r\n `${col.hub04Id}`\r\n ));\r\n this.setState({\r\n operatoreSelezionato: operatoreSelezionato, fetching: true\r\n }, () => {\r\n //DEBUG PURPOSES\r\n //console.log(this.state); \r\n\r\n });\r\n }\r\n else {\r\n\r\n this.setState({\r\n ...this.state,\r\n fetching: true\r\n }, () => {\r\n // alert(\"fetching a true!\")\r\n })\r\n }\r\n }\r\n\r\n //Submit form di creazione tariffa Hubject\r\n handleSubmitForm() {\r\n\r\n var operatoreHubjectToUpdate = {\r\n Hub05Id: this.props.hub05Id,\r\n Hub05Annullato: this.state.Hub05Annullato,\r\n Hub05IdHub04: this.state.operatoreSelezionato,\r\n Hub05IdAna10: this.state.tipologiaCorrenteSelezionata,\r\n Hub05PotenzaMin: this.state.Hub05PotenzaMin,\r\n Hub05PotenzaMax: this.state.Hub05PotenzaMax,\r\n Hub05EuroKwh: this.state.Hub05CostoEuroKwh,\r\n Hub05KiwihKwh: this.state.Hub05CostoKiwihKwh,\r\n Hub05DataInizioValidita: this.state.Hub05DataInizioValidita === null ? null : moment(this.state.Hub05DataInizioValidita).format(),\r\n Hub05DataFineValidita: this.state.Hub05DataFineValidita === null ? null : moment(this.state.Hub05DataFineValidita).format(),\r\n }\r\n //DEBUG PURPOSES\r\n //console.log(operatoreHubjectToCreate);\r\n this.update(operatoreHubjectToUpdate);\r\n }\r\n\r\n //Effettua la chiamata alla API tramite reqwest\r\n update = (tariffaHubjectToUpdate) => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.modificaTariffaHubject,\r\n method: 'post',\r\n data: {\r\n tariffaPayload: tariffaHubjectToUpdate\r\n },\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n },\r\n }).then(data => {\r\n this.setState(\r\n { visible: false },\r\n () => this.props.parentCallBack()\r\n )\r\n message.success('Tariffa Hubject censita con successo', 5);\r\n });\r\n }\r\n\r\n renderTipologiaCorrente() {\r\n\r\n const { fetching, tipologiaCorrenteSelezionata, modalitaRicaricaSelezionata } = this.state;\r\n const filteredOptionsCorrente = this.state.tipologieCorrenteDisponibili.filter(o => !tipologiaCorrenteSelezionata.includes(o));\r\n\r\n //DEBUG PURPOSES\r\n //console.log(\"filteredOptionsCorrente\")\r\n //console.log(filteredOptionsCorrente)\r\n\r\n if (this.state.visible) {\r\n return (\r\n Consulta tutte le ricariche della rete KiwihCharge
\r\n\r\n \r\n }\r\n\r\n onClick={this.showModal}>\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}","import React from 'react';\r\nimport { Button, Modal, message, Tooltip } from 'antd';\r\nimport reqwest from 'reqwest';\r\nimport { DeleteOutlined } from '@ant-design/icons';\r\nimport { handleResponse } from '../../../../_helpers/handle-response';\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../../../_helpers/webAPIRoute';\r\n\r\nexport class DeleteTariffarioHubject extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n hub05Id : ''\r\n };\r\n this.handleSubmitForm = this.handleSubmitForm.bind(this);\r\n }\r\n\r\n showModal = () => {\r\n this.setState({\r\n visible: true,\r\n });\r\n };\r\n\r\n handleCancel = e => {\r\n this.setState({\r\n visible: false,\r\n });\r\n };\r\n\r\n handleSubmitForm() {\r\n this.fetch(this.props.hub05Id);\r\n }\r\n\r\n fetch = (id) => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.annullaTariffaHubject + id,\r\n method: 'get',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n this.setState({ visible: false },\r\n () => this.props.parentCallback()\r\n )\r\n handleResponse(err);\r\n return;\r\n },\r\n\r\n }).then(data => {\r\n this.setState({ visible: false }, () => this.props.parentCallback())\r\n message.success('Tariffa hubject eliminata con successo', 5);\r\n });\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n {this.renderContent()}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport reqwest from 'reqwest';\r\nimport { Form, Row, Col, Input, Button, Modal, message, InputNumber, Tooltip, DatePicker, Select, Spin } from 'antd';\r\nimport { FileAddOutlined } from '@ant-design/icons';\r\nimport { ResizableBox } from \"react-resizable\";\r\n\r\n//Messaggi di validazione per i form Ant Design\r\nimport { validateMessages } from '../../../../utility/FormValidator';\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../../../_helpers/webAPIRoute';\r\nimport { handleResponse } from '../../../../_helpers/handle-response';\r\n\r\n//Formato data\r\nconst dateFormat = 'YYYY-MM-DD';\r\n\r\nconst { Option } = Select;\r\n\r\nexport class CreaTariffarioHubject extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n Hub05Annullato: null,\r\n Hub05IdHub04: null,\r\n Hub05IdAna10: null,\r\n Hub05PotenzaMin: null,\r\n Hub05PotenzaMax: null,\r\n Hub05CostoEuroKwh: null,\r\n Hub05CostoKiwihKwh: null,\r\n Hub05DataInizioValidita: null,\r\n Hub05DataFineValidita: null,\r\n\r\n Hub04AnagraficaOperatori: [], //operatore Hubject pre-esistente\r\n operatoriDisponibili: [], //operatori Hubject disponibili\r\n operatoreSelezionato: [], //operatore Hubject selezionato\r\n\r\n Ana10TipologiaCorrente: [], //tipologia corrente pre-esistente\r\n tipologieCorrenteDisponibili: [], //tipologia di correnti disponibili\r\n tipologiaCorrenteSelezionata: [], //tipologia di corrente selezionata\r\n }\r\n\r\n this.handleChangeForm = this.handleChangeForm.bind(this);\r\n this.handleSubmitForm = this.handleSubmitForm.bind(this);\r\n this.handleChangeDataInizio = this.handleChangeDataInizio.bind(this);\r\n this.handleChangeDataFine = this.handleChangeDataFine.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n\r\n }\r\n\r\n //Riferimento al form\r\n formRef = React.createRef();\r\n\r\n //Mostra la modale\r\n showModal = () => {\r\n this.setState(\r\n {\r\n visible: true,\r\n }, () => {\r\n this.getTipologieCorrente()\r\n this.getOperatori()\r\n });\r\n };\r\n\r\n //Aggiorna lo stato del componente in base a quanto digitato nei form\r\n handleChangeForm(event) {\r\n const value = event.target.value;\r\n this.setState({\r\n [event.target.name]: value\r\n }, () => {\r\n //DEBUG PURPOSES\r\n console.log(value)\r\n });\r\n }\r\n\r\n //Chiude la modale e svuota il form\r\n handleCancel = e => {\r\n this.setState({\r\n visible: false,\r\n }, () => this.onReset());\r\n };\r\n\r\n //Resetta form\r\n onReset = () => {\r\n this.formRef.current.resetFields();\r\n };\r\n\r\n //Gestione data inizio, in create prende sempre il formato string (lo stato relativo alla\r\n //data è inizialmente null)\r\n handleChangeDataInizio(date, dateString) {\r\n this.setState({ Hub05DataInizioValidita: dateString })\r\n }\r\n\r\n //Gestione data inizio, in create prende sempre il formato string (lo stato relativo alla\r\n //data è inizialmente null)\r\n handleChangeDataFine(date, dateString) {\r\n this.setState({ Hub05DataFineValidita: dateString })\r\n }\r\n //Gestisce il cambio del tipo di corrente da dropdown\r\n handleChangeSelectCorrente = tipologiaCorrenteSelezionata => {\r\n\r\n //DEBUG PURPOSES\r\n //console.log(\"tipologiaCorrenteSelezionata\")\r\n //console.log(tipologiaCorrenteSelezionata)\r\n\r\n this.setState({\r\n ...this.state,\r\n tipologiaCorrenteSelezionata,\r\n fetching: false,\r\n });\r\n };\r\n\r\n //Gestisce il cambio dell'operatore Hubject'\r\n handleChangeOperatoreHubject = operatoreSelezionato => {\r\n this.setState({\r\n ...this.state,\r\n operatoreSelezionato,\r\n fetching: false,\r\n });\r\n };\r\n\r\n //Prende le tipologie di corrente disponibili\r\n getTipologieCorrente = value => {\r\n var token = localStorage.getItem('token');\r\n this.lastFetchId += 1;\r\n this.setState({ tipologieCorrente: [], fetching: true });\r\n\r\n fetch(webAPIRoute.getTipologieCorrente, {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n },\r\n method: 'GET',\r\n })\r\n .then(response => response.json())\r\n .then(body => {\r\n const tipologieCorrenteDisponibili = body.map(col => ({\r\n text: `${col.ana10Descrizione}`,\r\n value: col.ana10Codice\r\n }));\r\n this.setState({\r\n tipologieCorrenteDisponibili,\r\n fetching: false\r\n }, () => {\r\n //DEBUG PURPOSES\r\n console.log(\"[tariffario] Stato dopo get tipologia corrente\")\r\n console.log(this.state)\r\n });\r\n });\r\n };\r\n\r\n //Prende gli operatori disponibili\r\n getOperatori = value => {\r\n var token = localStorage.getItem('token');\r\n this.lastFetchId += 1;\r\n this.setState({ operatoriDisponibili: [], fetching: true });\r\n\r\n fetch(webAPIRoute.getOperatoriHubject, {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n },\r\n method: 'GET',\r\n })\r\n .then(response => response.json())\r\n .then(body => {\r\n const operatoriDisponibili = body.map(col => ({\r\n text: `${col.hub04OperatorDesc}`,\r\n value: col.hub04Id\r\n }));\r\n this.setState({\r\n operatoriDisponibili,\r\n fetching: false\r\n });\r\n });\r\n };\r\n\r\n //Submit form di creazione tariffa Hubject\r\n handleSubmitForm() {\r\n var operatoreHubjectToCreate = {\r\n Hub05Annullato: this.state.Hub05Annullato,\r\n Hub05IdHub04: this.state.operatoreSelezionato,\r\n Hub05IdAna10: this.state.tipologiaCorrenteSelezionata,\r\n Hub05PotenzaMin: this.state.Hub05PotenzaMin,\r\n Hub05PotenzaMax: this.state.Hub05PotenzaMax,\r\n Hub05EuroKwh: this.state.Hub05EuroKwh,\r\n Hub05KiwihKwh: this.state.Hub05KiwihKwh,\r\n Hub05DataInizioValidita: this.state.Hub05DataInizioValidita,\r\n Hub05DataFineValidita: this.state.Hub05DataFineValidita\r\n }\r\n //DEBUG PURPOSES\r\n //console.log(operatoreHubjectToCreate);\r\n this.fetch(operatoreHubjectToCreate);\r\n }\r\n\r\n //Effettua la chiamata alla API tramite reqwest\r\n fetch = (tariffaHubjectToCreate) => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.creaTariffaHubject,\r\n method: 'post',\r\n data: {\r\n tariffaPayload: tariffaHubjectToCreate\r\n },\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n },\r\n }).then(data => {\r\n this.setState(\r\n { visible: false },\r\n () => this.props.parentCallBack()\r\n )\r\n message.success('Tariffa Hubject censita con successo', 5);\r\n });\r\n }\r\n\r\n renderTipologiaCorrente() {\r\n\r\n const { fetching, tipologiaCorrenteSelezionata, modalitaRicaricaSelezionata } = this.state;\r\n const filteredOptionsCorrente = this.state.tipologieCorrenteDisponibili.filter(o => !tipologiaCorrenteSelezionata.includes(o));\r\n\r\n //DEBUG PURPOSES\r\n //console.log(\"filteredOptionsCorrente\")\r\n //console.log(filteredOptionsCorrente)\r\n\r\n if (this.state.visible) {\r\n return (\r\n Si è sicuri di voler eliminare la seguente tariffa Hubject dal sistema KiwihCharge?
\r\n \r\n\r\n \r\n }\r\n\r\n onClick={this.showModal}>\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}","import React from 'react';\r\nimport { Table, Col, Row, Divider} from 'antd';\r\nimport reqwest from 'reqwest';\r\nimport 'antd/dist/antd.css';\r\nimport { handleResponse } from '../../../_helpers/handle-response';\r\nimport { SearchOutlined, FilterOutlined } from '@ant-design/icons';\r\nimport moment from 'moment';\r\n\r\nimport ReactDOM from 'react-dom';\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../../_helpers/webAPIRoute';\r\n\r\nimport { EditTariffarioHubject } from './CRUD/EditTariffarioHubject';\r\nimport { DeleteTariffarioHubject } from './CRUD/DeleteTariffarioHubject';\r\nimport { CreaTariffarioHubject } from './CRUD/CreateTariffarioHubject';\r\n\r\nexport class IndexTariffarioHubject extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n columns: [\r\n {\r\n title: 'Id',\r\n dataIndex: 'hub05Id',\r\n sorter: true,\r\n width: '5%',\r\n visible: true\r\n },\r\n {\r\n title: 'Operatore',\r\n dataIndex: 'hub05PotenzaMin',\r\n sorter: true,\r\n width: '10%',\r\n render: (text, row) => {\r\n if (row.hub05IdHub04Navigation !== null && row.hub05IdHub04Navigation !== undefined) {\r\n return <>\r\n \r\n \r\n \r\n\r\n \r\n\r\n {this.renderTipologiaCorrente()}\r\n {this.renderListaOperatori()}\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 \r\n \r\n \r\n\r\n
\r\n \r\n {row.hub05IdHub04Navigation.hub04OperatorDesc}
\r\n \r\n }\r\n else {\r\n return <>\r\n }\r\n }\r\n },\r\n {\r\n title: 'Tipo corrente',\r\n dataIndex: 'hub05PotenzaMin',\r\n sorter: true,\r\n width: '11%',\r\n render: (text, row) => {\r\n if (row.hub05IdAna10Navigation !== null && row.hub05IdAna10Navigation !== undefined) {\r\n return <>\r\n {row.hub05IdAna10Navigation.ana10Descrizione}
\r\n \r\n }\r\n else {\r\n return <>\r\n }\r\n }\r\n },\r\n {\r\n title: 'Potenza min.',\r\n dataIndex: 'hub05PotenzaMin',\r\n sorter: true,\r\n width: '11%',\r\n render: (text, row) => {\r\n if (row.hub05PotenzaMin !== null && row.hub05PotenzaMin !== undefined) {\r\n return <>\r\n {row.hub05PotenzaMin} kwh
\r\n \r\n }\r\n else {\r\n return <>\r\n }\r\n }\r\n },\r\n {\r\n title: 'Potenza max',\r\n width: '11%',\r\n dataIndex: 'hub05PotenzaMax',\r\n render: (text, row) => {\r\n if (row.hub05EuroKwh !== null && row.hub05EuroKwh !== undefined) {\r\n return <>\r\n {row.hub05PotenzaMax} kwh
\r\n \r\n }\r\n else {\r\n return <>\r\n }\r\n }\r\n },\r\n {\r\n title: 'Euro/kwh',\r\n dataIndex: 'hub05EuroKwh',\r\n width: '11%',\r\n render: (text, row) => {\r\n if (row.hub05EuroKwh !== null && row.hub05EuroKwh !== undefined) {\r\n return <>\r\n {row.hub05EuroKwh} €
\r\n \r\n }\r\n else {\r\n return <>\r\n }\r\n }\r\n\r\n },\r\n {\r\n title: 'Kiwih/kwh',\r\n dataIndex: 'hub05KiwihKwh',\r\n width: '11%',\r\n render: (text, row) => {\r\n if (row.hub05KiwihKwh !== null && row.hub05KiwihKwh !== undefined) {\r\n return <>\r\n {row.hub05KiwihKwh} Kiwih
\r\n \r\n }\r\n else {\r\n return <>\r\n }\r\n }\r\n\r\n },\r\n {\r\n title: 'Inizio validità',\r\n width: '10%',\r\n key: 'hub05DataInizioValidita',\r\n visible: true,\r\n render: (text, row) => {\r\n if (row.hub05DataInizioValidita !== null && row.hub05DataInizioValidita !== undefined) {\r\n return <>\r\n \r\n {\r\n moment(row.hub05DataInizioValidita)\r\n .format('DD/MM/YYYY')\r\n }\r\n
\r\n }\r\n else {\r\n return <>\r\n }\r\n }\r\n },\r\n {\r\n title: 'Fine validità',\r\n width: '10%',\r\n key: 'hub05DataFineValidita',\r\n visible: true,\r\n render: (text, row) => {\r\n if (row.hub05DataFineValidita !== null && row.hub05DataFineValidita !== undefined) {\r\n return <>\r\n \r\n {\r\n moment(row.hub05DataFineValidita)\r\n .format('DD/MM/YYYY')\r\n }\r\n
\r\n }\r\n else {\r\n return <>\r\n }\r\n }\r\n },\r\n {\r\n title: 'Azioni',\r\n dataIndex: 'hub05Id',\r\n key: 'x',\r\n width: '14%',\r\n render: (text, row) =>\r\n \r\n \r\n
\r\n
\r\n }\r\n ],\r\n data: [], //Valori di ritorno dalla webAPI per le prese elettriche\r\n hub05Id: '',\r\n pagination: {},\r\n loading: false,\r\n userId: null\r\n };\r\n }\r\n //Solo se si è connessi al sistema e si è in edit della colonnina (prop colonninaId mandata\r\n // dal componente padre editColonnina) allora fa il fetch delle eventuali prese\r\n //già associate a quella colonnina altrimenti non fa nulla\r\n componentDidMount() {\r\n if (this.props.userId !== '' && this.props.userId !== null && this.props.userId !== undefined)\r\n {\r\n this.fetch();\r\n }\r\n }\r\n\r\n componentWillMount() {\r\n\r\n }\r\n\r\n callBackFunctionIndex = () => {\r\n this.fetch();\r\n };\r\n\r\n //Gestione paginazione\r\n handleTableChange = (pagination, filters, sorter) => {\r\n const pager = { ...this.state.pagination };\r\n pager.current = pagination.current;\r\n this.setState({\r\n pagination: pager,\r\n });\r\n };\r\n\r\n //Funzione get prese elettriche da database (chiamata solo in edit colonnina)\r\n fetch = () => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.getTariffeHubject,\r\n method: 'get',\r\n contentType: 'application/x-www-form-urlencoded',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n }\r\n }).then(data => {\r\n //Resetta l'input di ricerca alla fine di questa\r\n this.setState({\r\n loading: false,\r\n data: data,\r\n });\r\n })\r\n };\r\n\r\n\r\n render() {\r\n return (\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\nReactDOM.render(Censisci qui le tariffe di ricarica Hubject di altri gestori
\r\n\r\n \r\n }\r\n onClick={this.showModal}>\r\n \r\n \r\n\r\n \r\n
\r\n );\r\n }\r\n}","import React from 'react';\r\nimport { Button, Modal, message, Tooltip } from 'antd';\r\nimport reqwest from 'reqwest';\r\nimport { DeleteOutlined } from '@ant-design/icons';\r\nimport { handleResponse } from '../../../../_helpers/handle-response';\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../../../_helpers/webAPIRoute';\r\n\r\nexport class DeleteOperatoreHubject extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n Hub04Id: ''\r\n };\r\n this.handleSubmitForm = this.handleSubmitForm.bind(this);\r\n }\r\n\r\n showModal = () => {\r\n this.setState({\r\n visible: true,\r\n });\r\n };\r\n\r\n handleCancel = e => {\r\n this.setState({\r\n visible: false,\r\n });\r\n };\r\n\r\n handleSubmitForm() {\r\n this.fetch(this.props.hub04Id);\r\n }\r\n\r\n fetch = (id) => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.annullaOperatoreHubject + id,\r\n method: 'delete',\r\n type: 'json',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n this.setState({ visible: false },\r\n () => this.props.parentCallback()\r\n )\r\n handleResponse(err); return;\r\n },\r\n\r\n }).then(data => {\r\n this.setState({ visible: false }, () => this.props.parentCallback())\r\n message.success('Operatore Hubject eliminato con successo', 5);\r\n });\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n {this.renderEditOperatoreHubject()}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport reqwest from 'reqwest';\r\nimport moment from 'moment';\r\nimport { Form, Row, Col, Input, Button, Modal, message, Tooltip, Switch, Spin, DatePicker } from 'antd';\r\nimport { FileAddOutlined } from '@ant-design/icons';\r\nimport { ResizableBox } from \"react-resizable\";\r\n\r\n//Messaggi di validazione per i form Ant Design\r\nimport { validateMessages } from '../../../../utility/FormValidator';\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../../../_helpers/webAPIRoute';\r\nimport { handleResponse } from '../../../../_helpers/handle-response';\r\n\r\n//Formato data\r\nconst dateFormat = 'YYYY-MM-DD';\r\n\r\nexport class CreateOperatoreHubject extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n userId: '',\r\n fetching: false,\r\n visible: false,\r\n Hub04Id: '',\r\n Hub04Annullato: '',\r\n Hub04OperatorId: '',\r\n Hub04OperatorDesc: '',\r\n Hub04DataCreazione: null,\r\n Hub04DataUltimaModifica: null,\r\n Hub04DataInizioSottoscrizione: null,\r\n Hub04DataFineSottoscrizione: null,\r\n Hub04PattoAttivo: false\r\n }\r\n\r\n this.handleChangeForm = this.handleChangeForm.bind(this);\r\n this.handleSubmitForm = this.handleSubmitForm.bind(this);\r\n this.onSwitchPattoAttivo = this.onSwitchPattoAttivo.bind(this)\r\n this.onChangeDataInizioSottoscrizione = this.onChangeDataInizioSottoscrizione.bind(this)\r\n this.onChangeDataFineSottoscrizione = this.onChangeDataFineSottoscrizione.bind(this)\r\n }\r\n\r\n componentDidMount() {\r\n\r\n }\r\n\r\n //Riferimento al form\r\n formRef = React.createRef();\r\n\r\n //Mostra la modale\r\n showModal = () => {\r\n this.setState({\r\n visible: true,\r\n });\r\n };\r\n //Abilita e/o disabilita le sanzioni H24\r\n onSwitchPattoAttivo(e) {\r\n this.setState({\r\n ...this.state,\r\n Hub04PattoAttivo: e\r\n });\r\n }\r\n onChangeDataInizioSottoscrizione = (time, timeString) => {\r\n //DEBUG PURPOSES\r\n //console.log(time, timeString);\r\n this.setState({\r\n ...this.state,\r\n Hub04DataInizioSottoscrizione: timeString\r\n })\r\n };\r\n onChangeDataFineSottoscrizione = (time, timeString) => {\r\n //DEBUG PURPOSES\r\n //console.log(time, timeString); \r\n this.setState({\r\n ...this.state,\r\n Hub04DataFineSottoscrizione: timeString\r\n }, () => {\r\n //DEBUG PURPOSES\r\n //console.log(\"stato dopo data fine sottoscrizione change\")\r\n //console.log(this.state); \r\n })\r\n };\r\n\r\n //Gestisce il cambio del tipo di corrente da dropdown\r\n handleChangeSelectCorrente = tipologiaCorrenteSelezionata => {\r\n this.setState({\r\n tipologiaCorrenteSelezionata,\r\n fetching: false,\r\n });\r\n };\r\n\r\n //Aggiorna lo stato del componente in base a quanto digitato nei form\r\n handleChangeForm(event) {\r\n const value = event.target.value;\r\n this.setState({\r\n [event.target.name]: value\r\n }, () => {\r\n console.log(value)\r\n });\r\n }\r\n\r\n //Chiude la modale e svuota il form\r\n handleCancel = e => {\r\n this.setState({\r\n visible: false,\r\n }, () => this.onReset());\r\n };\r\n\r\n //Resetta form\r\n onReset = () => {\r\n this.formRef.current.resetFields();\r\n };\r\n\r\n handleSubmitForm() {\r\n\r\n var operatorePayload = {\r\n Hub04Id: null,\r\n Hub04Annullato: false,\r\n Hub04OperatorId: this.state.Hub04OperatorId,\r\n Hub04OperatorDesc: this.state.Hub04OperatorDesc,\r\n Hub04DataInizioSottoscrizione: this.state.Hub04DataInizioSottoscrizione === null ? null : this.state.Hub04DataInizioSottoscrizione,\r\n Hub04DataFineSottoscrizione: this.state.Hub04DataFineSottoscrizione === null ? null : this.state.Hub04DataFineSottoscrizione,\r\n Hub04PattoAttivo: this.state.Hub04PattoAttivo\r\n }\r\n\r\n //DEBUG PURPOSES\r\n //console.log(\"Gedtore Hubject da creare\")\r\n //console.log(operatorePayload);\r\n\r\n this.fetch(operatorePayload);\r\n }\r\n\r\n //Effettua la chiamata alla API tramite reqwest\r\n fetch = (operatorePayload) => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.creaOperatoreHubject,\r\n method: 'post',\r\n data: {\r\n operatorePayload: operatorePayload\r\n },\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n },\r\n }).then(data => {\r\n this.setState(\r\n {\r\n visible: false\r\n }, () => { this.props.parentCallBack() })\r\n message.success('Operatore censito con successo', 5);\r\n });\r\n }\r\n\r\n //Parse e formatter per campi numerici\r\n formatDecimal = (value) => {\r\n if (value !== null && value !== undefined) {\r\n return value.toString();\r\n }\r\n return '';\r\n };\r\n\r\n parseDecimal = (value) => {\r\n if (value !== null && value !== undefined) {\r\n const floatValue = parseFloat(value.replace(',', '.'));\r\n if (!isNaN(floatValue)) {\r\n return floatValue;\r\n }\r\n }\r\n return null;\r\n };\r\n\r\n render() {\r\n return (\r\n Si è sicuri di voler eliminare il seguente operatore Hubject dal sistema Kiwih Charge?
\r\n \r\n\r\n \r\n }\r\n onClick={this.showModal}>\r\n \r\n \r\n\r\n \r\n
\r\n );\r\n }\r\n}","import React from 'react';\r\nimport { Table, Col, Row, Divider } from 'antd';\r\nimport reqwest from 'reqwest';\r\nimport 'antd/dist/antd.css';\r\nimport { handleResponse } from '../../../_helpers/handle-response';\r\nimport moment from 'moment';\r\n\r\nimport ReactDOM from 'react-dom';\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../../_helpers/webAPIRoute';\r\n\r\nimport { EditOperatoreHubject } from './CRUD/EditOperatoreHubject';\r\nimport { DeleteOperatoreHubject } from './CRUD/DeleteOperatoreHubject';\r\nimport { CreateOperatoreHubject } from './CRUD/CreateOperatoreHubject';\r\n\r\nexport class IndexOperatoriHubject extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n columns: [\r\n {\r\n title: 'Operator Id',\r\n dataIndex: 'hub04OperatorId',\r\n sorter: true,\r\n width: '10%',\r\n visible: true,\r\n render: (text, row) => {\r\n if (row.hub04OperatorId !== null && row.hub04OperatorId !== undefined) {\r\n return <>\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\r\n
\r\n \r\n {row.hub04OperatorId}
\r\n \r\n }\r\n else {\r\n return <>\r\n }\r\n }\r\n },\r\n {\r\n title: 'Nome',\r\n width: '45%',\r\n dataIndex: 'hub04OperatorDesc',\r\n visible: true\r\n },\r\n {\r\n title: 'Data sottoscrizione',\r\n width: '16%',\r\n key: 'hub04DataInizioSottoscrizione',\r\n visible: true,\r\n render: (text, row) => {\r\n if (row.hub04DataInizioSottoscrizione !== null && row.hub04DataInizioSottoscrizione !== undefined) {\r\n return <>\r\n \r\n {\r\n moment(row.hub04DataInizioSottoscrizione)\r\n .format('DD/MM/YYYY')\r\n }\r\n
\r\n }\r\n else {\r\n return <>\r\n }\r\n }\r\n },\r\n {\r\n title: 'Data fine sottoscrizione',\r\n width: '16%',\r\n key: 'hub04DataFineSottoscrizione',\r\n visible: true,\r\n render: (text, row) => {\r\n if (row.hub04DataFineSottoscrizione !== null && row.hub04DataFineSottoscrizione !== undefined) {\r\n return <>\r\n \r\n {\r\n moment(row.hub04DataFineSottoscrizione)\r\n .format('DD/MM/YYYY')\r\n }\r\n
\r\n }\r\n else {\r\n return <>\r\n }\r\n }\r\n },\r\n {\r\n title: 'Azioni',\r\n dataIndex: 't018_Id',\r\n key: 'x',\r\n width: '9%',\r\n visible: true,\r\n render: (text, row) =>\r\n \r\n \r\n
\r\n
\r\n }\r\n ],\r\n data: [], //Valori di ritorno dalla webAPI per le prese elettriche\r\n\r\n hub04Id: '',\r\n pagination: {},\r\n loading: false,\r\n userId: null\r\n };\r\n }\r\n //Solo se si è connessi al sistema e si è in edit della colonnina (prop colonninaId mandata\r\n // dal componente padre editColonnina) allora fa il fetch delle eventuali prese\r\n //già associate a quella colonnina altrimenti non fa nulla\r\n componentDidMount() {\r\n if (this.props.userId !== '' && this.props.userId !== null && this.props.userId !== undefined) {\r\n this.fetch();\r\n }\r\n }\r\n\r\n componentWillMount() {\r\n\r\n }\r\n\r\n callBackFunctionIndex = () => {\r\n this.fetch();\r\n };\r\n\r\n //Gestione paginazione\r\n handleTableChange = (pagination, filters, sorter) => {\r\n const pager = { ...this.state.pagination };\r\n pager.current = pagination.current;\r\n this.setState({\r\n pagination: pager,\r\n });\r\n };\r\n\r\n //Funzione get operatori Hubject da database\r\n fetch = () => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.getOperatoriHubject,\r\n method: 'get',\r\n contentType: 'application/x-www-form-urlencoded',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n }\r\n }).then(data => {\r\n //Resetta l'input di ricerca alla fine di questa\r\n this.setState({\r\n loading: false,\r\n data: data,\r\n });\r\n })\r\n };\r\n\r\n\r\n render() {\r\n return (\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\nReactDOM.render(Censisci qui gli operatori Hubject
\r\n\r\n \r\n\r\n \r\n\r\n
\r\n\r\n
\r\n
\r\n\r\n\r\n item.title}\r\n locale={transferLocale} // Passa la configurazione locale al componente Transfer\r\n />\r\n
\r\n
\r\n\r\n \r\n }>Salva\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n );\r\n }\r\n}","import React, { Component } from 'react';\r\nimport reqwest from 'reqwest';\r\nimport { Transfer, Divider, Input, InputNumber, Row, Col, DatePicker, Button, Popconfirm, Tooltip, Modal, message } from 'antd';\r\nimport {\r\n SaveOutlined,\r\n FileAddOutlined\r\n} from '@ant-design/icons';\r\nimport * as webAPIRoute from '../../../_helpers/webAPIRoute';\r\nimport { handleResponse } from '../../../_helpers/handle-response';\r\nimport { ResizableBox } from \"react-resizable\";\r\nimport moment from 'moment';\r\n\r\nexport class EditGruppoScontistica extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n nomeGruppo: null,\r\n visible: false,\r\n fetched:false,\r\n valoreSconto: null,\r\n dataInizio: null,\r\n dataFine: null,\r\n mockData: [],\r\n targetKeys: []\r\n };\r\n this.salvaGruppoScontistica = this.salvaGruppoScontistica.bind(this);\r\n this.handleChangeNomeGruppo = this.handleChangeNomeGruppo.bind(this);\r\n this.handleChangeScontoGruppo = this.handleChangeScontoGruppo.bind(this);\r\n this.handleChangeDataInizio = this.handleChangeDataInizio.bind(this);\r\n this.handleChangeDataFine = this.handleChangeDataFine.bind(this);\r\n\r\n }\r\n componentDidMount() {\r\n //DEBUG PURPOSES\r\n //alert(this.props.Ana19Id)\r\n }\r\n //Mostra la modale\r\n showModal = () => {\r\n this.setState({\r\n visible: true,\r\n }, () => {\r\n this.getMock();\r\n });\r\n };\r\n\r\n //Riempie il transfer\r\n getMock = () => {\r\n const tempTargetKeys = [];\r\n const tempMockData = [];\r\n\r\n var token = localStorage.getItem('token');\r\n\r\n\r\n //DEBUG PURPOSES: ESEMPIO\r\n reqwest({\r\n url: webAPIRoute.getGruppoScontistica + this.props.Ana19Id,\r\n method: 'GET',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n }\r\n }).then(dataArray =>\r\n {\r\n //console.log(\"dataArray\");\r\n //console.log(dataArray);\r\n\r\n var driverDaAssociare = [];\r\n var driverAssociati = [];\r\n\r\n //Pusha la tupla {Key,Value,Choosen} per il blocco a sinistra (inclusi i driver già selezionati)\r\n for (let i = 0; i <= dataArray.ana15DriverDaAssociare.length - 1; i++) {\r\n var data = {\r\n key: dataArray.ana15DriverDaAssociare[i].ana15Codice,\r\n title: dataArray.ana15DriverDaAssociare[i].ana15Nome + \" \" + dataArray.ana15DriverDaAssociare[i].ana15Cognome + \" \",\r\n chosen: 0,\r\n };\r\n driverDaAssociare.push(data);\r\n }\r\n\r\n //Pusha gli id dei driver selezionati nel blocco a destra\r\n for (let i = 0; i <= dataArray.ana15DriverAssociati.length - 1; i++) {\r\n var data = {\r\n key: dataArray.ana15DriverAssociati[i].ana15Codice,\r\n title: dataArray.ana15DriverAssociati[i].ana15Nome + \" \" + dataArray.ana15DriverAssociati[i].ana15Cognome + \" \",\r\n chosen: 1,\r\n };\r\n\r\n if (data.chosen)\r\n {\r\n driverAssociati.push(data.key);\r\n }\r\n }\r\n //Due setState sincroni, prima vengono settati i non selezionati poi i selezionati e tutto il resto\r\n this.setState(\r\n (prevState) => ({\r\n mockData: driverDaAssociare,\r\n targetKeys: driverAssociati\r\n }),\r\n () => {\r\n // Secondo setState viene eseguito dopo che il primo è stato completato\r\n this.setState((prevState) => ({\r\n fetched: true,\r\n nomeGruppo: dataArray.ana19NomeGruppoScontistica,\r\n valoreSconto: dataArray.ana19PercentualeSconto,\r\n dataInizio: dataArray.ana19DataInizioValidita,\r\n dataFine: dataArray.ana19DataFineValidita\r\n }));\r\n }\r\n );\r\n })\r\n };\r\n\r\n filterOption = (inputValue, option) =>\r\n option.title.indexOf(inputValue) > -1;\r\n\r\n handleChange = (newTargetKeys) => {\r\n this.setState({ targetKeys: newTargetKeys }, () => {\r\n //DEBUG PURPOSES\r\n //console.log(\"Stato dopo il change\")\r\n //console.log(this.state)\r\n\r\n });\r\n };\r\n\r\n resetStateAfterSubmit() {\r\n this.setState({\r\n nomeGruppo: null,\r\n visible: false,\r\n fetched: false,\r\n valoreSconto: null,\r\n dataInizio: null,\r\n dataFine: null,\r\n mockData: [],\r\n targetKeys: []\r\n }, () => {\r\n this.props.parentCallBack()\r\n })\r\n }\r\n\r\n handleSearch = (dir, value) => {\r\n //DEBUG PURPOSES\r\n //console.log('search:', dir, value);\r\n };\r\n //Chiude la modale e svuota il form\r\n handleCancel = e => {\r\n this.setState({\r\n visible: false,\r\n });\r\n };\r\n salvaGruppoScontistica() {\r\n var token = localStorage.getItem('token');\r\n\r\n var gruppoToEdit = {\r\n Ana19Id: this.props.Ana19Id,\r\n Ana19NomeGruppoScontistica: this.state.nomeGruppo,\r\n Ana19PercentualeSconto: this.state.valoreSconto,\r\n Ana19DataInizioValidita: this.state.dataInizio,\r\n Ana19DataFineValidita: this.state.dataFine,\r\n Ana15DriverCodes: this.state.targetKeys\r\n }\r\n\r\n //DEBUG PURPOSES\r\n //console.log(\"Da passare all'edit gruppo sconto...\")\r\n //console.log(gruppoToEdit)\r\n\r\n reqwest({\r\n url: webAPIRoute.updateGruppoScontistica,\r\n method: 'POST',\r\n data: {\r\n gruppoScontistica: gruppoToEdit\r\n },\r\n contentType: 'application/x-www-form-urlencoded',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n }\r\n }).then(data => {\r\n message.success('Gruppo scontistica modificato con successo', 5);\r\n this.resetStateAfterSubmit()\r\n })\r\n\r\n }\r\n\r\n //Gestione input non di tipo form\r\n handleChangeNomeGruppo(event) {\r\n const value = event.target.value;\r\n this.setState({\r\n ...this.state,\r\n [event.target.name]: value\r\n }, () => {\r\n //DEBUG PURPOSES\r\n //console.log(this.state)\r\n });\r\n }\r\n\r\n handleChangeScontoGruppo(value) {\r\n this.setState({\r\n valoreSconto: value\r\n }, () => {\r\n //DEBUG PURPOSES\r\n //console.log(this.state)\r\n });\r\n }\r\n\r\n handleChangeDataInizio(time, timeString) {\r\n //DEBUG PURPOSES\r\n //console.log(timeString);\r\n\r\n this.setState({\r\n ...this.state,\r\n dataInizio: timeString\r\n }, () => {\r\n //DEBUG PURPOSES\r\n //console.log(this.state)\r\n })\r\n }\r\n\r\n handleChangeDataFine(time, timeString) {\r\n //DEBUG PURPOSES\r\n //console.log(timeString);\r\n\r\n this.setState({\r\n ...this.state,\r\n dataFine: timeString\r\n }, () => {\r\n //DEBUG PURPOSES\r\n //console.log(this.state)\r\n })\r\n }\r\n ////////////////////////////////////\r\n\r\n cancel = () => { };\r\n\r\n //Renderizza il transfer solo dopo avvenuta la chiamata in get al gruppoSc\r\n renderTransfer()\r\n {\r\n const { mockData, targetKeys } = this.state;\r\n const listStyle = {\r\n width: '500px', // Imposta la larghezza desiderata delle colonne\r\n height: '300px' // Imposta la lunghezza desiderata delle colonne\r\n };\r\n const transferLocale = {\r\n itemUnit: 'elemento', // Singolare\r\n itemsUnit: 'elementi', // Plurale\r\n notFoundContent: 'Nessun elemento trovato',\r\n searchPlaceholder: 'Cerca qui',\r\n remove: 'Rimuovi',\r\n selectAll: 'Seleziona Tutto',\r\n selectCurrent: 'Seleziona Elementi Attuali',\r\n selectInvert: 'Inverti Selezione',\r\n };\r\n if (this.state.fetched === true)\r\n {\r\n\r\n //DEBUG PURPOSES\r\n console.log(\"Stato in render transfer\")\r\n console.log(this.state)\r\n\r\n\r\n return (\r\n \r\n
\r\n\r\n
Associa i tuoi drivers a questo gruppo
\r\n\r\n
Associa i tuoi drivers a questo gruppo
\r\n\r\n \r\n\r\n \r\n\r\n
\r\n\r\n
\r\n
\r\n\r\n {this.renderTransfer()}\r\n\r\n
\r\n\r\n \r\n }>Salva\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n );\r\n }\r\n}","import React from 'react';\r\nimport { Table, Col, Row, Divider } from 'antd';\r\nimport reqwest from 'reqwest';\r\nimport 'antd/dist/antd.css';\r\nimport { handleResponse } from '../../../src/_helpers';\r\nimport { CreaGruppoScontistica } from \"./CRUD/CreaGruppoScontistica\";\r\nimport moment from 'moment';\r\n\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../_helpers/webAPIRoute';\r\nimport { EditGruppoScontistica } from './CRUD/EditGruppoScontistica';\r\n\r\nexport class IndexScontistica extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n data: [],\r\n columns: [\r\n {\r\n title: 'Nome gruppo',\r\n sorter: true,\r\n width: '30%',\r\n render: (text, record) => {\r\n if (record !== null || record !== undefined) {\r\n return ({record.ana19NomeGruppoScontistica})\r\n }\r\n else {\r\n return (<>)\r\n }\r\n },\r\n },\r\n {\r\n title: 'Data inizio validità',\r\n dataIndex: 'ana19DataInizioValidita',\r\n width: '25%',\r\n render: (text, record) => {\r\n if (record !== null || record !== undefined) {\r\n return (\r\n moment(record.ana19DataInizioValidita)\r\n .format('DD/MM/YYYY')\r\n )\r\n }\r\n else {\r\n return (<>)\r\n }\r\n },\r\n },\r\n {\r\n title: 'Data fine validità',\r\n dataIndex: 'ana19DataFineValidita',\r\n width: '25%',\r\n render: (text, record) => {\r\n if (record !== null || record !== undefined) {\r\n return (\r\n moment(record.ana19DataFineValidita)\r\n .format('DD/MM/YYYY')\r\n )\r\n }\r\n else {\r\n return (<>)\r\n }\r\n },\r\n },\r\n {\r\n title: 'Azioni',\r\n dataIndex: 'ana18Id',\r\n width: '14%',\r\n key: 'x',\r\n render: (text, row) =>\r\n \r\n
\r\n\r\n {this.renderTransfer()}\r\n\r\n
\r\n
\r\n \r\n
\r\n
\r\n }\r\n ]\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.fetch()\r\n }\r\n //Funzione richiamabile dai componenti \"figli\", refresha la tabella dopo un'operazione CRUD \r\n callBackFunctionIndex = () => {\r\n this.fetch();\r\n };\r\n\r\n //Funzione get colonnine (Index)\r\n fetch = () => {\r\n var token = localStorage.getItem('token');\r\n this.setState(\r\n {\r\n ...this.state,\r\n loading: true\r\n }\r\n )\r\n reqwest({\r\n url: webAPIRoute.getGruppiScontistica,\r\n method: 'get',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n this.setState(\r\n {\r\n ...this.state,\r\n loading: false\r\n }\r\n )\r\n handleResponse(err); return;\r\n }\r\n }).then(data => {\r\n //Resetta l'input di ricerca alla fine di questa\r\n this.setState({\r\n ...this.state,\r\n loading: false,\r\n data: data,\r\n });\r\n\r\n })\r\n };\r\n\r\n render() {\r\n\r\n return (\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}","import {\r\n Form, Row, Col, Input, Button, Modal, message,\r\n Select, Spin, Switch, Tooltip\r\n} from 'antd';\r\n\r\nimport React from 'react';\r\n\r\n\r\nimport reqwest from 'reqwest';\r\nimport { Hub01PushEvseDataViewModel } from '../../../models/viewmodels/Hubject/EMP/Hub01PushEvseDataViewModel';\r\nimport { EditOutlined } from '@ant-design/icons';\r\nimport { ResizableBox } from \"react-resizable\";\r\nimport { handleResponse } from '../../../_helpers/handle-response';\r\nimport { BsFillCircleFill } from \"react-icons/bs\";\r\n\r\nimport moment from 'moment';\r\n\r\n//Messaggi di validazione per i form Ant Design\r\nimport { validateMessages } from '../../../../src/utility/FormValidator';\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../../_helpers/webAPIRoute';\r\n\r\n\r\nexport class ManageCPOnHubject extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n userId: this.props.userId, //ID dell'utente connesso o del keeper in modifica da parte dell'admin\r\n Hub01Id: \"\",\r\n Hub01ActionType: \"\",\r\n Hub01Accessibility: \"\",\r\n Hub01AdditionalInfoLang: \"\",\r\n Hub01AdditionalInfoValue: \"\",\r\n Hub01AddressCity: \"\",\r\n Hub01AddressCountryCode: \"\",\r\n Hub01AddressFloor: 0,\r\n Hub01AddressPostalCode: \"\",\r\n Hub01AddressRegion: \"\",\r\n Hub01AddressStreet: \"\",\r\n Hub01TimeZone: \"\",\r\n Hub01AuthenticationModes: \"\",\r\n Hub01ChargingFacilitiesAmperage: 0,\r\n Hub01ChargingFacilitiesPower: 0,\r\n Hub01ChargingFacilitiesPowerType: 0,\r\n Hub01ChargingFacilitesVoltage: 0,\r\n Hub01ChargingModes: \"\",\r\n Hub01ChargingPoolId: \"\",\r\n Hub01ChargingStationId: \"\",\r\n Hub01ChargingStationName: \"\",\r\n Hub01ClearinghouseId: \"\",\r\n Hub01DynamicInfoAvailable: false,\r\n Hub01EnChargingStationName: \"\",\r\n Hub01EvseId: \"\",\r\n Hub01GeoChargingPointEntranceDecimalDegreeLatitude: \"\",\r\n Hub01GeoChargingPointEntranceDecimalDegreeLongitude: \"\",\r\n Hub01GeoCoordinatesDecimalDegreeLatitude: \"\",\r\n Hub01GeoCoordinatesDecimalDegreeLongitude: \"\",\r\n Hub01HotlinePhoneNumber: \"\",\r\n Hub01HubOperatorId: \"\",\r\n Hub01IsHubjectCompatible: false,\r\n Hub01IsOpen24Hours: false,\r\n Hub01MaxCapacity: 0,\r\n Hub01OpeningTimesPeriodBegin: \"\",\r\n Hub01OpeningTimesPeriodEnd: \"\",\r\n Hub01OpeningTimesOn: \"\",\r\n Hub01PaymentOptions: \"\",\r\n Hub01Plugs: \"\",\r\n Hub01ValueAddedServices: \"\",\r\n Hub01DeltaType: \"\",\r\n Hub01LastUpdate: \"\",\r\n Hub01OperatorId: \"\",\r\n Hub01OperatorName: \"\"\r\n };\r\n\r\n this.handleChangeForm = this.handleChangeForm.bind(this);\r\n this.handleSubmitForm = this.handleSubmitForm.bind(this);\r\n this.onSwitchHub01DynamicInfoAvailable = this.onSwitchHub01DynamicInfoAvailable.bind(this);\r\n this.onSwitchHub01IsHubjectCompatible = this.onSwitchHub01IsHubjectCompatible.bind(this);\r\n this.onSwitchHub01IsOpen24Hours = this.onSwitchHub01IsOpen24Hours.bind(this);\r\n }\r\n\r\n //Recupera subito le informazioni della colonnina da editare (incluse eventuali dati di inattività\r\n //in quel caso renderizza le due datepicker).\r\n componentDidMount()\r\n {\r\n\r\n\r\n }\r\n\r\n //Gestione pulsanti switch\r\n onSwitchHub01DynamicInfoAvailable(e) {\r\n this.setState({\r\n ...this.state,\r\n Hub01DynamicInfoAvailable: e\r\n })\r\n };\r\n\r\n onSwitchHub01IsHubjectCompatible(e) {\r\n this.setState({\r\n ...this.state,\r\n Hub01IsHubjectCompatible: e\r\n })\r\n };\r\n\r\n onSwitchHub01IsOpen24Hours(e) {\r\n this.setState({\r\n ...this.state,\r\n Hub01IsOpen24Hours: e\r\n })\r\n };\r\n\r\n //Apre la modale di edit e ne carica dentro i dati\r\n showModal = () => {\r\n this.setState({\r\n visible: true,\r\n }, () => {\r\n if (this.state.visible === true) {\r\n this.fetch(this.props.hub01Id)\r\n }\r\n })\r\n };\r\n\r\n\r\n //Aggiorna lo stato del componente in base a quanto digitato nei form\r\n handleChangeForm(event) {\r\n const value = event.target.value;\r\n this.setState({\r\n [event.target.name]: value\r\n })\r\n };\r\n\r\n //Chiude la modale\r\n handleCancel = e => {\r\n this.setState({\r\n visible: false,\r\n })\r\n };\r\n\r\n //Aggiorna lo stato del componente in base a quanto digitato nei form\r\n handleChangeForm(event) {\r\n const value = event.target.value;\r\n this.setState({\r\n [event.target.name]: value\r\n })\r\n };\r\n\r\n //Crea l'oggetto e chiama la API per il salvataggio della colonnina editata\r\n handleSubmitForm() {\r\n var colonnina = new Hub01PushEvseDataViewModel();\r\n colonnina.hub01Id = this.state.Hub01Id;\r\n colonnina.hub01ActionType = this.state.Hub01ActionType;\r\n colonnina.hub01Accessibility = this.state.Hub01Accessibility;\r\n colonnina.hub01AdditionalInfoLang = this.state.Hub01AdditionalInfoLang;\r\n colonnina.hub01AdditionalInfoValue = this.state.Hub01AdditionalInfoValue;\r\n colonnina.hub01AddressCity = this.state.Hub01AddressCity;\r\n colonnina.hub01AddressCountryCode = this.state.Hub01AddressCountryCode;\r\n colonnina.hub01AddressFloor = this.state.Hub01AddressFloor;\r\n colonnina.hub01AddressPostalCode = this.state.Hub01AddressPostalCode;\r\n colonnina.hub01AddressRegion = this.state.Hub01AddressRegion;\r\n colonnina.hub01AddressStreet = this.state.Hub01AddressStreet;\r\n colonnina.hub01TimeZone = this.state.Hub01TimeZone;\r\n colonnina.hub01AuthenticationModes = this.state.Hub01AuthenticationModes;\r\n colonnina.hub01ChargingFacilitiesAmperage = this.state.Hub01ChargingFacilitiesAmperage;\r\n colonnina.hub01ChargingFacilitiesPower = this.state.Hub01ChargingFacilitiesPower;\r\n colonnina.hub01ChargingFacilitiesPowerType = this.state.Hub01ChargingFacilitiesPowerType;\r\n colonnina.hub01ChargingFacilitesVoltage = this.state.Hub01ChargingFacilitesVoltage;\r\n colonnina.hub01ChargingModes = this.state.Hub01ChargingModes;\r\n colonnina.hub01ChargingPoolId = this.state.Hub01ChargingPoolId;\r\n colonnina.hub01ChargingStationId = this.state.Hub01ChargingStationId;\r\n colonnina.hub01ChargingStationName = this.state.Hub01ChargingStationName;\r\n colonnina.hub01ClearinghouseId = this.state.Hub01ClearinghouseId;\r\n colonnina.hub01DynamicInfoAvailable = this.state.Hub01DynamicInfoAvailable;\r\n colonnina.hub01EnChargingStationName = this.state.Hub01EnChargingStationName;\r\n colonnina.hub01EvseId = this.state.Hub01EvseId;\r\n colonnina.hub01GeoChargingPointEntranceDecimalDegreeLatitude = this.state.Hub01GeoChargingPointEntranceDecimalDegreeLatitude;\r\n colonnina.hub01GeoChargingPointEntranceDecimalDegreeLongitude = this.state.Hub01GeoChargingPointEntranceDecimalDegreeLongitude;\r\n colonnina.hub01GeoCoordinatesDecimalDegreeLatitude = this.state.Hub01GeoCoordinatesDecimalDegreeLatitude;\r\n colonnina.hub01GeoCoordinatesDecimalDegreeLongitude = this.state.Hub01GeoCoordinatesDecimalDegreeLongitude;\r\n colonnina.hub01HotlinePhoneNumber = this.state.Hub01HotlinePhoneNumber;\r\n colonnina.hub01HubOperatorId = this.state.Hub01HubOperatorId;\r\n colonnina.hub01IsHubjectCompatible = this.state.Hub01IsHubjectCompatible;\r\n colonnina.hub01IsOpen24Hours = this.state.Hub01IsOpen24Hours;\r\n colonnina.hub01MaxCapacity = this.state.Hub01MaxCapacity;\r\n colonnina.hub01OpeningTimesPeriodBegin = this.state.Hub01OpeningTimesPeriodBegin;\r\n colonnina.hub01OpeningTimesPeriodEnd = this.state.Hub01OpeningTimesPeriodEnd;\r\n colonnina.hub01OpeningTimesOn = this.state.Hub01OpeningTimesOn;\r\n colonnina.hub01PaymentOptions = this.state.Hub01PaymentOptions;\r\n colonnina.hub01Plugs = this.state.Hub01Plugs;\r\n colonnina.hub01ValueAddedServices = this.state.Hub01ValueAddedServices;\r\n colonnina.hub01DeltaType = this.state.Hub01DeltaType;\r\n colonnina.hub01LastUpdate = this.state.Hub01LastUpdate;\r\n colonnina.hub01OperatorId = this.state.Hub01OperatorId;\r\n colonnina.hub01OperatorName = this.state.Hub01OperatorName;\r\n this.manage(colonnina)\r\n\r\n //DEBUG PURPOSES\r\n //console.log(colonnina),\r\n };\r\n\r\n //Chiama la API per il recupero della colonnina in questione (Edit in get)\r\n fetch = (id = {}) => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.getMyHubjectCpFromDb + id,\r\n method: 'get',\r\n type: 'json',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err);\r\n }\r\n }).then(data => {\r\n this.setState({\r\n ...this.state,\r\n Hub01Id: data.hub01Id,\r\n Hub01ActionType: data.hub01ActionType,\r\n Hub01Accessibility: data.hub01Accessibility,\r\n Hub01AdditionalInfoLang: data.hub01AdditionalInfoLang,\r\n Hub01AdditionalInfoValue: data.hub01AdditionalInfoValue,\r\n Hub01AddressCity: data.hub01AddressCity,\r\n Hub01AddressCountryCode: data.hub01AddressCountryCode,\r\n Hub01AddressFloor: data.hub01AddressFloor,\r\n Hub01AddressPostalCode: data.hub01AddressPostalCode,\r\n Hub01AddressRegion: data.hub01AddressRegion,\r\n Hub01AddressStreet: data.hub01AddressStreet,\r\n Hub01TimeZone: data.hub01TimeZone,\r\n Hub01AuthenticationModes: data.hub01AuthenticationModes,\r\n Hub01ChargingFacilitiesAmperage: data.hub01ChargingFacilitiesAmperage,\r\n Hub01ChargingFacilitiesPower: data.hub01ChargingFacilitiesPower,\r\n Hub01ChargingFacilitiesPowerType: data.hub01ChargingFacilitiesPowerType,\r\n Hub01ChargingFacilitesVoltage: data.hub01ChargingFacilitesVoltage,\r\n Hub01ChargingModes: data.hub01ChargingModes,\r\n Hub01ChargingPoolId: data.hub01ChargingPoolId,\r\n Hub01ChargingStationId: data.hub01ChargingStationId,\r\n Hub01ChargingStationName: data.hub01ChargingStationName,\r\n Hub01ClearinghouseId: data.hub01ClearinghouseId,\r\n Hub01DynamicInfoAvailable: data.hub01DynamicInfoAvailable,\r\n Hub01EnChargingStationName: data.hub01EnChargingStationName,\r\n Hub01EvseId: data.hub01EvseId,\r\n Hub01GeoChargingPointEntranceDecimalDegreeLatitude: data.hub01GeoChargingPointEntranceDecimalDegreeLatitude,\r\n Hub01GeoChargingPointEntranceDecimalDegreeLongitude: data.hub01GeoChargingPointEntranceDecimalDegreeLongitude,\r\n Hub01GeoCoordinatesDecimalDegreeLatitude: data.hub01GeoCoordinatesDecimalDegreeLatitude,\r\n Hub01GeoCoordinatesDecimalDegreeLongitude: data.hub01GeoCoordinatesDecimalDegreeLongitude,\r\n Hub01HotlinePhoneNumber: data.hub01HotlinePhoneNumber,\r\n Hub01HubOperatorId: data.hub01HubOperatorId,\r\n Hub01IsHubjectCompatible: data.hub01IsHubjectCompatible,\r\n Hub01IsOpen24Hours: data.hub01IsOpen24Hours,\r\n Hub01MaxCapacity: data.hub01MaxCapacity,\r\n Hub01OpeningTimesPeriodBegin: data.hub01OpeningTimesPeriodBegin,\r\n Hub01OpeningTimesPeriodEnd: data.hub01OpeningTimesPeriodEnd,\r\n Hub01OpeningTimesOn: data.hub01OpeningTimesOn,\r\n Hub01PaymentOptions: data.hub01PaymentOptions,\r\n Hub01Plugs: data.hub01Plugs,\r\n Hub01ValueAddedServices: data.hub01ValueAddedServices,\r\n Hub01DeltaType: data.hub01DeltaType,\r\n Hub01LastUpdate: data.hub01LastUpdate,\r\n Hub01OperatorId: data.hub01OperatorId,\r\n Hub01OperatorName: data.hub01OperatorName,\r\n\r\n fetched: true\r\n })\r\n })\r\n }\r\n\r\n //Salvataggio colonnina editata\r\n manage = (colonninaUpdate = {}) => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.saveMyHubjectCpFromDb,\r\n method: 'post',\r\n data: {\r\n cp: colonninaUpdate\r\n },\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err);\r\n this.setState({ visible: false }, () => this.props.parentCallback())\r\n },\r\n type: 'json',\r\n }).then(data => {\r\n this.setState({ visible: false }, () => this.props.parentCallback())\r\n message.success('Colonnina Hubject modificata con successo', 5);\r\n })\r\n }\r\n\r\n //Prende le coordinate passate dal componente figlio ColonnineMapCoords e le setta nel suo stato\r\n callBackFunction = (lat, lon) => {\r\n\r\n //TODO\r\n //Richiama il fetch del padre cosi che la datatable si riaggiorni\r\n }\r\n\r\n //Render del componente\r\n renderContent() {\r\n if (this.state.fetched === true) {\r\n return (\r\n Gruppi scontistica
\r\n\r\n \r\n }\r\n className=\"defaultButton\"\r\n onClick={this.showModal}\r\n className=\"defaultButton\">\r\n\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport { Table, Col, Row, Input, Button, Tooltip, Divider } from 'antd';\r\nimport reqwest from 'reqwest';\r\nimport ReactDOM from 'react-dom';\r\nimport 'antd/dist/antd.css';\r\nimport { handleResponse } from '../../../_helpers';\r\nimport Highlighter from 'react-highlight-words';\r\nimport { SearchOutlined } from '@ant-design/icons';\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../../_helpers/webAPIRoute';\r\nimport { ManageCPOnHubject } from './ManageCPOnHubject';\r\nimport { PushNewCpOnHubject } from './PushNewCpOnHubject';\r\n\r\nexport class CPEvseDataIndex extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n columns: [\r\n {\r\n title: 'Nome colonnina',\r\n dataIndex: 'hub01ChargingStationName',\r\n sorter: true,\r\n width: '25%',\r\n height: \"100%\",\r\n ...this.getColumnSearchProps('hub01ChargingStationName'),\r\n render: (text, row) => {\r\n if (row.hub01ChargingStationName !== null && row.hub01ChargingStationName !== undefined) {\r\n return <>\r\n \r\n {this.renderContent()}\r\n
\r\n \r\n {row.hub01ChargingStationName}
\r\n \r\n }\r\n else {\r\n return <>\r\n }\r\n }\r\n },\r\n {\r\n title: 'Indirizzo',\r\n dataIndex: 'hub01AddressStreet',\r\n width: '45%',\r\n height: \"100%\",\r\n ...this.getColumnSearchProps('hub01AddressStreet')\r\n },\r\n {\r\n title: 'Città',\r\n dataIndex: 'hub01AddressCity',\r\n width: '45%',\r\n height: \"100%\",\r\n ...this.getColumnSearchProps('hub01AddressCity')\r\n },\r\n {\r\n title: 'Azioni',\r\n dataIndex: 'hub01Id',\r\n key: 'x',\r\n width: '25%',\r\n height: \"100%\",\r\n render: (text, row) =>\r\n \r\n \r\n
\r\n
\r\n }\r\n ],\r\n loading: false,\r\n pagination: {},\r\n data: [],\r\n userId: \"\"\r\n };\r\n };\r\n\r\n componentDidMount() {\r\n if (this.props.isAuthed === true) {\r\n this.fetch();\r\n }\r\n }\r\n\r\n componentWillMount() {\r\n\r\n }\r\n\r\n //Funzione get colonnine (Index)\r\n fetch = () => {\r\n var token = localStorage.getItem('token');\r\n this.setState(\r\n {\r\n ...this.state,\r\n loading: true\r\n }\r\n )\r\n reqwest({\r\n url: webAPIRoute.getMyHubjectCpsFromDb,\r\n method: 'get',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n this.setState({\r\n ...this.state,\r\n loading: false\r\n })\r\n handleResponse(err);\r\n return;\r\n }\r\n }).then(data => {\r\n this.setState({\r\n ...this.state,\r\n loading: false,\r\n data: data,\r\n });\r\n\r\n })\r\n };\r\n\r\n //Callback che aggiorna la datatable da componente figlio\r\n callBackFunctionIndex = () => {\r\n this.fetch();\r\n };\r\n\r\n //Gestione paginazione\r\n handleTableChange = (pagination, filters, sorter) => {\r\n const pager = { ...this.state.pagination };\r\n pager.current = pagination.current;\r\n this.setState({\r\n pagination: pager,\r\n });\r\n };\r\n\r\n handleSearch = (selectedKeys, confirm, dataIndex) => {\r\n confirm();\r\n this.setState({\r\n searchText: selectedKeys[0],\r\n searchedColumn: dataIndex,\r\n });\r\n };\r\n\r\n //Reset filtri\r\n handleReset = clearFilters => {\r\n clearFilters();\r\n this.setState({ searchText: '' });\r\n };\r\n\r\n //Metodo di ricerca su intestazioni tabella\r\n getColumnSearchProps = dataIndex => ({\r\n filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters }) => (\r\n \r\n
\r\n \r\n\r\n
\r\n \r\n {\r\n this.searchInput = node;\r\n }}\r\n value={selectedKeys[0]}\r\n onChange={e => setSelectedKeys(e.target.value ? [e.target.value] : [])}\r\n onPressEnter={() => this.handleSearch(selectedKeys, confirm, dataIndex)}\r\n style={{ width: 188, marginBottom: 8, display: 'block' }}\r\n />\r\n this.handleSearch(selectedKeys, confirm, dataIndex)}\r\n icon={
\r\n ),\r\n filterIcon: filtered => \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\nReactDOM.render(Gestisci le colonnine connesse al sistema Hubject
\r\n\r\n }\r\n onClick={this.showModal}\r\n className=\"defaultButton\"\r\n >\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","import { Menu } from 'antd';\r\nimport React from 'react';\r\nimport { Route } from 'react-router-dom';\r\nimport { Link } from 'react-router-dom';\r\nimport { NavLink } from 'reactstrap';\r\nimport { authenticationService } from '../_services/authentication.service';\r\nimport {\r\n SearchOutlined, ApiOutlined, CarOutlined,\r\n UserSwitchOutlined, DeploymentUnitOutlined, ShoppingOutlined,\r\n WarningOutlined, GlobalOutlined, PoundOutlined,\r\n InteractionOutlined, MoneyCollectOutlined\r\n\r\n} from '@ant-design/icons';\r\n\r\nimport { FaChargingStation } from 'react-icons/fa';\r\nimport { IndexKeeper } from '../components/Keeper/ADMIN_SIDE/IndexKeeper';\r\nimport { IndexColonnineRifornimento } from '../components/ColonnineRifornimento/IndexColonnineRifornimento';\r\nimport { IndexTipologiePresa } from '../components/TipologiePresa/IndexTipologiePresa';\r\nimport { IndexPacchettiKiWihAdmin } from '../components/PacchettiKiWih/IndexPacchettiKiWihAdmin';\r\nimport { IndexTipologieAdattatori } from '../components/TipologieAdattatori/IndexTipologieAdattatori';\r\nimport { IndexDriver } from '../components/Driver/IndexDriver';\r\nimport { MyProfileKeeper } from '../components/Keeper/KEEPER_SIDE/MyProfileKeeper';\r\nimport { MyDriverProfile } from '../components/Driver/MyDriverProfile';\r\nimport { RicaricheKeeper } from '../components/RicaricheElettriche/RicaricheKeeper/RicaricheKeeper';\r\nimport { RicaricheAdmin } from '../components/RicaricheElettriche/RicaricheAdmin/RicaricheAdmin';\r\nimport { IndexSanzioni } from '../components/Sanzioni/IndexSanzioni';\r\nimport { IndexTariffarioHubject } from '../components/Hubject/Tariffario/IndexTariffarioHubject';\r\nimport { IndexOperatoriHubject } from '../components/Hubject/Operatori/IndexOperatoriHubject';\r\nimport { IndexScontistica } from '../components/Scontistica/IndexScontistica';\r\n//import { PDF } from '../components/TEST_WEBSOCKET/PDF';\r\nimport '../custom.css';\r\nimport { CPEvseDataIndex } from '../components/Hubject/GestioneColonnineSuHubject/CPEvseDataIndex';\r\n\r\n//Servizio che fornisce funzioni che restituiscono il codice JSX per renderizzare dei menu\r\n//o delle routes\r\nexport const userMenuBuilder = {\r\n renderGestioneColonnine,\r\n renderGestioneGestori,\r\n renderProfiloGestore,\r\n renderListaTipologiaPrese,\r\n renderListaTipologiaAdattatori,\r\n renderListaDriver,\r\n renderProfiloDriver,\r\n renderProfilo,\r\n renderRicaricheKeeper,\r\n renderRicaricheAdmin,\r\n renderResoconto,\r\n renderPacchettiKiWihAdmin,\r\n renderColonnineKiwihSuHubject,\r\n renderOperatoriHubject,\r\n renderTariffeHubject,\r\n renderAnagraficaSanzioni,\r\n renderAnagraficaScontistica,\r\n renderPathGestioneColonnina,\r\n renderPathGestioneGestore,\r\n renderPathProfiloGestore,\r\n renderPathListaTipologiaPresa,\r\n renderPathListaTipologiaAdattatori,\r\n renderPathDriver,\r\n renderPathProfilo,\r\n renderPathProfiloDriver,\r\n renderPathRicaricheElettriche,\r\n renderPathRicaricheAdmin,\r\n renderPathPacchettiKiWihAdmin,\r\n renderPathColonnineKiwihSuHubject,\r\n renderPathOperatoriHubject,\r\n renderPathTariffeHubject,\r\n renderPathAnagraficaSanzioni,\r\n renderPathAnagraficaScontistica\r\n}\r\n\r\nfunction getUserId() {\r\n return authenticationService.getUserIdFromToken();\r\n}\r\n\r\n//FUNZIONI RENDERING COMPONENTI\r\nfunction renderGestioneColonnine() {\r\n return (\r\n \r\n {this.renderContent()}\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 d.theta}\r\n data={this.state.infoKeeper}\r\n onValueMouseOver={v => this.setState({ value: v })}\r\n onSeriesMouseOut={() => this.setState({ value: false })}\r\n width={400}\r\n height={300}\r\n padAngle={0.04}\r\n \r\n >\r\n {value !== false && \r\n }\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n );\r\n }\r\n\r\n renderStatsKeeper() {\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Nome: \r\n
\r\n \r\n kWh Erogati: \r\n
\r\n \r\n
\r\n Valore Corrispondente
\r\n \r\nNome: \r\n {value.name} \r\n
\r\n \r\n kWh Erogati: \r\n {value.theta} \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 renderNomeBenvenuto() {\r\n\r\n if (this.state.Ana13IsAzienda === true) {\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n Azienda: {this.state.Ana13RagioneSociale}\r\n
\r\n )\r\n } else {\r\n return (\r\n \r\n Ciao {this.state.Ana13Nome} {this.state.Ana13Cognome} \r\n
\r\n );\r\n }\r\n }\r\n\r\n render() {\r\n\r\n if (this.state.role == \"Admin\") {\r\n return (\r\n \r\n
\r\n );\r\n } else {\r\n return (\r\n \r\n {this.renderNomeBenvenuto()}\r\n
\r\n {this.renderStatsAdmin()}\r\n\r\n
\r\n );\r\n }\r\n \r\n }\r\n}\r\n","import React from 'react';\r\nimport { Input, Button, Form, Checkbox, Row, Col, Empty, Select, Spin } from 'antd';\r\nimport { AppstoreAddOutlined, ReloadOutlined } from '@ant-design/icons';\r\nimport ReactDOM from 'react-dom';\r\nimport './custom.css';\r\nimport 'antd/dist/antd.css';\r\nimport FormItem from 'antd/lib/form/FormItem';\r\n\r\nconst { Option } = Select;\r\n\r\nexport class FormSearchStazioni extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n Ana01Comune: '',\r\n Ana01Cap: '',\r\n Ana01Latitudine: '',\r\n Ana01Longitudine: '',\r\n distanza: '',\r\n TipologiePrese: {\r\n tipo1: true,\r\n tipo2: true,\r\n tipo3: true,\r\n tipo3A: true,\r\n tipo3C: true,\r\n tipoChademo: true,\r\n tipoCssCombo2: true\r\n }\r\n };\r\n\r\n this.handleChange = this.handleChange.bind(this);\r\n this.handleSubmit = this.handleSubmit.bind(this);\r\n this.onChangeTipo1 = this.onChangeTipo1.bind(this);\r\n this.onChangeTipo2 = this.onChangeTipo2.bind(this);\r\n this.onChangeTipo3 = this.onChangeTipo3.bind(this);\r\n this.onChangeTipo3A = this.onChangeTipo3A.bind(this);\r\n this.onChangeTipo3C = this.onChangeTipo3C.bind(this);\r\n this.onChangeTipoChademo = this.onChangeTipoChademo.bind(this);\r\n this.onChangeTipoCssCombo2 = this.onChangeTipoCssCombo2.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({\r\n ...this.state,\r\n Ana01Latitudine: this.props.Ana01Latitudine,\r\n Ana01Longitudine: this.props.Ana01Longitudine,\r\n })\r\n }\r\n\r\n //Gestione cambiamento checkbox tipo1\r\n onChangeTipo1(e) {\r\n this.setState({\r\n TipologiePrese: {\r\n ...this.state.TipologiePrese,\r\n tipo1: e.target.checked\r\n }\r\n });\r\n }\r\n onChangeTipo2(e) {\r\n this.setState({\r\n TipologiePrese: {\r\n ...this.state.TipologiePrese,\r\n tipo2: e.target.checked\r\n }\r\n });\r\n }\r\n onChangeTipo3(e) {\r\n this.setState({\r\n TipologiePrese: {\r\n ...this.state.TipologiePrese,\r\n tipo3: e.target.checked\r\n }\r\n });\r\n }\r\n onChangeTipo3A(e) {\r\n this.setState({\r\n TipologiePrese: {\r\n ...this.state.TipologiePrese,\r\n tipo3A: e.target.checked\r\n }\r\n });\r\n }\r\n onChangeTipo3C(e) {\r\n this.setState({\r\n TipologiePrese: {\r\n ...this.state.TipologiePrese,\r\n tipo3C: e.target.checked\r\n }\r\n });\r\n }\r\n onChangeTipoChademo(e) {\r\n this.setState({\r\n TipologiePrese: {\r\n ...this.state.TipologiePrese,\r\n tipoChademo: e.target.checked\r\n }\r\n });\r\n }\r\n onChangeTipoCssCombo2(e) {\r\n this.setState({\r\n TipologiePrese: {\r\n ...this.state.TipologiePrese,\r\n tipoCssCombo2: e.target.checked\r\n }\r\n });\r\n }\r\n\r\n //Riferimento al form\r\n formRef = React.createRef();\r\n\r\n //Resetta form e chiama la funzione callback per il reset dei filtri sul componente padre\r\n onReset = () => {\r\n this.formRef.current.resetFields();\r\n this.setState({\r\n Ana01Comune: '',\r\n Ana01Cap: '',\r\n distanza: '',\r\n TipologiePrese: {\r\n tipo1: true,\r\n tipo2: true,\r\n tipo3: true,\r\n tipo3A: true,\r\n tipo3C: true,\r\n tipoChademo: true,\r\n tipoCssCombo2: true\r\n }\r\n }, () => {\r\n this.sendData()\r\n ReactDOM.render(\r\n {this.renderNomeBenvenuto()}\r\n
\r\n\r\n Ecco un riepilogo delle tue ricariche su KiWih Charge\r\n
\r\n {this.renderStatsKeeper()}\r\n\r\n //
\r\n // );\r\n // }\r\n //}\r\n\r\n\r\n //Funzioni per cambiare lo stato di questo componente, richiamabili dal componente figlio StartRicaricaButton\r\n //affinchè le funzioni di render pulsante + istruzioni + spinner in questo componente restituiscano sempre i\r\n //giusti contenuti\r\n changeStateFromChildForStart() {\r\n this.setState({\r\n ...this.state,\r\n visible: false,\r\n enableStart: true,\r\n enableSpinner: false,\r\n statoRicarica: 0\r\n\r\n })\r\n }\r\n //Funzioni per cambiare lo stato di questo componente, richiamabili dal componente figlio StartRicaricaButton\r\n //affinchè le funzioni di render pulsante + istruzioni + spinner in questo componente restituiscano sempre i\r\n //giusti contenuti\r\n changeStateFromChildForWaiting() {\r\n this.setState({\r\n ...this.state,\r\n visible: false,\r\n enableStart: true,\r\n enableSpinner: true,\r\n statoRicarica: 1\r\n\r\n })\r\n }\r\n changeStateFromChildForStop(data) {\r\n this.setState({\r\n ...this.state,\r\n enableStop: true,\r\n enableStart: false,\r\n transactionId: data.transactionId,\r\n sessionId: data.sessionId,\r\n dataInizioRicarica: data.startChargeDate,\r\n statoRicarica: 2\r\n }, () => {\r\n this.monitorLiveCharge()\r\n });\r\n }\r\n\r\n\r\n // Nuova gestione, se la tipologia di pagamento è = carta allora usa gli stripe elements con le chiamate Stripe JS per effettuare\r\n // il blocco denaro (necessario perchè solo cosi si ottiene la modale di autenticazione 3DS per le carte richieste),\r\n // se va tutto ok salva il pagamento su database e procede con la chiamata a RemoteStartTransaction\r\n // questa sequenza di funzioni è definita nel componente StartRicaricaButton\r\n\r\n //this.state.userId, this.state.datiColonnina.Ana01Codice, this.state.connectorId, this.state.metodoPagamento\r\n renderStartButton() {\r\n if (this.state.enableStart == true) {\r\n\r\n //DEBUG PURPOSES\r\n //var toAlert =\r\n // \"START RICARICA: \\n \" +\r\n // \"metodo di pagamento:\" + this.props.metodoPagamento + \"\\n\" +\r\n // \"tipo colonnina:\" + this.state.tipoCP + \"\\n\" +\r\n // \"operatorName: \" + this.props.operatorName + \"\\n\" +\r\n // \"operatorID: \" + this.props.operatorID + \"\\n\" +\r\n // \"tipoCP: \" + this.props.tipoCP + \"\\n\" +\r\n // \"EvseId: \" + this.props.evseId + \"\\n\" +\r\n // \"ProviderID: \" + this.props.providerID + \"\\n\";\r\n //\r\n //alert(toAlert);\r\n //END DEGUB PURPOSES\r\n\r\n if (this.props.tipoCP == \"KIWIH\")\r\n {\r\n //DEBUG PURPOSES\r\n //console.log(\"Stato prima del render di Start ricarica\");\r\n //console.log(this.state);\r\n return (\r\n \r\n
\r\n );\r\n }\r\n }\r\n\r\n //Renderizza il pulsante stop ricarica solo se questa è stata correttamente avviata\r\n renderStopButton() {\r\n if (this.state.enableStop == true) {\r\n return (\r\n\r\n \r\n\r\n
\r\n );\r\n }\r\n }\r\n\r\n //Renderizza lo spinner di caricametno sotto il pulsante\r\n renderSpinner() {\r\n if (this.state.enableSpinner == true) {\r\n return (\r\n \r\n
\r\n )\r\n } else {\r\n return (\r\n \r\n
\r\n )\r\n }\r\n }\r\n\r\n //Renderizza le informazioni testuali sull'andamento della ricarica\r\n renderIstruzioni() {\r\n //TODO\r\n switch (this.state.statoRicarica) {\r\n case 0:\r\n return (\r\n \r\n
\r\n )\r\n break;\r\n case 1:\r\n return (\r\n Premi il pulsante START per avviare la tua ricarica Kiwih
\r\n\r\n
\r\n )\r\n break;\r\n case 2:\r\n if (this.props.tipoCP == \"KIWIH\") {\r\n return (\r\n Segui le istruzioni della colonnina
\r\n\r\n
\r\n )\r\n }\r\n else {\r\n return (Perfetto! la tua ricarica Kiwih è partita
\r\n\r\n
)\r\n }\r\n break;\r\n default:\r\n return (\r\n \r\n )\r\n }\r\n }\r\n\r\n renderMonitorLiveCharge() {\r\n\r\n if (this.state.statoRicarica == 2) {\r\n return (\r\n Perfetto! la tua ricarica è partita
\r\n\r\n
\r\n );\r\n\r\n } else {\r\n return (\r\n \r\n Avvio ricarica: \r\n {\r\n moment(this.state.dataInizioRicarica)\r\n .format('DD/MM/YYYY HH:mm:ss')\r\n }\r\n
\r\n\r\n Tempo trascorso: \r\n {this.state.minutaggio}\r\n
\r\n\r\n kWh Erogati: \r\n {this.state.kwhErogati}\r\n
\r\n\r\n\r\n
\r\n );\r\n }\r\n }\r\n\r\n //Effettua la chiamata alla API tramite reqwest\r\n //callRemoteStart(userId, colonninaId, connectorId, metodoPagamento) {\r\n\r\n // this.setState({\r\n // ...this.state,\r\n // enableSpinner: true,\r\n // statoRicarica: 1\r\n // })\r\n\r\n // //02/02/2021: ripristinare il prenotazioneId dello stato in input a remoteStartTransactionInput quando verranno riabilitate le prenotazioni\r\n // //rimuovere colonninaId perchè forse non serivirà (controllare backend)\r\n // var remoteStartTransactionInput = { userId: userId, connectorId: connectorId, colonninaId: colonninaId, metodoPagamento: this.props.metodoPagamento };\r\n // var token = localStorage.getItem('token');\r\n \r\n // reqwest({\r\n // url: webAPIRoute.remoteStartTransaction,\r\n // method: 'POST',\r\n // headers: {\r\n // 'Content-Type': 'application/json',\r\n // 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n // },\r\n // data: JSON.stringify(remoteStartTransactionInput),\r\n // contentType: \"application/json\",\r\n // error: function (err) {\r\n // handleResponse(err); return;\r\n\r\n // this.setState({\r\n // ...this.state,\r\n // enableSpinner: false\r\n // })\r\n // },\r\n // }).then(data => {\r\n // //DEBUG PURPOSES\r\n // //console.log(\"Di ritorno dal backend......\");\r\n // //console.log(data);\r\n // //alert(data.startTransactionResponse + \" - \" + data.startChargeDate + \" - \" + data.transactionId)\r\n\r\n // if (data != null && data != undefined && data.transactionId != 0) {\r\n\r\n // //Renderizza il pulsante di stop\r\n // this.setState({\r\n // ...this.state,\r\n // enableStop: true,\r\n // enableStart: false,\r\n // transactionId: data.transactionId,\r\n // dataInizioRicarica: data.startChargeDate,\r\n // statoRicarica: 2\r\n // }, () => {\r\n // this.monitorLiveCharge()\r\n // });\r\n // }\r\n // else {\r\n // this.setState({\r\n // ...this.state,\r\n // visible: false,\r\n // enableStart: true,\r\n // enableSpinner: false,\r\n // statoRicarica: 0\r\n\r\n // })\r\n // message.warning('Impossibile avviare la ricarica, la colonnina ha rifiutato la richiesta di start remoto', 5);\r\n // }\r\n // });\r\n //}\r\n\r\n //Chiama la webApi che farà richiesta di stop alla ricarica\r\n callRemoteStop() {\r\n //TODO\r\n\r\n var stop = {\r\n userId: this.state.userId,\r\n transactionId: this.state.transactionId,\r\n colonninaId: this.props.colonninaKiwih.Ana01Codice,\r\n sessionId: this.state.sessionId,\r\n metodoPagamento: this.props.metodoPagamento\r\n };\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.remoteStopTransaction,\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n data: JSON.stringify(stop),\r\n contentType: \"application/json\",\r\n error: function (err) {\r\n handleResponse(err); return;\r\n },\r\n }).then(data => {\r\n if (data.stopTransactionResponse === \"SUCCESS\") {\r\n //Renderizza il pulsante di stop\r\n this.setState({\r\n ...this.state,\r\n enableSpinner: false,\r\n enableStop: false,\r\n enableStart: true,\r\n visible: false,\r\n transactionId: null,\r\n statoRicarica: 0\r\n }, () => { message.success('Ricarica terminata con successo!, controlla il resoconto nella sezione \"Le mie ricariche\" ', 5); })\r\n }\r\n else {\r\n //alert(\"NON STOP\")\r\n this.setState({\r\n ...this.state,\r\n visible: false\r\n })\r\n message.warning('Impossibile stoppare la ricarica', 5);\r\n }\r\n });\r\n }\r\n\r\n //Richiama la WebAPI Monitor sulla ricarica per ottenere informazioni sullo stato di avanzamento della ricarica ogni secondo\r\n monitorLiveCharge() {\r\n if (this.state.visible == true && this.state.statoRicarica != 0) {\r\n\r\n if (this.state.visible == true && this.state.statoRicarica == 2) {\r\n\r\n if (this.props.tipoCP == \"KIWIH\") {\r\n var monitorReq = { userId: this.state.userId, transactionId: this.state.transactionId };\r\n var token = localStorage.getItem('token');\r\n\r\n setInterval(async () => {\r\n await reqwest({\r\n url: webAPIRoute.monitorLiveCharge,\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n data: JSON.stringify(monitorReq),\r\n contentType: \"application/json\",\r\n error: function (err) {\r\n handleResponse(err);\r\n }\r\n }).then(data => {\r\n if (data != null && data != undefined && data.transactionId != 0) {\r\n //Renderizza il pulsante di stop\r\n this.setState({\r\n ...this.state,\r\n minutaggio: data.minutaggio,\r\n kwhErogati: data.kWhErogati\r\n });\r\n }\r\n });\r\n }, 1000);\r\n }\r\n else {\r\n //TODO\r\n //Richiama sul backend Kiwih la funzione che chiama\r\n //la API Hubject\r\n }\r\n\r\n }\r\n }\r\n }\r\n\r\n renderComponent() {\r\n const { fetching } = this.state;\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n}","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { Form, Modal, Button, Row, Col, Radio } from 'antd';\r\nimport reqwest from 'reqwest';\r\nimport { ThunderboltOutlined, LikeOutlined } from '@ant-design/icons';\r\nimport { ResizableBox } from \"react-resizable\";\r\nimport { handleResponse } from '../../_helpers/handle-response';\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../_helpers/webAPIRoute';\r\n\r\nimport { authenticationService } from '../../_services/authentication.service';\r\nimport { StartRicarica } from './StartRicarica';\r\nimport { IndexMetodiPagamento } from '../Pagamenti/IndexMetodiPagamento';\r\n\r\n\r\n\r\nexport class CheckBeforeRicarica extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n fetching: false,\r\n userId: authenticationService.getUserIdFromToken(),\r\n kiwihResidui: null,\r\n reintegro: false,\r\n expiryDate: null,\r\n idTag: null,\r\n presa: null,\r\n connectorId: null,\r\n tariffaSearch: false,\r\n metodoPagamento: 0,\r\n tariffaCorrente: {\r\n T004_CostoKiwihOra: 0,\r\n T004_CostoKiwihKw: 0,\r\n T004_CostoEuroOra: 0,\r\n T004_CostoEuroKw: 0,\r\n T004_CondizioniTariffa: null\r\n },\r\n colonninaKiwih: null,\r\n colonninaHubject: null,\r\n operatorId: this.props.operatorID\r\n }\r\n\r\n // this.handleSubmitForm = this.handleSubmitForm.bind(this);\r\n this.onChange = this.onChange.bind(this);\r\n this.renderScegliAggiungiMetodoPagamento = this.renderScegliAggiungiMetodoPagamento.bind(this);\r\n }\r\n\r\n componentDidMount()\r\n {\r\n if (this.props.tipoCP == \"KIWIH\") {\r\n this.setState({\r\n ...this.state,\r\n colonninaKiwih: this.props.colonninaKiwih,\r\n tipoCP: this.state.tipoCP,\r\n connectorId: this.props.presa.ana07CodiceTipoPresa,\r\n presa: this.props.presa\r\n }, () => {\r\n //console.log(\"stato di check before ricarica con Kiwih\")\r\n //console.log(this.state)\r\n })\r\n }\r\n else\r\n {\r\n this.setState({\r\n ...this.state,\r\n colonninaHubject: this.props.colonninaHubject\r\n }, () => {\r\n //console.log(\"stato di check before ricarica\")\r\n //console.log(this.state)\r\n })\r\n }\r\n\r\n }\r\n\r\n showModal = () => {\r\n this.setState({\r\n ...this.state,\r\n visible: true,\r\n }, () => {\r\n\r\n //DEBUG PURPOSES\r\n //var toAlert =\r\n // \"CHECK BEFORE: \\n \" +\r\n // \"metodo di pagamento:\" + this.state.metodoPagamento + \"\\n\" +\r\n // \"tipo colonnina:\" + this.state.tipoCP + \"\\n\" +\r\n // \"operatorName: \" + this.props.operatorName + \"\\n\" +\r\n // \"operatorID: \" + this.props.operatorID + \"\\n\" +\r\n // \"tipoCP: \" + this.props.tipoCP + \"\\n\" +\r\n // \"EvseId: \" + this.props.evseId + \"\\n\" +\r\n // \"ProviderID: \" + this.props.operatorID.replace(\"*\", \"-\") + \"\\n\";\r\n //\r\n //alert(toAlert);\r\n //END DEGUB PURPOSES\r\n\r\n if (this.props.tipoCP == \"KIWIH\")\r\n {\r\n //alert(\"KIWIH DENTRO CHECK BEFORE, tipoCP: \" + this.props.tipoCP);\r\n this.getTariffe(this.props.presa.ana02IdPresa, this.props.presa.ana02Codice)\r\n this.getKiWihResidui(this.state.userId)\r\n\r\n ReactDOM.render(\r\n \r\n {this.renderComponent()}\r\n
\r\n\r\n \r\n \r\n
\r\n )\r\n }\r\n else\r\n {\r\n return (\r\n \r\n \r\n
\r\n
\r\n )\r\n } \r\n };\r\n\r\n renderTariffaECondizioni() {\r\n if (this.state.tariffaSearch == true) {\r\n\r\n if (this.state.tipoCP == \"KIWIH\")\r\n {\r\n return (\r\n \r\n \r\n
\r\n \r\n Costo KiWih / kWh: {this.state.tariffaCorrente.T004_CostoKiwihKw} /kWh \r\n \r\n
\r\n \r\n Costo Euro / kWh: {this.state.tariffaCorrente.T004_CostoEuroKw} Euro/kWh \r\n \r\n
\r\n \r\n Condizioni tariffa: \r\n \r\n
\r\n \r\n
\r\n
\r\n )\r\n }\r\n return (\r\n Tariffe di ricarica per {this.props.colonnina.Ana01Descrizione}
\r\n \r\n{this.state.tariffaCorrente.T004_CondizioniTariffa}
\r\n \r\n\r\n \r\n
\r\n \r\n Costo KiWih / kWh: {this.state.tariffaCorrente.T004_CostoKiwihKw} /kWh */}\r\n \r\n
\r\n \r\n Costo Euro / kWh: {this.state.tariffaCorrente.T004_CostoEuroKw} Euro/kWh */}\r\n \r\n
\r\n \r\n Condizioni tariffa: */}\r\n \r\n
\r\n \r\n
\r\n
\r\n )\r\n \r\n } else {\r\n return (\r\n Tariffe di ricarica per {this.state.colonninaHubject}
\r\n \r\n{this.state.tariffaCorrente.T004_CondizioniTariffa}
*/}\r\n \r\n\r\n
\r\n )\r\n } \r\n }\r\n\r\n\r\n renderComponent() {\r\n const { fetching } = this.state;\r\n return (\r\n Seleziona metodo di pagamento:
\r\n \r\n\r\n }\r\n type=\"primary\"\r\n shape=\"round\"\r\n onClick={this.showModal}>\r\n Inizia!\r\n \r\n \r\n
\r\n );\r\n }\r\n}","import React from 'react';\r\nimport 'antd/dist/antd.css';\r\nimport { Row, Col, Avatar, Spin, Button } from 'antd';\r\n//import { ThunderboltTwoTone, ApiTwoTone } from '@ant-design/icons';\r\nimport { BsFillCircleFill } from \"react-icons/bs\";\r\n\r\nimport { UndoOutlined } from '@ant-design/icons';\r\n\r\n//02 / 02 / 2021: Attualmente non utilizzabile, il sistema non prevede prenotazioni\r\n//import { PrenotaRicarica } from './PrenotaRicarica';\r\n\r\nimport { StartRicarica } from './StartRicarica';\r\nimport { CheckBeforeRicarica } from './CheckBeforeRicarica';\r\n\r\nimport reqwest from 'reqwest';\r\nimport * as webAPIRoute from '../../_helpers/webAPIRoute';\r\nimport { handleResponse } from '../../_helpers/handle-response';\r\nimport { OcppRequestTriggerMessageViewModel } from '../../models/viewmodels/OCPP/OcppRequestTriggerMessageViewModel';\r\nimport { eRoamingPullEVSEStatusRequestViewModel } from '../../models/viewmodels/Hubject/EMP/eRoamingPullEVSEStatusRequestViewModel';\r\nimport { authenticationService } from '../../_services';\r\nimport chargePointKiwihIcon from '../../Icons/chargePoint.png';\r\nimport chargePointHubjectIcon from '../../Icons/chargePointNotVisible.png';\r\nimport PresaTipo1 from '../../Icons/tipo1.png';\r\nimport PresaTipo2 from '../../Icons/tipo2.png';\r\nimport PresaChademo from '../../Icons/chademo.png';\r\nimport PresaTeslaCharger from '../../Icons/teslaCharger.png';\r\nimport PresaCSSCombo2 from '../../Icons/CCSCombo2.png';\r\nimport { Card } from 'react-bootstrap';\r\n\r\nconst { Meta } = Card;\r\n\r\nexport default class ColonninaCard extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n //data: informazioni complete della colonnina da passare come props al commponente start ricarica\r\n colonninaSelezionata: null,\r\n operatorID: this.props.operatorID,\r\n evseId: this.props.evseId,\r\n providerId: this.props.providerId,\r\n tipoCP: null,\r\n providerID: null,\r\n statoColonnina: null,\r\n statoColonninaHubjectCode: null,\r\n statoColonninaHubjectDescription: null,\r\n dataInizioInattivita: null,\r\n dataFineInattivita: null,\r\n city: null,\r\n powerType: null\r\n };\r\n\r\n this.renderStatoColonnina = this.renderStatoColonnina.bind(this);\r\n }\r\n //Prende in seno i propri dati (dati della colonnina) passati dal commponente padre\r\n componentDidMount() {\r\n\r\n //DEBUG PURPOSES\r\n //console.log(\"codice ana01 dopo click marker Kiwih (ColonninaCard step 3)\");\r\n //console.log(this.props.codiceStazione);\r\n\r\n this.setState({\r\n ...this.state,\r\n colonninaSelezionata: this.props.colonninaSelezionata,\r\n tipoCP: this.props.tipoCP,\r\n operatorID: this.props.operatorID\r\n }, () => {\r\n //DEBUG PURPOSES\r\n //console.log(\"Dati in ingresso come props\")\r\n //console.log(this.state)\r\n this.renderStatoColonnina();\r\n })\r\n }\r\n\r\n //Consente l'invio di un TriggerMessage dal CentralSystem alla colonnina per l'ottenimento dello stato.\r\n renderStatoColonnina() {\r\n\r\n //DEBUG PURPOSES\r\n //console.log(\"codice ana01 dopo click marker Kiwih (ColonninaCard step 3.1)\");\r\n //console.log(codiceStazione);\r\n\r\n var colonnina = this.state.colonninaSelezionata;\r\n this.setState({\r\n ...this.state,\r\n statoColonnina: null\r\n }, () => {\r\n //DEBUG PURPOSES\r\n //console.log(\"Dati colonnina dopo il renderStateCOlonnina\")\r\n //console.log(this.state)\r\n });\r\n\r\n //Se colonnina Kiwih chiama reqwest altrimenti uso props Hubject\r\n\r\n if (this.state.tipoCP == \"KIWIH\") {\r\n //Crea l'oggetto viewModel relativo alla richiesta TriggerMessage + info su ip e porta colonnina\r\n var triggerRequest = new OcppRequestTriggerMessageViewModel();\r\n triggerRequest.userId = authenticationService.getUserIdFromToken();\r\n triggerRequest.requiredAction = \"TriggerMessage\";\r\n triggerRequest.Ana01IndirizzoIp = colonnina.Ana01IndirizzoIp;\r\n triggerRequest.Ana01PortaLogica = colonnina.Ana01PortaLogica;\r\n triggerRequest.requestedMessage.messageTrigger = 5;\r\n triggerRequest.requestedMessage.connectorId = 0; //Connettore = 0 vuol dire stato della colonnina tutta e non del singolo connettore\r\n triggerRequest.codiceStazione = this.props.codiceStazione;\r\n\r\n //DEBUG PURPOSES\r\n //console.log(triggerRequest);\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.getColonninaStatus,\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n data: JSON.stringify(triggerRequest),\r\n error: function (err) {\r\n handleResponse(err); return;\r\n return;\r\n }\r\n }).then(data => {\r\n this.setState({\r\n ...this.state,\r\n statoColonnina: data\r\n })\r\n })\r\n }\r\n else {\r\n //TODO\r\n //Chiamata Hubject per il charging point status\r\n //console.log(\"Stato colonnina hubject\");\r\n //console.log(this.state);\r\n\r\n var payload = new eRoamingPullEVSEStatusRequestViewModel();\r\n payload.evseID = new Array(this.state.colonninaSelezionata.EvseId);\r\n payload.providerID = this.state.operatorID;\r\n\r\n //console.log(\"Payload\");\r\n //console.log(payload);\r\n\r\n var token = localStorage.getItem('token');\r\n\r\n }\r\n }\r\n\r\n //Renderizza la giusta icona dello stato della colonnina \r\n\r\n renderIconaStatoColonnina() {\r\n //DEBUG PURPOSES\r\n //console.log(\"Colonnina status (no admin call)\");\r\n //console.log(statoColonnina);\r\n\r\n //console.log(\"Colonnina type\");\r\n //console.log(this.state.tipoCP);\r\n\r\n if (this.state.tipoCP === \"KIWIH\") {\r\n if (this.state.statoColonnina === \"Available\") {\r\n //alert(\"Available\")\r\n return (\r\n \r\n {this.renderComponent()}\r\n
\r\n\r\n \r\n \r\n
\r\n )\r\n }\r\n if (this.state.statoColonnina === \"Charging\") {\r\n //alert(\"Charging\")\r\n return (\r\n \r\n Disponibile\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n }\r\n if (this.state.statoColonnina === \"Reserved\") {\r\n // alert(\"Reserved\")\r\n return (\r\n \r\n In ricarica\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n }\r\n if (this.state.statoColonnina === \"Unavailable\") {\r\n //alert(\"Unavailable\")\r\n return (\r\n \r\n Prenotata\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n }\r\n if (this.state.statoColonnina === \"Preparing\") {\r\n //alert(\"Preparing\")\r\n return (\r\n \r\n Non Disponibile\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n }\r\n if (this.state.statoColonnina === \"Faulted\") {\r\n //alert(\"Faulted\")\r\n return (\r\n \r\n Preparazione ricarica\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n }\r\n if (this.state.statoColonnina == null || this.state.statoColonnina == undefined) {\r\n // alert(\"statoColonnina\")\r\n return (\r\n \r\n Non Disponibile\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n }\r\n }\r\n else {\r\n return ()\r\n }\r\n\r\n }\r\n\r\n renderStartButton(presa) {\r\n\r\n //DEBUG PURPOSES\r\n //var toAlert =\r\n // \"COLONNINA CARD: \\n \" +\r\n // \"tipo colonnina:\" + this.state.tipoCP + \"\\n\" +\r\n // \"operatorName: \" + this.props.operatorName + \"\\n\" +\r\n // \"operatorID: \" + this.props.operatorID + \"\\n\" +\r\n // \"tipoCP: \" + this.props.tipoCP + \"\\n\" +\r\n // \"EvseId: \" + this.props.evseId + \"\\n\" +\r\n // \"ProviderID: \" + this.props.providerID + \"\\n\";\r\n //\r\n //alert(toAlert);\r\n //END DEGUB PURPOSES\r\n\r\n if (this.state.tipoCP == \"KIWIH\") {\r\n\r\n //DEBUG PURPOSES\r\n //alert(\"KIWIH DENTRO COLONNINA CARD\");\r\n\r\n //console.log(\"Stato mentre renderizzo CheckBeforeRicarica\")\r\n //console.log(this.state)\r\n return (\r\n \r\n Non Disponibile\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n 
\r\n
\r\n )\r\n case \"Charging\":\r\n return (\r\n \r\n \r\n
\r\n )\r\n case \"Reserved\":\r\n return (\r\n \r\n \r\n
\r\n )\r\n case \"Unavailable\":\r\n return (\r\n \r\n \r\n
\r\n )\r\n case \"Preparing\":\r\n return (\r\n \r\n \r\n
\r\n )\r\n case \"Faulted\":\r\n return (\r\n \r\n \r\n
\r\n )\r\n default:\r\n return (\r\n \r\n \r\n
\r\n )\r\n break;\r\n }\r\n }\r\n else {\r\n switch (statoColonnina) {\r\n //Caso in cui lo stato sia null (in genere è il caricamento)\r\n\r\n case \"Available\":\r\n return (\r\n \r\n 
\r\n
\r\n )\r\n case \"Charging\":\r\n return (\r\n \r\n \r\n
\r\n )\r\n case \"Reserved\":\r\n return (\r\n \r\n \r\n
\r\n )\r\n case \"Unavailable\":\r\n return (\r\n \r\n \r\n
\r\n )\r\n case \"Preparing\":\r\n return (\r\n \r\n \r\n
\r\n )\r\n case \"Faulted\":\r\n return (\r\n \r\n \r\n
\r\n )\r\n default:\r\n return (\r\n \r\n \r\n
\r\n )\r\n break;\r\n }\r\n }\r\n }\r\n\r\n renderPrese() {\r\n //Se ci sono prese associate alla colonnina le renderizza\r\n if (this.state.tipoCP == \"KIWIH\") {\r\n if (this.props.colonninaSelezionata.Ana02PreseRifornimento[0] != null) {\r\n { this.renderIconaStatoColonnina() }\r\n const listaPrese = this.props.colonninaSelezionata.Ana02PreseRifornimento.map((presa) =>\r\n \r\n {this.renderIconaPresa(presa)}\r\n
\r\n );\r\n return (\r\n \r\n {presa.ana02CodiceAna07Navigation.ana07CodiceTipoPresa}\r\n
\r\n {this.renderStartButton(presa)}\r\n \r\n {listaPrese}\r\n
\r\n )\r\n }\r\n else {\r\n return (\r\n {this.props.operatorName}
\r\n{this.props.colonninaSelezionata.Street}
\r\n {this.props.colonninaSelezionata.City}
\r\n \r\n \r\n\r\n \r\n
\r\n {this.renderPrese()}
\r\n {this.props.colonninaSelezionata.Ana01Descrizione}
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {this.renderPrese()}
\r\n \r\n \r\n {this.finalRender()}\r\n\r\n \r\n
\r\n\r\n )\r\n }\r\n}\r\n\r\n","import React from 'react';\r\nimport reqwest from 'reqwest';\r\nimport { handleResponse } from '../../_helpers/handle-response';\r\nimport { ResizableBox } from \"react-resizable\";\r\nimport { Typography, Row, Col } from 'antd';\r\nimport ColonninaCard from './ColonninaCard';\r\nimport ReactDOM from 'react-dom';\r\n\r\nimport './custom.css';\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../_helpers/webAPIRoute';\r\n\r\nconst { Title } = Typography;\r\n\r\nexport class InfoStazione extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n ColonninaKiwih: {\r\n Ana01Codice: 0,\r\n Ana01IndirizzoIp: '',\r\n Ana01PortaLogica: '',\r\n Ana01Descrizione: '',\r\n Ana01AmperaggioMinimo: 0,\r\n Ana01AmperaggioMassimo: 0,\r\n Ana01VoltaggioMinimo: 0,\r\n Ana01VoltaggioMassimo: 0,\r\n Ana01Prenotabile: false,\r\n Ana01Inattiva: false,\r\n Ana01DataInizioInattivita: null,\r\n Ana01DataFineInattivita: null,\r\n Ana01CostoRicaricaKwh: 0,\r\n Ana01Latitudine: '',\r\n Ana01Longitudine: '',\r\n Ana01Indirizzo: '',\r\n Ana01ServiziGratuiti: false,\r\n Ana01CodiceAna13Navigation: null,\r\n Ana02PreseRifornimento: []\r\n },\r\n ColonninaHubject: {\r\n operatorName: \"\",\r\n operatorID: \"\",\r\n tipoCP: \"\",\r\n EvseId: \"\",\r\n ProviderId: \"\",\r\n ChargingStationName: \"\",\r\n City: \"\",\r\n Street: \"\",\r\n Region: \"\",\r\n PowerType: \"\"\r\n }\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n //TO FIX\r\n //Se colonnina => Kiwih chiama fetch altrimenti non chiamare nulla e popola lo stato ColonninaHubject con le props\r\n\r\n //Chiamare lo stesso getInfoStazione passandogli l'evseId della colonnina!!!\r\n\r\n if (this.props.tipoCP == \"KIWIH\") {\r\n this.fetch(this.props.codiceStazione);\r\n }\r\n else {\r\n //WorkAround Luca Di Addezio 20/04/2023 - Fa ugualmente la ricerca su getInfoStazione\r\n //ora abilitata a dare info specifiche filtrando per evseId i risultati di getColonnina mappa per la\r\n //Colonnina su cui si è cliccato.\r\n alert(this.props.evseId)\r\n this.fetch(this.props.evseId);\r\n\r\n //Alcuni campi possono restare quelli delle props...altri saranno (TODO) della fetch\r\n this.setState({\r\n ...this.state,\r\n ColonninaHubject: {\r\n operatorName: this.props.operatorName,\r\n operatorID: this.props.operatorID,\r\n tipoCP: this.props.tipoCP,\r\n EvseId: this.props.EvseId,\r\n ProviderId: this.props.ProviderID,\r\n ChargingStationName: this.props.ChargingStationName,\r\n City: this.props.City,\r\n Street: this.props.Street,\r\n Region: this.props.Region,\r\n PowerType: this.props.PowerType\r\n }\r\n });\r\n }\r\n }\r\n\r\n //Funzione get colonnine (Index)\r\n fetch = (codiceColonninaCliccata) => {\r\n //Debug purposes\r\n //alert(codiceColonninaCliccata);\r\n\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.getInfoStazione + codiceColonninaCliccata,\r\n method: 'get',\r\n contentType: 'application/x-www-form-urlencoded',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n }\r\n }).then(data => {\r\n //DEBUG PURPOSES\r\n console.log(\"risultato per getInfoStazione\")\r\n console.log(data)\r\n\r\n\r\n var joined = this.state.ColonninaKiwih.Ana02PreseRifornimento.concat(data.ana02PreseRifornimento);\r\n this.setState({\r\n ...this.state,\r\n ColonninaKiwih: {\r\n Ana01Codice: data.ana01Codice,\r\n Ana01IndirizzoIp: data.ana01IndirizzoIp,\r\n Ana01PortaLogica: data.ana01PortaLogica,\r\n Ana01Descrizione: data.ana01Descrizione,\r\n Ana01AmperaggioMinimo: data.ana01AmperaggioMinimo,\r\n Ana01AmperaggioMassimo: data.ana01AmperaggioMassimo,\r\n Ana01VoltaggioMinimo: data.ana01VoltaggioMinimo,\r\n Ana01VoltaggioMassimo: data.ana01VoltaggioMassimo,\r\n Ana01Prenotabile: data.ana01Prenotabile,\r\n Ana01Inattiva: data.ana01Inattiva,\r\n Ana01DataInizioInattivita: data.ana01DataInizioInattivita,\r\n Ana01DataFineInattivita: data.ana01DataInizioInattivita,\r\n Ana01CostoRicaricaKwh: data.ana01CostoRicaricaKwh,\r\n Ana01Latitudine: '',\r\n Ana01Longitudine: '',\r\n Ana01ServiziGratuiti: data.ana01ServiziGratuiti,\r\n Ana01CodiceAna13Navigation: data.ana01CodiceAna13Navigation,\r\n Ana01Indirizzo: data.ana01Indirizzo,\r\n Ana02PreseRifornimento: joined\r\n }\r\n }, () => {\r\n //DEBUG PURPOSES\r\n //console.log(\"colonnina selezionata\")\r\n //console.log(this.state.ColonninaSelezionata)\r\n });\r\n\r\n })\r\n };\r\n\r\n //Renderizza la card della colonnina solo quando lo stato del componente InfoStazione ha popolato la colonnina\r\n renderColonninaCard() {\r\n\r\n //Se esiste la prop evseID chiama ColonninaCard con le props di Hubject altrimenti renderizza ColonninaCard come prima\r\n if (this.props.tipoCP == \"KIWIH\") {\r\n //alert(this.props.tipoCP)\r\n\r\n if (this.state.ColonninaKiwih.Ana01Codice != 0) {\r\n //console.log(\"codice ana01 dopo click marker Kiwih (infoStazione step 2)\");\r\n //console.log(this.props.codiceStazione);\r\n\r\n //DEBUG PURPOSES\r\n //var toAlert =\r\n // \"INFO STAZIONE: \\n \" +\r\n // \"operatorName: \" + this.props.operatorName + \"\\n\" +\r\n // \"operatorID: \" + this.props.operatorID + \"\\n\" +\r\n // \"tipoCP: \" + this.props.tipoCP + \"\\n\" +\r\n // \"EvseId: \" + this.props.EvseId + \"\\n\" +\r\n // \"ProviderID: \" + this.props.ProviderID + \"\\n\";\r\n\r\n\r\n // alert(toAlert)\r\n //END DEGUB PURPOSES\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}","import React from \"react\";\r\nimport { geolocated } from \"react-geolocated\";\r\n\r\nclass GeoLocation extends React.Component {\r\n render() {\r\n return !this.props.isGeolocationAvailable ? (\r\n \r\n \r\n {this.state.Ana13RagioneSociale} \r\n \r\n {this.state.Ana13Indirizzo} \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {this.renderColonninaCard()}\r\n
\r\n \r\n \r\n \r\n
\r\n ) : !this.props.isGeolocationEnabled ? (\r\n \r\n \r\n \r\n
\r\n ) : this.props.coords ? (\r\n \r\n
\r\n\r\n ) : (\r\n {this.props.coords.latitude}
\r\n {this.props.coords.longitude}
\r\n Getting the location data…
\r\n );\r\n }\r\n}\r\n\r\nexport default geolocated({\r\n positionOptions: {\r\n enableHighAccuracy: false,\r\n },\r\n userDecisionTimeout: 5000,\r\n})(GeoLocation);","import React from 'react';\r\nimport { Empty, Col, Input, Button, Tooltip, Row } from 'antd';\r\nimport { UncontrolledCollapse, Card, CardBody } from 'reactstrap';\r\nimport reqwest from 'reqwest';\r\nimport ReactDOM from 'react-dom';\r\nimport './custom.css';\r\nimport 'antd/dist/antd.css';\r\nimport { FormSearchStazioni } from './FormSearchStazioni';\r\nimport Map from '../../components/Maps/GoogleMaps';\r\nimport { SearchOutlined, FilterOutlined } from '@ant-design/icons';\r\nimport { handleResponse } from '../../../src/_helpers';\r\nimport { authenticationService } from '../../_services/authentication.service';\r\nimport { InfoStazione } from '../PrenotazioneRicarica/InfoStazione';\r\nimport ChargePointIcon from '../../Icons/kiWih.png';\r\nimport GeoLocation from '../GeoLocation/GeoLocation'\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../_helpers/webAPIRoute';\r\n\r\n\r\nexport class IndexRicercaStazioni extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n dataCpKiwih: [], //Dati sulle colonnine Kiwih restituiti dal server \r\n dataCpKiwiHubject: [], //Dati sulle colonnine Hubject restituiti dal server \r\n Ana01LatFromMarker: '',\r\n Ana01LonFromMarker: '',\r\n collapse: false,\r\n //Parametri di ricerca passati dal componente figlio \"FormSearchGestori\"\r\n //tramite funzione di callback \"callBackFunction\"\r\n //il valore di default pre-passaggio � quello riportato qui sotto\r\n input: {\r\n Ana01Comune: '',\r\n Ana01Cap: '',\r\n Ana01Latitudine: '',\r\n Ana01Longitudine: '',\r\n distanza: '',\r\n userId: authenticationService.getUserIdFromToken(),//userId dell'utente connesso\r\n TipologiePrese: {\r\n tipo1: false,\r\n tipo2: false,\r\n tipo3: false,\r\n tipo3A: false,\r\n tipo3C: false,\r\n tipoChademo: false,\r\n tipoCssCombo2: false\r\n }\r\n },\r\n searchText: '', //Testo ricercato nell'intestazione\r\n searchedColumn: '', //Colonna su cui si � effettuata la ricerca\r\n map: {},\r\n traffic: {},\r\n coords: [],\r\n loading: false,\r\n\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n\r\n }\r\n componentWillMount() {\r\n\r\n }\r\n\r\n //Gestione comparsa/scomparsa del div dei filtri\r\n toggle() {\r\n this.setState({\r\n ...this.state,\r\n collapse: !this.state.collapse\r\n });\r\n }\r\n\r\n handleMapLoad = (map) => {\r\n this.setState({\r\n map: map,\r\n traffic: new window.google.maps.TrafficLayer(),\r\n coords: []\r\n })\r\n }\r\n\r\n //Gestione Layer della mappa (con traffico in tempo reale o senza)\r\n handleLayer = (layer) => {\r\n switch (layer) {\r\n case \"traffic\":\r\n this.state.traffic.setMap(this.state.map);\r\n break;\r\n case \"none\":\r\n this.state.traffic.setMap(null);\r\n break;\r\n default:\r\n this.state.traffic.setMap(null);\r\n break;\r\n }\r\n }\r\n\r\n //Riceve i dati relativi ai filtri dal componente figlio FormSearchGestori\r\n //e li setta nello stato di questo componente\r\n callBackFunction = (formData) => {\r\n //console.log(\"Pre finally\")\r\n //console.log(this.state)\r\n this.setState({\r\n ...this.state,\r\n input: formData,\r\n }, () => {\r\n this.setState({\r\n ...this.state,\r\n input: {\r\n ...this.state.input,\r\n Ana01Latitudine: this.state.Ana01LatFromMarker,\r\n Ana01Longitudine: this.state.Ana01LonFromMarker\r\n }\r\n }, () => {\r\n this.fetch();\r\n });\r\n });\r\n }\r\n\r\n //Resetta i dati dello stato relativi ai parametri di ricerca (chiamato sempre dal componente figlio\r\n //FormSearchGestori)\r\n callBackFunctionReset = () => {\r\n this.setState({\r\n input: {\r\n ...this.state.input, //dell'input lascia inalterato lo userId\r\n Ana01Comune: '',\r\n Ana01Cap: ''\r\n }\r\n }, () => this.fetch());\r\n }\r\n\r\n //GESTIONE RICERCA SU INTESTAZIONI\r\n //Ricerca\r\n handleSearch = (selectedKeys, confirm, dataIndex) => {\r\n confirm();\r\n this.setState({\r\n ...this.state,\r\n searchText: selectedKeys[0],\r\n searchedColumn: dataIndex,\r\n });\r\n };\r\n\r\n //Reset delle ricerche su intestazioni\r\n handleReset = clearFilters => {\r\n clearFilters();\r\n this.setState({ searchText: '' });\r\n };\r\n\r\n //Effettua la chiamata alla API delle colonnine, prende in input il \"pacchetto\"\r\n //presente nello stato con tutti i campi per la paginazione lato server\r\n fetch = () => {\r\n var token = localStorage.getItem('token');\r\n this.setState({\r\n ...this.state,\r\n loading: true,\r\n //Prepara il sottoggetto per colonnine Kiwih (input di stato)\r\n input: {\r\n ...this.state.input, //dell'input lascia inalterato lo userId\r\n Ana01Latitudine: this.state.Ana01LatFromMarker,\r\n Ana01Longitudine: this.state.Ana01LonFromMarker\r\n }\r\n }, () => {\r\n\r\n //Prepara il sotto oggetto per colonnine Hubject\r\n var selectedLatForHub = \"41.897723\";\r\n var selectedLonForHub = \"12.495464\";\r\n\r\n if (this.state.input.Ana01Latitudine != null && this.state.input.Ana01Latitudine != \"\" && this.state.input.Ana01Latitudine != undefined) {\r\n selectedLatForHub = this.state.input.Ana01Latitudine.toString();\r\n }\r\n\r\n if (this.state.input.Ana01Longitudine != null && this.state.input.Ana01Longitudine != \"\" && this.state.input.Ana01Longitudine != undefined) {\r\n selectedLonForHub = this.state.input.Ana01Longitudine.toString();\r\n }\r\n var Radius = 0;\r\n if (this.state.input.distanza != null && this.state.input.distanza != null && this.state.input.distanza != undefined && this.state.input.distanza != 0) {\r\n Radius = this.state.input.distanza\r\n }\r\n else {\r\n Radius = 250;\r\n }\r\n\r\n //Oggetto definitivo da passare al controller per il reperimento delle colonnine\r\n //Kiwih e Hubject\r\n var payload =\r\n {\r\n colonnineKiwih: this.state.input,\r\n colonnineHubject: {\r\n GeoCoordinatesResponseFormat: \"Google\",\r\n ProviderID: \"IT-KIW\",\r\n SearchCenter: {\r\n GeoCoordinates: {\r\n DecimalDegree: {\r\n Latitude: selectedLatForHub,\r\n Longitude: selectedLonForHub\r\n }\r\n },\r\n Radius: Radius\r\n }\r\n }\r\n }\r\n\r\n //console.log(\"payload\")\r\n //console.log(payload)\r\n\r\n reqwest({\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n url: webAPIRoute.getColonnineMappa,\r\n data: JSON.stringify({\r\n colonnineKiwih: this.state.input,\r\n colonnineHubject: {\r\n GeoCoordinatesResponseFormat: \"Google\",\r\n ProviderID: \"IT-KIW\",\r\n SearchCenter: {\r\n GeoCoordinates: {\r\n DecimalDegree: {\r\n Latitude: selectedLatForHub,\r\n Longitude: selectedLonForHub\r\n }\r\n },\r\n Radius: Radius\r\n }\r\n }\r\n }),\r\n\r\n error: function (err) {\r\n handleResponse(err); return;\r\n }\r\n }).then(dataFromBackend => {\r\n //Array dei Markers Google\r\n var coords = [];\r\n\r\n //Array di oggetti LatLng Google per centratura mappa\r\n var latLng = [];\r\n\r\n //Ripulisce la mappa dai vecchi markers\r\n var currentMarkers = this.state.coords\r\n for (var i = 0; i < currentMarkers.length; i++) {\r\n currentMarkers[i].setMap(null);\r\n }\r\n\r\n this.renderMarkers(coords, latLng, dataFromBackend);\r\n\r\n })\r\n })\r\n };\r\n\r\n ////Renderizza i Marker su mappa, sia quelli Kiwih che quelli hubject\r\n renderMarkers = (coords, latLng, data) => {\r\n\r\n\r\n //DEBUG PURPOSES\r\n //console.log(\"Oggetto universale colonnine da backend\")\r\n //console.log(data)\r\n\r\n //if (data.isHubject == false) {\r\n //Prende tutte le coordinate dei record mostrati e le setta nello stato, creando nuovi marker\r\n //Per ognuno di essi crea un listener che al click mostra un infowindow\r\n for (let i in data) {\r\n\r\n if (data[i].isHubject == false) {\r\n var pos = new window.google.maps.LatLng(parseFloat(data[i].latitudine),\r\n parseFloat(data[i].longitudine))\r\n\r\n var markerFound = new window.google.maps.Marker({\r\n icon: ChargePointIcon,\r\n position: pos,\r\n map: this.state.map,\r\n animation: window.google.maps.Animation.DROP\r\n })\r\n\r\n //Evento click sul marker, mostra le info, zoomma sul marker e centra la mappa\r\n //su quel marker (gestione separata rispetto agli altri marker che comunque\r\n //restano renderizzati su mappa)\r\n new window.google.maps.event.addListener(markerFound, 'click', function () {\r\n\r\n //DEBUG PURPOSES\r\n //console.log(\"codice ana01 dopo click marker Kiwih\");\r\n //console.log(data[i].codice)\r\n\r\n\r\n ReactDOM.render(\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\nReactDOM.render(Cerca la colonnina ideale per la tua ricarica elettrica
\r\nPosiziona lo spinner sulla mappa e seleziona il raggio in cui vuoi trovare la tua colonnina
\r\n\r\n {/*
\r\n \r\n \r\n \r\n }\r\n style={{ marginLeft: 8 }}\r\n onClick={this.showModal}\r\n >\r\n\r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n \r\n}","import React, { Component } from 'react';\r\nimport { Button, Modal, message, Tooltip } from 'antd';\r\nimport { DeleteOutlined } from '@ant-design/icons';\r\nimport reqwest from 'reqwest';\r\nimport * as webAPIRoute from '../../_helpers/webAPIRoute';\r\nimport { handleResponse } from '../../_helpers/handle-response';\r\n\r\n\r\nexport class EliminaImpostazioni extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n CodiceImpostazione: ''\r\n };\r\n this.handleSubmitForm = this.handleSubmitForm.bind(this);\r\n }\r\n\r\n showModal = () => {\r\n this.setState({\r\n visible: true,\r\n });\r\n };\r\n\r\n handleCancel = e => {\r\n this.setState({\r\n visible: false,\r\n });\r\n };\r\n\r\n handleSubmitForm() {\r\n this.fetch(this.props.CodiceImpostazione);\r\n }\r\n\r\n fetch = (id = {}) => {\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.eliminaImpostazione + id,\r\n method: 'get',\r\n contentType: 'application/x-www-form-urlencoded',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n handleResponse(err); return;\r\n this.setState({ visible: false }, () => this.props.parentCallback())\r\n },\r\n }).then(data => {\r\n this.setState({ visible: false }, () => this.props.parentCallback())\r\n message.success('Resoconto eliminata con successo', 5);\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {this.renderContent()}\r\n
\r\n \r\n \r\n \r\n } onClick={this.showModal}>\r\n\r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n\r\n}","import React, { Component } from 'react';\r\nimport { Col, Table, Input, Button, Row, Divider } from 'antd';\r\nimport { ModificaImpostazioni } from './ModificaImpostazioni';\r\nimport { EliminaImpostazioni } from './EliminaImpostazioni';\r\nimport reqwest from 'reqwest';\r\nimport * as webAPIRoute from '../../_helpers/webAPIRoute';\r\nimport { handleResponse } from '../../_helpers/handle-response';\r\n\r\nexport class ImpostazioniIndex extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n //Dichiarazione Colonne da visualizzare\r\n columns: [\r\n {\r\n title: 'Nome',\r\n dataIndex: 'syS03_nomeImpostazione',\r\n key: 'syS03_nomeImpostazione',\r\n width: '20%',\r\n //...this.getColumnSearchProps('syS03_nomeImpostazione'),\r\n render: (text, row) => {\r\n if (row.syS03_nomeImpostazione !== null && row.syS03_nomeImpostazione !== undefined) {\r\n return <>\r\n Si è sicuri di voler eliminare l'impostazione ?
\r\n \r\n{row.syS03_nomeImpostazione}
\r\n \r\n }\r\n else {\r\n return <>\r\n }\r\n }\r\n\r\n },\r\n {\r\n title: 'Descrizione',\r\n dataIndex: 'syS03_DescrizioneImpostazione',\r\n key: 'syS03_DescrizioneImpostazione',\r\n width: '50%',\r\n //...this.getColumnSearchProps('Valore'),\r\n render: (text, row) =>\r\n row.syS03_DescrizioneImpostazione\r\n },\r\n {\r\n title: 'Valore',\r\n dataIndex: 'syS03_valoreImpostazione',\r\n key: 'syS03_valoreImpostazione',\r\n width: '20%',\r\n //...this.getColumnSearchProps('Valore'),\r\n render: (text, row) =>\r\n row.syS03_valoreImpostazione\r\n },\r\n {\r\n title: 'Azioni',\r\n dataIndex: 'azioni',\r\n key: 'azione',\r\n width: '10%',\r\n render: (text, row) =>\r\n \r\n \r\n
\r\n
\r\n },\r\n ],\r\n\r\n data: [], //Valori di ritorno dalla webAPI per le colonnine\r\n loading: false //Caricamento non completato\r\n\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.fetch();\r\n }\r\n\r\n fetch() {\r\n var token = localStorage.getItem('token');\r\n this.setState(\r\n {\r\n ...this.state,\r\n loading: true\r\n }\r\n )\r\n reqwest({\r\n url: webAPIRoute.getImpostazioni,\r\n method: 'post',\r\n contentType: 'application/x-www-form-urlencoded',\r\n headers: {\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n error: function (err) {\r\n this.setState({\r\n ...this.state,\r\n loading: false\r\n }, () => { handleResponse(err) });\r\n\r\n }\r\n }).then(webApiResult => {\r\n\r\n this.setState({\r\n ...this.state,\r\n loading: false,\r\n data: webApiResult,\r\n }\r\n //DEBUG PURPOSES\r\n , () => {\r\n //console.log(\"webApiResult\");\r\n //console.log(webApiResult);\r\n }\r\n );\r\n })\r\n };\r\n\r\n //Funzione richiamabile dai componenti \"figli\", refresha la tabella dopo un'operazione CRUD \r\n callBackFunctionIndex = () => {\r\n this.fetch(1);\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n x.syS03_codice == row.syS03_codice)\r\n }\r\n parentCallback={this.callBackFunctionIndex}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n )\r\n\r\n }\r\n}","import React, { Component } from 'react';\r\nimport { Route } from 'react-router-dom';\r\nimport { Link } from 'react-router-dom';\r\nimport { NavLink } from 'reactstrap';\r\nimport { Home } from './components/AppMain/Home';\r\nimport { IndexRicercaStazioni } from './components/RicercaStazioni/IndexRicercaStazioni';\r\nimport { Layout, Menu, Row, Tooltip, Divider } from 'antd';\r\nimport { HomeOutlined, LogoutOutlined, ProfileOutlined, SettingOutlined, UserOutlined } from '@ant-design/icons';\r\nimport { BsBatteryCharging } from 'react-icons/bs';\r\nimport { FaChargingStation } from 'react-icons/fa';\r\nimport './custom.css';\r\nimport SubMenu from 'antd/lib/menu/SubMenu';\r\nimport { authenticationService } from './_services';\r\nimport { userMenuBuilder } from './_services';\r\n\r\n//02/02/2021: Prenotazioni non gestite al momento per volont� cliente\r\n//import { ListaPrenotazioni } from './components/PrenotazioneRicarica/ListaPrenotazioni';\r\n\r\nimport { handleResponse } from './_helpers/handle-response';\r\nimport reqwest from 'reqwest';\r\nimport * as webAPIRoute from './_helpers/webAPIRoute';\r\nimport RicaricheDriver from './components/RicaricheElettriche/RicaricheDriver';\r\nimport { RicaricheKeeper } from './components/RicaricheElettriche/RicaricheKeeper/RicaricheKeeper';\r\nimport { RicaricheAdmin } from './components/RicaricheElettriche/RicaricheAdmin/RicaricheAdmin';\r\nimport LogoKiWih from '../src/Icons/2012-01AA_logo-colori-negativo.png';\r\n//import { PDF } from './components/TEST_WEBSOCKET/PDF';\r\nimport { DettaglioRicarica } from './components/RicaricheElettriche/DettaglioRicarica';\r\nimport { ImpostazioniIndex } from './components/Impostazioni/ImpostazioniIndex';\r\n\r\n\r\nexport class App extends Component {\r\n static displayName = App.name;\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n menu: [],\r\n userId: authenticationService.getUserIdFromToken(),\r\n UserRole: null,\r\n componentRoutes: [],\r\n isLoaded: false,\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.getMenuNamesFromDatabase();\r\n var userRole = authenticationService.getUserRoleFromToken();\r\n this.setState({\r\n ...this.state,\r\n UserRole: userRole\r\n })\r\n }\r\n\r\n //Funzione che chiama l'API per la restituzione dei tipi di men� che l'utente connesso \r\n //(in base al ruolo) ha diritto di vedere renderizzati\r\n\r\n getMenuNamesFromDatabase() {\r\n var role = authenticationService.getUserRoleFromToken();\r\n var token = localStorage.getItem('token');\r\n reqwest({\r\n url: webAPIRoute.BuildSidedBarMenu,\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${token}`.replace(/\"/g, \"\"),\r\n },\r\n data: JSON.stringify(role),\r\n error: function (err) {\r\n handleResponse(err); return;\r\n }\r\n }).then(data => {\r\n // esamina l'array di nomi menu restituito dalla API, per ognuno di essi chiama la funzione\r\n // relativa al men� in questione e il codice JSX che questa ritorna\r\n // viene settato nell'array di stato \"menu\"\r\n if (data.includes(\"GestioneColonnine\")) {\r\n var menuColonnine = userMenuBuilder.renderGestioneColonnine()\r\n this.setState({\r\n menu: [\r\n ...this.state.menu,\r\n menuColonnine\r\n ]\r\n })\r\n }\r\n if (data.includes(\"GestioneGestori\")) {\r\n var menuGestoriAdmin = userMenuBuilder.renderGestioneGestori()\r\n this.setState({\r\n menu: [\r\n ...this.state.menu,\r\n menuGestoriAdmin\r\n ]\r\n })\r\n }\r\n if (data.includes(\"ProfiloGestore\")) {\r\n var menuProfiloGestore = userMenuBuilder.renderProfiloGestore()\r\n this.setState({\r\n menu: [\r\n ...this.state.menu,\r\n menuProfiloGestore\r\n ]\r\n })\r\n }\r\n if (data.includes(\"ListaDriver\")) {\r\n var menuListaDriver = userMenuBuilder.renderListaDriver()\r\n this.setState({\r\n menu: [\r\n ...this.state.menu,\r\n menuListaDriver\r\n ]\r\n })\r\n }\r\n if (data.includes(\"ListaTipoPrese\")) {\r\n var menuListaTipologiaPrese = userMenuBuilder.renderListaTipologiaPrese()\r\n this.setState({\r\n menu: [\r\n ...this.state.menu,\r\n menuListaTipologiaPrese\r\n ]\r\n })\r\n }\r\n if (data.includes(\"ListaTipoAdattatori\")) {\r\n var menuListaTipologiaAdattatori = userMenuBuilder.renderListaTipologiaAdattatori()\r\n this.setState({\r\n menu: [\r\n ...this.state.menu,\r\n menuListaTipologiaAdattatori\r\n ]\r\n })\r\n }\r\n if (data.includes(\"ProfiloDriver\")) {\r\n var profiloDriver = userMenuBuilder.renderProfiloDriver()\r\n this.setState({\r\n menu: [\r\n ...this.state.menu,\r\n profiloDriver\r\n ]\r\n })\r\n }\r\n if (data.includes(\"RicaricheKeeper\")) {\r\n var ricaricheKeeper = userMenuBuilder.renderRicaricheKeeper()\r\n this.setState({\r\n menu: [\r\n ...this.state.menu,\r\n ricaricheKeeper\r\n ]\r\n })\r\n }\r\n if (data.includes(\"RicaricheAdmin\")) {\r\n var ricaricheAdmin = userMenuBuilder.renderRicaricheAdmin()\r\n this.setState({\r\n menu: [\r\n ...this.state.menu,\r\n ricaricheAdmin\r\n ]\r\n })\r\n }\r\n if (data.includes(\"Resoconto\")) {\r\n var IndexResoconti = userMenuBuilder.renderResoconto()\r\n this.setState({\r\n menu: [\r\n ...this.state.menu,\r\n IndexResoconti\r\n ]\r\n })\r\n }\r\n if (data.includes(\"PacchettiKiWih\")) {\r\n var pacchettiKiWih = userMenuBuilder.renderPacchettiKiWihAdmin()\r\n this.setState({\r\n menu: [\r\n ...this.state.menu,\r\n pacchettiKiWih\r\n ]\r\n })\r\n }\r\n if (data.includes(\"HubjectCpEvseData\")) {\r\n var colonnineKiwihSuHubject = userMenuBuilder.renderColonnineKiwihSuHubject()\r\n this.setState({\r\n menu: [\r\n ...this.state.menu,\r\n colonnineKiwihSuHubject\r\n ]\r\n })\r\n }\r\n if (data.includes(\"OperatoriHubject\")) {\r\n var operatoriHubject = userMenuBuilder.renderOperatoriHubject()\r\n this.setState({\r\n menu: [\r\n ...this.state.menu,\r\n operatoriHubject\r\n ]\r\n })\r\n }\r\n if (data.includes(\"TariffarioHubject\")) {\r\n var tariffarioHubject = userMenuBuilder.renderTariffeHubject()\r\n this.setState({\r\n menu: [\r\n ...this.state.menu,\r\n tariffarioHubject\r\n ]\r\n })\r\n }\r\n\r\n if (data.includes(\"AnagraficaSanzioni\")) {\r\n var anagraficaSanzioni = userMenuBuilder.renderAnagraficaSanzioni()\r\n this.setState({\r\n menu: [\r\n ...this.state.menu,\r\n anagraficaSanzioni\r\n ]\r\n })\r\n }\r\n\r\n if (data.includes(\"GruppiScontistica\")) {\r\n var anagraficaScontistica = userMenuBuilder.renderAnagraficaScontistica()\r\n this.setState({\r\n menu: [\r\n ...this.state.menu,\r\n anagraficaScontistica\r\n ]\r\n })\r\n }\r\n })\r\n }\r\n\r\n renderSidebarMenu() {\r\n return (\r\n Impostazioni di sistema
\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 //DEBUG PURPOSES\r\n //console.log(broken);\r\n }}\r\n onCollapse={(collapsed, type) => {\r\n //console.log(collapsed, type);\r\n }}\r\n style={{ backgroundColor: \"#0047FF\" }}\r\n >\r\n \r\n \r\n \r\n Stazioni Di Ricarica \r\n \r\n \r\n \r\n {/*Ogni pezzo di JSX presente nell'array di stato \"menu\"\r\n * viene renderizzato a livello di DOM */}\r\n {this.renderSidebarMenu()}\r\n\r\n\r\n {/* 02/02/2021: Prenotazioni non gestite al momento per volont� cliente */}\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","// 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 } 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 React from 'react';\r\nimport reqwest from 'reqwest';\r\nimport { Form, Row, Col, Input, Button, Modal, message } from 'antd';\r\nimport { ResizableBox } from \"react-resizable\";\r\nimport './custom.css';\r\n\r\n//Messaggi di validazione per i form Ant Design\r\nimport { validateMessages } from '../../utility/FormValidator';\r\n\r\n//Routes per chiamate a webAPI\r\nimport * as webAPIRoute from '../../_helpers/webAPIRoute';\r\nimport { handleResponse } from '../../_helpers/handle-response';\r\n\r\n\r\nexport class RecoveryPassword extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n visible:false,\r\n userEmail:''\r\n }\r\n\r\n this.handleChangeForm = this.handleChangeForm.bind(this);\r\n this.handleSubmitForm = this.handleSubmitForm.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n }\r\n\r\n //Riferimento al form\r\n formRef = React.createRef();\r\n\r\n //Mostra la modale\r\n showModal = () => {\r\n this.setState(\r\n {\r\n visible: true,\r\n }\r\n );\r\n };\r\n\r\n //Aggiorna lo stato del componente in base a quanto digitato nei form\r\n handleChangeForm(event) {\r\n const value = event.target.value;\r\n this.setState({\r\n [event.target.name]: value\r\n });\r\n }\r\n\r\n //Chiude la modale e svuota il form\r\n handleCancel = e => {\r\n this.setState({\r\n visible: false,\r\n }, () => this.onReset());\r\n };\r\n\r\n //Resetta form\r\n onReset = () => {\r\n this.formRef.current.resetFields();\r\n };\r\n\r\n handleSubmitForm() {\r\n //DEBUG PURPOSES\r\n //console.log(this.state)\r\n this.fetch()\r\n }\r\n\r\n //Effettua la chiamata alla API tramite reqwest\r\n fetch = () => {\r\n reqwest({\r\n url: webAPIRoute.recoveryPassword,\r\n method: 'post',\r\n data: {\r\n userEmail: this.state.userEmail\r\n },\r\n error: function (err) {\r\n handleResponse(err); \r\n },\r\n }).then(data => {\r\n this.setState(\r\n {\r\n visible: false\r\n }\r\n )\r\n message.success('Ti abbiamo inviato una email per il recupero password a questo indirizzo: ' + this.state.userEmail, 5);\r\n });\r\n }\r\n\r\n\r\n render() {\r\n const { TextArea } = Input;\r\n return (\r\n Dashboard
\r\n \r\n\r\n
\r\n \r\n \r\n Password dimenticata?\r\n \r\n\r\n \r\n
\r\n );\r\n }\r\n}","import React from 'react';\r\nimport 'antd/dist/antd.css';\r\nimport './custom.css';\r\nimport { Form, Input, Button, Checkbox, Row, Col } from 'antd';\r\nimport { MailOutlined, LockOutlined, PoweroffOutlined } from '@ant-design/icons';\r\nimport { authenticationService } from '../../_services';\r\nimport { LoginViewModel } from '../../models/viewmodels/LoginViewModel';\r\nimport { RecoveryPassword } from './RecoveryPassword'\r\nimport { validateMessages } from '../../utility/FormValidator';\r\nimport LogoKiWih from '../../../src/Icons/2012-01AA_logo-colori-negativo.png';\r\n\r\n\r\n//import ParticlesBg from 'particles-bg'\r\n\r\nexport class NormalLoginForm extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loadings: [],\r\n Email: '',\r\n Password: '',\r\n RememberMe: false,\r\n userId: \"\"\r\n }\r\n\r\n this.handleChangeForm = this.handleChangeForm.bind(this);\r\n this.handleSubmitForm = this.handleSubmitForm.bind(this);\r\n this.onChangeCheckBox = this.onChangeCheckBox.bind(this);\r\n\r\n // redirect to home if already logged in\r\n if (authenticationService.currentUserValue) {\r\n this.props.history.push('/');\r\n }\r\n }\r\n\r\n //Blocca il pulsante e setta lo spinner di caricamento\r\n enterLoading = index => {\r\n const newLoadings = [...this.state.loadings];\r\n newLoadings[index] = true;\r\n this.setState({\r\n loadings: newLoadings\r\n });\r\n };\r\n //Riabilita il pulsante togliendo lo spinner di caricamento\r\n exitLoading = index => {\r\n const newLoadings = [...this.state.loadings];\r\n newLoadings[index] = false;\r\n this.setState({ loadings: newLoadings });\r\n };\r\n\r\n //Gestione eventi form di inserimento\r\n handleChangeForm(event) {\r\n const value = event.target.value;\r\n //DEBUG PURPOSES\r\n //console.log(this.state);\r\n this.setState({\r\n [event.target.name]: value\r\n }, () => {\r\n //DEBUG PURPOSES\r\n //console.log(this.state)\r\n });\r\n }\r\n\r\n //Gestione cambiamento checkbox rememberme\r\n onChangeCheckBox(e) {\r\n this.setState({\r\n RememberMe: e.target.checked\r\n });\r\n //DEBUG PURPOSES\r\n //console.log(`checked = ${e.target.checked}`);\r\n }\r\n\r\n //Gestione submit pulsante login\r\n handleSubmitForm() {\r\n this.enterLoading(1)\r\n var logUser = new LoginViewModel();\r\n logUser.Email = this.state.Email;\r\n logUser.Password = this.state.Password;\r\n logUser.RememberMe = this.state.RememberMe;\r\n\r\n //Chiama il login e, se non è stato sollevato errore, \r\n //setta token, userId e roles nel localStorage, dopodichè fa il redirect, altrimenti\r\n //visualizza l'errore sbloccando il pulsante di login\r\n authenticationService.login(logUser).then(response => {\r\n setTimeout(function () {\r\n var authToken = localStorage.getItem('token');\r\n if (authToken === null) {\r\n this.exitLoading(1);\r\n } else {\r\n window.location.reload(true)\r\n }\r\n }, 2500);\r\n });\r\n }\r\n render() {\r\n const { loadings } = this.state;\r\n return (\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
\r\n )\r\n }\r\n}","import React from 'react';\r\nimport { Button, Modal} from 'antd';\r\nimport { ResizableBox } from \"react-resizable\";\r\nimport { InfoCircleOutlined } from '@ant-design/icons';\r\nimport { UncontrolledCollapse, Card, CardBody } from 'reactstrap';\r\nimport './custom.css';\r\nimport 'antd/dist/antd.css';\r\n\r\n\r\nexport class TermsAndConditions extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n visible: false,\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n }\r\n\r\n //Riferimento al form\r\n formRef = React.createRef();\r\n\r\n //Mostra la modale\r\n showModal = () => {\r\n this.setState(\r\n {\r\n visible: true,\r\n }\r\n );\r\n };\r\n\r\n handleCancel = e => {\r\n this.setState({\r\n visible: false,\r\n })\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
Ricaricati di energia pulita.
\r\nSosteniamo e promuoviamo
\r\nun nuovo rapporto
\r\ntra tecnologia e natura:
\r\npiù sostenibile, emozionante.
\r\n \r\n\r\n
\r\n\r\n \r\n
Accedendo alla piattaforma potrai individuare
\r\ne prenotare la colonnina di ricarica elettrica più vicina a te.
\r\nPer una re-charge rapida e sicura!
\r\nKiwihCharge è parte della realtà Kiwih,
\r\nuna start-up innovativa orientata al rispetto
\r\ndell'ambiente e attraverso l'uso delle energie rinnovabili.
\r\nScopri di più su kiwih.it
\r\n \r\n\r\n \r\n \r\n \r\n }\r\n placeholder=\" Email\" />\r\n \r\n \r\n \r\n \r\n \r\n LOGIN\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n Ricorda \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n }\r\n shape = \"circle\"\r\n type = \"primary\"\r\n \r\n onClick={this.showModal}>\r\n \r\n\r\n \r\n
\r\n );\r\n }\r\n}","import React from 'react';\r\nimport 'antd/dist/antd.css';\r\nimport './custom.css';\r\nimport { Form, Input, Button, DatePicker, Checkbox, Row, Col } from 'antd';\r\nimport { UserOutlined, LockOutlined, MailOutlined } from '@ant-design/icons';\r\nimport { authenticationService } from '../../_services';\r\nimport { RegisterViewModel } from '../../models/viewmodels/RegisterViewModel';\r\nimport { TermsAndConditions } from './TermsAndConditions';\r\nimport { validateMessages } from '../../utility/FormValidator';\r\n\r\n//Data minima selezionabile per la registrazione = oggi meno 18 anni.\r\nconst todayDate = new Date();\r\nconst minimumSelectDate = todayDate.setFullYear(todayDate.getFullYear() - 18);\r\n\r\n//Formato data\r\nconst dateFormat = 'DD-MM-YYYY';\r\n\r\nclass DriverRegister extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n Nome: '',\r\n Cognome: '',\r\n DataNascita: null,\r\n Email: '',\r\n Password: '',\r\n ConfirmPassword: '',\r\n Ana15CodiceFiscale: '',\r\n Ana15Cellulare: '',\r\n Indirizzo: '',\r\n Cap: '',\r\n Citta: '',\r\n AcceptTerms: false,\r\n loadings: [],\r\n }\r\n\r\n this.handleChangeForm = this.handleChangeForm.bind(this);\r\n this.handleSubmitForm = this.handleSubmitForm.bind(this);\r\n this.handleChangeDataNascita = this.handleChangeDataNascita.bind(this);\r\n this.onChangeCheckBox = this.onChangeCheckBox.bind(this);\r\n\r\n // redirect to home if already logged in\r\n if (authenticationService.currentUserValue) {\r\n this.props.history.push('/');\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n }\r\n\r\n //Blocca il pulsante e setta lo spinner di caricamento\r\n enterLoading = index => {\r\n const newLoadings = [...this.state.loadings];\r\n newLoadings[index] = true;\r\n this.setState({\r\n loadings: newLoadings\r\n });\r\n };\r\n //Riabilita il pulsante togliendo lo spinner di caricamento\r\n exitLoading = index => {\r\n const newLoadings = [...this.state.loadings];\r\n setTimeout(() => {\r\n newLoadings[index] = false;\r\n this.setState({ loadings: newLoadings });\r\n }, 6000);\r\n };\r\n\r\n //Gestione eventi form di inserimento\r\n handleChangeForm(event) {\r\n const value = event.target.value;\r\n\r\n //DEBUG PURPOSES\r\n //console.log(this.state);\r\n this.setState({\r\n [event.target.name]: value\r\n //DEBUG PURPOSES\r\n } //, () => console.log(this.state)\r\n );\r\n }\r\n\r\n handleSubmitForm() {\r\n this.enterLoading(1)\r\n var registerUser = new RegisterViewModel();\r\n registerUser.Nome = this.state.Nome\r\n registerUser.Cognome = this.state.Cognome\r\n registerUser.Email = this.state.Email\r\n registerUser.DataNascita = this.state.DataNascita\r\n registerUser.Ana15CodiceFiscale = this.state.Ana15CodiceFiscale\r\n registerUser.Ana15Cellulare = this.state.Ana15Cellulare\r\n registerUser.Password = this.state.Password\r\n registerUser.ConfirmPassword = this.state.ConfirmPassword\r\n registerUser.Indirizzo= this.state.Indirizzo\r\n registerUser.Cap = this.state.Cap\r\n registerUser.Citta = this.state.Citta\r\n registerUser.AcceptTerms = this.state.AcceptTerms\r\n\r\n //DEBUG PURPOSES\r\n //console.log(\"Nuovo oggetto registrazione driver\")\r\n //console.log(registerUser)\r\n\r\n authenticationService.register(registerUser);\r\n this.exitLoading(1);\r\n }\r\n //Gestisce il cambiamento della data di nascita\r\n handleChangeDataNascita(date, dateString) {\r\n this.setState({\r\n DataNascita: dateString\r\n //DEBUG PURPOSES\r\n } //,() => console.log(this.state)\r\n )\r\n }\r\n\r\n //Gestione cambiamento checkbox rememberme\r\n onChangeCheckBox(e) {\r\n this.setState({\r\n AcceptTerms: e.target.checked\r\n });\r\n\r\n //DEBUG PURPOSES\r\n //console.log(`checked = ${e.target.checked}`);\r\n }\r\n\r\n render() {\r\n const { loadings } = this.state;\r\n return (\r\n \r\n \r\n
\r\n Questo documento può essere stampato utilizzando il comando di stampa presente nelle impostazioni di qualsiasi browser.\r\n
\r\n
\r\n
\r\n KIWIH srl\r\n
\r\n Borgo G. Leopardi, 30\r\n
\r\n 63073 OFFIDA (AP) - ITALY\r\n
\r\n P.IVA 02339470441\r\n
\r\n +39.0736.887198\r\n
\r\n
\r\n\r\n Indirizzo email del Titolare: info@kiwih.it\r\n
\r\n
\r\n
\r\n Dettagli completi su ciascuna tipologia di dati raccolti sono forniti nelle sezioni dedicate di questa privacy policy o mediante specifici testi informativi visualizzati prima della raccolta dei dati stessi.\r\n I Dati Personali possono essere liberamente forniti dall'Utente o, nel caso di Dati di Utilizzo, raccolti automaticamente durante l'uso di questa Applicazione.\r\n Se non diversamente specificato, tutti i Dati richiesti da questa Applicazione sono obbligatori. Se l’Utente rifiuta di comunicarli, potrebbe essere impossibile per questa Applicazione fornire il Servizio. Nei casi in cui questa Applicazione indichi alcuni Dati come facoltativi, gli Utenti sono liberi di astenersi dal comunicare tali Dati, senza che ciò abbia alcuna conseguenza sulla disponibilità del Servizio o sulla sua operatività.\r\n Gli Utenti che dovessero avere dubbi su quali Dati siano obbligatori, sono incoraggiati a contattare il Titolare.\r\n L’eventuale utilizzo di Cookie - o di altri strumenti di tracciamento - da parte di questa Applicazione o dei titolari dei servizi terzi utilizzati da questa Applicazione, ove non diversamente precisato, ha la finalità di fornire il Servizio richiesto dall'Utente, oltre alle ulteriori finalità descritte nel presente documento e nella Cookie Policy, se disponibile.\r\n
\r\n L'Utente si assume la responsabilità dei Dati Personali di terzi ottenuti, pubblicati o condivisi mediante questa Applicazione e garantisce di avere il diritto di comunicarli o diffonderli, liberando il Titolare da qualsiasi responsabilità verso terzi.\r\n
\r\n
\r\n
\r\n Modalità di trattamento
\r\n Il Titolare adotta le opportune misure di sicurezza volte ad impedire l’accesso, la divulgazione, la modifica o la distruzione non autorizzate dei Dati Personali.\r\n Il trattamento viene effettuato mediante strumenti informatici e/o telematici, con modalità organizzative e con logiche strettamente correlate alle finalità indicate. Oltre al Titolare, in alcuni casi, potrebbero avere accesso ai Dati altri soggetti coinvolti nell’organizzazione di questa Applicazione (personale amministrativo, commerciale, marketing, legali, amministratori di sistema) ovvero soggetti esterni (come fornitori di servizi tecnici terzi, corrieri postali, hosting provider, società informatiche, agenzie di comunicazione) nominati anche, se necessario, Responsabili del Trattamento da parte del Titolare. L’elenco aggiornato dei Responsabili potrà sempre essere richiesto al Titolare del Trattamento.\r\n
\r\n Base giuridica del trattamento
\r\n Il Titolare tratta Dati Personali relativi all’Utente in caso sussista una delle seguenti condizioni:\r\n
\r\n l’Utente ha prestato il consenso per una o più finalità specifiche; Nota: in alcuni ordinamenti il Titolare può essere autorizzato a trattare Dati Personali senza che debba sussistere il consenso dell’Utente o un’altra delle basi giuridiche specificate di seguito, fino a quando l’Utente non si opponga (“opt-out”) a tale trattamento. Ciò non è tuttavia applicabile qualora il trattamento di Dati Personali sia regolato dalla legislazione europea in materia di protezione dei Dati Personali;\r\n il trattamento è necessario all'esecuzione di un contratto con l’Utente e/o all'esecuzione di misure precontrattuali;\r\n il trattamento è necessario per adempiere un obbligo legale al quale è soggetto il Titolare;\r\n il trattamento è necessario per l'esecuzione di un compito di interesse pubblico o per l'esercizio di pubblici poteri di cui è investito il Titolare;\r\n il trattamento è necessario per il perseguimento del legittimo interesse del Titolare o di terzi.\r\n È comunque sempre possibile richiedere al Titolare di chiarire la concreta base giuridica di ciascun trattamento ed in particolare di specificare se il trattamento sia basato sulla legge, previsto da un contratto o necessario per concludere un contratto.\r\n
\r\n Luogo
\r\n I Dati sono trattati presso le sedi operative del Titolare ed in ogni altro luogo in cui le parti coinvolte nel trattamento siano localizzate. Per ulteriori informazioni, contatta il Titolare.\r\n I Dati Personali dell’Utente potrebbero essere trasferiti in un paese diverso da quello in cui l’Utente si trova. Per ottenere ulteriori informazioni sul luogo del trattamento l’Utente può fare riferimento alla sezione relativa ai dettagli sul trattamento dei Dati Personali.\r\n
\r\n L’Utente ha diritto a ottenere informazioni in merito alla base giuridica del trasferimento di Dati al di fuori dell’Unione Europea o ad un’organizzazione internazionale di diritto internazionale pubblico o costituita da due o più paesi, come ad esempio l’ONU, nonché in merito alle misure di sicurezza adottate dal Titolare per proteggere i Dati.\r\n
\r\n L’Utente può verificare se abbia luogo uno dei trasferimenti appena descritti esaminando la sezione di questo documento relativa ai dettagli sul trattamento di Dati Personali o chiedere informazioni al Titolare contattandolo agli estremi riportati in apertura.\r\n
\r\n Periodo di conservazione
\r\n I Dati sono trattati e conservati per il tempo richiesto dalle finalità per le quali sono stati raccolti.\r\n
\r\n Pertanto:\r\n
\r\n I Dati Personali raccolti per scopi collegati all’esecuzione di un contratto tra il Titolare e l’Utente saranno trattenuti sino a quando sia completata l’esecuzione di tale contratto.\r\n I Dati Personali raccolti per finalità riconducibili all’interesse legittimo del Titolare saranno trattenuti sino al soddisfacimento di tale interesse. L’Utente può ottenere ulteriori informazioni in merito all’interesse legittimo perseguito dal Titolare nelle relative sezioni di questo documento o contattando il Titolare.\r\n Quando il trattamento è basato sul consenso dell’Utente, il Titolare può conservare i Dati Personali più a lungo sino a quando detto consenso non venga revocato. Inoltre, il Titolare potrebbe essere obbligato a conservare i Dati Personali per un periodo più lungo in ottemperanza ad un obbligo di legge o per ordine di un’autorità.\r\n\r\n Al termine del periodo di conservazione i Dati Personali saranno cancellati. Pertanto, allo spirare di tale termine il diritto di accesso, cancellazione, rettificazione ed il diritto alla portabilità dei Dati non potranno più essere esercitati.\r\n\r\n
\r\n
\r\n
\r\n Per ottenere informazioni dettagliate sulle finalità del trattamento e sui Dati Personali trattati per ciascuna finalità, l’Utente può fare riferimento alla sezione “Dettagli sul trattamento dei Dati Personali”.\r\n
\r\n Dettagli sul trattamento dei Dati Personali\r\n
\r\n I Dati Personali sono raccolti per le seguenti finalità ed utilizzando i seguenti servizi:\r\n
\r\n Contattare l'Utente\r\n Gestione contatti e invio di messaggi\r\n Statistica\r\n Visualizzazione di contenuti da piattaforme esterne\r\n Diritti dell’Utente\r\n Gli Utenti possono esercitare determinati diritti con riferimento ai Dati trattati dal Titolare.\r\n
\r\n In particolare, l’Utente ha il diritto di:\r\n
\r\n revocare il consenso in ogni momento. L’Utente può revocare il consenso al trattamento dei propri Dati Personali precedentemente espresso.\r\n opporsi al trattamento dei propri Dati. L’Utente può opporsi al trattamento dei propri Dati quando esso avviene su una base giuridica diversa dal consenso. Ulteriori dettagli sul diritto di opposizione sono indicati nella sezione sottostante.\r\n accedere ai propri Dati. L’Utente ha diritto ad ottenere informazioni sui Dati trattati dal Titolare, su determinati aspetti del trattamento ed a ricevere una copia dei Dati trattati.\r\n verificare e chiedere la rettificazione. L’Utente può verificare la correttezza dei propri Dati e richiederne l’aggiornamento o la correzione.\r\n ottenere la limitazione del trattamento. Quando ricorrono determinate condizioni, l’Utente può richiedere la limitazione del trattamento dei propri Dati. In tal caso il Titolare non tratterà i Dati per alcun altro scopo se non la loro conservazione.\r\n ottenere la cancellazione o rimozione dei propri Dati Personali. Quando ricorrono determinate condizioni, l’Utente può richiedere la cancellazione dei propri Dati da parte del Titolare.\r\n ricevere i propri Dati o farli trasferire ad altro titolare. L’Utente ha diritto di ricevere i propri Dati in formato strutturato, di uso comune e leggibile da dispositivo automatico e, ove tecnicamente fattibile, di ottenerne il trasferimento senza ostacoli ad un altro titolare. Questa disposizione è applicabile quando i Dati sono trattati con strumenti automatizzati ed il trattamento è basato sul consenso dell’Utente, su un contratto di cui l’Utente è parte o su misure contrattuali ad esso connesse.\r\n proporre reclamo. L’Utente può proporre un reclamo all’autorità di controllo della protezione dei dati personali competente o agire in sede giudiziale.\r\n Dettagli sul diritto di opposizione\r\n Quando i Dati Personali sono trattati nell’interesse pubblico, nell’esercizio di pubblici poteri di cui è investito il Titolare oppure per perseguire un interesse legittimo del Titolare, gli Utenti hanno diritto ad opporsi al trattamento per motivi connessi alla loro situazione particolare.\r\n
\r\n Si fa presente agli Utenti che, ove i loro Dati fossero trattati con finalità di marketing diretto, possono opporsi al trattamento senza fornire alcuna motivazione. Per scoprire se il Titolare tratti dati con finalità di marketing diretto gli Utenti possono fare riferimento alle rispettive sezioni di questo documento.\r\n
\r\n Come esercitare i diritti
\r\n Per esercitare i diritti dell’Utente, gli Utenti possono indirizzare una richiesta agli estremi di contatto del Titolare indicati in questo documento. Le richieste sono depositate a titolo gratuito e evase dal Titolare nel più breve tempo possibile, in ogni caso entro un mese.\r\n
\r\n Cookie Policy
\r\n Questa Applicazione fa utilizzo di Strumenti di Tracciamento. Per saperne di più, l’Utente può consultare la Cookie Policy.\r\n \r\n
\r\n
\r\n
\r\n I Dati Personali dell’Utente possono essere utilizzati da parte del Titolare in giudizio o nelle fasi preparatorie alla sua eventuale instaurazione per la difesa da abusi nell'utilizzo di questa Applicazione o dei Servizi connessi da parte dell’Utente.\r\n L’Utente dichiara di essere consapevole che il Titolare potrebbe essere obbligato a rivelare i Dati per ordine delle autorità pubbliche.\r\n
\r\n Informative specifiche
\r\n Su richiesta dell’Utente, in aggiunta alle informazioni contenute in questa privacy policy, questa Applicazione potrebbe fornire all'Utente delle informative aggiuntive e contestuali riguardanti Servizi specifici, o la raccolta ed il trattamento di Dati Personali.\r\n
\r\n Log di sistema e manutenzione
\r\n Per necessità legate al funzionamento ed alla manutenzione, questa Applicazione e gli eventuali servizi terzi da essa utilizzati potrebbero raccogliere log di sistema, ossia file che registrano le interazioni e che possono contenere anche Dati Personali, quali l’indirizzo IP Utente.\r\n
\r\n Informazioni non contenute in questa policy\r\n Ulteriori informazioni in relazione al trattamento dei Dati Personali potranno essere richieste in qualsiasi momento al Titolare del Trattamento utilizzando gli estremi di contatto.\r\n
\r\n Risposta alle richieste “Do Not Track”
\r\n Questa Applicazione non supporta le richieste “Do Not Track”.\r\n Per scoprire se gli eventuali servizi di terze parti utilizzati le supportino, l'Utente è invitato a consultare le rispettive privacy policy.\r\n
\r\n Modifiche a questa privacy policy
\r\n Il Titolare del Trattamento si riserva il diritto di apportare modifiche alla presente privacy policy in qualunque momento notificandolo agli Utenti su questa pagina e, se possibile, su questa Applicazione nonché, qualora tecnicamente e legalmente fattibile, inviando una notifica agli Utenti attraverso uno degli estremi di contatto di cui è in possesso. Si prega dunque di consultare con frequenza questa pagina, facendo riferimento alla data di ultima modifica indicata in fondo.\r\n
\r\n Qualora le modifiche interessino trattamenti la cui base giuridica è il consenso, il Titolare provvederà a raccogliere nuovamente il consenso dell’Utente, se necessario.\r\n\r\n \r\n \r\n\r\n
\r\n \r\n \r\n
Privacy Policy di www.kiwih.it
\r\n Questa Applicazione raccoglie alcuni Dati Personali dei propri Utenti.\r\n\r\n\r\n Questo documento può essere stampato utilizzando il comando di stampa presente nelle impostazioni di qualsiasi browser.\r\n
\r\n
\r\n
Titolare del Trattamento dei Dati
\r\n\r\n KIWIH srl\r\n
\r\n Borgo G. Leopardi, 30\r\n
\r\n 63073 OFFIDA (AP) - ITALY\r\n
\r\n P.IVA 02339470441\r\n
\r\n +39.0736.887198\r\n
\r\n
\r\n\r\n Indirizzo email del Titolare: info@kiwih.it\r\n
\r\n
\r\n
Tipologie di Dati raccolti
\r\n Fra i Dati Personali raccolti da questa Applicazione, in modo autonomo o tramite terze parti, ci sono: Strumento di Tracciamento; Dati di utilizzo; nome; cognome; numero di telefono; email; varie tipologie di Dati.\r\n\r\n Dettagli completi su ciascuna tipologia di dati raccolti sono forniti nelle sezioni dedicate di questa privacy policy o mediante specifici testi informativi visualizzati prima della raccolta dei dati stessi.\r\n I Dati Personali possono essere liberamente forniti dall'Utente o, nel caso di Dati di Utilizzo, raccolti automaticamente durante l'uso di questa Applicazione.\r\n Se non diversamente specificato, tutti i Dati richiesti da questa Applicazione sono obbligatori. Se l’Utente rifiuta di comunicarli, potrebbe essere impossibile per questa Applicazione fornire il Servizio. Nei casi in cui questa Applicazione indichi alcuni Dati come facoltativi, gli Utenti sono liberi di astenersi dal comunicare tali Dati, senza che ciò abbia alcuna conseguenza sulla disponibilità del Servizio o sulla sua operatività.\r\n Gli Utenti che dovessero avere dubbi su quali Dati siano obbligatori, sono incoraggiati a contattare il Titolare.\r\n L’eventuale utilizzo di Cookie - o di altri strumenti di tracciamento - da parte di questa Applicazione o dei titolari dei servizi terzi utilizzati da questa Applicazione, ove non diversamente precisato, ha la finalità di fornire il Servizio richiesto dall'Utente, oltre alle ulteriori finalità descritte nel presente documento e nella Cookie Policy, se disponibile.\r\n
\r\n L'Utente si assume la responsabilità dei Dati Personali di terzi ottenuti, pubblicati o condivisi mediante questa Applicazione e garantisce di avere il diritto di comunicarli o diffonderli, liberando il Titolare da qualsiasi responsabilità verso terzi.\r\n
\r\n
\r\n
Modalità e luogo del trattamento dei Dati raccolti
\r\n\r\n Modalità di trattamento
\r\n Il Titolare adotta le opportune misure di sicurezza volte ad impedire l’accesso, la divulgazione, la modifica o la distruzione non autorizzate dei Dati Personali.\r\n Il trattamento viene effettuato mediante strumenti informatici e/o telematici, con modalità organizzative e con logiche strettamente correlate alle finalità indicate. Oltre al Titolare, in alcuni casi, potrebbero avere accesso ai Dati altri soggetti coinvolti nell’organizzazione di questa Applicazione (personale amministrativo, commerciale, marketing, legali, amministratori di sistema) ovvero soggetti esterni (come fornitori di servizi tecnici terzi, corrieri postali, hosting provider, società informatiche, agenzie di comunicazione) nominati anche, se necessario, Responsabili del Trattamento da parte del Titolare. L’elenco aggiornato dei Responsabili potrà sempre essere richiesto al Titolare del Trattamento.\r\n
\r\n Base giuridica del trattamento
\r\n Il Titolare tratta Dati Personali relativi all’Utente in caso sussista una delle seguenti condizioni:\r\n
\r\n l’Utente ha prestato il consenso per una o più finalità specifiche; Nota: in alcuni ordinamenti il Titolare può essere autorizzato a trattare Dati Personali senza che debba sussistere il consenso dell’Utente o un’altra delle basi giuridiche specificate di seguito, fino a quando l’Utente non si opponga (“opt-out”) a tale trattamento. Ciò non è tuttavia applicabile qualora il trattamento di Dati Personali sia regolato dalla legislazione europea in materia di protezione dei Dati Personali;\r\n il trattamento è necessario all'esecuzione di un contratto con l’Utente e/o all'esecuzione di misure precontrattuali;\r\n il trattamento è necessario per adempiere un obbligo legale al quale è soggetto il Titolare;\r\n il trattamento è necessario per l'esecuzione di un compito di interesse pubblico o per l'esercizio di pubblici poteri di cui è investito il Titolare;\r\n il trattamento è necessario per il perseguimento del legittimo interesse del Titolare o di terzi.\r\n È comunque sempre possibile richiedere al Titolare di chiarire la concreta base giuridica di ciascun trattamento ed in particolare di specificare se il trattamento sia basato sulla legge, previsto da un contratto o necessario per concludere un contratto.\r\n
\r\n Luogo
\r\n I Dati sono trattati presso le sedi operative del Titolare ed in ogni altro luogo in cui le parti coinvolte nel trattamento siano localizzate. Per ulteriori informazioni, contatta il Titolare.\r\n I Dati Personali dell’Utente potrebbero essere trasferiti in un paese diverso da quello in cui l’Utente si trova. Per ottenere ulteriori informazioni sul luogo del trattamento l’Utente può fare riferimento alla sezione relativa ai dettagli sul trattamento dei Dati Personali.\r\n
\r\n L’Utente ha diritto a ottenere informazioni in merito alla base giuridica del trasferimento di Dati al di fuori dell’Unione Europea o ad un’organizzazione internazionale di diritto internazionale pubblico o costituita da due o più paesi, come ad esempio l’ONU, nonché in merito alle misure di sicurezza adottate dal Titolare per proteggere i Dati.\r\n
\r\n L’Utente può verificare se abbia luogo uno dei trasferimenti appena descritti esaminando la sezione di questo documento relativa ai dettagli sul trattamento di Dati Personali o chiedere informazioni al Titolare contattandolo agli estremi riportati in apertura.\r\n
\r\n Periodo di conservazione
\r\n I Dati sono trattati e conservati per il tempo richiesto dalle finalità per le quali sono stati raccolti.\r\n
\r\n Pertanto:\r\n
\r\n I Dati Personali raccolti per scopi collegati all’esecuzione di un contratto tra il Titolare e l’Utente saranno trattenuti sino a quando sia completata l’esecuzione di tale contratto.\r\n I Dati Personali raccolti per finalità riconducibili all’interesse legittimo del Titolare saranno trattenuti sino al soddisfacimento di tale interesse. L’Utente può ottenere ulteriori informazioni in merito all’interesse legittimo perseguito dal Titolare nelle relative sezioni di questo documento o contattando il Titolare.\r\n Quando il trattamento è basato sul consenso dell’Utente, il Titolare può conservare i Dati Personali più a lungo sino a quando detto consenso non venga revocato. Inoltre, il Titolare potrebbe essere obbligato a conservare i Dati Personali per un periodo più lungo in ottemperanza ad un obbligo di legge o per ordine di un’autorità.\r\n\r\n Al termine del periodo di conservazione i Dati Personali saranno cancellati. Pertanto, allo spirare di tale termine il diritto di accesso, cancellazione, rettificazione ed il diritto alla portabilità dei Dati non potranno più essere esercitati.\r\n\r\n
\r\n
\r\n
Finalità del Trattamento dei Dati raccolti
\r\n I Dati dell’Utente sono raccolti per consentire al Titolare di fornire il Servizio, adempiere agli obblighi di legge, rispondere a richieste o azioni esecutive, tutelare i propri diritti ed interessi (o quelli di Utenti o di terze parti), individuare eventuali attività dolose o fraudolente, nonché per le seguenti finalità: Statistica, Visualizzazione di contenuti da piattaforme esterne, Contattare l'Utente e Gestione contatti e invio di messaggi.\r\n\r\n Per ottenere informazioni dettagliate sulle finalità del trattamento e sui Dati Personali trattati per ciascuna finalità, l’Utente può fare riferimento alla sezione “Dettagli sul trattamento dei Dati Personali”.\r\n
\r\n Dettagli sul trattamento dei Dati Personali\r\n
\r\n I Dati Personali sono raccolti per le seguenti finalità ed utilizzando i seguenti servizi:\r\n
\r\n Contattare l'Utente\r\n Gestione contatti e invio di messaggi\r\n Statistica\r\n Visualizzazione di contenuti da piattaforme esterne\r\n Diritti dell’Utente\r\n Gli Utenti possono esercitare determinati diritti con riferimento ai Dati trattati dal Titolare.\r\n
\r\n In particolare, l’Utente ha il diritto di:\r\n
\r\n revocare il consenso in ogni momento. L’Utente può revocare il consenso al trattamento dei propri Dati Personali precedentemente espresso.\r\n opporsi al trattamento dei propri Dati. L’Utente può opporsi al trattamento dei propri Dati quando esso avviene su una base giuridica diversa dal consenso. Ulteriori dettagli sul diritto di opposizione sono indicati nella sezione sottostante.\r\n accedere ai propri Dati. L’Utente ha diritto ad ottenere informazioni sui Dati trattati dal Titolare, su determinati aspetti del trattamento ed a ricevere una copia dei Dati trattati.\r\n verificare e chiedere la rettificazione. L’Utente può verificare la correttezza dei propri Dati e richiederne l’aggiornamento o la correzione.\r\n ottenere la limitazione del trattamento. Quando ricorrono determinate condizioni, l’Utente può richiedere la limitazione del trattamento dei propri Dati. In tal caso il Titolare non tratterà i Dati per alcun altro scopo se non la loro conservazione.\r\n ottenere la cancellazione o rimozione dei propri Dati Personali. Quando ricorrono determinate condizioni, l’Utente può richiedere la cancellazione dei propri Dati da parte del Titolare.\r\n ricevere i propri Dati o farli trasferire ad altro titolare. L’Utente ha diritto di ricevere i propri Dati in formato strutturato, di uso comune e leggibile da dispositivo automatico e, ove tecnicamente fattibile, di ottenerne il trasferimento senza ostacoli ad un altro titolare. Questa disposizione è applicabile quando i Dati sono trattati con strumenti automatizzati ed il trattamento è basato sul consenso dell’Utente, su un contratto di cui l’Utente è parte o su misure contrattuali ad esso connesse.\r\n proporre reclamo. L’Utente può proporre un reclamo all’autorità di controllo della protezione dei dati personali competente o agire in sede giudiziale.\r\n Dettagli sul diritto di opposizione\r\n Quando i Dati Personali sono trattati nell’interesse pubblico, nell’esercizio di pubblici poteri di cui è investito il Titolare oppure per perseguire un interesse legittimo del Titolare, gli Utenti hanno diritto ad opporsi al trattamento per motivi connessi alla loro situazione particolare.\r\n
\r\n Si fa presente agli Utenti che, ove i loro Dati fossero trattati con finalità di marketing diretto, possono opporsi al trattamento senza fornire alcuna motivazione. Per scoprire se il Titolare tratti dati con finalità di marketing diretto gli Utenti possono fare riferimento alle rispettive sezioni di questo documento.\r\n
\r\n Come esercitare i diritti
\r\n Per esercitare i diritti dell’Utente, gli Utenti possono indirizzare una richiesta agli estremi di contatto del Titolare indicati in questo documento. Le richieste sono depositate a titolo gratuito e evase dal Titolare nel più breve tempo possibile, in ogni caso entro un mese.\r\n
\r\n Cookie Policy
\r\n Questa Applicazione fa utilizzo di Strumenti di Tracciamento. Per saperne di più, l’Utente può consultare la Cookie Policy.\r\n \r\n
\r\n
\r\n
Ulteriori informazioni sul trattamento
\r\n Difesa in giudizio\r\n I Dati Personali dell’Utente possono essere utilizzati da parte del Titolare in giudizio o nelle fasi preparatorie alla sua eventuale instaurazione per la difesa da abusi nell'utilizzo di questa Applicazione o dei Servizi connessi da parte dell’Utente.\r\n L’Utente dichiara di essere consapevole che il Titolare potrebbe essere obbligato a rivelare i Dati per ordine delle autorità pubbliche.\r\n
\r\n Informative specifiche
\r\n Su richiesta dell’Utente, in aggiunta alle informazioni contenute in questa privacy policy, questa Applicazione potrebbe fornire all'Utente delle informative aggiuntive e contestuali riguardanti Servizi specifici, o la raccolta ed il trattamento di Dati Personali.\r\n
\r\n Log di sistema e manutenzione
\r\n Per necessità legate al funzionamento ed alla manutenzione, questa Applicazione e gli eventuali servizi terzi da essa utilizzati potrebbero raccogliere log di sistema, ossia file che registrano le interazioni e che possono contenere anche Dati Personali, quali l’indirizzo IP Utente.\r\n
\r\n Informazioni non contenute in questa policy\r\n Ulteriori informazioni in relazione al trattamento dei Dati Personali potranno essere richieste in qualsiasi momento al Titolare del Trattamento utilizzando gli estremi di contatto.\r\n
\r\n Risposta alle richieste “Do Not Track”
\r\n Questa Applicazione non supporta le richieste “Do Not Track”.\r\n Per scoprire se gli eventuali servizi di terze parti utilizzati le supportino, l'Utente è invitato a consultare le rispettive privacy policy.\r\n
\r\n Modifiche a questa privacy policy
\r\n Il Titolare del Trattamento si riserva il diritto di apportare modifiche alla presente privacy policy in qualunque momento notificandolo agli Utenti su questa pagina e, se possibile, su questa Applicazione nonché, qualora tecnicamente e legalmente fattibile, inviando una notifica agli Utenti attraverso uno degli estremi di contatto di cui è in possesso. Si prega dunque di consultare con frequenza questa pagina, facendo riferimento alla data di ultima modifica indicata in fondo.\r\n
\r\n Qualora le modifiche interessino trattamenti la cui base giuridica è il consenso, il Titolare provvederà a raccogliere nuovamente il consenso dell’Utente, se necessario.\r\n\r\n \r\n \r\n\r\n
\r\n \r\n \r\n } placeholder=\"Nome\" />\r\n \r\n\r\n \r\n } placeholder=\"Cognome\" />\r\n \r\n\r\n \r\n } placeholder=\"Codice Fiscale\" />\r\n \r\n\r\n \r\n } placeholder=\"Telefono\" />\r\n \r\n\r\n \r\n } placeholder=\"Email\" />\r\n \r\n\r\n {/** WORKAROUND LUCA DI ADDEZIO 08092022 - AGGIUNTA */ }\r\n \r\n } placeholder=\"Cap\" />\r\n \r\n\r\n \r\n } placeholder=\"Indirizzo (Via / P.zza)\" />\r\n \r\n\r\n \r\n } placeholder=\"Citta\" />\r\n \r\n\r\n {/** */ }\r\n \r\n !d || d.isAfter(minimumSelectDate)}\r\n />\r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n Accetto i termini\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\nexport { DriverRegister }; ","import React from 'react';\r\nimport 'antd/dist/antd.css';\r\nimport './custom.css';\r\nimport { Form, Input, Button, DatePicker, Checkbox, Row, Col, Switch } from 'antd';\r\nimport { UserOutlined, LockOutlined, MailOutlined } from '@ant-design/icons';\r\nimport { authenticationService } from '../../_services';\r\nimport { RegisterViewModel } from '../../models/viewmodels/RegisterViewModel';\r\nimport { TermsAndConditions } from './TermsAndConditions';\r\nimport { validateMessages } from '../../utility/FormValidator';\r\n\r\n//Data minima selezionabile per la registrazione = oggi meno 18 anni.\r\nconst todayDate = new Date();\r\nconst minimumSelectDate = todayDate.setFullYear(todayDate.getFullYear() - 18);\r\n\r\n//Formato data\r\nconst dateFormat = 'YYYY-MM-DD';\r\n\r\nclass KeeperRegister extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n Nome: '',\r\n Cognome: '',\r\n RagioneSociale: '',\r\n PartitaIva: '',\r\n CodiceFiscale: '',\r\n Indirizzo: '',\r\n Citta: '',\r\n Cap: '',\r\n DataNascita: null,\r\n Email: '',\r\n Password: '',\r\n ConfirmPassword: '',\r\n AcceptTerms: false,\r\n IsAzienda: true,\r\n IsKeeper: true,\r\n loadings: [],\r\n }\r\n\r\n this.handleChangeForm = this.handleChangeForm.bind(this);\r\n this.handleSubmitForm = this.handleSubmitForm.bind(this);\r\n this.handleChangeDataNascita = this.handleChangeDataNascita.bind(this);\r\n this.onChangeCheckBox = this.onChangeCheckBox.bind(this);\r\n this.onSwitchChangeIsAzienda = this.onSwitchChangeIsAzienda.bind(this);\r\n\r\n // redirect to home if already logged in\r\n if (authenticationService.currentUserValue) {\r\n this.props.history.push('/');\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n\r\n }\r\n\r\n resetState() {\r\n this.setState({\r\n ...this.state,\r\n Nome: '',\r\n Cognome: '',\r\n RagioneSociale: '',\r\n PartitaIva: '',\r\n CodiceFiscale: '',\r\n Indirizzo: '',\r\n Citta: '',\r\n Cap: '',\r\n DataNascita: null,\r\n Email: '',\r\n Password: '',\r\n ConfirmPassword: '',\r\n AcceptTerms: false,\r\n loadings: [],\r\n })\r\n }\r\n onSwitchChangeIsAzienda(e) {\r\n this.setState({\r\n IsAzienda: e\r\n }, () => { this.renderFormRegisterKeeper() }\r\n );\r\n }\r\n\r\n //Blocca il pulsante e setta lo spinner di caricamento\r\n enterLoading = index => {\r\n const newLoadings = [...this.state.loadings];\r\n newLoadings[index] = true;\r\n this.setState({\r\n loadings: newLoadings\r\n });\r\n };\r\n //Riabilita il pulsante togliendo lo spinner di caricamento\r\n exitLoading = index => {\r\n const newLoadings = [...this.state.loadings];\r\n setTimeout(() => {\r\n newLoadings[index] = false;\r\n this.setState({ loadings: newLoadings });\r\n }, 6000);\r\n };\r\n\r\n //Gestione eventi form di inserimento\r\n handleChangeForm(event) {\r\n const value = event.target.value;\r\n\r\n //DEBUG PURPOSES\r\n //console.log(this.state);\r\n\r\n this.setState({\r\n [event.target.name]: value\r\n }//DEBUG PURPOSES, //() => //{ console.log(this.state) }\r\n );\r\n }\r\n\r\n handleSubmitForm() {\r\n this.enterLoading(1)\r\n var registerUser = new RegisterViewModel();\r\n registerUser.IsAzienda = this.state.IsAzienda\r\n registerUser.IsKeeper = this.state.IsKeeper\r\n registerUser.Nome = this.state.Nome\r\n registerUser.Cognome = this.state.Cognome\r\n registerUser.RagioneSociale = this.state.RagioneSociale\r\n registerUser.PartitaIva = this.state.PartitaIva\r\n registerUser.CodiceFiscale = this.state.CodiceFiscale\r\n registerUser.Indirizzo = this.state.Indirizzo\r\n registerUser.Cap = this.state.Cap\r\n registerUser.Citta = this.state.Citta\r\n registerUser.Email = this.state.Email\r\n registerUser.DataNascita = this.state.DataNascita\r\n registerUser.Password = this.state.Password\r\n registerUser.ConfirmPassword = this.state.ConfirmPassword\r\n registerUser.AcceptTerms = this.state.AcceptTerms\r\n\r\n //DEBUG PURPOSES\r\n //console.log(registerUser)\r\n\r\n authenticationService.register(registerUser);\r\n this.exitLoading(1);\r\n }\r\n //Gestisce il cambiamento della data di nascita\r\n handleChangeDataNascita(date, dateString) {\r\n this.setState({\r\n DataNascita: dateString\r\n } //DEBUG PURPOSES\r\n //, () => console.log(this.state)\r\n )\r\n }\r\n\r\n //Gestione cambiamento checkbox rememberme\r\n onChangeCheckBox(e) {\r\n this.setState({\r\n AcceptTerms: e.target.checked\r\n });\r\n //DEBUG PURPOSES\r\n //console.log(`checked = ${e.target.checked}`);\r\n }\r\n\r\n //Renderizza il form di registrazione del keeper persona o keeper azienda a seconda della scelta.\r\n renderFormRegisterKeeper() {\r\n const { loadings } = this.state;\r\n if (this.state.IsAzienda === true) {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n }\r\n placeholder=\"Email\"\r\n\r\n />\r\n \r\n\r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n Accetto i termini\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n
);\r\n }\r\n else {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n }\r\n placeholder=\"Email\"\r\n\r\n />\r\n \r\n\r\n \r\n !d || d.isAfter(minimumSelectDate)}\r\n />\r\n \r\n\r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n Accetto i termini\r\n \r\n \r\n \r\n
\r\n \r\n \r\n Procedi\r\n \r\n \r\n\r\n
\r\n );\r\n }\r\n }\r\n\r\n render() {\r\n\r\n return (\r\n \r\n \r\n {this.renderFormRegisterKeeper()}\r\n\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport { KeeperRegister }; ","import React from 'react';\r\nimport 'antd/dist/antd.css';\r\nimport { Tabs } from 'antd';\r\nimport { CarOutlined, ThunderboltTwoTone } from '@ant-design/icons';\r\nimport { DriverRegister } from './DriverRegister'\r\nimport { KeeperRegister } from './KeeperRegister';\r\n\r\nconst { TabPane } = Tabs;\r\nexport class RegisterBox extends React.Component {\r\n render() {\r\n return (\r\n \r\n \r\n {\r\n \r\n \r\n }\r\n\r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport 'antd/dist/antd.css';\r\nimport './custom.css';\r\nimport LogoKiWih from '../../../src/Icons/2012-01AA_logo-colori-negativo.png';\r\n\r\n\r\n//import ParticlesBg from 'particles-bg'\r\n\r\nexport class PromoComingSoon extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loadings: [],\r\n Email: '',\r\n Password: '',\r\n RememberMe: false,\r\n userId: \"\"\r\n }\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n \r\n\r\n
\r\n )\r\n }\r\n}","import React from 'react';\r\nimport 'antd/dist/antd.css';\r\nimport { Tabs } from 'antd';\r\nimport { LoginOutlined, GlobalOutlined } from '@ant-design/icons';\r\nimport { PromoComingSoon } from './PromoComingSoon'\r\nimport { RegisterBox } from './RegisterBox';\r\nimport videoLoop from '../../video/videoBackGroundCustomRes.mov';\r\n//import videoLoop from '../../video/videoBackgroundSample2_lowres.webm';\r\n\r\nconst { TabPane } = Tabs;\r\nexport class LandingPagePromo extends React.Component {\r\n render() {\r\n return (\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
Ricaricati di energia pulita.
\r\nSosteniamo e promuoviamo
\r\nun nuovo rapporto
\r\ntra tecnologia e natura:
\r\npiù sostenibile, emozionante.
\r\n \r\n\r\n
\r\n\r\n Coming soon...
\r\n\r\n
Accedendo alla piattaforma potrai individuare
\r\ne prenotare la colonnina di ricarica elettrica più vicina a te.
\r\nPer una re-charge rapida e sicura!
\r\nKiwihCharge è parte della realtà Kiwih,
\r\nuna start-up innovativa orientata al rispetto
\r\ndell'ambiente e attraverso l'uso delle energie rinnovabili.
\r\nScopri di più su kiwih.it
\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","import 'bootstrap/dist/css/bootstrap.css';\r\n//import TypoRound from './fonts/Typo_Round_Light_Demo.otf';\r\n\r\nimport ReactDOM from 'react-dom';\r\nimport {\r\n BrowserRouter,\r\n Switch,\r\n Route,\r\n Link\r\n} from \"react-router-dom\";\r\nimport { App } from './App';\r\nimport registerServiceWorker from './registerServiceWorker';\r\nimport { LandingPage } from './components/UsersAccount/LandingPage';\r\nimport { LandingPagePromo } from './components/UsersAccount/LandingPagePromo';\r\nimport { authenticationService } from '../src/_services/authentication.service'; \r\n\r\nimport { ClearBrowserCacheBoundary } from 'react-clear-browser-cache';\r\n\r\n\r\nimport React from 'react';\r\nimport './custom.css';\r\n\r\nconst baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');\r\n//const baseUrl = \"www.kiwihcharge.it/\";\r\nconst rootElement = document.getElementById('root');\r\n\r\n//Entry point dell'applicazione, controlla se un utente � loggato, se si\r\n// redirect su App, altrimenti su Login.\r\nfunction renderHome() {\r\n ReactDOM.render(\r\n