\r\n \r\n
\r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n {this.state.error && this.state.error.toString()}\r\n
\r\n {this.state.errorInfo.componentStack}\r\n
\r\n \r\n {this.state.errorInfo.componentStack}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n","export const AREE = {\r\n SPIAGGIA_ATTREZZATA: \"SPP\",\r\n SPIAGGIA_LIBERA: \"SPL\",\r\n BATTIGIA: \"BAT\",\r\n STRADA_LIT: \"LIT\",\r\n RISTORANTE: \"RIST\",\r\n HOTEL: \"HOT\",\r\n ABITAZIONE: \"ABP\",\r\n EVENTO: \"EVE\",\r\n ATTIVITA_LAVORATIVA: \"ATL\",\r\n AREA_SHOPPING: \"SHOP\",\r\n};\r\n","import { AREE } from \"./Aree\";\r\nimport pinRistoranteGiallo from \"../template/site/pngs/mapsPins/pinRistoranteGiallo.png\";\r\nimport pinRistoranteRosso from \"../template/site/pngs/mapsPins/pinRistoranteRosso.png\";\r\nimport pinRistoranteVerde from \"../template/site/pngs/mapsPins/pinRistoranteVerde.png\";\r\nimport pinSpiaggiaLiberaRosso from \"../template/site/pngs/mapsPins/pinSpiaggiaLiberaRosso.png\";\r\nimport pinSpiaggiaLiberaGiallo from \"../template/site/pngs/mapsPins/pinSpiaggiaLiberaGiallo.png\";\r\nimport pinSpiaggiaLiberaVerde from \"../template/site/pngs/mapsPins/pinSpiaggiaLiberaVerde.png\";\r\nimport pinSpiaggiaPrivataRosso from \"../template/site/pngs/mapsPins/pinSpiaggiaPrivataRosso.png\";\r\nimport pinSpiaggiaPrivataGiallo from \"../template/site/pngs/mapsPins/pinSpiaggiaPrivataGiallo.png\";\r\nimport pinSpiaggiaPrivataVerde from \"../template/site/pngs/mapsPins/pinSpiaggiaPrivataVerde.png\";\r\nimport pinEventoRosso from \"../template/site/pngs/mapsPins/pinEventoRosso.png\";\r\nimport pinEventGiallo from \"../template/site/pngs/mapsPins/pinEventoGiallo.png\";\r\nimport pinEventoVerde from \"../template/site/pngs/mapsPins/pinEventoVerde.png\";\r\n\r\nexport const PINS = {\r\n SPIAGGIA_LIBERA_ROSSO: {\r\n pin: pinSpiaggiaLiberaRosso,\r\n areaCod: AREE.SPIAGGIA_LIBERA,\r\n stato: -1,\r\n },\r\n SPIAGGIA_LIBERA_GIALLO: {\r\n pin: pinSpiaggiaLiberaGiallo,\r\n areaCod: AREE.SPIAGGIA_LIBERA,\r\n stato: 0,\r\n },\r\n SPIAGGIA_LIBERA_VERDE: {\r\n pin: pinSpiaggiaLiberaVerde,\r\n areaCod: AREE.SPIAGGIA_LIBERA,\r\n stato: 1,\r\n },\r\n SPIAGGIA_ATTREZZATA_ROSSO: {\r\n pin: pinSpiaggiaPrivataRosso,\r\n areaCod: AREE.SPIAGGIA_ATTREZZATA,\r\n stato: -1,\r\n },\r\n SPIAGGIA_ATTREZZATA_GIALLO: {\r\n pin: pinSpiaggiaPrivataGiallo,\r\n areaCod: AREE.SPIAGGIA_ATTREZZATA,\r\n stato: 0,\r\n },\r\n SPIAGGIA_ATTREZZATA_VERDE: {\r\n pin: pinSpiaggiaPrivataVerde,\r\n areaCod: AREE.SPIAGGIA_ATTREZZATA,\r\n stato: 1,\r\n },\r\n RISTORANTE_ROSSO: {\r\n pin: pinRistoranteRosso,\r\n areaCod: AREE.RISTORANTE,\r\n stato: -1,\r\n },\r\n RISTORANTE_GIALLO: {\r\n pin: pinRistoranteGiallo,\r\n areaCod: AREE.RISTORANTE,\r\n stato: 0,\r\n },\r\n RISTORANTE_VERDE: {\r\n pin: pinRistoranteVerde,\r\n areaCod: AREE.RISTORANTE,\r\n stato: 1,\r\n },\r\n EVENTO_ROSSO: {\r\n pin: pinEventoRosso,\r\n areaCod: AREE.EVENTO,\r\n stato: -1,\r\n },\r\n EVENTO_GIALLO: {\r\n pin: pinEventGiallo,\r\n areaCod: AREE.EVENTO,\r\n stato: 0,\r\n },\r\n EVENTO_VERDE: {\r\n pin: pinEventoVerde,\r\n areaCod: AREE.EVENTO,\r\n stato: 1,\r\n },\r\n};\r\n","import pinParcheggioRosso from \"../template/site/pngs/mapsPins/pinParcheggioRosso.png\";\r\nimport pinParcheggioGiallo from \"../template/site/pngs/mapsPins/pinParcheggioGiallo.png\";\r\nimport pinParcheggioVerde from \"../template/site/pngs/mapsPins/pinParcheggioVerde.png\";\r\n//const PARCHEGGIO =\r\n\r\nexport const PINSPARK = {\r\n PARCHEGGIO_ROSSO: {\r\n pin: pinParcheggioRosso,\r\n stato: -1,\r\n },\r\n PARCHEGGIO_GIALLO: {\r\n pin: pinParcheggioGiallo,\r\n stato: 0,\r\n },\r\n PARCHEGGIO_VERDE: {\r\n pin: pinParcheggioVerde,\r\n stato: 1,\r\n },\r\n};\r\n","export const AREASTATUSES = {\r\n OPEN: \"OPEN\",\r\n MEDIUM: \"MEDIUM\",\r\n CLOSED: \"CLOSED\",\r\n};\r\n","import React, { Component } from \"react\";\r\nimport {\r\n GoogleMap,\r\n LoadScript,\r\n Marker,\r\n InfoWindow,\r\n} from \"@react-google-maps/api\";\r\nimport RxComponent from \"../../redux/RxComponent\";\r\nimport pinUmbrella from \"../../template/site/pngs/pin.png\";\r\nimport { PINS } from \"./../../constants/pins\";\r\nimport { PINSPARK } from \"./../../constants/pinsParcheggi\";\r\nimport { triggerSelectArea } from \"../../redux/Prenotazione/Prenotazione.actions\";\r\nimport { ROLES } from \"../../constants/Roles\";\r\nimport { AREE } from \"./../../constants/Aree\";\r\nimport { AREASTATUSES } from \"../../constants/AreaStatus\";\r\n\r\nconst containerStyle = {\r\n width: \"100%\",\r\n minHeight: \"400px\",\r\n height: \"100%\",\r\n};\r\n\r\nconst center = {\r\n lat: -3.745,\r\n lng: -38.523,\r\n};\r\n\r\nconst mapStyles = require(\"../../template/site/jsonStyle/mapsStyle.json\");\r\n\r\nclass Comp extends React.PureComponent {\r\n currentMap = null;\r\n\r\n state = {\r\n isOpen: false,\r\n markers: [],\r\n };\r\n\r\n pin = {\r\n url: PINS.RISTORANTE_GIALLO.pin,\r\n };\r\n\r\n pin2 = pinUmbrella;\r\n\r\n componentDidMount() {\r\n let initialCenter = this.findCenter();\r\n this.setState({\r\n center: initialCenter,\r\n });\r\n }\r\n\r\n setPin(point) {\r\n let pinToRet = [];\r\n\r\n var pins = Object.values(PINS);\r\n var pinsPark = Object.values(PINSPARK);\r\n let perc = 0;\r\n if (point.area) {\r\n perc =\r\n ((point.area.POSTI_TOTALI - point.area.POSTI_LIBERI) * 100) /\r\n point.area.POSTI_TOTALI;\r\n } else if (point.parcheggio) {\r\n perc =\r\n ((point.parcheggio.POSTI_TOTALI - point.parcheggio.POSTI_LIBERI) *\r\n 100) /\r\n point.parcheggio.POSTI_TOTALI;\r\n }\r\n let percToCompare = perc > 69 ? -1 : perc > 35 ? 0 : 1;\r\n\r\n if (point.area) {\r\n pinToRet = pins.filter((el) => {\r\n return (\r\n el.areaCod === point.area.CODICETIPOLOGIAAREA &&\r\n percToCompare === el.stato\r\n );\r\n });\r\n } else if (point.parcheggio) {\r\n pinToRet = pinsPark.filter((el) => {\r\n return percToCompare === el.stato;\r\n });\r\n }\r\n\r\n if (!pinToRet[0]) {\r\n pinToRet = pins.filter((el) => {\r\n return (\r\n el.areaCod === AREE.SPIAGGIA_ATTREZZATA && percToCompare === el.stato\r\n );\r\n });\r\n }\r\n\r\n return pinToRet[0] ? pinToRet[0].pin : null;\r\n }\r\n\r\n findCenter(lat, lng) {\r\n if (lat && lng) {\r\n return {\r\n lat: lat,\r\n lng: lng,\r\n };\r\n }\r\n\r\n if (this.props.points && this.props.points.length) {\r\n const lats = this.props.points.map(function (point, index) {\r\n if(point) return point.lat;\r\n });\r\n const lons = this.props.points.map(function (point, index) {\r\n if(point) return point.lon;\r\n });\r\n\r\n const latMax = Math.max.apply(Math, lats);\r\n const latMin = Math.min.apply(Math, lats);\r\n const lonMax = Math.max.apply(Math, lons);\r\n const lonMin = Math.min.apply(Math, lons);\r\n\r\n const latDef = (latMax + latMin) / 2;\r\n const lonDef = (lonMax + lonMin) / 2;\r\n\r\n return { lat: latDef, lng: lonDef };\r\n } else {\r\n return {\r\n lat:\r\n this.props.Auth.user.Comune && this.props.Auth.user.Comune.latitudine\r\n ? this.props.Auth.user.Comune.latitudine\r\n : 41.4676,\r\n lng:\r\n this.props.Auth.user.Comune && this.props.Auth.user.Comune.longitudine\r\n ? this.props.Auth.user.Comune.longitudine\r\n : 12.9036,\r\n };\r\n }\r\n }\r\n\r\n onToggleOpen(point, index) {\r\n /*let center = {\r\n lat: point.lat,\r\n lng: point.lon,\r\n };*/\r\n\r\n this.setState({\r\n openedMarker: index === this.state.openedMarker ? null : index,\r\n //center: center,\r\n });\r\n }\r\n\r\n onAreaSelect(area) {\r\n if (window.location.href.indexOf(\"/dashboard\") >= 0) {\r\n area.fromDashboard = true;\r\n }\r\n this.setState(\r\n {\r\n openedMarker: null,\r\n center: null,\r\n },\r\n () => this.props.triggerSelectArea(area)\r\n );\r\n }\r\n\r\n infoBoxGenerator(record) {\r\n return (\r\n \r\n this._onBlur()}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {this.props.t(\"POSTI_LIBERI\") +\r\n \": \" +\r\n record.parcheggio.POSTI_LIBERI}{\" \"}\r\n
\r\n ) : null}\r\n \r\n {record.area &&\r\n record.area.POSTI_LIBERI > 0 &&\r\n record.area.CODICESTATO !== AREASTATUSES.CLOSED && (\r\n \r\n longitudine: {marker.lng}\r\n \r\n \r\n \r\n ))}\r\n \r\n )}\r\n \r\n )}\r\n \r\n );\r\n }\r\n}\r\nconst MapComponent = RxComponent({ triggerSelectArea })(Comp);\r\nexport default MapComponent;\r\n","import React from \"react\";\r\nimport _ from \"lodash\";\r\nimport DatePicker from \"../Content/DatePicker\";\r\nimport { SelectPicker } from \"../Content/SelectPicker\";\r\nimport { Trans, Translation } from \"react-i18next\";\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter, Button } from \"reactstrap\";\r\nimport MapComponent from \"../Content/MapsComp\";\r\nimport { SelectPickerOld } from \"../Content/SelectPickerOld\";\r\n\r\nexport const FIELD_TEXT = \"FIELD_TEXT\";\r\nexport const FIELD_DATE = \"FIELD_DATE\";\r\nexport const FIELD_INTEGER = \"FIELD_INTEGER\";\r\nexport const FIELD_DECIMAL = \"FIELD_DECIMAL\";\r\nexport const FIELD_LONGTEXT = \"FIELD_LONGTEXT\";\r\nexport const FIELD_SELECT = \"FIELD_SELECT\";\r\nexport const FIELD_BOOLEAN = \"FIELD_BOOLEAN\";\r\nexport const FIELD_SELECT_MULTIPLE = \"FIELD_SELECT_MULTIPLE\";\r\nexport const FIELD_FILE = \"FIELD_FILE\";\r\nexport const FIELD_MAPS = \"FIELD_MAPS\";\r\nexport const FIELD_PASSWORD = \"FIELD_PASSWORD\";\r\n\r\nclass DynamicFormField extends React.PureComponent {\r\n state = {\r\n type: null,\r\n id: null,\r\n label: null,\r\n required: false,\r\n precision: 999,\r\n value: null,\r\n readOnly: null,\r\n options: [],\r\n multiple: false,\r\n displayValue: null,\r\n };\r\n\r\n componentDidMount() {\r\n this._initState();\r\n }\r\n\r\n componentDidUpdate() {\r\n this._initState();\r\n }\r\n\r\n _initState() {\r\n this.setState({\r\n type: this.props.type,\r\n id: this.props.id,\r\n label: this.props.label,\r\n required: this.props.required,\r\n precision: this.props.precision,\r\n value: this.props.value,\r\n readOnly: this.props.readOnly,\r\n options: this.props.options,\r\n multiple: this.props.multiple,\r\n displayValue: this.props.displayValue,\r\n customName: this.props.customName\r\n });\r\n }\r\n\r\n _onSubmit = (e) => {\r\n e.preventDefault();\r\n };\r\n\r\n _handleChange(val) {\r\n if (this.props.onChange && _.isFunction(this.props.onChange)) {\r\n this.props.onChange(val);\r\n }\r\n }\r\n\r\n _inputText = () => (\r\n
\r\n \r\n this._handleChange(event.target.value)}\r\n type=\"text\"\r\n className=\"form-control\"\r\n name={this.state.id}\r\n id={this.state.id}\r\n />\r\n
\r\n );\r\n\r\n _inputPassword = () => {\r\n return (\r\n \r\n \r\n this._handleChange(event.target.value)}\r\n type=\"password\"\r\n className=\"form-control\"\r\n name={this.state.id}\r\n id={this.state.id}\r\n />\r\n
\r\n );\r\n };\r\n\r\n _inputInteger = () => (\r\n \r\n \r\n this._handleChange(event.target.value)}\r\n size={this.state.precision}\r\n type=\"number\"\r\n step={1}\r\n className=\"form-control\"\r\n name={this.state.id}\r\n id={this.state.id}\r\n />\r\n
\r\n );\r\n\r\n _inputDecimal = () => (\r\n \r\n \r\n this._handleChange(event.target.value)}\r\n size={this.state.precision}\r\n type=\"number\"\r\n step={0.01}\r\n className=\"form-control\"\r\n name={this.state.id}\r\n id={this.state.id}\r\n />\r\n
\r\n );\r\n\r\n _inputLongText = () => (\r\n \r\n \r\n this._handleChange(event.target.value)}\r\n className=\"form-control\"\r\n name={this.state.id}\r\n id={this.state.id}\r\n />\r\n
\r\n );\r\n\r\n _inputFile = () => (\r\n \r\n \r\n {\r\n if (e.target.files && e.target.files.item(0)) {\r\n this._handleChange(e.target.files[0])\r\n // const reader = new FileReader();\r\n // reader.onloadend = () => {\r\n // // Since it contains the Data URI, we should remove the prefix and keep only Base64 string\r\n // var b64 = reader.result; //.replace(/^data:.+;base64,/, '');\r\n // this._handleChange(b64);\r\n // };\r\n // reader.readAsDataURL(e.target.files.item(0));\r\n }\r\n }}\r\n type=\"file\"\r\n className=\"form-control\"\r\n name={this.state.id}\r\n id={this.state.id}\r\n />\r\n
\r\n );\r\n\r\n _inputMap = () => (\r\n <>\r\n \r\n \r\n \r\n this.setState(\r\n {\r\n value: {\r\n latitudine: event.target.value,\r\n longitudine: this.state.value?.longitudine,\r\n },\r\n },\r\n this._handleChange({\r\n latitudine: event.target.value,\r\n longitudine: this.state.value?.longitudine,\r\n })\r\n )\r\n }\r\n size={this.state.precision}\r\n type=\"number\"\r\n step={0.0001}\r\n className=\"form-control\"\r\n name={\"latitudine\"}\r\n id={this.state.id}\r\n />\r\n
\r\n \r\n \r\n \r\n this.setState(\r\n {\r\n value: {\r\n latitudine: this.state.value?.latitudine,\r\n longitudine: event.target.value,\r\n },\r\n },\r\n this._handleChange({\r\n latitudine: this.state.value?.latitudine,\r\n longitudine: event.target.value,\r\n })\r\n )\r\n }\r\n size={this.state.precision}\r\n type=\"number\"\r\n className=\"form-control\"\r\n name={\"longitudine\"}\r\n id={this.state.id}\r\n />\r\n
\r\n \r\n \r\n this.setState({ showMapModal: true })}\r\n >\r\n \r\n this.setState({ showMapModal: false, lat: null, lng: null })\r\n }\r\n size=\"md\"\r\n >\r\n this.setState({ showMapModal: false })}\r\n >\r\n \r\n \r\n {this.state.showMapModal && (\r\n {\r\n this.setState({\r\n latTemp: parseFloat(marker.lat),\r\n lngTemp: parseFloat(marker.lng),\r\n });\r\n }}\r\n />\r\n )}\r\n
\r\n \r\n \r\n this._handleChange(ev.date)}\r\n readOnly={this.state.readOnly}\r\n format=\"DD/MM/YYYY\"\r\n />\r\n
\r\n );\r\n\r\n _inputSelect = () => (\r\n \r\n \r\n this._handleChange(ev)}\r\n />\r\n
\r\n );\r\n\r\n _inputSelectMultiple = () => (\r\n \r\n \r\n this._handleChange(ev)}\r\n />\r\n
\r\n );\r\n\r\n _inputBoolean = () => {\r\n return (\r\n \r\n \r\n \r\n {(t) => (\r\n {\r\n if (ev && ev.length) this._handleChange(!!ev[0].id);\r\n }}\r\n />\r\n )}\r\n \r\n
\r\n );\r\n };\r\n\r\n _inputFromType() {\r\n switch (this.state.type) {\r\n case FIELD_TEXT:\r\n return this._inputText();\r\n case FIELD_INTEGER:\r\n return this._inputInteger();\r\n case FIELD_DECIMAL:\r\n return this._inputDecimal();\r\n case FIELD_LONGTEXT:\r\n return this._inputLongText();\r\n case FIELD_DATE:\r\n return this._inputDate();\r\n case FIELD_SELECT:\r\n return this._inputSelect();\r\n case FIELD_BOOLEAN:\r\n return this._inputBoolean();\r\n case FIELD_SELECT_MULTIPLE:\r\n return this._inputSelectMultiple();\r\n case FIELD_FILE:\r\n return this._inputFile();\r\n case FIELD_MAPS:\r\n return this._inputMap();\r\n case FIELD_PASSWORD:\r\n return this._inputPassword();\r\n default:\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 {this.props.Auth.googleUser.Ad}
\r\n\r\n
\r\n {this.props.Auth.googleUser.yu}
\r\n\r\n \r\n
\r\n )\r\n\r\n goToWeek(week){\r\n this.setState({currentPage:week});\r\n }\r\n\r\n renderResource(resource){\r\n if(this.props.renderResource && _.isFunction(this.props.renderResource)){\r\n return this.props.renderResource(resource);\r\n }\r\n return {resource.toString()}
\r\n }\r\n\r\n renderCell(resource,date){\r\n if(this.props.renderCell && _.isFunction(this.props.renderCell)){\r\n return this.props.renderCell(resource,date);\r\n }\r\n returnTest
\r\n }\r\n\r\n renderTotalDays(){\r\n if(this.props.renderTotalDays && _.isFunction(this.props.renderTotalDays)){\r\n\r\n return| \r\n {\r\n this.getCurrentPage().daysOfWeek.map(p=>p.type===\"date\"?\r\n | {p.date.format(\"dddd DD\")} | :\r\n|
|---|---|---|
| \r\n \r\n {group.label}\r\n | \r\n||
| {this.renderResource(resource)} | \r\n {this.getCurrentPage().daysOfWeek.map(p=>\r\n p.type===\"date\"?\r\n{this.renderCell(resource,p,group)} | \r\n :{p.render(resource,this.getCurrentPage().daysOfWeek.filter(s=>s.type==='date' && !s.disabled))} | \r\n )}\r\n
| {this.renderResource(resource)} | \r\n {this.getCurrentPage().daysOfWeek.map(p=>\r\n p.type===\"date\"?\r\n{this.renderCell(resource,p)} | \r\n :{p.render(resource,this.getCurrentPage().daysOfWeek.filter(s=>s.type==='date' && !s.disabled))} | \r\n )}\r\n
{this.props.t(\"Welcome\")}:
{this.props.Auth.user && this.props.Auth.user.username}
\r\n no component
,\r\n modalHeader: () =>no title
,\r\n actions: [\"view\"],\r\n };\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n /*let newState={};\r\n\r\n if(this.state.data != this.props.data){\r\n newState.data=this.props.data;\r\n }\r\n if(this.state.type != this.props.type){\r\n newState.type=this.props.type;\r\n }\r\n if(this.state.row != this.props.row){\r\n newState.row=this.props.row;\r\n }\r\n\r\n if(!_.isEmpty(newState))\r\n this.setState(newState);*/\r\n }\r\n\r\n componentDidMount() {\r\n this.setState(this.props);\r\n }\r\n\r\n contentByType = (type, row, data) => {\r\n switch (\r\n type //add case to manage other types\r\n ) {\r\n case \"expand\":\r\n return (\r\n\r\n {content}\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 _ from 'lodash';\r\nimport { Pagination, PaginationItem, PaginationLink } from 'reactstrap';\r\n\r\nexport default class Paginator extends React.Component {\r\n\r\n fromComponent = false;\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n currentPage: 1,\r\n itemsPerPage: 10,\r\n totalRecords: 0,\r\n pages: []\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n let changed = {};\r\n if (this.state.currentPage !== this.props.currentPage) {\r\n changed.currentPage = this.props.currentPage;\r\n }\r\n if (this.props.itemsPerPage && this.state.itemsPerPage !== this.props.itemsPerPage) {\r\n changed.itemsPerPage = this.props.itemsPerPage;\r\n }\r\n if (this.props.totalRecords && this.state.totalRecords !== this.props.totalRecords) {\r\n changed.totalRecords = this.props.totalRecords;\r\n }\r\n if (!_.isEmpty(changed))\r\n this.setState(changed, this.getPages.bind(this));\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n let changed = {};\r\n if (this.state.currentPage !== this.props.currentPage && prevProps.currentPage !== this.props.currentPage) {\r\n changed.currentPage = this.props.currentPage;\r\n }\r\n if (this.props.itemsPerPage && this.state.itemsPerPage !== this.props.itemsPerPage && prevProps.itemsPerPage !== this.props.itemsPerPage) {\r\n changed.itemsPerPage = this.props.itemsPerPage;\r\n }\r\n if (this.props.totalRecords && this.state.totalRecords !== this.props.totalRecords && prevProps.totalRecords !== this.props.totalRecords) {\r\n changed.totalRecords = this.props.totalRecords;\r\n }\r\n\r\n if (!_.isEmpty(changed) && !this.fromComponent) {\r\n this.setState(changed, this.getPages.bind(this));\r\n } else if (this.fromComponent) {\r\n this.getPages();\r\n this.fromComponent = false;\r\n }\r\n\r\n }\r\n\r\n getPages() {\r\n if (this.state.currentPage > this.state.totalRecords) {\r\n this.fromComponent = true;\r\n this.setState({\r\n currentPage: this.state.totalRecords\r\n });\r\n return;\r\n }\r\n let addedPage = (this.state.totalRecords % this.state.itemsPerPage) > 0 ? 1 : 0;\r\n let totalPages = parseInt((this.state.totalRecords / this.state.itemsPerPage) + addedPage);\r\n let ret = [\r\n {\r\n skipPage: (this.state.currentPage - 1) * -1,\r\n label: '<<'\r\n },\r\n {\r\n skipPage: -1,\r\n label: '<'\r\n }\r\n ];\r\n\r\n let startIndex = 1;\r\n let endIndex = 5;\r\n let toAdd = null;\r\n if (this.state.currentPage >= 5) {\r\n ret.push({\r\n skipPage: -4,\r\n label: '...'\r\n });\r\n startIndex = this.state.currentPage - 2;\r\n }\r\n if ((totalPages - this.state.currentPage) >= 5) {\r\n toAdd = [{\r\n skipPage: 4,\r\n label: '...'\r\n }];\r\n endIndex = this.state.currentPage >= 4 ? this.state.currentPage + 2 : 5;\r\n } else {\r\n let diff = totalPages - this.state.currentPage;\r\n endIndex = this.state.currentPage + diff;\r\n if(totalPages - 4 !== 0){\r\n startIndex = totalPages - 4;\r\n }\r\n }\r\n if (this.state.currentPage <= 3) {\r\n startIndex = 1;\r\n }\r\n\r\n for (let i = startIndex; i <= endIndex; i++) {\r\n //let abs = i>this.state.currentPage?1:-1;\r\n let step = i - this.state.currentPage;\r\n ret.push({\r\n skipPage: step,\r\n label: `${i}`\r\n });\r\n }\r\n\r\n if (toAdd) {\r\n ret = ret.concat(toAdd);\r\n }\r\n ret = ret.concat([\r\n {\r\n skipPage: 1,\r\n label: '>'\r\n },\r\n {\r\n skipPage: (this.state.currentPage - totalPages) * -1,\r\n label: '>>'\r\n }\r\n ]);\r\n this.setState({\r\n totalPages: totalPages,\r\n pages: ret\r\n });\r\n }\r\n\r\n jumpPage(skipPage) {\r\n if(this.state.currentPage + skipPage > this.state.totalPages || this.state.currentPage + skipPage < 1){\r\n return\r\n }\r\n this.fromComponent = true;\r\n this.setState({\r\n currentPage: this.state.currentPage + skipPage\r\n }, () => {\r\n if (this.props.onPageChanged && _.isFunction(this.props.onPageChanged)) {\r\n this.props.onPageChanged(this.state.currentPage);\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 {this.state.list.map((filter) => {\r\n if (filter.type === FILTER_RANGE) {\r\n return (\r\n \r\n
\r\n );\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 {!this.state.itemsPerPage || this.props.disablePaginate ? null : (\r\n \r\n {_.isFunction(this.state.exportExcel) && (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n this.update = true;\r\n this.setState({\r\n currentPage: newPage,\r\n });\r\n }}\r\n />\r\n
\r\n Users Page
\r\nValidation errors
\r\n- \r\n {errors.map((error, index) => (\r\n
- \r\n {error[0]}\r\n \r\n ))}\r\n
\r\n this.onSubmit(this.state.fields)}\r\n >\r\n \r\n
\r\n \r\n
\r\n {this.props.title}\r\n this.setState({ showModal: true })}\r\n >\r\n \r\n \r\n
\r\n )}\r\n\r\n \r\n
\r\n \r\n {this.props.t(\"Lookups\")}\r\n
\r\n\r\n
\r\n \r\n this.handleLookupChange(lookup)}\r\n />\r\n
\r\n \r\n {this.props.t(\"Lookups\")}\r\n
\r\n\r\n
\r\n \r\n this.handleLookupChange(lookup)}\r\n />\r\n
\r\n {this.props.t(\"Loading\")}...
;\r\n }\r\n return (\r\n\r\n
\r\n \r\n \r\n {this.props.t(this.state.areaToShow.descrizione)}{\" \"}\r\n
\r\n
\r\n \r\n {this.props.t(this.state.areaToShow.descrizione)}{\" \"}\r\n \r\n \r\n {this.props.t(\r\n this.state.areaToShow.TipologiaArea.descLocalizzata\r\n )}\r\n \r\n {\r\n this.state.areaToShow.latitudine && this.state.areaToShow.longitudine\r\n ?\r\n \r\n Google Maps\r\n :\r\n \r\n Google Maps not Avaiable\r\n \r\n }\r\n {this.state.areaToShow.flgAccessoDisabili && (\r\n \r\n )}\r\n {this.state.areaToShow.flgAnimaliAmmessi && (\r\n \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 MockRepo from \"../../../repos/MockRepo\";\r\n\r\nexport default class FasciaOrariaMockRepo extends MockRepo {\r\n getList(...p) {}\r\n}\r\n","import HttprepoTAAL from \"../../../repos/HttpRepoTaal\";\r\n\r\nexport default class FasciaOrariaHttpRepo extends HttprepoTAAL {\r\n getTable() {\r\n return \"FasciaOraria\";\r\n }\r\n}\r\n","import StubRepo from \"../../repos/StubRepo\";\r\nimport FasciaOrariaMockRepo from \"./repositories/FasciaOraria.mock\";\r\nimport FasciaOrariaHttpRepo from \"./repositories/FasciaOraria.http\";\r\n\r\nexport default class FasciaOraria extends StubRepo {\r\n static _localInstance = null;\r\n static _serviceInstance = null;\r\n\r\n static getName() {\r\n return \"FasciaOraria repo\";\r\n }\r\n\r\n static getLocal() {\r\n if (FasciaOraria._localInstance == null) {\r\n FasciaOraria._localInstance = new FasciaOrariaMockRepo();\r\n }\r\n return FasciaOraria._localInstance;\r\n }\r\n\r\n static getService() {\r\n if (FasciaOraria._serviceInstance == null) {\r\n FasciaOraria._serviceInstance = new FasciaOrariaHttpRepo();\r\n }\r\n return FasciaOraria._serviceInstance;\r\n }\r\n}\r\n","import BaseServiceTaal from \"../../Service/BaseServiceTaal\";\r\nimport FasciaOraria from \"./FasciaOraria.repo\";\r\n\r\nexport default class FasciaOrariaService extends BaseServiceTaal {\r\n getRepo = () => FasciaOraria.getInstanceTaal();\r\n}\r\n","import React from \"react\";\r\nimport TipologiaPrenotazioneService from \"../../TipologiaPrenotazione/TipologiaPrenotazione.service\";\r\nimport { Row, FormGroup } from \"reactstrap\";\r\nimport { SelectPicker } from \"../../../components/Content/SelectPicker\";\r\nimport TimeRcPicker from \"../../../components/Content/TimeRcPicker/TimeRcPicker\";\r\nimport moment from \"moment\";\r\nimport FasciaOrariaService from \"../../FasciaOraria/FasciaOraria.service\";\r\nimport TimePicker from \"rc-time-picker\";\r\nimport {\r\n FILTER_MULTIPLE,\r\n FILTER_NUMBER,\r\n} from \"../../../components/TableServer/FilterItem\";\r\nimport { onChangeFasciaOraria } from \"../../../redux/Prenotazione/Prenotazione.actions\";\r\nimport RxComponent from \"../../../redux/RxComponent\";\r\n\r\nclass PrenotazioneTipoPrenotazionep extends React.Component {\r\n tipoPrenotazioneService = new TipologiaPrenotazioneService();\r\n fasciaOrariaService = new FasciaOrariaService();\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n lista: [],\r\n listaTipologie: [],\r\n listaTipologieTot: [],\r\n listaFasceOrarie: [],\r\n dataInizio: moment(),\r\n dataFine: moment(),\r\n oraInizio: moment(),\r\n idArea: this.props.idArea,\r\n data: this.props.data,\r\n numeroOccupanti: this.props.numeroOccupanti,\r\n selectedTipologiaPrenotazione: this.props.tipologiaPrenotazione,\r\n selectedFasciaOraria: this.props.fasciaOraria,\r\n dataInizioCompleta: this.props.dataInizio\r\n ? moment(this.props.dataInizio).format(\"YYYYMMDDHHmm\")\r\n : null,\r\n dataFineCompleta: null,\r\n oraInizioTimePckr:\r\n this.props.fasciaOraria && this.props.fasciaOraria.length\r\n ? this.props.fasciaOraria[0].orarioInizio\r\n : null,\r\n oraFineTimePckr:\r\n this.props.fasciaOraria && this.props.fasciaOraria.length\r\n ? this.props.fasciaOraria[0].orarioFine\r\n : null,\r\n valueTme: this.props.dataInizio\r\n ? moment(this.props.dataInizio)\r\n : moment(),\r\n form_key: 0,\r\n };\r\n }\r\n\r\n /*componentDidMount2() {\r\n this.props.onRef(this);\r\n if (!this.state.idArea || !this.state.data || !this.state.numeroOccupanti)\r\n return;\r\n let filts = {\r\n idArea: this.state.idArea,\r\n data: this.state.data,\r\n numeroOccupanti: this.state.numeroOccupanti,\r\n };\r\n let idList = [];\r\n let listDef;\r\n this.tipoPrenotazioneService\r\n .searchTipologiaPrenotazione(filts)\r\n .then((res) => {\r\n if (res.data.result) {\r\n idList = res.data.result.map((el) => el.IDTIPOLOGIAPRENOTAZIONE);\r\n idList = idList.filter(function (elem, index, self) {\r\n return index === self.indexOf(elem);\r\n });\r\n\r\n listDef = res.data.result.map((rec) => {});\r\n\r\n return res.data.result;\r\n }\r\n })\r\n .then((listaTipologieTot) => {\r\n let filtro = {\r\n [`${FILTER_MULTIPLE}&&&idTipologiaPrenotazione`]: idList,\r\n };\r\n this.tipoPrenotazioneService.paginate(1, -1, filtro).then((elem) => {\r\n this.setState({\r\n listaTipologie: elem.data.result,\r\n listaTipologieTot: listaTipologieTot,\r\n });\r\n });\r\n return true;\r\n })\r\n .then(() => {\r\n if (this.state.selectedTipologiaPrenotazione) {\r\n this.populateFasceOrarie(this.state.selectedTipologiaPrenotazione);\r\n }\r\n });\r\n }*/\r\n\r\n componentDidUpdate() {}\r\n\r\n componentDidMount() {\r\n this.props.onRef(this);\r\n if (!this.state.idArea || !this.state.data || !this.state.numeroOccupanti)\r\n return;\r\n let filts = {\r\n idArea: this.state.idArea,\r\n data: this.state.data,\r\n numeroOccupanti: this.state.numeroOccupanti,\r\n };\r\n let idList = [];\r\n let listDef = [];\r\n this.tipoPrenotazioneService\r\n .searchTipologiaPrenotazione(filts)\r\n .then((res) => {\r\n if (res.data.result) {\r\n let resFromsearch = res.data.result;\r\n idList = res.data.result.map((el) => el.IDTIPOLOGIAPRENOTAZIONE);\r\n idList = idList.filter(function (elem, index, self) {\r\n return index === self.indexOf(elem);\r\n });\r\n\r\n idList.forEach((el) => {\r\n let elToPush = {\r\n idTipologiaPrenotazione: el,\r\n descLocalizzata: null,\r\n codiceTipologiaPrenotazione: null,\r\n listaFasceOrarie: [],\r\n };\r\n let temp = resFromsearch.filter(\r\n (obj) => obj.IDTIPOLOGIAPRENOTAZIONE === el\r\n );\r\n temp.forEach((x) => {\r\n elToPush.listaFasceOrarie.push({\r\n idFasciaOraria: x.IDFASCIAORARIA,\r\n descLocalizzata: x.DESCLOCFASCIA,\r\n });\r\n });\r\n listDef.push(elToPush);\r\n });\r\n\r\n return res.data.result;\r\n }\r\n })\r\n .then((listaTipologieTot) => {\r\n this.tipoPrenotazioneService\r\n .getTipologiaPrenotazioneNewApi(idList)\r\n .then((elem) => {\r\n listDef.forEach((x) => {\r\n elem.data.result.forEach((a) => {\r\n if (a.idTipologiaPrenotazione === x.idTipologiaPrenotazione) {\r\n x.descLocalizzata = a.descLocalizzata;\r\n x.codiceTipologiaPrenotazione = a.codiceTipologiaPrenotazione;\r\n }\r\n });\r\n });\r\n })\r\n .then(() => {\r\n this.setState({\r\n listaTipologie: listDef,\r\n });\r\n })\r\n .then(() => {\r\n if (this.state.selectedTipologiaPrenotazione) {\r\n this.populateFasceOrarie(\r\n this.state.selectedTipologiaPrenotazione\r\n );\r\n }\r\n });\r\n });\r\n }\r\n\r\n _formVar(unit) {\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n {this.props.t(\"Loading\")} ...
;\r\n }\r\n let listToPass = this.state.listData;\r\n return (\r\n{this.props.t(\"WHO_COMES_WITH_YOU\")}
\r\n\r\n \r\n
{this.props.t(\"Loading\")} ...
;\r\n\r\n return (\r\n <>\r\n\r\n \r\n {this.props.isEdit\r\n ? this.props.t(\"EDIT\")\r\n : this.props.t(\"BOOK_NOW\")}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {this.props.t(\"THESE_FIELDS_ARE_REQUIRED\")}\r\n \r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\nconst PrenotazioneForm = RxComponent({ triggerCercaDisponibilita })(Component);\r\nexport default PrenotazioneForm;\r\n","import React from \"react\";\r\nimport RxComponent from \"../../redux/RxComponent\";\r\nimport \"../../template/dashboard/css/custom.css\";\r\nimport { onLoginTaal } from \"../../redux/Auth/Auth.actions\";\r\nimport { triggerLogoutNoLogin } from \"../../redux/Auth/Auth.actions\";\r\n\r\nclass Component extends React.PureComponent {\r\n state = {\r\n username: null,\r\n password: null,\r\n };\r\n\r\n login(ev) {\r\n ev.preventDefault();\r\n this.props.onLoginTaal(this.state.username.split(\" \")\r\n .join(\"\"), this.state.password);\r\n }\r\n\r\n templateHTML() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {this.props.t(\"Login\")}
\r\n\r\n \r\n {this.props.t(\"REGISTER\")}\r\n \r\n \r\n {this.props.t(\"ForgotPassword\")}\r\n \r\n
\r\n \r\n \r\n {this.props.t(\"LoginProblem\")}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {\r\n return this.setState({\r\n isValidPwd: this.validPasswordRegExp.test(\r\n ev.target.value\r\n ),\r\n password: ev.target.value,\r\n });\r\n }}\r\n onBlur={() =>\r\n this.state.password === this.state.cntrlPassword\r\n ? this.setState({ noMatch: false })\r\n : this.state.cntrlPassword !== \"\"\r\n ? this.setState({ noMatch: false })\r\n : this.setState({ noMatch: true })\r\n }\r\n className=\"form--input fadeIn\"\r\n name=\"psw\"\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.props.t(\"RESETPASSWORD\")}\r\n
\r\n {this.state.isSafe && (\r\n\r\n Attenzione! Abbiamo introdotto un nuovo algoritmo di\r\n cifratura della password ed è dunque necessario che\r\n modifichiate la vostra secondo i nuovi parametri di\r\n sicurezza.\r\n
\r\n )}\r\n\r\n \r\n
\r\n {this.props.t(\"SentedCodeEmail\")}
\r\n\r\n \r\n
\r\n \r\n {this.props.t(\"PASSWORD_PATTERN\")}\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {this.state.smsSented ? (\r\n \r\n {this.props.t(\"RequestNewCode\")}\r\n \r\n ) : this.state.isSafe ? null : (\r\n \r\n {this.props.t(\"Login\")}\r\n \r\n )}\r\n
\r\n \r\n \r\n \r\n \r\n {/* this.recaptcha = ref}\r\n sitekey=\"6LcsYawZAAAAALPkaGjqQLnqGQHba8gBafGBz1tD\"\r\n action='submit'\r\n verifyCallback={this.register.bind(this)}\r\n\r\n />*/}\r\n
\r\n \r\n \r\n this.setState(\r\n { nome: ev.target.value },\r\n this.validateFiscalCode.bind(this)\r\n )\r\n }\r\n name=\"nome\"\r\n />\r\n \r\n this.setState(\r\n { cognome: ev.target.value },\r\n this.validateFiscalCode.bind(this)\r\n )\r\n }\r\n name=\"cognome\"\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {this.props.t(\"Registration\")}\r\n
\r\n\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.setState(\r\n { gender: \"M\" },\r\n this.validateFiscalCode.bind(this)\r\n )\r\n }\r\n >\r\n {this.state.gender === \"M\" && (\r\n \r\n )}\r\n
\r\n \r\n \r\n \r\n this.setState(\r\n { gender: \"F\" },\r\n this.validateFiscalCode.bind(this)\r\n )\r\n }\r\n >\r\n {this.state.gender === \"F\" && (\r\n \r\n )}\r\n
\r\n \r\n \r\n {\r\n if (ev.date) {\r\n return this.setState(\r\n {\r\n validDate: true,\r\n dataNascita: moment([\r\n ev.date.getFullYear(),\r\n ev.date.getMonth(),\r\n ev.date.getDate(),\r\n ]).format(\"YYYY-MM-DD\"),\r\n },\r\n this.validateFiscalCode.bind(this)\r\n );\r\n } else {\r\n return this.setState({\r\n validDate: false,\r\n });\r\n }\r\n }}\r\n readOnly={this.state.readOnly}\r\n format=\"DD/MM/YYYY\"\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n this.handleComuneChange(ev)}\r\n />\r\n {this.state.listComuni.length > 0 && (\r\n
\r\n )}\r\n \r\n {this.state.listComuni.map((l) => {\r\n return (\r\n \r\n this.setState(\r\n { birthPlace: l, listComuni: [] },\r\n this.validateFiscalCode.bind(this)\r\n )\r\n }\r\n >\r\n {l.descrizione}\r\n
\r\n );\r\n })}\r\n \r\n \r\n
\r\n \r\n \r\n this.setState({ Lingua: ev.target.value })\r\n }\r\n >\r\n {this.state.listLingue.map((l) => {\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 this.setState({\r\n isForeign: true,\r\n isValidCF: false,\r\n birthPlace: {\r\n idComuneNascita: \"\",\r\n descrizione: \"\",\r\n codificaFiscale: \"\",\r\n },\r\n })\r\n }\r\n >\r\n {this.state.isForeign && (\r\n \r\n )}\r\n
\r\n \r\n \r\n \r\n this.setState(\r\n { isForeign: false },\r\n this._selectFiscalCode.bind(this)\r\n )\r\n }\r\n >\r\n {!this.state.isForeign && (\r\n \r\n )}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n this.setState(\r\n { TypeDocument: ev.target.value, numberDoc: \"\" },\r\n () => {\r\n document.getElementById(\"numberDoc\").value = \"\";\r\n this.validateFiscalCode.bind(this);\r\n }\r\n )\r\n }\r\n >\r\n {this.state.listTipologiaDocumento.map((l) => {\r\n return (\r\n \r\n {this.props.t(l.descLocalizzata)}\r\n \r\n );\r\n })}\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n - \r\n
- {this.props.t(\"Name\")} \r\n
- \r\n {this.props.t(\"Surname\")}\r\n \r\n
- \r\n {this.props.t(\"Gender\")}\r\n \r\n
- \r\n {this.props.t(\"BirthDate\")}\r\n \r\n
- \r\n {this.props.t(\"BirthPlace\")}\r\n \r\n
\r\n \r\n this.setState({ privacy: !this.state.privacy })\r\n }\r\n >\r\n \r\n
\r\n \r\n \r\n {this.props.t(\"Login\")}\r\n \r\n \r\n {this.props.t(\"RegistrationProblem\")}\r\n \r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n\r\n render() {\r\n return this.templateHTML();\r\n }\r\n}\r\n\r\nconst RegisterPage = RxComponent({ triggerRegister, errorRegister, onError })(\r\n Component\r\n);\r\nexport default RegisterPage;\r\n","import React from \"react\";\r\nimport \"../../../template/dashboard/css/custom.css\";\r\nimport RxComponent from \"../../../redux/RxComponent\";\r\nimport { triggerRegister } from \"../../../redux/Auth/Auth.actions\";\r\nimport {onSuccess, onError} from \"../../../redux/Shared/Shared.actions\";\r\nimport LoginService from \"../../Login/Login.service\";\r\n\r\nclass Component extends React.PureComponent {\r\n loginService = new LoginService();\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n submitted: false,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n\r\n }\r\n\r\n sendInfo(ev) {\r\n ev.preventDefault();\r\n this.setState({\r\n submitted: true,\r\n });\r\n\r\n /* next implementation\r\n @NOME: string,\r\n @COGNOME: string,\r\n @EMAIL: string,\r\n @CELLULARE: int,\r\n @DESCRIPTION: string,\r\n @SUBJECT: string,\r\n\r\n @emailSender\t\t\t\tVARCHAR(100),\r\n\t@nomeSender\t\t\t\t\tVARCHAR(100),\r\n\t@cognomeSender\t\t\t\tVARCHAR(100),\r\n\t@cellulareSender\t\t\tVARCHAR(100),\r\n\t@subject\t\t\t\t\tVARCHAR(100),\r\n\t@descrizione\r\n */\r\n\r\n const data = {\r\n nomeSender: this.state.nome,\r\n cognomeSender: this.state.cognome,\r\n emailSender: this.state.email,\r\n cellulareSender: this.state.number,\r\n descrizione: this.state.descrizione,\r\n subject: this.state.oggetto,\r\n };\r\n this.loginService.contactUs(data).then(res => {\r\n if (res.data.result[0].Esito === \"Ok\"){\r\n this.props.onSuccess(\"HelpdeskSucces\")\r\n } else {\r\n this.props.onError(\"ERROR_DURING_HELPDESK\")\r\n }\r\n });\r\n }\r\n/*\r\nif (!registerRes.error) {\r\n if (\r\n registerRes.result[0].idOtp === 0 &&\r\n registerRes.result[0].idUtente === 0\r\n ) {\r\n yield put(onError(\"NUMBER_OR_DOC_ALREADY_EXIST\"));\r\n } else if (registerRes.result[0].idUtente === 0) {\r\n yield put(onError(\"NUMBER_OR_DOC_ALREADY_EXIST\"));\r\n } else {\r\n yield put(successRegister(registerRes.result));\r\n yield put(onSuccess(\"REGISTRAZIONE_OK\"));\r\n }\r\n }\r\n */\r\n\r\n templateHTML() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n render() {\r\n return this.templateHTML();\r\n }\r\n}\r\n\r\nconst RegisterPage = RxComponent({ triggerRegister, onSuccess, onError })(Component);\r\nexport default RegisterPage;\r\n","import MockRepo from \"../../../repos/MockRepo\";\r\n\r\nexport default class VarcoMockRepo extends MockRepo {\r\n getList(...p) {}\r\n}\r\n","import HttprepoTAAL from \"../../../repos/HttpRepoTaal\";\r\n\r\nexport default class VarcoHttpRepo extends HttprepoTAAL {\r\n getTable() {\r\n return \"Varco\";\r\n }\r\n}\r\n","import StubRepo from \"../../repos/StubRepo\";\r\nimport VarcoMockRepo from \"./repositories/Varco.mock\";\r\nimport VarcoHttpRepo from \"./repositories/Varco.http\";\r\n\r\nexport default class Varco extends StubRepo {\r\n static _localInstance = null;\r\n static _serviceInstance = null;\r\n\r\n static getName() {\r\n return \"Varco repo\";\r\n }\r\n\r\n static getLocal() {\r\n if (Varco._localInstance == null) {\r\n Varco._localInstance = new VarcoMockRepo();\r\n }\r\n return Varco._localInstance;\r\n }\r\n\r\n static getService() {\r\n if (Varco._serviceInstance == null) {\r\n Varco._serviceInstance = new VarcoHttpRepo();\r\n }\r\n return Varco._serviceInstance;\r\n }\r\n}\r\n","import BaseServiceTaal from \"../../Service/BaseServiceTaal\";\r\nimport Varco from \"./Varco.repo\";\r\n\r\nexport default class VarcoService extends BaseServiceTaal {\r\n getRepo = () => Varco.getInstanceTaal();\r\n\r\n paginate = (page, size, filters, orders) =>\r\n this.getRepo().then((repo) =>\r\n repo.search2(\r\n page - 1,\r\n size,\r\n this.transformFilterToServer(filters),\r\n orders,\r\n [\"Comune\", \"TipologiaVarco\"]\r\n )\r\n );\r\n\r\n tableDefinition = () =>\r\n this.getRepo()\r\n .then((repo) => repo.tabledef())\r\n .then((res) => {\r\n if (!res.data.error) {\r\n res.data.result.columns = res.data.result.columns.filter(\r\n (c) => c.name !== \"formato\" && c.name!=='fkIdComune'\r\n );\r\n }\r\n return res;\r\n });\r\n\r\n setFlgAbilitazioneVarco = (id, flag) => {\r\n return this.getRepo().then((repo) => {\r\n return repo.exec(\"sp_AbilitazioneVarco\", {\r\n IDVARCO: id,\r\n FLGABILITATO: flag,\r\n });\r\n });\r\n };\r\n\r\n remove = (id) => {\r\n return this.getRepo().then((repo) => {\r\n return repo.exec(\"sp_AbilitazioneVarco\", {\r\n IDVARCO: id,\r\n FLGABILITATO: 0,\r\n });\r\n });\r\n };\r\n\r\n getAssignedArea = filter =>\r\n this.getRepo()\r\n .then((repo =>\r\n repo.search2(0,-1,\r\n this.transformFilterToServer(filter),\r\n null,\r\n ['Area'],\r\n 'RelVarcoArea'))\r\n )\r\n}\r\n","import React from \"react\";\r\nimport { Nav, NavItem, NavLink, TabContent, TabPane } from \"reactstrap\";\r\nimport _ from \"lodash\";\r\nimport Resizer from \"react-image-file-resizer\";\r\n\r\nimport RxComponent from \"../../redux/RxComponent\";\r\nimport { SelectPicker } from \"../../components/Content/SelectPicker\";\r\nimport CrudNetForm from \"../../components/CrudNet/CrudNetForm\";\r\nimport { FILTER_NUMBER } from \"../../components/TableServer/FilterItem\";\r\nimport ParcheggioService from \"../Parcheggio/Parcheggio.service\";\r\nimport { onSuccess, onError } from \"../../redux/Shared/Shared.actions\";\r\nimport AreaService from \"./Area.service\";\r\nimport FasciaOrariaService from \"../FasciaOraria/FasciaOraria.service\";\r\nimport VarcoService from \"../Varco/Varco.service\";\r\nimport { ROLES } from \"../../constants/Roles\";\r\n\r\nconst MAX_WIDTH_LARGE_IMAGE = 1920;\r\nconst MAX_WIDTH_SMALL_IMAGE = 300;\r\nconst MAX_HEIGHT_LARGE_IMAGE = 1080;\r\nconst MAX_HEIGHT_SMALL_IMAGE = 200;\r\n\r\nclass Comp extends React.Component {\r\n parcheggioService = new ParcheggioService();\r\n areaService = new AreaService();\r\n fasciaOrariaService = new FasciaOrariaService();\r\n varcoService = new VarcoService();\r\n\r\n state = {\r\n fasciaOrariaList: [],\r\n parcheggiList: [],\r\n varchiList: [],\r\n activeTab: \"1\",\r\n parkValues: [],\r\n fasciaOrariaValues: [],\r\n varchiValues: [],\r\n };\r\n\r\n componentDidMount() {\r\n let filter = {\r\n [`${FILTER_NUMBER}&&&fkIdComune`]: [this.props.fkIdComune],\r\n };\r\n let assegnazioneFilter = {\r\n [`${FILTER_NUMBER}&&&fkIdArea`]: [this.props.idArea],\r\n };\r\n this.parcheggioService.paginate(0, -1, filter).then((res) => {\r\n this.setState({ parcheggiList: res.data.result });\r\n return this.areaService\r\n .getAssignedParcheggi(assegnazioneFilter)\r\n .then((res) => {\r\n let parkValues = [];\r\n res.data.result.forEach((elm) => {\r\n parkValues.push({\r\n ...elm.Parcheggio,\r\n idRelAreaParcheggio: elm.idRelAreaParcheggio,\r\n });\r\n });\r\n return this.setState({ parkValues: parkValues });\r\n });\r\n });\r\n this.fasciaOrariaService.paginate(0, -1).then((res) => {\r\n this.setState({ fasciaOrariaList: res.data.result });\r\n return this.areaService\r\n .getAssignedFasciaOraria(assegnazioneFilter)\r\n .then((res) => {\r\n let fasciaOrariaValues = [];\r\n res.data.result.forEach((elm) => {\r\n fasciaOrariaValues.push({\r\n ...elm.FasciaOraria,\r\n idRelAreaFasciaOraria: elm.idRelAreaFasciaOraria,\r\n });\r\n });\r\n return this.setState({ fasciaOrariaValues: fasciaOrariaValues });\r\n });\r\n });\r\n this.varcoService.paginate(0, -1, filter).then((res) => {\r\n this.setState({ varchiList: res.data.result });\r\n return this.areaService\r\n .getAssignedVarco(assegnazioneFilter)\r\n .then((res) => {\r\n let varchiValues = [];\r\n res.data.result.forEach((elm) => {\r\n varchiValues.push({\r\n ...elm.Varco,\r\n idRelVarcoArea: elm.idRelVarcoArea,\r\n });\r\n });\r\n return this.setState({ varchiValues: varchiValues });\r\n });\r\n });\r\n }\r\n\r\n changeTab(tab) {\r\n this.setState({ activeTab: tab });\r\n }\r\n\r\n async handleSubmit(data) {\r\n data.fkIdComune = this.props.Auth.user.fkIdComune\r\n ? this.props.Auth.user.fkIdComune\r\n : this.props.fkIdComune;\r\n if (data.foto) {\r\n data.fotoOriginale = await this.resizeImage(\r\n data.foto,\r\n MAX_WIDTH_LARGE_IMAGE,\r\n MAX_HEIGHT_LARGE_IMAGE\r\n );\r\n data.foto = await this.resizeImage(\r\n data.foto,\r\n MAX_WIDTH_SMALL_IMAGE,\r\n MAX_HEIGHT_SMALL_IMAGE\r\n );\r\n let splitted = data.fotoOriginale.split(\";base64,\");\r\n data.formato = splitted[0].split(\"data:\")[1];\r\n data.fotoOriginale = splitted[1];\r\n\r\n splitted = data.foto.split(\";base64,\");\r\n data.foto = splitted[1];\r\n }\r\n if (this.props.formato) {\r\n data.formato = this.props.formato;\r\n }\r\n if (data.maps) {\r\n data.latitudine = data.maps.latitudine;\r\n data.longitudine = data.maps.longitudine;\r\n delete data.maps;\r\n }\r\n let promise = null;\r\n if (this.props.viewMode === \"insert\") {\r\n promise = this.props.service.create(data);\r\n } else if (this.props.viewMode === \"edit\") {\r\n promise = this.props.service.edit(data);\r\n } else {\r\n data.flgAttivo = false;\r\n //promise = this.serviceV.edit(data); // chiamare edit e dire data.isDeleted true\r\n promise = this.serviceV.setFlgAbilitazioneArea(data.idArea, false);\r\n }\r\n promise\r\n .then((resp) => {\r\n this.props.onSuccess(\"SuccessedOperation\");\r\n })\r\n .catch((ex) => {\r\n this.props.onError(ex);\r\n });\r\n }\r\n\r\n resizeImage = (file, maxWidth, maxHeight) =>\r\n new Promise((resolve) => {\r\n Resizer.imageFileResizer(\r\n file,\r\n maxWidth,\r\n maxHeight,\r\n \"JPEG\",\r\n 100,\r\n 0,\r\n (uri) => {\r\n resolve(uri);\r\n },\r\n \"base64\"\r\n );\r\n });\r\n\r\n handleChange(ev, action, type) {\r\n if (type === \"park\") {\r\n this.setState({\r\n parkValues: ev,\r\n });\r\n if (action.action === \"select-option\") {\r\n const data = {\r\n fkIdArea: this.props.idArea,\r\n fkIdParcheggio: action.option.value.idParcheggio,\r\n };\r\n return this.areaService.relAreaParcheggio(data).then((res) => {\r\n let index = null;\r\n let value = this.state.parkValues.find((elm, i) => {\r\n index = i;\r\n return elm.idParcheggio === res.data.result.fkIdParcheggio;\r\n });\r\n value = {\r\n ...value,\r\n idRelAreaParcheggio: res.data.result.idRelAreaParcheggio,\r\n };\r\n const newValues = this.state.parkValues;\r\n newValues[index] = value;\r\n this.setState({ parkValues: newValues });\r\n });\r\n } else if (action.action === \"clear\") {\r\n return this.areaService.clearRealAreaParcheggio({\r\n IDAREA: this.props.idArea,\r\n });\r\n } else {\r\n const value = this.state.parkValues.find(\r\n (elm) => elm.idParcheggio === action.removedValue.value.idParcheggio\r\n );\r\n const data = {\r\n idRelAreaParcheggio: value.idRelAreaParcheggio,\r\n };\r\n return this.areaService.deleteRelAreaParcheggio(data);\r\n }\r\n } else if (type === \"fascia\") {\r\n this.setState({\r\n fasciaOrariaValues: ev,\r\n });\r\n if (action.action === \"select-option\") {\r\n const data = {\r\n fkIdArea: this.props.idArea,\r\n fkIdFasciaOraria: action.option.value.idFasciaOraria,\r\n };\r\n return this.areaService.relAreaFasciaOraria(data).then((res) => {\r\n let index = null;\r\n let value = this.state.fasciaOrariaValues.find((elm, i) => {\r\n index = i;\r\n return elm.idFasciaOraria === res.data.result.fkIdFasciaOraria;\r\n });\r\n value = {\r\n ...value,\r\n idRelAreaFasciaOraria: res.data.result.idRelAreaFasciaOraria,\r\n };\r\n const newValues = this.state.fasciaOrariaValues;\r\n newValues[index] = value;\r\n this.setState({ fasciaOrariaValues: newValues });\r\n });\r\n } else if (action.action === \"clear\") {\r\n return this.areaService.clearRealAreaFasciaOraria({\r\n IDAREA: this.props.idArea,\r\n });\r\n } else {\r\n const value = this.state.fasciaOrariaValues.find(\r\n (elm) =>\r\n elm.idFasciaOraria === action.removedValue.value.idFasciaOraria\r\n );\r\n const data = {\r\n idRelAreaFasciaOraria: value.idRelAreaFasciaOraria,\r\n };\r\n return this.areaService.deleteRelAreaFasciaOraria(data);\r\n }\r\n } else {\r\n this.setState({\r\n varchiValues: ev,\r\n });\r\n if (action.action === \"select-option\") {\r\n const data = {\r\n fkIdArea: this.props.idArea,\r\n fkIdVarco: action.option.value.idVarco,\r\n };\r\n return this.areaService.relVarcoArea(data).then((res) => {\r\n let index = null;\r\n let value = this.state.varchiValues.find((elm, i) => {\r\n index = i;\r\n return elm.idVarco === res.data.result.fkIdVarco;\r\n });\r\n value = { ...value, idRelVarcoArea: res.data.result.idRelVarcoArea };\r\n const newValues = this.state.varchiValues;\r\n newValues[index] = value;\r\n this.setState({ varchiValues: newValues });\r\n });\r\n } else if (action.action === \"clear\") {\r\n return this.areaService.clearRealVarcoArea({\r\n IDAREA: this.props.idArea,\r\n });\r\n } else {\r\n const value = this.state.varchiValues.find(\r\n (elm) => elm.idVarco === action.removedValue.value.idVarco\r\n );\r\n const data = {\r\n idRelVarcoArea: value.idRelVarcoArea,\r\n };\r\n return this.areaService.deleteRelVarcoArea(data);\r\n }\r\n }\r\n }\r\n\r\n renderRelAreaParcheggioForm() {\r\n return (\r\n \r\n );\r\n }\r\n\r\n renderRelAreaFasciaOrariaForm() {\r\n return (\r\n \r\n );\r\n }\r\n\r\n renderRelVarcoAreaForm() {\r\n return (\r\n \r\n );\r\n }\r\n\r\n render() {\r\n return this.props.viewMode !== \"delete\" ? (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {this.props.t(\"REQUEST_SUPPORT\")}
\r\n{this.props.t(\"Area\")}
\r\n : null\r\n }\r\n getData={\r\n this.props.Auth.user.TipologiaProfilo.codiceProfilo ===\r\n ROLES.GESTORE_AREA\r\n ? this.getDataIfGestore.bind(this)\r\n : null\r\n }\r\n title={\"Area\"}\r\n refFieldMap={{ fkIdTipologiaArea: \"descLocalizzata\" }}\r\n columns={this.columns}\r\n filters={this.filters}\r\n defaultFilters={\r\n this.props.Auth.user.TipologiaProfilo.codiceProfilo ===\r\n ROLES.GESTORE_AREA\r\n ? {\r\n [`notIn&&&fkIdTipologiaArea`]: [9],\r\n }\r\n : {\r\n [`${FILTER_NUMBER}&&&fkIdComune`]: [\r\n this.props.Auth.user.fkIdComune,\r\n ],\r\n [`notIn&&&fkIdTipologiaArea`]: [9]\r\n }\r\n }\r\n service={new AreaService()}\r\n actions={[\"edit\"]}\r\n ref=\"crudNetArea\"\r\n >\r\n{this.props.t(\"NotAuthorized\")}
;\r\n }\r\n return (\r\n <>\r\n\r\n \r\n {this.props.t(\"EXPORT_DATA\")}\r\n \r\n
\r\n \r\n \r\n this.stampPDF(ev)}>\r\n PDF\r\n \r\n \r\n EXCEL\r\n \r\n }\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n {this.props.t(\"Date\") + \":\"}{\" \"}\r\n {this.state.selectedData\r\n ? moment(this.state.selectedData, \"DD/MM/YYYY\").format(\r\n \"DD/MM/YYYY\"\r\n )\r\n : null}\r\n
\r\n \r\n\r\n this._reload(ev.date)}\r\n />\r\n
\r\n \r\n \r\n {this.props.t(\"LEGEND\")}:\r\n
\r\n \r\n
\r\n {this.props.t(\"TOTALE_DISPONIBILI\")}
\r\n \r\n\r\n
\r\n {this.props.t(\"TOTALE_PRENOTATI\")}
\r\n \r\n\r\n
\r\n {this.props.t(\"TOTALE_OCCUPATI\")}
\r\n \r\n \r\n )}\r\n \r\n );\r\n }\r\n}\r\n\r\nconst CentraleOperativaPage = RxComponent()(Comp);\r\nexport default CentraleOperativaPage;\r\n","export const NOTIFICASTATUSES = {\r\n CREATED: \"NOTCRE\",\r\n READ: \"NOTREA\",\r\n DELETED: \"NOTELI\",\r\n SENT: \"NOTINV\",\r\n PROCESSEDED: \"NOTEVA\",\r\n};\r\n","import React from \"react\";\r\nimport RxComponent from \"../../../redux/RxComponent\";\r\nimport CentraleOperativaService from \"../CentraleOperativa.service\";\r\nimport { NOTIFICASTATUSES } from \"../../../constants/NotificaStatuses\";\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter, Button } from \"reactstrap\";\r\n\r\nclass Comp extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n pnr: props.pnr,\r\n loading: true,\r\n };\r\n }\r\n service = new CentraleOperativaService();\r\n\r\n componentDidMount() {\r\n this.setState({\r\n row: this.props.row,\r\n anagraficaUtente: this.props.row.Prenotazione.Utente\r\n .AnagraficaUtente_List[0],\r\n });\r\n }\r\n\r\n componentDidUpdate() {\r\n this.setState({\r\n pnr: this.props.pnr,\r\n loading: true,\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n\r\n {this.state.row && (\r\n <>\r\n \r\n {\r\n if (\r\n this.state.row.StatoNotifica.codiceStatoNotifica &&\r\n (this.state.row.StatoNotifica.codiceStatoNotifica ===\r\n NOTIFICASTATUSES.READ ||\r\n this.state.row.StatoNotifica.codiceStatoNotifica ===\r\n NOTIFICASTATUSES.CREATED)\r\n )\r\n this.service.changeStatusNotifica(\r\n this.state.row.idNotificaCentraleOperativa,\r\n NOTIFICASTATUSES.PROCESSEDED\r\n );\r\n this.props.onClose();\r\n }}\r\n >\r\n {this.props.t(\"EVADI_NOTIFICA\")}\r\n \r\n \r\n )}\r\n
\r\n \r\n );\r\n }\r\n}\r\nconst NotificationDetail = RxComponent({})(Comp);\r\nexport default NotificationDetail;\r\n","import React from \"react\";\r\nimport CrudNetTable from \"../../components/CrudNet/CrudNetTable\";\r\nimport CentraleOperativaService from \"./CentraleOperativa.service\";\r\nimport { FILTER_NUMBER } from \"../../components/TableServer/FilterItem\";\r\nimport RxComponent from \"../../redux/RxComponent\";\r\nimport NotificationDetail from \"./components/NotificationDetails\";\r\nimport { Button, ModalBody, ModalHeader, Modal, ModalFooter } from \"reactstrap\";\r\n\r\nimport { NOTIFICASTATUSES } from \"../../constants/NotificaStatuses\";\r\n\r\nclass Page extends React.Component {\r\n state = {\r\n openModal: false,\r\n selectedPnr: null,\r\n };\r\n\r\n service = new CentraleOperativaService();\r\n\r\n columns = [\r\n {\r\n label: \"Pnr\",\r\n data: \"Prenotazione.pnr\",\r\n },\r\n {\r\n label: this.props.t(\"Door\"),\r\n data: \"Varco.descrizione\",\r\n },\r\n {\r\n label: this.props.t(\"State\"),\r\n data: \"StatoNotifica.descLocalizzata\",\r\n },\r\n {\r\n label: \"\",\r\n type: \"custom\",\r\n render: (celldata, row) =>\r\n row.StatoNotifica.codiceStatoNotifica !== NOTIFICASTATUSES.DELETED && (\r\n <>\r\n \r\n {this.props.t(\"NotificationCentral\")}\r\n
\r\n );\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n{this.props.t(\"NOTIFICATION_DETAIL\")}
\r\n\r\n \r\n
\r\n );\r\n }\r\n}\r\nconst ListItem = RxComponent({})(Comp);\r\nexport default ListItem;\r\n","import React from \"react\";\r\nimport RxComponent from \"../../../redux/RxComponent\";\r\nimport {triggerCercaDisponibilita} from \"../../../redux/Prenotazione/Prenotazione.actions\";\r\nimport \"bootstrap/dist/css/bootstrap.min.css\";\r\nimport \"bootstrap/dist/js/bootstrap.bundle\";\r\nimport {\r\n Button,\r\n Form,\r\n FormGroup,\r\n Label,\r\n Input,\r\n FormText,\r\n Alert,\r\n} from \"reactstrap\";\r\nimport {SelectPicker} from \"../../../components/Content/SelectPicker\";\r\nimport DatePicker from \"../../../components/Content/DatePicker\";\r\nimport AreaService from \"../Area.service\";\r\nimport TipologiaPrenotazioneService from \"../../TipologiaPrenotazione/TipologiaPrenotazione.service\";\r\nimport ComuneService from \"../../Comune/Comune.service\";\r\nimport moment from \"moment\";\r\nimport {ROLES} from \"../../../constants/Roles\";\r\n\r\nclass Component extends React.Component {\r\n areaService = new AreaService();\r\n TipologiaPrenotazioneService = new TipologiaPrenotazioneService();\r\n ComuneService = new ComuneService();\r\n\r\n constructor(props) {\r\n super(props);\r\n const codiceProfilo = this.props.Auth.user.TipologiaProfilo.codiceProfilo;\r\n\r\n this.state = {\r\n comuneList: [],\r\n occupantiList: [],\r\n numeroOccupanti: null,\r\n selectedComune: null,\r\n dataPrenotazione: null,\r\n prenotazioneToBePassed: [],\r\n giorniPrenotazioneComune: null,\r\n form_key: 0,\r\n loading:true,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n const codiceProfilo = this.props.Auth.user.TipologiaProfilo.codiceProfilo;\r\n const numeroOccupanti = {\r\n value: this.props.Prenotazione.selectedFields.numeroOccupanti,\r\n descrizione: this.props.Prenotazione.selectedFields.numeroOccupanti,\r\n }\r\n this.ComuneService.searchComuniPrenotazione(true).then((res) => {\r\n let comuneList = res.data.result;\r\n this.setState({\r\n comuneList,\r\n });\r\n if (window.location.href.indexOf(\"/dashboard\") >= 0) {\r\n this.setValidDatesPrenotazione(this.props.Auth.user.fkIdComune);\r\n }\r\n\r\n if (\r\n codiceProfilo === ROLES.RESPONSABILE_VARCHI_STRADALI ||\r\n codiceProfilo === ROLES.ADDETTO_SICUREZZA ||\r\n codiceProfilo === ROLES.RESPONSABILI_VARCHI_AREE ||\r\n codiceProfilo === ROLES.ADMIN_COMUNE\r\n ) {\r\n const selectedComune = comuneList.find(\r\n comune => comune.idComune === this.props.Auth.user.fkIdComune\r\n )\r\n this.handleChangePrenotazioneToBePassed(selectedComune, \"comune\");\r\n this.loadNumeroOccupanti(this.props.Auth.user.Comune);\r\n this.handleChangePrenotazioneToBePassed(\r\n numeroOccupanti,\r\n \"numeroOccupanti\"\r\n );\r\n this.setState({\r\n selectedComune: selectedComune,\r\n giorniPrenotazioneComune:\r\n this.props.Auth.user.Comune.giorniPrenotazione,\r\n dataPrenotazione: this.props.Prenotazione.selectedFields.dataPrenotazione\r\n });\r\n } else if (codiceProfilo === ROLES.GESTORE_AREA) {\r\n this.ComuneService.getById(this.props.Auth.user.fkIdComune).then(\r\n (res) => {\r\n let comune = res.data.result;\r\n this.handleChangePrenotazioneToBePassed(comune, \"comune\");\r\n this.loadNumeroOccupanti(comune);\r\n this.handleChangePrenotazioneToBePassed(\r\n numeroOccupanti,\r\n \"numeroOccupanti\"\r\n );\r\n this.setState({\r\n giorniPrenotazioneComune: comune.giorniPrenotazione,\r\n selectedComune: comune,\r\n dataPrenotazione: this.props.Prenotazione.selectedFields.dataPrenotazione\r\n });\r\n }\r\n );\r\n } else if (codiceProfilo === ROLES.UTENTE_GENERICO) {\r\n const selectedComune = comuneList.find(\r\n comune => comune.idComune === this.props.Prenotazione.selectedFields.idComune\r\n )\r\n this.handleChangePrenotazioneToBePassed(\r\n selectedComune,\r\n \"comune\"\r\n );\r\n this.loadNumeroOccupanti(selectedComune);\r\n this.handleChangePrenotazioneToBePassed(\r\n numeroOccupanti,\r\n \"numeroOccupanti\"\r\n );\r\n this.setState({\r\n selectedComune: selectedComune,\r\n giorniPrenotazioneComune: selectedComune.giorniPrenotazione,\r\n dataPrenotazione: this.props.Prenotazione.selectedFields.dataPrenotazione\r\n })\r\n }\r\n }).finally(()=>this.setState({loading:false}));\r\n }\r\n\r\n loadNumeroOccupanti(comune) {\r\n let list = [];\r\n if (comune && comune.maxOccupanti) {\r\n for (let i = 1; i <= comune.maxOccupanti; i++) {\r\n list.push({\r\n value: i,\r\n descrizione: i,\r\n });\r\n }\r\n }\r\n this.setState({\r\n occupantiList: list,\r\n });\r\n }\r\n\r\n handleChangePrenotazioneToBePassed(ev, key) {\r\n let prenotazioneToBePassed = this.state.prenotazioneToBePassed;\r\n if (\r\n key === \"comune\" &&\r\n this.state.prenotazioneToBePassed[key] !== ev //&&\r\n //this.state.prenotazioneToBePassed[key]\r\n ) {\r\n prenotazioneToBePassed = [];\r\n prenotazioneToBePassed[key] = ev;\r\n this.setValidDatesPrenotazione(ev.idComune);\r\n this.resetForm();\r\n if (this.props.isFromGestore) {\r\n this.props.onResetForm();\r\n }\r\n } else if (\r\n key === \"dataPrenotazione\" &&\r\n this.state.prenotazioneToBePassed[key] !== ev &&\r\n this.state.dateDisp\r\n ) {\r\n let dat = moment(ev);\r\n dat = dat.format(\"YYYYMMDD\");\r\n\r\n if (\r\n this.state.dateDisp.indexOf(moment(ev).format(\"YYYYMMDD\")) >= 0 ||\r\n this.state.dateDisp.indexOf(dat) >= 0\r\n ) {\r\n prenotazioneToBePassed[key] = ev;\r\n this.setState({\r\n dataPrenotazione: moment(ev).format(\"YYYYMMDD\"),\r\n dataNotAvailableForUser: false,\r\n });\r\n } else {\r\n this.setState({\r\n dataNotAvailableForUser: true,\r\n });\r\n }\r\n if (this.props.isFromGestore) {\r\n this.props.onResetForm();\r\n }\r\n } else if (\r\n key === \"numeroOccupanti\" &&\r\n this.state.prenotazioneToBePassed[key] !== ev\r\n ) {\r\n prenotazioneToBePassed[key] = ev;\r\n this.setState({\r\n numeroOccupanti: ev,\r\n });\r\n if (this.props.isFromGestore) {\r\n this.props.onResetForm();\r\n }\r\n }\r\n\r\n this.setState({\r\n prenotazioneToBePassed: prenotazioneToBePassed,\r\n });\r\n }\r\n\r\n handleSubmit = () => {\r\n if (this.validate()) {\r\n let prenotazione = {\r\n idComune: this.state.prenotazioneToBePassed.comune.idComune,\r\n dataPrenotazione: moment(\r\n this.state.dataPrenotazione\r\n ).format(\"YYYYMMDD\"),\r\n numeroOccupanti: this.state.prenotazioneToBePassed.numeroOccupanti\r\n .descrizione,\r\n };\r\n if (window.location.href.indexOf(\"/dashboard\") >= 0) {\r\n prenotazione.IDUTENTE = this.props.Prenotazione.userAssegnato\r\n prenotazione.fromDashboard = true;\r\n }\r\n if (this.props.isFromGestore) {\r\n this.props.onSubmit(prenotazione);\r\n } else {\r\n this.props.triggerCercaDisponibilita(prenotazione);\r\n }\r\n } else {\r\n //TODO manageError\r\n }\r\n };\r\n\r\n _checkBan(date) {\r\n let banned = false;\r\n if (\r\n this.props.Auth.user.ListaBan_List &&\r\n this.props.Auth.user.ListaBan_List.length\r\n ) {\r\n banned =\r\n this.props.Auth.user.ListaBan_List.filter((itemBan) => {\r\n const DI = moment(itemBan.dataInizioBan)\r\n .set(\"h\", 0)\r\n .set(\"m\", 0)\r\n .set(\"s\", 0);\r\n const D = moment(date).set(\"h\", 0).set(\"m\", 0).set(\"s\", 0);\r\n const DE = moment(itemBan.dataFineBan)\r\n .set(\"h\", 23)\r\n .set(\"m\", 59)\r\n .set(\"s\", 59);\r\n return (\r\n itemBan.flgBanAttivo &&\r\n date &&\r\n D.isSameOrAfter(DI) &&\r\n D.isSameOrBefore(DE) &&\r\n itemBan.fkIdComune ===\r\n this.state.prenotazioneToBePassed.comune.idComune\r\n );\r\n }).length > 0;\r\n }\r\n\r\n this.setState({\r\n userBanned: banned,\r\n });\r\n }\r\n\r\n validate() {\r\n if (\r\n this.state.selectedComune &&\r\n this.state.numeroOccupanti &&\r\n this.state.dataPrenotazione &&\r\n moment(this.state.dataPrenotazione).isValid()\r\n ) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n resetForm() {\r\n let newKey = this.state.form_key;\r\n newKey += 1;\r\n if (this.props.isFromGestore) {\r\n this.props.onResetForm();\r\n }\r\n this.setState({\r\n form_key: newKey,\r\n numeroOccupanti: null,\r\n showDetail: false,\r\n });\r\n }\r\n\r\n setValidDatesPrenotazione(idComune) {\r\n let dateDisp = [];\r\n let idUser =\r\n window.location.href.indexOf(\"/dashboard\") >= 0\r\n ? this.props.Prenotazione.userAssegnato\r\n : this.props.Auth.user.idUtente;\r\n if (window.location.href.indexOf(\"/dashboard\") >= 0) {\r\n this.ComuneService.getDatesForUserBO(\r\n idComune,\r\n idUser,\r\n moment().format(\"YYYYMMDD\")\r\n )\r\n .then((res) => {\r\n dateDisp = res.data.result.map((el) => el.DATAABILITATA);\r\n })\r\n .then(() => {\r\n this.setState({\r\n dateDisp: dateDisp,\r\n });\r\n });\r\n } else {\r\n this.ComuneService.getDatesForUser(\r\n idComune,\r\n idUser,\r\n moment().format(\"YYYYMMDD\")\r\n )\r\n .then((res) => {\r\n dateDisp = res.data.result.map((el) => el.DATAABILITATA);\r\n })\r\n .then(() => {\r\n this.setState({\r\n dateDisp: dateDisp,\r\n });\r\n });\r\n }\r\n }\r\n\r\n render() {\r\n const codiceProfilo = this.props.Auth.user.TipologiaProfilo.codiceProfilo;\r\n if(this.state.loading){\r\n return(<>)\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 \r\n
\r\n \r\n {this.state.title}
\r\n{this.state.subtitle}
\r\n{this.state.paragraph}
\r\n\r\n- \r\n
- \r\n
- \r\n
\r\n
\r\n \r\n
\r\n {this.props.t(\"DISPLAY_TEXT_INFO_F\")}
\r\n{this.props.t(\"DISPLAY_TEXT_INFO_L\")}
\r\n\r\n \r\n
\r\n |
\r\n
\r\n \r\n
\r\n {this.props.t(\"SEARCH_TITLE\")}
\r\n\r\n
\r\n \r\n {\r\n //\r\n \r\n
\r\n */\r\n {this.props.t(\"FULL\")} \r\n ) : (\r\n this.onAreaSelect(el)}\r\n >\r\n {this.props.t(\"BOOK_NOW\")}\r\n \r\n )}\r\n \r\n \r\n
\r\n );\r\n })\r\n }\r\n \r\n \r\n );\r\n }\r\n}\r\nconst AreaResultList = RxComponent({\r\n triggerSelectArea,\r\n onFilterTipologiaArea,\r\n})(Component);\r\nexport default AreaResultList;\r\n","import MockRepo from \"../../../repos/MockRepo\";\r\n\r\nexport default class ControlloVarcoMockRepo extends MockRepo {\r\n getList(...p) {}\r\n}\r\n","import HttprepoTAAL from \"../../../repos/HttpRepoTaal\";\r\n\r\nexport default class ControlloVarcoHttpRepo extends HttprepoTAAL {\r\n getTable() {\r\n return \"ControlloVarco\";\r\n }\r\n}\r\n","import StubRepo from \"../../repos/StubRepo\";\r\nimport ControlloVarcoMockRepo from \"./repositories/ControlloVarco.mock\";\r\nimport ControlloVarcoHttpRepo from \"./repositories/ControlloVarco.http\";\r\n\r\nexport default class ControlloVarco extends StubRepo {\r\n static _localInstance = null;\r\n static _serviceInstance = null;\r\n\r\n static getName() {\r\n return \"ControlloVarco repo\";\r\n }\r\n\r\n static getLocal() {\r\n if (ControlloVarco._localInstance == null) {\r\n ControlloVarco._localInstance = new ControlloVarcoMockRepo();\r\n }\r\n return ControlloVarco._localInstance;\r\n }\r\n\r\n static getService() {\r\n if (ControlloVarco._serviceInstance == null) {\r\n ControlloVarco._serviceInstance = new ControlloVarcoHttpRepo();\r\n }\r\n return ControlloVarco._serviceInstance;\r\n }\r\n}\r\n","import BaseServiceTaal from \"../../Service/BaseServiceTaal\";\r\nimport ControlloVarco from \"./ControlloVarco.repo\";\r\nimport {\r\n FILTER_NUMBER,\r\n FILTER_TEXT,\r\n} from \"../../components/TableServer/FilterItem\";\r\n\r\nexport default class ControlloVarcoService extends BaseServiceTaal {\r\n getRepo = () => ControlloVarco.getInstanceTaal();\r\n\r\n getVarcoFromId = (id) =>\r\n this.getRepo().then((repo) => {\r\n let varco = \"\";\r\n let filter = {\r\n [`${FILTER_NUMBER}&&&fkIdUtenteAddetto`]: [id],\r\n };\r\n return repo\r\n .search2(\r\n 0,\r\n -1,\r\n this.transformFilterToServer(filter),\r\n null,\r\n [\"Varco\", \"Varco.TipologiaVarco\"],\r\n \"turnazioneVarco\"\r\n )\r\n .then((res) => {\r\n varco = res.data.result;\r\n if (varco && varco.length > 0) {\r\n return {\r\n type: varco[0].Varco.TipologiaVarco.codiceTipologiaVarco,\r\n varco,\r\n };\r\n } else {\r\n filter = {\r\n [`${FILTER_NUMBER}&&&fkIdUtente`]: [id],\r\n };\r\n return repo\r\n .search2(\r\n 0,\r\n -1,\r\n this.transformFilterToServer(filter),\r\n null,\r\n [],\r\n \"turnazioneParcheggio\"\r\n )\r\n .then((res) => {\r\n varco = res.data.result;\r\n return {\r\n type: \"P\",\r\n varco,\r\n };\r\n });\r\n }\r\n });\r\n });\r\n\r\n registerTransito = (data, type) => {\r\n if (type === \"VS\" || type === \"VA\") {\r\n return this.getRepo().then((repo) => {\r\n return repo.add(data, \"RegistroTransitoVarco\");\r\n });\r\n } else {\r\n return this.getRepo().then((repo) => {\r\n return repo.add(data, \"RegistroTransitoParcheggio\");\r\n });\r\n }\r\n };\r\n\r\n notifyCentraleOperativa = (data) => {\r\n return this.getRepo().then((repo) => {\r\n return repo.add(data, \"NotificaCentraleOperativa\");\r\n });\r\n };\r\n\r\n setFlgPrenotazione = (id, flag) => {\r\n return this.getRepo().then((repo) => {\r\n return repo.exec(\"sp_UpdateStatoPrenotazione\", {\r\n IDPRENOTAZIONE: id,\r\n CODICESTATOPRENOTAZIONE: flag,\r\n });\r\n });\r\n };\r\n}\r\n","import React from 'react';\r\nimport { Modal, ModalHeader, ModalBody } from 'reactstrap';\r\nimport QrReader from 'react-qr-reader'\r\nimport _ from 'lodash';\r\n\r\nexport default class QrCodeReader extends React.PureComponent{\r\n\r\n state={\r\n openModal:false,\r\n code:''\r\n }\r\n\r\n componentDidMount(){\r\n \r\n }\r\n\r\n componentDidUpdate(){\r\n this.setState({\r\n openModal:this.props.show\r\n })\r\n }\r\n\r\n closePicker(){\r\n this.setState({\r\n code:null\r\n },()=>{\r\n if(_.isFunction(this.props.onClose)){\r\n this.props.onClose(this.state.code);\r\n }\r\n })\r\n \r\n }\r\n\r\n\r\n handleScan(data){\r\n if(data && data.length){\r\n document.getElementsByTagName(\"BODY\")[0].removeAttribute('class')\r\n this.setState({\r\n code:data,\r\n openModal:false\r\n },()=>{\r\n if(_.isFunction(this.props.onRead)){\r\n this.props.onRead(this.state.code);\r\n }\r\n });\r\n }\r\n }\r\n\r\n handleError(ex){\r\n \r\n }\r\n\r\n render(){\r\n return (\r\n \r\n
\r\n \r\n {el.CODICETIPOLOGIAAREA === AREE.EVENTO && (\r\n \r\n \r\n {this.props.t(\r\n this._getCategoryById(el.IDTIPOLOGIAAREA)\r\n )}\r\n \r\n \r\n
\r\n \r\n\r\n {PER_OCCUPAZIONE === \"100\" ||\r\n !DISPONIBILITA ||\r\n !ISOPEN ? (\r\n \r\n Evento\r\n
\r\n )}\r\n \r\n \r\n {this.props.t(el.DESCRIZIONE)}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {DISPONIBILITA && ISOPEN\r\n ? PER_OCCUPAZIONE + \"%\"\r\n : \"100%\"}\r\n
\r\n {this.state.code || \"Reading...\"}
\r\n{this.state.code || t(\"READING\")}
\r\n }\r\n\r\n \r\n \r\n\r\n }\r\n\r\n \r\n );\r\n }\r\n\r\n initScan() {\r\n Quagga.init({\r\n inputStream: {\r\n type : \"LiveStream\",\r\n constraints: {\r\n width: 1280,\r\n height: 600,\r\n facingMode: \"environment\",\r\n aspectRatio: {min: 1, max: 100}\r\n },\r\n target: document.querySelector('#barcodeScanner')\r\n },\r\n locator: {\r\n patchSize: \"medium\",\r\n halfSample: true\r\n },\r\n numOfWorkers: navigator.hardwareConcurrency,\r\n decoder: {\r\n readers : [\"code_39_reader\"]\r\n },\r\n locate: true,\r\n halfSample: true,\r\n patchSize: \"medium\", // x-small, small, medium, large, x-large\r\n\r\n }, function(err) {\r\n if (err) {\r\n return console.log(err);\r\n }\r\n Quagga.start();\r\n let vid=document.querySelector('#barcodeScanner video');\r\n vid.setAttribute('style',\"height:100%;width:100%;\");\r\n\r\n });\r\n Quagga.onDetected(this._onDetected.bind(this));\r\n }\r\n\r\n _onDetected(result) {\r\n if(result && result.codeResult) {\r\n this.setCode(result.codeResult.code);\r\n Quagga.offDetected(this._onDetected)\r\n Quagga.stop();\r\n this.closePicker();\r\n }\r\n }\r\n\r\n closePicker(){\r\n this.setState({\r\n openModal:false\r\n })\r\n }\r\n\r\n setCode(code){\r\n this.setState({\r\n code:code\r\n },()=>{\r\n if(_.isFunction(this.props.onDetect)){\r\n this.props.onDetect(code);\r\n }\r\n })\r\n }\r\n}\r\n\r\n","import React from \"react\";\r\nimport moment, { relativeTimeThreshold } from \"moment\";\r\nimport Select from \"react-select\";\r\nimport { STATUSES } from \"../../constants/PrenotazioneStatuses\";\r\n\r\nimport RxComponent from \"../../redux/RxComponent\";\r\nimport {\r\n FILTER_NUMBER,\r\n FILTER_TEXT,\r\n} from \"../../components/TableServer/FilterItem\";\r\n\r\nimport \"bootstrap/dist/css/bootstrap.min.css\";\r\nimport ControlloVarcoService from \"./ControlloVarco.service\";\r\nimport PrenotazioneService from \"../Prenotazione/Prenotazione.service\";\r\nimport PrenotazioneDetailForm from \"../Prenotazione/components/Prenotazione.insertdetail\";\r\nimport QrCodeReader from \"../../components/Content/QrCodeReader\";\r\nimport {\r\n triggerGetPrenotazione,\r\n triggerScanBarCodePrenotazione,\r\n} from \"../../redux/Prenotazione/Prenotazione.actions\";\r\nimport { onError, onSuccess } from \"../../redux/Shared/Shared.actions\";\r\nimport {\r\n SUCCESS_SEARCH,\r\n ON_SUCCESS_SCAN_BARCODE_PRENOTAZIONE, ON_SUCCESS_SCAN_BARCODE_PRENOTAZIONE_MULTIPLE, PRENOTAZIONE_NON_TROVATA,\r\n} from \"../../redux/Prenotazione/Prenotazione.types\";\r\nimport BarcodeScanner from \"../../components/Content/BarcodeReader\";\r\nimport ComuneService from \"../Comune/Comune.service\";\r\nimport {SelectPicker} from \"../../components/Content/SelectPicker\";\r\nimport {Button, Modal, ModalBody, ModalFooter, ModalHeader} from \"reactstrap\";\r\nimport {ON_ERROR} from \"../../redux/Shared/Shared.types\";\r\n\r\nclass Component extends React.Component {\r\n //TODO mock utente\r\n state = {\r\n showModal: false,\r\n dropdownOptions: [\r\n { value: \"I\", label: this.props.t(\"Entrance\") },\r\n { value: \"U\", label: this.props.t(\"Exit\") },\r\n ],\r\n flgEntrataUscita: \"\",\r\n pnr: \"\",\r\n arrayPnr:[],\r\n selectedPnr:[],\r\n service: new ControlloVarcoService(),\r\n assignedVarco: null,\r\n typeAssignedVarco: null,\r\n prenotazioneService: new PrenotazioneService(),\r\n prenotazione: null,\r\n note: \"\",\r\n idUtenteAddetto: this.props.Auth.user.idUtente,\r\n loadingAccordion: false,\r\n idComune: this.props.Auth.user.Comune.idComune,\r\n comune: null,\r\n isCorrectComune: false,\r\n selectedDataInizio: null,\r\n };\r\n\r\n handleSearch = false;\r\n comuneService = new ComuneService();\r\n\r\n componentDidMount() {\r\n this.state.service\r\n .getVarcoFromId(this.state.idUtenteAddetto)\r\n .then((res) => {\r\n const assignedVarco = res.varco.filter((varco) =>\r\n moment().isBetween(varco.dataInizio, varco.dataFine)\r\n );\r\n this.setState(\r\n {\r\n assignedVarco: assignedVarco,\r\n typeAssignedVarco: res.type,\r\n //idComune: assignedVarco[0].Varco.fkIdComune,\r\n },\r\n () => {\r\n if (this.state.assignedVarco.length === 0) {\r\n this.props.onError(\"USER_NOT_ASSIGNED\");\r\n }\r\n }\r\n );\r\n })\r\n .then(() => {\r\n this.comuneService.getById(this.state.idComune).then((res) => {\r\n this.setState({\r\n comune: res.data.result,\r\n });\r\n });\r\n });\r\n }\r\n\r\n componentDidUpdate() {\r\n\r\n if (this.handleSearch && this.props.Prenotazione.type === SUCCESS_SEARCH) {\r\n this.handleSearch = false;\r\n let dataInizio = this.props.Prenotazione.selectedFields\r\n ? this.props.Prenotazione.selectedFields.dataInizio\r\n : null;\r\n this.setState({\r\n loadingAccordion: true,\r\n selectedDataInizio: dataInizio,\r\n });\r\n }\r\n if (\r\n this.props.Prenotazione.type === ON_SUCCESS_SCAN_BARCODE_PRENOTAZIONE\r\n ) {\r\n return this.handlePrenotazioneSingleType()\r\n }\r\n if (\r\n this.props.Prenotazione.type === ON_SUCCESS_SCAN_BARCODE_PRENOTAZIONE_MULTIPLE\r\n ) {\r\n this.handlePrenotazioneMultipleType()\r\n }\r\n\r\n if (this.props.Prenotazione.type === PRENOTAZIONE_NON_TROVATA) {\r\n if(this.state.loadingAccordion) {\r\n this.setState({\r\n loadingAccordion:false,\r\n pnr: ''\r\n })\r\n }\r\n }\r\n }\r\n handlePrenotazioneMultipleType() {\r\n if(this.handleBarCode) {\r\n this.handleBarCode = false\r\n return this.setState({\r\n showModal:true,\r\n arrayPnr: this.props.Prenotazione.arrayPnr.map(obj => {\r\n return {...obj, label: obj.PNR + ' - ' + obj.NOMEAREA}\r\n }),\r\n });\r\n }\r\n }\r\n handlePrenotazioneSingleType() {\r\n if (this.handleBarCode) {\r\n this.handleBarCode = false\r\n return this.setState({ pnr: this.props.Prenotazione.pnr }, () => {\r\n this.handlepnrChange();\r\n });\r\n }\r\n }\r\n\r\n handleRegister(param) {\r\n if (param === \"OK\") {\r\n return this.validateForm()\r\n .then(() =>\r\n this.registerTransito().then(() => this.setStatePrenotazione())\r\n )\r\n .then(() => this.props.onSuccess(\"VARCO_CONFIRMED\"))\r\n .catch((errFromValidate) => this.props.onError(errFromValidate));\r\n } else {\r\n return this.validateForm(\"problem\")\r\n .then(() =>\r\n this.registerTransito().then(() =>\r\n this.setStatePrenotazione().then(() =>\r\n this.notifyCentraleOperativa()\r\n )\r\n )\r\n )\r\n .then(() => this.props.onSuccess(\"VARCO_DENIED\"))\r\n .catch((errFromValidate) => this.props.onError(errFromValidate));\r\n }\r\n }\r\n\r\n registerTransito() {\r\n const data = {\r\n fkIdPrenotazione: this.props.Prenotazione.selectedFields.idPrenotazione,\r\n fkIdUtenteAddetto: this.state.idUtenteAddetto, //TODO prendere da redux\r\n fkIdVarco:\r\n this.state.typeAssignedVarco === \"VS\" ||\r\n this.state.typeAssignedVarco === \"VA\"\r\n ? this.state.assignedVarco[0].fkIdVarco\r\n : null,\r\n fkIdParcheggio:\r\n this.state.typeAssignedVarco === \"P\"\r\n ? this.state.assignedVarco[0].fkIdParcheggio\r\n : null,\r\n flgIngressoUscita: this.state.flgEntrataUscita.value,\r\n noteAddetto: this.state.note,\r\n timestamp: moment().toISOString(),\r\n };\r\n return this.state.service.registerTransito(\r\n data,\r\n this.state.typeAssignedVarco\r\n );\r\n }\r\n\r\n notifyCentraleOperativa() {\r\n const data = {\r\n fkIdPrenotazione: this.props.Prenotazione.selectedFields.idPrenotazione,\r\n fkIdUtente: this.state.idUtenteAddetto, //TODO prendere da redux\r\n fkIdVarco:\r\n this.state.typeAssignedVarco === \"VS\" ||\r\n this.state.typeAssignedVarco === \"VA\"\r\n ? this.state.assignedVarco[0].fkIdVarco\r\n : null,\r\n fkIdParcheggio:\r\n this.state.typeAssignedVarco === \"P\"\r\n ? this.state.assignedVarco[0].fkIdParcheggio\r\n : null,\r\n fkIdStatoNotifica: 1,\r\n note: this.state.note,\r\n };\r\n return this.state.service.notifyCentraleOperativa(data);\r\n }\r\n\r\n setStatePrenotazione() {\r\n let state = null;\r\n if (\r\n (this.state.typeAssignedVarco === \"VS\" ||\r\n this.state.typeAssignedVarco === \"P\") &&\r\n this.props.Prenotazione.selectedFields.statoPrenotazione\r\n .codiceStatoPrenotazione === \"CR\"\r\n ) {\r\n //state = 2;\r\n state = STATUSES.CONFIRMED;\r\n } else if (\r\n this.state.typeAssignedVarco === \"VA\" &&\r\n (this.props.Prenotazione.selectedFields.statoPrenotazione\r\n .codiceStatoPrenotazione === \"CONF\" ||\r\n this.props.Prenotazione.selectedFields.statoPrenotazione\r\n .codiceStatoPrenotazione === \"CR\")\r\n ) {\r\n // state = 5;\r\n state = STATUSES.USED;\r\n }\r\n if (state === null) {\r\n return Promise.resolve(true);\r\n }\r\n return this.state.service.setFlgPrenotazione(\r\n this.props.Prenotazione.selectedFields.idPrenotazione,\r\n state\r\n );\r\n }\r\n\r\n validateForm(param) {\r\n return new Promise((resolve, reject) => {\r\n let err = [];\r\n if (this.state.flgEntrataUscita === \"\") {\r\n err.push(this.props.t(\"VALIDATE_INGRESSO_ERROR\"));\r\n }\r\n if (param && this.state.note === \"\") {\r\n err.push(this.props.t(\"VALIDATE_NOTE_ERROR\"));\r\n }\r\n if (err.length) {\r\n reject(err);\r\n }\r\n resolve();\r\n });\r\n }\r\n\r\n handlepnrChange(event) {\r\n if (event) event.preventDefault();\r\n\r\n let result = false;\r\n this.state.prenotazioneService\r\n .getMatchBetweenComunePnr(this.state.idComune, this.state.pnr)\r\n .then((res) => {\r\n result = res.data.result[0].FLGVALIDATE > 0;\r\n this.setState(\r\n {\r\n loadingAccordion: false,\r\n isCorrectComune: result,\r\n },\r\n () => {\r\n this.handleSearch = true;\r\n this.props.triggerGetPrenotazione(this.state.pnr);\r\n }\r\n );\r\n });\r\n }\r\n\r\n scan() {\r\n this.setState({\r\n openScanner: true,\r\n });\r\n }\r\n\r\n handleBarCodeScan(barcode) {\r\n if (!barcode || !barcode.length) {\r\n this.props.onError(\"BARCODE_REQUIRED\");\r\n } else {\r\n this.handleBarCode = true\r\n this.props.triggerScanBarCodePrenotazione(barcode);\r\n this.handleBarCode = true\r\n }\r\n }\r\n\r\n handleSelectChange(ev) {\r\n this.setState({selectedPnr: ev} )\r\n }\r\n\r\n closeModal() {\r\n this.setState({showModal: false});\r\n }\r\n\r\n handleModalConfirm() {\r\n this.setState({pnr:this.state.selectedPnr[0].PNR});\r\n this.closeModal()\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n this.handlepnrChange(event)}\r\n >\r\n \r\n {this.props.t(\"LABEL_WRONG_COMUNE\")}\r\n
\r\n \r\n this.setState({ pnr: ev.target.value })}\r\n name=\"pnr\"\r\n className=\"form-control\"\r\n placeholder=\"Pnr\"\r\n aria-label=\"Search\"\r\n aria-describedby=\"basic-addon2\"\r\n />\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.handleBarCodeScan(barcode);\r\n }}\r\n />\r\n
\r\n \r\n \r\n {this.props.t(\"INSERT_PNR_OR_DOC\")}\r\n \r\n {this.state.loadingAccordion && (\r\n <>\r\n \r\n \r\n \r\n this.setState({ note: event.target.value })\r\n }\r\n className=\"form-control\"\r\n name=\"Note\"\r\n id=\"Note\"\r\n />\r\n
\r\n \r\n \r\n \r\n {this.props.t(\"Entrance\")}/{this.props.t(\"Exit\")}\r\n \r\n \r\n this.setState({ flgEntrataUscita: value })\r\n }\r\n />\r\n
\r\n \r\n \r\n {\r\n this.handleRegister(\"OK\");\r\n this.setState({ loadingAccordion: false, pnr: \"\" });\r\n }}\r\n >\r\n {this.props.t(\"ControlOk\")}\r\n \r\n {\r\n this.handleRegister(\"KO\");\r\n this.setState({ loadingAccordion: false, pnr: \"\" });\r\n }}\r\n >\r\n {this.props.t(\"ControlKo\")}\r\n \r\n
\r\n \r\n )}\r\n \r\n {\r\n this.handleSelectChange(ev);\r\n }}\r\n />\r\n
\r\n \r\n {this.state.notMatchingPassword && (\r\n \r\n {this.props.t(\"NOT_MATCHING_PASSWORD\")}\r\n \r\n )}\r\n \r\n {\r\n return this.setState({\r\n isValidPwd: this.validPasswordRegExp.test(ev.target.value),\r\n password: ev.target.value\r\n })\r\n }}\r\n onBlur={() =>{\r\n if (this.state.password !== this.state.cntrlPassword &&\r\n this.state.cntrlPassword !== \"\" &&\r\n this.state.password !==\"\")\r\n {\r\n return this.setState({ noMatch: true })\r\n } else {\r\n return this.setState({ noMatch: false })\r\n }\r\n }}\r\n type=\"password\"\r\n className=\"form-control\"\r\n />\r\n \r\n \r\n this.setState({ cntrlPassword: ev.target.value })\r\n }\r\n onBlur={() => {\r\n if (this.state.password !== this.state.cntrlPassword &&\r\n this.state.cntrlPassword !== \"\" &&\r\n this.state.password !== \"\")\r\n {\r\n return this.setState({ noMatch: true })\r\n } else {\r\n return this.setState({ noMatch: false })\r\n }\r\n }}\r\n type=\"password\"\r\n className=\"form-control\"\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {this.props.t(\"PASSWORD_PATTERN\")}\r\n
\r\n{this.state.code}
\r\n{this.props.t(\"PRENOTAZIONI\")}
}\r\n title={this.props.t(\"PRENOTAZIONI\")}\r\n actions={[]}\r\n columns={this.columns}\r\n filters={this.filters}\r\n defaultFilters={this.filters}\r\n service={this.service}\r\n disablePaginate={false}\r\n ref=\"crudNetPrenotazione\"\r\n />\r\n\r\n
\r\n \r\n {this.props.t(\"ControlLicensePlate\")}\r\n
\r\n\r\n this.setState({ targa: ev.target.value })}\r\n name=\"targa\"\r\n className=\"form-control\"\r\n placeholder=\"Targa\"\r\n aria-label=\"Search\"\r\n aria-describedby=\"basic-addon2\"\r\n />\r\n
\r\n \r\n\r\n {this.state.loadingAccordion && (\r\n <>\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {this.props.t(\"Registration\")}
\r\n\r\n {\r\n return this.setState({\r\n isValidPwd: this.validPasswordRegExp.test(ev.target.value),\r\n password: ev.target.value\r\n })\r\n }}\r\n onBlur={() =>{\r\n if (this.state.password !== this.state.cntrlPassword &&\r\n this.state.cntrlPassword !== \"\" &&\r\n this.state.password !==\"\")\r\n {\r\n return this.setState({ noMatch: true })\r\n } else {\r\n return this.setState({ noMatch: false })\r\n }\r\n }}\r\n name=\"password\"\r\n />\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {this.props.t(\"PASSWORD_PATTERN\")}\r\n
\r\n\r\n \r\n this.setState(\r\n { nome: ev.target.value },\r\n this.validateFiscalCode.bind(this)\r\n )\r\n }\r\n name=\"nome\"\r\n />\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \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.setState(\r\n { gender: \"M\" },\r\n this.validateFiscalCode.bind(this)\r\n )\r\n }\r\n >\r\n {this.state.gender === \"M\" && (\r\n \r\n )}\r\n
\r\n \r\n \r\n \r\n this.setState(\r\n { gender: \"F\" },\r\n this.validateFiscalCode.bind(this)\r\n )\r\n }\r\n >\r\n {this.state.gender === \"F\" && (\r\n \r\n )}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n if(ev.date)\r\n {return this.setState(\r\n {\r\n validDate: true,\r\n dataNascita: moment([\r\n ev.date.getFullYear(),\r\n ev.date.getMonth(),\r\n ev.date.getDate()\r\n ]).format(\"YYYY-MM-DD\"),\r\n },\r\n this.validateFiscalCode.bind(this)\r\n );\r\n }else {\r\n return this.setState({\r\n validDate:false,\r\n })\r\n }\r\n }}\r\n readOnly={this.state.readOnly}\r\n format=\"DD/MM/YYYY\"\r\n />\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n this.handleComuneChange(ev)}\r\n />\r\n {this.state.listComuni.length > 0 && (\r\n
\r\n )}\r\n \r\n {this.state.listComuni.map((l) => {\r\n return (\r\n \r\n this.setState(\r\n { birthPlace: l, listComuni: [] },\r\n this.validateFiscalCode.bind(this)\r\n )\r\n }\r\n >\r\n {l.descrizione}\r\n
\r\n );\r\n })}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n this.setState({ Lingua: ev.target.value })\r\n }\r\n >\r\n {this.state.listLingue.map((l) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n
\r\n \r\n \r\n\r\n {this.renderDocInput()}\r\n {/**/}\r\n {/*
*/}\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.setState({*/}\r\n {/* isForeign: true,*/}\r\n {/* isValidCF: false,*/}\r\n {/* birthPlace: {*/}\r\n {/* idComuneNascita: \"\",*/}\r\n {/* descrizione: \"\",*/}\r\n {/* codificaFiscale: \"\",*/}\r\n {/* },*/}\r\n {/* })*/}\r\n {/* }*/}\r\n {/* >*/}\r\n {/* {this.state.isForeign && (*/}\r\n {/* */}\r\n {/* )}*/}\r\n {/*
*/}\r\n {/* */}\r\n {/* */}\r\n {/* */}\r\n {/* this.setState(*/}\r\n {/* { isForeign: false },*/}\r\n {/* this._selectFiscalCode.bind(this)*/}\r\n {/* )*/}\r\n {/* }*/}\r\n {/* >*/}\r\n {/* {!this.state.isForeign && (*/}\r\n {/* */}\r\n {/* )}*/}\r\n {/*
*/}\r\n {/* */}\r\n {/* */}\r\n {/* */}\r\n {/* */}\r\n {/*
*/}\r\n {/* */}\r\n {/* */}\r\n {/* this.setState(*/}\r\n {/* { TypeDocument: ev.target.value, numberDoc: \"\" },*/}\r\n {/* () => {*/}\r\n {/* document.getElementById(\"numberDoc\").value = \"\";*/}\r\n {/* this.validateFiscalCode.bind(this);*/}\r\n {/* }*/}\r\n {/* )*/}\r\n {/* }*/}\r\n {/* >*/}\r\n {/* {this.state.listTipologiaDocumento.map((l) => {*/}\r\n {/* return (*/}\r\n {/* */}\r\n {/* {this.props.t(l.descLocalizzata)}*/}\r\n {/* */}\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.props.t(\"Name\")}\r\n \r\n
- \r\n {this.props.t(\"Surname\")}\r\n \r\n
- {this.props.t(\"Gender\")} \r\n
- \r\n {this.props.t(\"BirthDate\")}\r\n \r\n
- \r\n {this.props.t(\"BirthPlace\")}\r\n \r\n
\r\n this.setState({ privacy: !this.state.privacy })}\r\n >\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {this.props.t(\"THESE_FIELDS_ARE_REQUIRED\")}\r\n \r\n \r\n \r\n )\r\n }\r\n\r\n renderDocInput() {\r\n return(\r\n \r\n
\r\n {this.props.t(\"Registration\")}
\r\n\r\n
\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.setState({\r\n isForeign: true,\r\n isValidCF: false,\r\n birthPlace: {\r\n idComuneNascita: \"\",\r\n descrizione: \"\",\r\n codificaFiscale: \"\",\r\n },\r\n })\r\n }\r\n >\r\n {this.state.isForeign && (\r\n \r\n )}\r\n
\r\n \r\n \r\n \r\n this.setState(\r\n { isForeign: false },\r\n this._selectFiscalCode.bind(this)\r\n )\r\n }\r\n >\r\n {!this.state.isForeign && (\r\n \r\n )}\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {\r\n return this.setState(\r\n { TypeDocument: ev.target.value },\r\n () => {\r\n //document.getElementById(\"numberDoc\").value = \"\";\r\n this.validateFiscalCode.bind(this);\r\n }\r\n )\r\n }\r\n }\r\n >\r\n {this.state.listTipologiaDocumento.map((l) => {\r\n return (\r\n \r\n {this.props.t(l.descLocalizzata)}\r\n \r\n );\r\n })}\r\n \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.props.t(\"ENTER_DOCUMENT_NUMBER\")} /{\" \"}\r\n {this.props.t(\"CODICE_FISCALE\")}\r\n
\r\n\r\n {/* this.handleChange(ev)}*/}\r\n {/* name=\"numberDoc\"*/}\r\n {/* placeholder=\"\"*/}\r\n {/* aria-label=\"Search\"*/}\r\n {/* aria-describedby=\"basic-addon2\"*/}\r\n {/*/>*/}\r\n {/* {\r\n this.handleSubmit(barcode);\r\n }}\r\n />\r\n
\r\n \r\n */}\r\n {/* */}\r\n {/*
*/}\r\n Loading...
;\r\n }\r\n\r\n return{props.t(\"GENERAL_SETTINGS\")}
\r\nLoading...
\r\n ) : (\r\n\r\n \r\n
\r\n );\r\n }\r\n}\r\nconst ChiusuraAreaVarco = RxComponent({\r\n onSuccessChangeAreaStatus,\r\n onSuccess,\r\n onError,\r\n})(Component);\r\nexport default ChiusuraAreaVarco;\r\n","import MockRepo from \"../../../repos/MockRepo\";\r\n\r\nexport default class RegistroSanitarioMockRepo extends MockRepo {\r\n getList(...p) {}\r\n}\r\n","import HttprepoTAAL from \"../../../repos/HttpRepoTaal\";\r\n\r\nexport default class RegistroSanitarioHttpRepo extends HttprepoTAAL {\r\n getTable() {\r\n return \"RegistroSanitario\";\r\n }\r\n}\r\n","import StubRepo from \"../../repos/StubRepo\";\r\nimport RegistroSanitarioMockRepo from \"./repositories/RegistroSanitario.mock\";\r\nimport RegistroSanitarioHttpRepo from \"./repositories/RegistroSanitario.http\";\r\n\r\nexport default class RegistroSanitario extends StubRepo {\r\n static _localInstance = null;\r\n static _serviceInstance = null;\r\n\r\n static getName() {\r\n return \"RegistroSanitario repo\";\r\n }\r\n\r\n static getLocal() {\r\n if (RegistroSanitario._localInstance == null) {\r\n RegistroSanitario._localInstance = new RegistroSanitarioMockRepo();\r\n }\r\n return RegistroSanitario._localInstance;\r\n }\r\n\r\n static getService() {\r\n if (RegistroSanitario._serviceInstance == null) {\r\n RegistroSanitario._serviceInstance = new RegistroSanitarioHttpRepo();\r\n }\r\n return RegistroSanitario._serviceInstance;\r\n }\r\n}\r\n","import BaseServiceTaal from \"../../Service/BaseServiceTaal\";\r\nimport RegistroSanitario from \"./RegistroSanitario.repo\";\r\n\r\nexport default class RegistroSanitarioService extends BaseServiceTaal {\r\n getRepo = () => RegistroSanitario.getInstanceTaal();\r\n\r\n create = (par) =>\r\n this.getRepo().then((repo) => repo.exec(\"sp_RecordRegistroSanitario\", par));\r\n\r\n paginate = (page, size, filters, orders) =>\r\n this.getRepo().then((repo) => {\r\n return repo.search2(\r\n page - 1,\r\n size,\r\n this.transformFilterToServer(filters),\r\n orders,\r\n [\"Documento\"]\r\n );\r\n });\r\n}\r\n","export const TIPOLOGIEDOC = {\r\n CODICE_FISCALE: \"CF\",\r\n CARTA_DI_IDENTITà: \"CI\",\r\n PASSAPORTO: \"PASS\",\r\n PATENTE: \"PI\",\r\n};\r\n","import React from \"react\";\r\nimport { onError, onSuccess } from \"../../redux/Shared/Shared.actions\";\r\nimport RxComponent from \"../../redux/RxComponent\";\r\nimport RegistroSanitarioService from \"./RegistroSanitario.service\";\r\nimport CrudNetTable from \"../../components/CrudNet/CrudNetTable\";\r\nimport { FILTER_NUMBER } from \"../../components/TableServer/FilterItem\";\r\nimport Switch from \"react-switch\";\r\nimport {\r\n Modal,\r\n ModalHeader,\r\n ModalBody,\r\n Alert,\r\n ModalFooter,\r\n Button,\r\n} from \"reactstrap\";\r\nimport { Trans } from \"react-i18next\";\r\nimport BarcodeScanner from \"../../components/Content/BarcodeReader\";\r\nimport TipologiaDocumentoService from \"../TipologiaDocumento/TipologiaDocumento.sevice\";\r\nimport { SelectPicker } from \"../../components/Content/SelectPicker\";\r\nimport GestoreAreaService from \"../AssegnaGestoreArea/AssegnaGestoreArea.service\";\r\nimport { TIPOLOGIEDOC } from \"../../constants/TipologieDocumento\";\r\nimport moment from \"moment\";\r\n\r\nclass Page extends React.Component {\r\n state = {\r\n showModal: false,\r\n loading: true,\r\n };\r\n\r\n registroSanitarioService = new RegistroSanitarioService();\r\n tipologiaDocumentoService = new TipologiaDocumentoService();\r\n gestoreAreaService = new GestoreAreaService();\r\n\r\n columns = [\r\n {\r\n label: this.props.t(\"NumberDocument\"),\r\n data: \"Documento.numeroDocumento\",\r\n },\r\n {\r\n label: this.props.t(\"Date\"),\r\n data: \"dataRegistrazione\",\r\n type: \"custom\",\r\n render: (celldata) => moment(celldata).format(\"DD/MM/YYYY\"),\r\n //sortable: true\r\n },\r\n /*{\r\n label: ,\r\n data: ,\r\n },\r\n {\r\n label: this.props.t(\"Area\"),\r\n data: \"Area.descrizione\",\r\n },\r\n {\r\n label:,\r\n data: ,\r\n },\r\n {\r\n label: ,\r\n data: ,\r\n },\r\n {\r\n label: ,\r\n data: ,\r\n type: \"custom\",\r\n render: (cellData, row) => {\r\n return (\r\n \r\n );\r\n },\r\n },\r\n {\r\n label: this.props.t(\"State\"),\r\n type: \"custom\",\r\n render: (celldata, row) => {\r\n return (\r\n \r\n {this.props.t(\"REGISTRO_PRESENZE\")}\r\n this.setState({ showModal: true })}\r\n >\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n closeModal() {\r\n this.setState(\r\n {\r\n showModal: false,\r\n },\r\n () => {\r\n this.refreshTable();\r\n }\r\n );\r\n }\r\n\r\n refreshTable() {\r\n this.refs.crudNetRegistroSanitario.refreshTable();\r\n }\r\n\r\n handleBarCodeScan(barcode) {\r\n if (!barcode || !barcode.length) {\r\n this.props.onError(\"BARCODE_REQUIRED\");\r\n } else {\r\n if (\r\n this.state.selectedTipologiaDocumento === TIPOLOGIEDOC.CODICE_FISCALE &&\r\n barcode.length < 16\r\n ) {\r\n this.props.onError(\"WrongDocNumber\");\r\n return;\r\n }\r\n if (barcode.length < 2) {\r\n this.props.onError(\"WrongDocNumber\");\r\n return;\r\n }\r\n\r\n this.registroSanitarioService\r\n .create({\r\n IDAREA: this.state.idArea,\r\n CODICETIPOLOGIADOCUMENTO: this.state.selectedTipologiaDocumento,\r\n NUMERODOCUMENTO: barcode,\r\n })\r\n .then(() => {\r\n this.refs.crudNetRegistroSanitario.refreshTable();\r\n this.closeModal();\r\n });\r\n }\r\n }\r\n\r\n render() {\r\n if (this.state.loading) {\r\n return {this.props.t(\"Loading\")} ...
;\r\n }\r\n return (\r\n <>\r\n\r\n \r\n this.setState({\r\n selectedTipologiaDocumento: ev[0].codiceTipologiaDocumento,\r\n })\r\n }\r\n />\r\n
\r\n {\r\n return this.state.selectedTipologiaDocumento\r\n ? this.handleBarCodeScan(barcode)\r\n : this.props.onError(\"SELECT_TIPOLOGIA_DOC\");\r\n }}\r\n />\r\n
\r\n \r\n
\r\n this.resetPage()}\r\n >\r\n \r\n \r\n {this.state.searchType === \"user\"\r\n ? this.props.t(\"locUser\") +\r\n \": \" +\r\n this.state.userFound.NOME +\r\n \" \" +\r\n this.state.userFound.COGNOME\r\n : this.props.t(\"Area\") + \": \" + this.state.areaFound.descrizione}\r\n\r\n this.setState({ showModal: true })}\r\n >\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n getData() {\r\n return this.service.getUtenteDistinct().then((res) => {\r\n return res;\r\n });\r\n }\r\n\r\n closeModalDelete() {\r\n this.setState(\r\n {\r\n openModalDelete: false,\r\n },\r\n () => {\r\n this.refreshTable();\r\n }\r\n );\r\n }\r\n\r\n refreshTable() {\r\n this.refs.crudNetGestore.refreshTable();\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n {!this.state.isSearch && (\r\n <>\r\n Ricerca Per Utente
\r\n \r\n\r\n
\r\n
\r\n
\r\n\r\n
Ricerca Per Area
\r\n\r\n \r\n \r\n )}\r\n {this.state.isSearch && this.state.searchType === \"user\" && (\r\n\r\n \r\n
\r\n {this.state.showDetail && (\r\n \r\n \r\n
\r\n SB Admin 2
\r\n );*/\r\n }\r\n\r\n}","import React from \"react\";\r\nimport RxComponent from \"../../redux/RxComponent\";\r\nimport { ENABLE_SECURITY } from \"../../constants/Settings\";\r\n\r\nclass Comp extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state = {};\r\n }\r\n\r\n render() {\r\n let match = true;\r\n if(!this.props.Auth.loggedIn || !this.props.Auth.user) return null\r\n\r\n if (this.props.roles && this.props.roles.length) {\r\n match = false;\r\n for (let i in this.props.roles) {\r\n if (\r\n this.props.Auth.user.TipologiaProfilo.codiceProfilo === \"SA\" ||\r\n this.props.roles[i] ===\r\n this.props.Auth.user.TipologiaProfilo.codiceProfilo\r\n ) {\r\n match = true;\r\n }\r\n }\r\n }\r\n\r\n //this.props.Auth.loggedIn && match da inserire dopo l'inserimento dei ruoli\r\n if (ENABLE_SECURITY && match) {\r\n return this.props.children;\r\n } else {\r\n return null;\r\n }\r\n }\r\n}\r\n\r\nconst HasRole = RxComponent()(Comp);\r\nexport default HasRole;\r\n","import React from \"react\";\r\nimport { Brand } from \"./Brand\";\r\nimport { menu } from \"../../constants/Menu\";\r\nimport { NavLink } from \"react-router-dom\";\r\nimport HasRole from \"../Content/HasRole\";\r\nimport { Translation } from \"react-i18next\";\r\n\r\nexport class Sidebar extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n {\r\n //\r\n \r\n {child.name}\r\n \r\n \r\n );\r\n })}\r\n
\r\n \r\n Custom Utilities:
\r\n }\r\n {item.children.map((child) => {\r\n return (\r\n\r\n\r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React from \"react\";\nimport RxComponent from \"../../redux/RxComponent\";\n\nimport \"bootstrap/dist/css/bootstrap.min.css\";\nimport \"bootstrap/dist/js/bootstrap.bundle\";\nimport \"@fortawesome/fontawesome-free/css/all.min.css\";\nimport \"react-accessible-accordion/dist/fancy-example.css\";\nimport \"./css/sb-admin-2.css\";\nimport initTheme from \"./js/script\";\nimport $ from \"jquery\";\nimport { menu } from \"../../constants/Menu\";\nimport { Switch, Route, Redirect } from \"react-router-dom\";\nimport Navbar from \"../../components/Topbar/Navbar\";\nimport { Sidebar } from \"../../components/Sidebar/Sidebar\";\nimport Card from \"../../components/Content/Card\";\nimport { ROLES } from \"../../constants/Roles\";\nimport { rxStore } from \"../../App\";\n\nclass layoutComponent extends React.Component {\n constructor(props) {\n super(props);\n this.state = {};\n }\n\n menuToRoutes = () => {\n let routes = [];\n if (menu && menu.length) {\n menu.forEach((m) => {\n if (m.layout === \"/dashboard\") {\n let parent = {\n path: `${m.layout}${m.path}`,\n name: m.name,\n component: m.component,\n roles: m.roles,\n skipMenu: m.skipMenu,\n };\n if (m.children && m.children.length) {\n m.children.forEach((child) => {\n routes.push({\n path: `${m.layout}${m.path}${child.path}`,\n name: child.name,\n component: child.component,\n roles: child.roles,\n });\n });\n } else {\n routes.push(parent);\n }\n }\n });\n }\n return routes;\n };\n\n componentDidMount() {\n initTheme($);\n }\n\n render() {\n let routes = this.menuToRoutes();\n return (\n \n \n
\n \n );\n }\n}\n\nconst Layout = RxComponent({})(layoutComponent);\nexport default Layout;\n","import React from \"react\";\r\nimport { hist } from \"../../App\";\r\nimport { NavLink } from \"react-router-dom\";\r\nimport RxComponent from \"../../redux/RxComponent\";\r\nimport { triggerLogout } from \"../../redux/Auth/Auth.actions\";\r\n\r\nclass Comp extends React.Component {\r\n logout() {\r\n this.props.triggerLogout();\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n );\r\n }\r\n}\r\nconst NavBarOverlay = RxComponent({ triggerLogout })(Comp);\r\nexport default NavBarOverlay;\r\n","import React from \"react\";\r\nimport Comuneservice from \"../../modules/Comune/Comune.service\";\r\nimport _ from \"lodash\";\r\nimport dafaultImage from \"../../template/site/img/slide_3.jpg\";\r\nimport MapComponent from \"../Content/MapsComp\";\r\nimport {\r\n ON_FILTER_TIPOLOGIA_AREA,\r\n TRIGGER_SELECT_AREA,\r\n SELECT_AREA,\r\n} from \"../../redux/Prenotazione/Prenotazione.types\";\r\nimport RxComponent from \"../../redux/RxComponent\";\r\nimport { onFilterTipologiaArea } from \"../../redux/Prenotazione/Prenotazione.actions\";\r\nimport ComuneBannerService from \"../../modules/ComuneBanner/ComuneBanner.service\";\r\nimport { FILTER_TEXT, FILTER_NUMBER } from \"../TableServer/FilterItem\";\r\nimport { BASE_URL_TAAL } from \"../../constants/Settings\";\r\nimport { hist } from \"../../App\";\r\n\r\nclass Component extends React.PureComponent {\r\n state = {\r\n image: dafaultImage,\r\n type: \"image\",\r\n //mock sottostante\r\n coordinates: [],\r\n };\r\n\r\n idComune = null;\r\n\r\n comuneservice = new Comuneservice();\r\n comuneBannerService = new ComuneBannerService();\r\n\r\n componentDidUpdate() {\r\n this.getSettings();\r\n let coord = [];\r\n\r\n if (\r\n this.props.Prenotazione.type === ON_FILTER_TIPOLOGIA_AREA ||\r\n this.props.Prenotazione.type === SELECT_AREA\r\n ) {\r\n coord.push(...this.getCoordinates());\r\n coord.push(...this.getListaCoordinateParcheggi());\r\n this.setState(\r\n {\r\n coordinates: coord || [],\r\n imgUrl: null,\r\n },\r\n () => this.props.onFilterTipologiaArea(null, false)\r\n );\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.getSettings();\r\n }\r\n\r\n getCoordinates() {\r\n let lis = [];\r\n\r\n if (\r\n this.props.Prenotazione.fileteredAreaList &&\r\n this.props.Prenotazione.fileteredAreaList.length\r\n ) {\r\n lis = this.props.Prenotazione.fileteredAreaList.map((el) => {\r\n if (el.LATITUDINE && el.LONGITUDINE) {\r\n return {\r\n area: el,\r\n lat: el.LATITUDINE,\r\n lon: el.LONGITUDINE,\r\n };\r\n }\r\n return null;\r\n });\r\n } else if (\r\n this.props.Prenotazione.list &&\r\n this.props.Prenotazione.list.length\r\n ) {\r\n lis = this.props.Prenotazione.list\r\n .filter((el) => el.LATITUDINE && el.LONGITUDINE)\r\n .map((el) => {\r\n return {\r\n area: el,\r\n lat: el.LATITUDINE,\r\n lon: el.LONGITUDINE,\r\n };\r\n });\r\n }\r\n\r\n return lis;\r\n }\r\n\r\n getListaCoordinateParcheggi() {\r\n let lis = [];\r\n\r\n if (\r\n this.props.Prenotazione.listParcheggi &&\r\n this.props.Prenotazione.listParcheggi.length\r\n ) {\r\n lis = this.props.Prenotazione.listParcheggi\r\n .filter((el) => el.LATITUDINE && el.LONGITUDINE)\r\n .map((el) => {\r\n return {\r\n parcheggio: el,\r\n lat: el.LATITUDINE,\r\n lon: el.LONGITUDINE,\r\n };\r\n });\r\n }\r\n\r\n return lis;\r\n }\r\n\r\n getSettings() {\r\n if (!this.props.idComune && this.props.idComune !== this.idComune) {\r\n this.setState({\r\n type: \"image\",\r\n image: dafaultImage,\r\n });\r\n this.idComune = null;\r\n } else if (this.props.idComune && this.props.idComune !== this.idComune) {\r\n this.idComune = this.props.idComune;\r\n this.comuneservice.getById(this.props.idComune).then((res) => {\r\n if (res.data.result.settings) {\r\n const settings = JSON.parse(res.data.result.settings);\r\n let coord = [];\r\n let listCoordAree = this.getCoordinates();\r\n let listCoordPark = this.getListaCoordinateParcheggi();\r\n\r\n coord.push(...listCoordAree, ...listCoordPark);\r\n\r\n if (_.isObject(settings) && _.isObject(settings.banner)) {\r\n if (settings.banner.type === \"image\") {\r\n if (window.location.href.indexOf(\"/resultSearch\") >= 0) {\r\n let filter = {\r\n [`${FILTER_NUMBER}&&&FkIdComune`]: [this.props.idComune],\r\n };\r\n this.comuneBannerService\r\n .getComuneBannerPrenotazione(this.props.idComune)\r\n .then((res) => {\r\n let imgp = `${BASE_URL_TAAL}/Generic/image/v_ComuneBanner/imgBanner/${res.data.result[0].idComuneBanner}/jpeg`;\r\n\r\n this.setState({\r\n type: settings.banner.type || \"\",\r\n image: dafaultImage,\r\n imgUrl: imgp,\r\n coordinates: coord || null,\r\n });\r\n });\r\n } else {\r\n this.setState({\r\n type: settings.banner.type || \"\",\r\n image: dafaultImage,\r\n coordinates: coord || null,\r\n imgUrl: null,\r\n });\r\n }\r\n } else {\r\n this.setState({\r\n type: settings.banner.type || \"\",\r\n image: dafaultImage,\r\n coordinates: coord || null,\r\n });\r\n }\r\n }\r\n }\r\n });\r\n }\r\n }\r\n prenota() {}\r\n\r\n render() {\r\n if (\r\n this.state.type === \"image\" ||\r\n hist.location.pathname === \"/site/home\"\r\n ) {\r\n return (\r\n \n
\n \n \n {routes && routes.length ? (\n \n {routes\n .filter((p) => {\n let ok = true;\n if (p.roles && p.roles.length) {\n ok = false;\n if (\n rxStore.getState().Auth.user.TipologiaProfilo\n .codiceProfilo === ROLES.SUPER_ADMIN ||\n p.roles.indexOf(\n rxStore.getState().Auth.user.TipologiaProfilo\n .codiceProfilo\n ) >= 0\n ) {\n ok = true;\n }\n }\n return ok;\n })\n .map((prop, key) => {\n return (\n \n ) : (\n \n
\n {this.props.t(\"Loading\")}...
\n )}\n{this.props.children}
;\r\n return (\r\n \r\n \r\n \r\n {/*\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nconst Layout = RxComponent({})(layoutComponent);\r\nexport default Layout;\r\n","import React from \"react\";\r\nimport RxComponent from \"../../../redux/RxComponent\";\r\nimport { triggerOtp, triggerSendOtp } from \"../../../redux/Auth/Auth.actions\";\r\n\r\nclass Component extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n otp: \"\",\r\n };\r\n }\r\n\r\n submitOTP(ev) {\r\n ev.preventDefault();\r\n this.props.triggerOtp(\r\n this.props.Auth.user.idUtente,\r\n this.state.otp,\r\n this.props.Auth.user.token\r\n );\r\n }\r\n\r\n resendOTP(ev) {\r\n ev.preventDefault();\r\n this.props.triggerSendOtp(\r\n this.props.Auth.user.idUtente,\r\n this.props.Auth.user.username,\r\n this.props.Auth.user.token\r\n );\r\n }\r\n\r\n templateHTML() {\r\n return (\r\n \r\n
\r\n \r\n {this.props.t(\"BOOK_ON_TIME\")}\r\n
\r\n\r\n {this.props.t(\"CHOISE_MUNICIPALITIES_SECURE_RESERVATION\")}\r\n
\r\n\r\n \r\n \r\n
*/}\r\n \r\n {routes && routes.length ? (\r\n \r\n {routes.map((prop, key) => {\r\n return (\r\n \r\n ) : (\r\n
\r\n {this.props.t(\"Loading\")}...
\r\n )}\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n {/* this.setState({ otp: ev.target.value })}\r\n name=\"otp\"\r\n />\r\n
\r\n \r\n
\r\n OTP
\r\n\r\n \r\n
\r\n\r\n {this.props.t(\"EnterCodeMobile\")}
\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.props.t(\"RequestNewCode\")}\r\n \r\n
\r\n Loading…
;\n\n\n return (\n