\n \n \n
\n \n Link \n \n \n In evidenza\n \n {repEvidenziati.map((report, index) => (\n \n I più consultati\n \n {repConsultati.map((report, index) => (\n
\n \n
\n \n );\n};\n\nexport default Home;\n","import BaseRequest from '../_baseRequest';\nimport { getLanguage } from 'components/langSelector/LangSelector';\nconst baseUrl = 'Report';\nconst baseUrlSecond = 'Report/ReportByUrl';\nconst language = getLanguage();\nconst TerritoryService = {\n ambitiGeografici: () => {\n const req = new BaseRequest();\n return req.makeRequest(\n {},\n {},\n null,\n 'get',\n '/api/' + baseUrl + '/AmbitiGeografici' + '?plang=' + language,\n null,\n null,\n null,\n false,\n false,\n 'AZURE'\n );\n },\n unitaAmministrative: (data, ambito, pTab, dataA) => {\n const req = new BaseRequest();\n\n let param = '';\n if (dataA) {\n param = '?dataA=' + dataA;\n }\n return req.makeRequest(\n {},\n {},\n null,\n 'get',\n '/api/' + baseUrl + '/UnitaAmministrative/' + data + '/' + ambito + '/' + pTab + param,\n null,\n null,\n null,\n false,\n false,\n 'AZURE'\n );\n },\n ambitoUA: (data, unita, ambito, ptab, dataA) => {\n const req = new BaseRequest();\n\n let dataInizio = 'pdata=' + data;\n let dataFine = '';\n if (dataA) {\n dataFine = '&pdataa=' + dataA;\n dataInizio = 'pdatada=' + data;\n }\n\n const url =\n //&plang=EN\n `anagrafica_report_ambito_ua?${dataInizio}&haRuolo&pambito=${ambito}&ptab=${ptab}&punitamm=${unita}${dataFine}&plang=${language}`;\n\n return req.makeRequest(\n {},\n { url },\n null,\n 'post',\n '/api/' + baseUrlSecond,\n null,\n null,\n null,\n false,\n false,\n `AZURE`\n );\n },\n\n header: (data, funzione) => {\n const req = new BaseRequest();\n\n return req.makeRequest(\n {},\n {},\n null,\n 'get',\n '/api/' + baseUrl + '/Header/' + data + '/' + funzione,\n null,\n null,\n null,\n false,\n false,\n 'AZURE'\n );\n },\n\n types: (data, funzione) => {\n let url;\n const req = new BaseRequest();\n if (data[1] === undefined) {\n url = `anagrafica_report_metadato?pfun=${funzione}&haRuolo&pdata=${data[0]}&plang=${language}`;\n } else {\n url = `anagrafica_report_metadato?pfun=${funzione}&haRuolo&pdatada=${data[0]}&pdataa=${data[1]}&plang=${language}`;\n }\n\n return req.makeRequest(\n {},\n { url },\n null,\n 'post',\n '/api/' + baseUrlSecond,\n null,\n null,\n null,\n false,\n false,\n `AZURE`\n );\n },\n\n spool: (data, funzione, params = {}, sortParams) => {\n const req = new BaseRequest();\n\n return req.makeRequest(\n params,\n sortParams,\n null,\n 'post',\n '/api/' + baseUrl + '/Spool/' + data + '/' + funzione,\n null,\n null,\n null,\n false,\n false,\n 'AZURE'\n );\n }\n};\n\nexport default TerritoryService;\n","import React, { Children } from 'react';\nimport Table from 'react-bootstrap/Table';\nimport qs from 'qs';\nimport { useEffect, useState } from 'react';\nimport '../../css/_reportTable.scss';\nimport ReportFilter from './reportFilter';\nimport Loading from 'components/loading';\nimport { Pagination, Spin } from 'antd';\n\nconst ReportTable = ({ columns, dataSource, loading, pagination }) => {\n return (\n <>\n \n \n {/* {loading ?
: ''} */}\n
\n \n \n {columns.map((column) => (\n \n \n
\n {column.titleName}
\n \n ))}\n \n \n \n {dataSource.map((e) => {\n delete e.key;\n const cells = Object.keys(e).map((key) => {\n return {e[key]} ;\n });\n return {cells} ;\n })}\n \n
\n
\n \n );\n};\n\nexport default ReportTable;\n","import { useEffect, useCallback, useState } from 'react';\nimport { Modal, Typography, Button } from 'antd';\nimport TerritoryService from 'services/territorio';\nimport CsvDownloader from 'react-csv-downloader';\nimport xlsIcon from 'assets/img/formats/xls.png';\nimport pdfIcon from 'assets/img/formats/pdf.png';\nimport csvIcon from 'assets/img/formats/csv.png';\nimport jsonIcon from 'assets/img/formats/json.png';\nimport Utils from 'utils';\nimport moment from 'moment';\nimport {\n faFilePdf,\n faFileExcel,\n faFileCode,\n faFileLines\n} from '@fortawesome/free-regular-svg-icons';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\n\nimport '../../css/_reportHead.scss';\nconst { Title } = Typography;\nfunction ReportHead({ date, headerFunction, setLoading, setHeaderFunction }) {\n const [visibleDetails, setVisibleDetails] = useState(false);\n const [visibleVariables, setVisibleVariables] = useState(false);\n\n const downloadHeaders = [\"Variabile\", \"Descrizione\", \"Note\", \"Fonte\", \"Link\"];\n\n const fetchHeader = async (date, funzione) => {\n return await TerritoryService.header(date, funzione);\n };\n\n const headerVariables = useCallback(\n (formattedData) => {\n return (\n <>\n \n ({\n cell1: variabile,\n cell2: guida,\n cell3: note,\n cell4: fonte,\n cell5: link\n }))}>\n
\n {headerFunction?.descrizione_report}
\n \n
Variabili \n {formattedData.map((obj) => (\n
\n {\n Modal.info({\n tabIndex: 0,\n title: 'Dettagli',\n visible: visibleDetails,\n closable: true,\n centered: true,\n width: 800,\n autoFocusButton: null,\n onCancel: () => setVisibleDetails(false),\n content: detailContent(obj),\n okButtonProps: {\n style: { backgroundColor: '#426F80', border: 0, borderRadius: '5px' }\n },\n okText: 'Chiudi',\n onOk: () => setVisibleDetails(false)\n });\n setTimeout(\n () => document.getElementsByClassName('ant-modal-wrap')[0].scrollTo(0, 0),\n 100\n );\n }}\n className=\"headerVariable mt-4\"\n key={obj.variabile}>\n
{obj.variabile} \n
{obj.guida}
\n
\n ))}\n
{headerFunction.titolo_report} \n );\n Modal.info({\n tabIndex: -1,\n title: titleFinish,\n closable: true,\n visible: visibleVariables,\n centered: true,\n autoFocusButton: null,\n width: 800,\n onCancel: () => {\n setVisibleVariables(false);\n setHeaderFunction();\n },\n content: headerVariables(formattedData),\n okButtonProps: {\n style: { backgroundColor: '#426F80', border: 0, borderRadius: '5px' },\n },\n okText: 'Chiudi',\n onOk: () => {\n setVisibleVariables(false);\n setHeaderFunction();\n }\n });\n })\n .catch(() => setLoading(false));\n }\n\n return () => {\n unmounted = true;\n };\n }, [headerFunction, date, visibleVariables, headerVariables, setHeaderFunction, setLoading]);\n\n const detailContent = (obj) => (\n \n
\n
Variabile
\n
{obj.variabile}
\n
\n
\n
\n
\n
Link
\n
{obj.link ? obj.link : 'Non presente'}
\n
\n
{\n FilterColumns(column);\n }}\n onKeyDown={(e) => {\n FilterColumns(column, e.key);\n }}>\n \n \n \n
\n {(mainTitle || state?.mainTitle) &&
{mainTitle || state?.mainTitle} }\n \n
\n {tempSubTitle &&
{tempSubTitle} }\n
\n setHeaderFunction(metadati_val ? metadati_val : {\"id_funzione\":funzione?.id, \"titolo_report\":tempSubTitle})}\n icon={ {\n setLoadingPDF(true);\n await GetReportDownload('PDF');\n setLoadingPDF(false);\n }}\n icon={ {\n setLoadingXLSX(true);\n await GetReportDownload('XLSX');\n setLoadingXLSX(false);\n }}\n icon={ {\n setLoadingCSV(true);\n await GetReportDownload('CSV');\n setLoadingCSV(false);\n }}\n icon={ {\n setLoadingJSON(true);\n await GetReportDownload('JSON');\n setLoadingJSON(false);\n }}\n icon={
\n
\n {tempPeriodoDate &&
Periodo dati: {`${tempPeriodoDate[0]} - ${tempPeriodoDate[1]}`}
}\n
{tempDesc}
}\n \n
\n
\n {fromHome && homeDataPicker == 'al' ? (\n
Al:
\n ) : homeDataPicker == 'dal' ? (\n
Dal:
\n ) : (\n
Da:
\n )}\n
\n !d ||\n d.isBefore(moment(tempPeriodoDate[0], 'DD/MM/YYYY')) ||\n d.isAfter(moment(tempPeriodoDate[1], 'DD/MM/YYYY')) ||\n (tmpDates.dataAUp && d.isAfter(moment(tmpDates.dataAUp, LF_API)))\n }\n onChange={(MomentObj) => {\n setTmpDates({ ...tmpDates, dataDaUp: MomentObj.format(LF_API) });\n }}\n />\n \n {tmpDates.dataAUp && (\n
\n
A:
\n
\n !d ||\n d.isBefore(moment(tempPeriodoDate[0], 'DD/MM/YYYY')) ||\n d.isAfter(moment(tempPeriodoDate[1], 'DD/MM/YYYY')) ||\n (tmpDates.dataDaUp && d.isBefore(moment(tmpDates.dataDaUp, LF_API)))\n }\n onChange={(MomentObj) => {\n setTmpDates({ ...tmpDates, dataAUp: MomentObj.format(LF_API) });\n }}\n />\n \n )}\n
\n
\n
\n
{\n const { dataDaUp, dataAUp } = tmpDates;\n setSelectedPage(1);\n setPaginationHelper(false);\n if (currFilterValue && !isChangingDateFilter()) {\n dispatch(\n updateTextFilters({\n filterFields: [\n ...textFilters.filterFields,\n {\n textFields: currColumnDataIndex,\n textValue: currColumnValue ?\n //se con valore\n typeof(currColumnValue) === \"string\" ? \n currColumnValue.replaceAll(\"'\", \"''\")\n : currColumnValue\n //se vuoto\n : \"$BLANK$\",\n i:\n textFilters.filterFields.length === 0\n ? 0\n : textFilters.filterFields.length + 1\n }\n ]\n })\n );\n setCurrFilterValue(null);\n setCurrColumnDataIndex(null);\n setCurrColumnValue('');\n GetAutocompleteData(null);\n\n } else {\n if ((currFilterValue && currColumnValue) || (isChangingDateFilter())) {\n //GetTableData({ selectedPage });\n updateUrlParam({ dateFrom: dataDaUp, dateTo: dataAUp });\n } else {\n notification.open({\n message: 'Filtri non applicati',\n description:\n 'Non è disponibile nessun filtro da applicare, assicurati di aver applicato modifiche ai filtri',\n duration: 4\n });\n }\n }\n if (currFilterValue || currColumnValue) {\n setCurrFilterValue(null);\n setCurrColumnDataIndex(null);\n setCurrColumnValue('');\n GetAutocompleteData(null);\n }\n }}\n htmlType=\"submit\">\n Applica\n \n \n
\n {textFilters.filterFields.length > 0 && (\n <>\n
Filtri attivi:
\n
\n {textFilters.filterFields.map((field, i) => {\n return (\n {\n if (e.key === \"Enter\"){\n setSelectedPage(1);\n setPaginationHelper(false);\n const tmpArr = [...textFilters.filterFields];\n tmpArr.splice(i, 1);\n dispatch(updateTextFilters({ filterFields: tmpArr }));\n if (currFilterValue || currColumnValue) {\n setCurrFilterValue(null);\n setCurrColumnDataIndex(null);\n setCurrColumnValue('');\n GetAutocompleteData(null);\n }\n }\n }}\n onClose={() => {\n setSelectedPage(1);\n setPaginationHelper(false);\n const tmpArr = [...textFilters.filterFields];\n tmpArr.splice(i, 1);\n dispatch(updateTextFilters({ filterFields: tmpArr }));\n if (currFilterValue || currColumnValue) {\n setCurrFilterValue(null);\n setCurrColumnDataIndex(null);\n setCurrColumnValue('');\n GetAutocompleteData(null);\n }\n }}\n >\n {`${tableData.label[tableData.colNames.indexOf(`${field.textFields}`)]}:`} \n {`${Utils.truncateEllipsis(field.textValue === \"$BLANK$\" ? \"Non disponibile\" : field.textValue)}`}\n \n \n );\n })}\n
\n \n )}\n
\n {tableData && paginationHelper && (\n <>\n
\n
(\n \n ({\n ...row,\n key: `${i}`\n }))}\n scroll={{ x: true }}\n pagination={{\n total: tableData.totalRows,\n defaultCurrent: 1,\n onChange: paginationChange,\n showTotal: (total, range) => {\n return `${range[0]}-${range[1]} di ${total}`;\n },\n }}\n />\n \n \n \n \n )}\n
\n );\n};\n\nexport default BodyCompiler;\n","import axios from 'axios';\nimport { useCallback, useState } from 'react';\n\nexport const call_GetAggiornamenti = async (urlExtension = '', urlPrefix = '') => {\n const config = {\n method: 'get',\n url: `${process.env.REACT_APP_API_URL_AZURE}${process.env.REACT_APP_AUTH_PORT_POST}${urlPrefix}${process.env.REACT_APP_GET_AGGIORNAMENTI}${urlExtension}`,\n headers: {}\n };\n const response = await axios(config);\n const responseData = response.data;\n\n // add transformers here if needed\n const transformedData = responseData ? responseData : [];\n\n return transformedData;\n};\n\nconst useGetAggiornamenti = () => {\n const [isLoading, setIsLoading] = useState(false);\n const [error, setError] = useState(null);\n const [data, setData] = useState(null);\n\n const execute = async (urlExtension = '') => {\n try {\n setIsLoading(true);\n const responseData = await call_GetAggiornamenti(urlExtension);\n setData(responseData);\n setIsLoading(false);\n return responseData;\n } catch (e) {\n setError(e);\n setIsLoading(false);\n throw e;\n }\n };\n\n const reset = () => {\n setIsLoading(false);\n setData(null);\n setError(null);\n };\n\n return {\n isLoading,\n error,\n data,\n execute: useCallback(execute, []), // to avoid infinite calls when inside a `useEffect`\n reset: useCallback(reset, []) // to avoid infinite calls when inside a `useEffect`\n };\n};\n\nexport default useGetAggiornamenti;\n","import axios from 'axios';\nimport Utils from 'utils';\nimport { useCallback, useState } from 'react';\n\nexport const call_GetAggiornamentiDownload = async (urlPrefix = '') => {\n const config = {\n method: 'get',\n url: `${process.env.REACT_APP_API_URL_AZURE}${process.env.REACT_APP_AUTH_PORT_POST}${urlPrefix}${process.env.REACT_APP_GET_AGGIORNAMENTI_DOWNLOAD}`,\n headers: {\n accept: 'text/plain',\n 'Content-Type': 'application/json-patch+json'\n },\n responseType: 'blob'\n };\n const response = await axios(config);\n const responseData = response.data;\n const filename = Utils.getFileNameFromHeader(response.headers[\"content-disposition\"]);\n responseData.filename = filename;\n // add transformers here if needed\n const transformedData = responseData?.size ? responseData : [];\n\n return transformedData;\n};\n\nconst useGetAggiornamentiDownload = () => {\n const [isLoading, setIsLoading] = useState(false);\n const [error, setError] = useState(null);\n const [data, setData] = useState(null);\n\n const execute = async () => {\n try {\n setIsLoading(true);\n const responseData = await call_GetAggiornamentiDownload();\n setData(responseData);\n setIsLoading(false);\n return responseData;\n } catch (e) {\n setError(e);\n setIsLoading(false);\n throw e;\n }\n };\n\n const reset = () => {\n setIsLoading(false);\n setData(null);\n setError(null);\n };\n\n return {\n isLoading,\n error,\n data,\n execute: useCallback(execute, []), // to avoid infinite calls when inside a `useEffect`\n reset: useCallback(reset, []) // to avoid infinite calls when inside a `useEffect`\n };\n};\n\nexport default useGetAggiornamentiDownload;\n","/** @format */\n\nimport { useState, useEffect } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { faFileExcel } from '@fortawesome/free-regular-svg-icons';\nimport moment from 'moment';\nimport {\n faArrowRightArrowLeft,\n faArrowDownAZ,\n faArrowDownZA,\n faCircleInfo\n} from '@fortawesome/free-solid-svg-icons';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { ArrowLeftOutlined } from '@ant-design/icons';\nimport './aggiornamentiTable.scss';\nimport { useGetAggiornamenti } from 'services/GetAggiornamenti';\nimport { Table, Button, Tooltip, Modal } from 'antd';\nimport { useGetAggiornamentiDownload } from 'services/GetAggiornamentiDownload';\nimport { downloadFile } from '../../assets/extra/helpers';\nimport { useNavigate as useHistory } from 'react-router-dom';\n\nconst AggiornamentiTable = () => {\n const dispatch = useDispatch();\n const history = useHistory();\n const getAggiornamenti = useGetAggiornamenti();\n const getAggiornamentiDownload = useGetAggiornamentiDownload();\n const [tableData, setTableData] = useState();\n const [pageSize, setPageSize] = useState(9999);\n const [pageNum, setPageNum] = useState(1);\n useEffect(async () => {\n await GetAggiornamenti(pageNum, pageSize);\n }, [pageNum, pageSize]);\n\n const GetAggiornamenti = async (num, size) => {\n let currDate = moment().format('YYYY-MM-DD');\n const aggData = await getAggiornamenti.execute(\n `?PageNum=${num}&PageSize=${size}&flagDiffusione=1&dateTime=${currDate}`\n );\n setTableData(aggData);\n };\n\n const columns = [\n {\n title: 'Evento',\n key: 'Evento',\n dataIndex: 'titolo',\n render: (titolo) => (\n \n {titolo}\n
\n )\n },\n {\n title: 'Descrizione',\n key: 'Descrizione',\n dataIndex: 'testo',\n render: (testo) => (\n \n
{\n Modal.info({\n title: 'Testo',\n autoFocusButton: null,\n okButtonProps: {\n style: { backgroundColor: '#426F80', border: 0, borderRadius: '5px' }\n },\n content: (\n \n {testo}\n
\n ),\n onOk() {}\n });\n }}>\n {testo}
\n \n \n
{\n history(`/home`);\n }}>\n Indietro \n \n \n
\n
Aggiornamenti \n
\n
\n
\n {/*
*/}\n
\n \n );\n};\n\nexport default HomeIndex;\n","import BaseRequest from '../_baseRequest';\n\nconst baseUrl = 'Report';\n\nconst GlossaryService = {\n glossary: () => {\n const req = new BaseRequest();\n\n return req.makeRequest(\n {},\n {},\n null,\n 'get',\n '/api/' + baseUrl + '/Glossario',\n null,\n null,\n null,\n false,\n false,\n 'AZURE'\n );\n }\n};\n\nexport default GlossaryService;\n","import axios from 'axios';\nimport Utils from 'utils';\nimport { useCallback, useState } from 'react';\n\nexport const call_GetGlossarioDownload = async (urlExtension = '', urlPrefix = '') => {\n const config = {\n method: 'get',\n url: `${process.env.REACT_APP_API_URL_AZURE}${process.env.REACT_APP_AUTH_PORT_POST}${urlPrefix}${process.env.REACT_APP_GET_GLOSSARIO_DOWNLOAD}${urlExtension}`,\n headers: {\n accept: 'text/plain',\n 'Content-Type': 'application/json-patch+json'\n },\n responseType: 'blob'\n };\n const response = await axios(config);\n let responseData = response.data;\n const filename = Utils.getFileNameFromHeader(response.headers[\"content-disposition\"]);\n responseData.filename = filename;\n\n // add transformers here if needed\n const transformedData = responseData?.size ? responseData : [];\n\n return transformedData;\n};\n\nconst useGetGlossarioDownload = () => {\n const [isLoading, setIsLoading] = useState(false);\n const [error, setError] = useState(null);\n const [data, setData] = useState(null);\n\n const execute = async (urlExtension = '') => {\n try {\n setIsLoading(true);\n const responseData = await call_GetGlossarioDownload(urlExtension);\n setData(responseData);\n setIsLoading(false);\n return responseData;\n } catch (e) {\n setError(e);\n setIsLoading(false);\n throw e;\n }\n };\n\n const reset = () => {\n setIsLoading(false);\n setData(null);\n setError(null);\n };\n\n return {\n isLoading,\n error,\n data,\n execute: useCallback(execute, []), // to avoid infinite calls when inside a `useEffect`\n reset: useCallback(reset, []) // to avoid infinite calls when inside a `useEffect`\n };\n};\n\nexport default useGetGlossarioDownload;\n","/* eslint-disable react/jsx-key */\nimport { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Row, Col, Divider, Collapse, Button } from 'antd';\nimport { Input } from 'antd';\nimport { SearchOutlined, PlusCircleOutlined, MinusCircleOutlined } from '@ant-design/icons';\nimport GlossaryService from 'services/glossary';\nimport Loading from 'components/loading';\nimport Form from 'react-bootstrap/Form';\nimport { useGetGlossarioDownload } from 'services/GetGlossarioDownload';\nimport { downloadFile } from '../../assets/extra/helpers';\nimport { faFileExcel } from '@fortawesome/free-regular-svg-icons';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\n\nconst { Panel } = Collapse;\n\nfunction Glossary({ isMobile }) {\n\n const getGlossarioDownlaod = useGetGlossarioDownload();\n\n const { t } = useTranslation();\n const letters = [\n 'A',\n 'B',\n 'C',\n 'D',\n 'E',\n 'F',\n 'G',\n 'H',\n 'I',\n 'J',\n 'K',\n 'L',\n 'M',\n 'N',\n 'O',\n 'P',\n 'Q',\n 'R',\n 'S',\n 'T',\n 'U',\n 'V',\n 'X',\n 'Y',\n 'W',\n 'Z'\n ];\n let selectedLetter = 'AZ';\n let searchString = null;\n const [inputValue, setInputValue] = useState(null);\n const [getDisable, setGetDisable] = useState(true);\n const [loading, setLoading] = useState(false);\n const [glossary, setGlossary] = useState([]);\n const [filteredGlossary, setFilteredGlossary] = useState([]);\n const [titleSearch, setTitleSearch] = useState();\n const [downloadLetter, setDownloadLetter] = useState('AZ');\n\n function handleKeyDown(event) {\n if (event.key === 'Enter') {\n event.preventDefault();\n const stringa = document.getElementsByName('lemma')[0].value.toLowerCase();\n searchString = stringa === '' ? null : stringa;\n fetchDataGlossary(searchString);\n }\n }\n\n const fetchDataGlossary = (word, letter = undefined) => {\n const selectByString = glossary.filter((obj) => {\n if (obj.nome.toLowerCase().includes(searchString)) {\n return true;\n } else {\n return false;\n }\n });\n const markedSelectByString = selectByString.map((obj) => {\n const markedNome = obj.nome.replace(new RegExp(word, 'gi'), `${word} `);\n return { ...obj, nome: markedNome };\n });\n if (searchString?.trim().length > 0) {\n setFilteredGlossary(markedSelectByString);\n setTitleSearch(`Risultati filtrati per: ${word}`);\n } else {\n searchString = null;\n if (letter == 'AZ') {\n setTitleSearch(`${word}`);\n setFilteredGlossary(glossary);\n } else {\n setFilteredGlossary(glossary.filter((obj) => obj.nome[0] === letter));\n setTitleSearch(`Risultati filtrati per lettera: ${word}`);\n }\n }\n };\n\n const fetchGlossary = async () => {\n return await GlossaryService.glossary();\n };\n\n useEffect(async () => { \n document.title = 'Glossario - SITUAS';\n setLoading(true);\n await fetchGlossary()\n .then(({ data }) => {\n setGlossary(data);\n setLoading(false);\n })\n .catch(() => {\n setLoading(false);\n });\n }, []);\n useEffect(() => {\n if (inputValue === null) {\n setGetDisable(true);\n }\n }, [inputValue]);\n\n useEffect(() => {\n fetchDataGlossary('Tutte le definizioni', 'AZ');\n }, [glossary]);\n\n const DownloadGlossario = async () => {\n const file = await getGlossarioDownlaod.execute(\n `${downloadLetter != 'AZ' ? `?pfilter=${downloadLetter}` : ''}`\n );\n downloadFile(file, file.filename ? file.filename : `glossario ${downloadLetter}.xlsx`);\n };\n\n return (\n <>\n |
\n \n {loading && \n Criteri di ricerca \n \n Indice alfabetico\n
\n \n \n\n {\n DownloadGlossario();\n }}\n onKeyDown={(e)=> {\n if (e.key === \"Enter\"){\n DownloadGlossario();\n }\n }}>\n {{t('glossario.title')} \n\n {t('glossario.subtitle')}
\n {!loading && {titleSearch} }\n 0 ? 'none' : 'block' }}>\n Nessun risultato trovato.\n
\n \n
8 ? 'scroll' : 'hidden'}}*/\n style={{ display:'contents' }}\n expandIcon={({ isActive }) =>\n !isActive ? (\n \n {obj.descrizione}\n
\n
\n
Fonte: \n
\n {' ' + obj.fonte}\n \n {obj.links?.length > 0 &&\n
\n {obj.links.map((item, i) => (\n
\n ))}\n
\n }\n
\n
\n \n );\n}\nexport default Glossary;\n","import React from 'react';\nimport './TabSkip.scss';\nimport { HashLink as Link } from 'react-router-hash-link';\n\nconst TabSkip = () => {\n return (\n \n \n Vai al contenuto della pagina\n \n
\n );\n};\n\nexport default TabSkip;\n","import { useEffect, useState, useRef } from 'react';\nimport { Row, Col, DatePicker, Checkbox, Divider } from 'antd';\nimport moment from 'moment';\nimport { useNavigate as useHistory, useLocation, useMatch as useRouteMatch } from 'react-router-dom';\nimport { WarningFilled, InfoCircleFilled, TableOutlined } from '@ant-design/icons';\nimport TerritoryService from 'services/territorio';\nimport Loading from 'components/loading';\nimport 'jspdf-autotable';\nimport ReportHead from 'components/reportHead';\nimport Form from 'react-bootstrap/Form';\nimport Card from 'react-bootstrap/Card';\nimport { faRectangleList } from '@fortawesome/free-regular-svg-icons';\nimport { faCircleInfo } from '@fortawesome/free-solid-svg-icons';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { useDispatch } from 'react-redux';\nimport {\n initialState as Is_newReportCompiler,\n updateFilters,\n updateData,\n updateTextFilters,\n updateTableData\n} from '../../redux/reducers/NewReportCompiler.reducer';\nimport TabSkip from 'services/TabSkip/TabSkip';\n\nfunction Head() {\n const mainTitle = 'Variazioni unità territoriali';\n const path = useLocation().pathname;\n const firstLoad = useRef(true);\n\n const dispatch = useDispatch();\n const {\n state = {\n loading: undefined,\n ambitiGeografici: undefined,\n unitaAmministrative: undefined,\n ambitoUA: undefined,\n checkedAmbitoGeografico: undefined,\n checkedUnitaAmministrativa: undefined,\n headerFunction: undefined,\n date: undefined,\n dateEnd: undefined,\n showZeroReports: undefined,\n showNextStep: undefined,\n stateApplied: undefined,\n showDateError: undefined\n }\n } = useLocation();\n\n const [loading, setLoading] = useState(state?.loading || false);\n const [ambitiGeografici, setAmbitiGeografici] = useState(state?.ambitiGeografici || []);\n const [unitaAmministrative, setUnitaAmministrative] = useState(state?.unitaAmministrative || []);\n const [ambitoUA, setAmbitoUA] = useState(state?.ambitoUA || null);\n const [checkedAmbitoGeografico, setCheckedAmbitoGeografico] = useState(state?.checkedAmbitoGeografico);\n const [checkedUnitaAmministrativa, setCheckedUnitaAmministrativa] = useState(state?.checkedUnitaAmministrativa);\n const [headerFunction, setHeaderFunction] = useState(state?.headerFunction || null);\n const [date, setDate] = useState(state?.date || null);\n const [dateEnd, setDateEnd] = useState(state?.dateEnd || null);\n const [showZeroReports, setShowZeroReports] = useState(state?.showZeroReports || false);\n const [showNextStep, setShowNextStep] = useState(state?.showNextStep || false);\n const [stateApplied, setStateApplied] = useState(state?.stateApplied || false);\n const [showDateError, setShowDateError] = useState(state?.showDateError || false);\n\n const history = useHistory();\n const location = useLocation();\n\n const snapshot = () => {\n return {\n loading,\n ambitiGeografici,\n unitaAmministrative,\n ambitoUA,\n checkedAmbitoGeografico,\n checkedUnitaAmministrativa,\n headerFunction,\n date,\n dateEnd,\n showZeroReports,\n showNextStep,\n stateApplied,\n showDateError\n };\n };\n\n const fetchAmbitiGeografici = async () => {\n let ret = await TerritoryService.ambitiGeografici();\n ret.data = ret.data.filter((i) => i.value?.toLowerCase() != 'paesi esteri' && i.value?.toLowerCase() != 'unità statistiche'); // Placeholder CABLATURA\n return ret;\n };\n\n const fetchUnitaAmministrative = async (data, dataA, ambito) => {\n return await TerritoryService.unitaAmministrative(data, ambito, 'PERIODO', dataA);\n };\n\n const fetchAmbitoUA = async (data, unita, ambito, dataA) => {\n return await TerritoryService.ambitoUA(data, unita, ambito, 'PERIODO', dataA);\n };\n\n const isComingBack = () => {\n return firstLoad.current && location.state;\n };\n\n useEffect(() => {\n document.title = 'Variazioni delle unità territoriali - SITUAS';\n });\n\n useEffect(() => {\n if (isComingBack()) return;\n\n if (\n date &&\n ambitiGeografici &&\n checkedAmbitoGeografico &&\n unitaAmministrative &&\n checkedUnitaAmministrativa &&\n ambitoUA\n ) {\n setStateApplied(true);\n }\n }, [\n date,\n dateEnd,\n ambitiGeografici,\n checkedAmbitoGeografico,\n unitaAmministrative,\n checkedUnitaAmministrativa,\n ambitoUA\n ]);\n\n useEffect(() => {\n if (isComingBack()) return;\n\n const checkData = () => {\n const { state } = location;\n if (!state) {\n setLoading(true);\n //setDate(moment().subtract(1, 'd').format('DD-MM-YYYY'));\n setDate(moment('17-03-1861', 'DD-MM-YYYY').format('DD-MM-YYYY'));\n setDateEnd(moment().format('DD-MM-YYYY'));\n\n fetchAmbitiGeografici()\n .then(({ data }) => {\n setAmbitiGeografici(data);\n setLoading(false);\n })\n .catch(() => {\n setLoading(false);\n });\n setStateApplied(true);\n return () => setAmbitiGeografici([]);\n } else {\n const {\n date,\n dateEnd,\n checkedAmbitoGeografico,\n checkedUnitaAmministrativa,\n unitaAmministrative,\n ambitoUA,\n ambitiGeografici\n } = state;\n setDate(date);\n setDateEnd(dateEnd);\n setAmbitiGeografici(ambitiGeografici);\n setCheckedAmbitoGeografico(checkedAmbitoGeografico);\n setUnitaAmministrative(unitaAmministrative);\n setCheckedUnitaAmministrativa(checkedUnitaAmministrativa);\n setAmbitoUA(ambitoUA);\n }\n };\n checkData();\n return () => checkData();\n }, []);\n\n useEffect(() => {\n if (isComingBack()) return;\n\n if (stateApplied) {\n setAmbitoUA([]);\n setCheckedUnitaAmministrativa();\n if (date && dateEnd && checkedAmbitoGeografico) {\n\n setLoading(true);\n fetchUnitaAmministrative(date, dateEnd, checkedAmbitoGeografico.key)\n .then(({ data }) => {\n if (data.length === 0) {\n setShowZeroReports(true);\n } else {\n setShowZeroReports(false);\n setShowNextStep(true);\n }\n setUnitaAmministrative(data);\n setLoading(false);\n })\n .catch(() => setLoading(false));\n } else {\n setUnitaAmministrative([]);\n setAmbitoUA();\n }\n }\n if (date && dateEnd) {\n dispatch(\n updateData({\n dataDaUp: moment(date, 'DD-MM-YYYY').format('YYYY-MM-DD'),\n dataAUp: moment(dateEnd, 'DD-MM-YYYY').format('YYYY-MM-DD')\n })\n );\n }\n }, [date, checkedAmbitoGeografico, dateEnd]);\n\n useEffect(() => {\n if (isComingBack()) return;\n\n if (stateApplied) {\n if (checkedUnitaAmministrativa && checkedAmbitoGeografico) {\n setShowNextStep(false);\n setLoading(true);\n fetchAmbitoUA(date, checkedUnitaAmministrativa.key, checkedAmbitoGeografico.key, dateEnd)\n .then(({ data }) => {\n if (data.items?.length === 0) {\n setShowZeroReports(true);\n } else {\n setShowZeroReports(false);\n }\n setAmbitoUA(data.items);\n setLoading(false);\n })\n .catch(() => setLoading(false));\n } else {\n setShowNextStep(true);\n setAmbitoUA();\n }\n }\n }, [\n checkedUnitaAmministrativa,\n date,\n ambitiGeografici,\n checkedAmbitoGeografico,\n dateEnd,\n unitaAmministrative\n ]);\n\n // Leave as last call\n useEffect(() => {\n firstLoad.current = false;\n }, []);\n\n return (\n <>\n \n Variazioni delle unità territoriali \n {/*
\n \n \n
Criteri di ricerca {showDateError && (* )} \n \n {showDateError && (\n <>\n \n
Data inizio non può essere più recente di data fine.
\n
\n
Date selezionate non compatibili con periodo di disponibilità.
\n
\n <>\n
\n Si prega di selezionare 1 {checkedAmbitoGeografico.value}\n
\n \n
\n Dopo aver selezionato il periodo di interesse, l'ambito geografico e l'unità territoriale il sistema propone report per tema.\n
\n )}\n {!checkedUnitaAmministrativa && !showZeroReports && (<>\n \n
\n {/*\n \n \n Unità amministrative (Ua) \n \n \n Disponibile il seguente territorio nel periodo indicato:\n \n \n \n {/*Compartimenti e regioni */}\n {/*Province e unità territoriali sovracomunali (Uts) */}\n Comuni dal 1861 \n \n \n \n \n \n {/* Placeholder CABLATURA*/}\n {/* */}\n {/* */}\n {/* Paesi esteri */}\n {/* */}\n {/* Liste consultabili a partire dal 1900 */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* Unità statistiche (Us) */}\n {/* */}\n {/* */}\n {/* Disponibili i seguenti territori per i periodi riportati:*/}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* NUTS - Nomenclatura delle unità territoriali statistiche, dal 2006*/}\n {/* */}\n {/* SLL - Sistemi locali del lavoro, dal 2001 */}\n {/* FUA - Zone urbane funzionali, dal 2011 */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/**/}\n
\n
\n Nei prossimi rilasci del Portale la pagina sarà arricchita con nuove unità territoriali e nuovi report.\n
\n \n )}\n {checkedAmbitoGeografico && showZeroReports && !checkedUnitaAmministrativa && (\n \n <>\n
\n
\n La ricerca non ha prodotto risultati\n
\n \n
\n <>\n
\n
\n La ricerca non ha prodotto risultati\n
\n \n
\n Risultati della ricerca:{' '}\n {ambitoUA ? ambitoUA.length : ''} \n
\n )}\n {ambitoUA?.map((ua) => {\n const periodo_dati = ua.periodo_dati\n ?.replace('31/12/9999', moment().format('DD/MM/YYYY'))\n .replace('Periodo dati:', '')\n .split('-');\n return (\n \n \n \n
{ua.titolo_report} \n
{ua.descrizione_report}
\n
\n {ua.periodo_dati?.replace('31/12/9999', moment().format('DD/MM/YYYY'))}\n
\n \n \n setHeaderFunction(ua)}\n aria-label={`Apri pop up informazioni report ${ua.titolo_report}`}\n title=\"Apri pop up informazioni\">\n {\n dispatch(updateTableData(Is_newReportCompiler.tableData));\n dispatch(updateTextFilters(Is_newReportCompiler.textFilters));\n dispatch(updateFilters(Is_newReportCompiler.filters));\n let dtFrom = moment(date, \"DD-MM-YYYY\").format(\"YYYY-MM-DD\");\n let dtTo = moment(dateEnd, \"DD-MM-YYYY\").format(\"YYYY-MM-DD\");\n history(`/variazioni/body?id=${ua.id_funzione}&dateFrom=${dtFrom}&dateTo=${dtTo}`, {\n replace: true,\n state: {\n dataDa: date,\n dataA: dateEnd,\n funzione: ua.id_funzione,\n title: ua.titolo_report,\n metadati: true,\n checkedAmbitoGeografico,\n unitaAmministrative,\n checkedUnitaAmministrativa,\n ambitoUA,\n ambitiGeografici,\n periodoDate: periodo_dati,\n mainTitle: mainTitle,\n percorsoBk: path,\n descrizione: ua.descrizione_report,\n metadati_val: ua,\n\n caller_state: snapshot()\n }\n });\n }}>\n
\n \n );\n })}\n \n )}\n \n
\n \n \n );\n}\n\nexport default VariazioniTerritorio;\n","import { useEffect, useRef, useState } from 'react';\nimport { Row, Col, DatePicker, Checkbox, Divider } from 'antd';\nimport Form from 'react-bootstrap/Form';\nimport moment from 'moment';\nimport { useNavigate as useHistory, useLocation, useMatch as useRouteMatch } from 'react-router-dom';\nimport { WarningFilled } from '@ant-design/icons';\nimport TerritoryService from 'services/territorio';\nimport Loading from 'components/loading';\nimport ReportHead from 'components/reportHead';\nimport 'jspdf-autotable';\nimport Card from 'react-bootstrap/Card';\nimport { faRectangleList } from '@fortawesome/free-regular-svg-icons';\nimport { faCircleInfo } from '@fortawesome/free-solid-svg-icons';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { useDispatch } from 'react-redux';\nimport {\n initialState as Is_newReportCompiler,\n updateFilters,\n updateData,\n updateTextFilters,\n updateTableData\n} from '../../redux/reducers/NewReportCompiler.reducer';\n\nfunction Head() {\n const dispatch = useDispatch();\n const {\n state = {\n loading: undefined,\n ambitiGeografici: undefined,\n unitaAmministrative: undefined,\n ambitoUA: undefined,\n checkedAmbitoGeografico: undefined,\n checkedUnitaAmministrativa: undefined,\n headerFunction: undefined,\n date: undefined,\n showZeroReports: undefined,\n showNextStep: undefined,\n stateApplied: undefined,\n showDateError: undefined\n }\n } = useLocation();\n\n const mainTitle = 'Unità territoriali';\n const path = useLocation().pathname;\n const firstLoad = useRef(true);\n const [loading, setLoading] = useState(state?.loading || false);\n const [ambitiGeografici, setAmbitiGeografici] = useState(state?.ambitiGeografici || []);\n const [unitaAmministrative, setUnitaAmministrative] = useState(state?.unitaAmministrative || []);\n const [ambitoUA, setAmbitoUA] = useState(state?.ambitoUA || null);\n const [checkedAmbitoGeografico, setCheckedAmbitoGeografico] = useState(state?.checkedAmbitoGeografico);\n const [checkedUnitaAmministrativa, setCheckedUnitaAmministrativa] = useState(state?.checkedUnitaAmministrativa);\n const [headerFunction, setHeaderFunction] = useState(state?.headerFunction || null);\n const [date, setDate] = useState(state?.date || null);\n const [showZeroReports, setShowZeroReports] = useState(state?.showZeroReports || false);\n const [showNextStep, setShowNextStep] = useState(state?.showNextStep || false);\n const [stateApplied, setStateApplied] = useState(state?.stateApplied || false);\n const [showDateError, setShowDateError] = useState(state?.showDateError || false);\n const history = useHistory();\n const location = useLocation();\n\n const snapshot = () => {\n return {\n loading,\n ambitiGeografici,\n unitaAmministrative,\n ambitoUA,\n checkedAmbitoGeografico,\n checkedUnitaAmministrativa,\n headerFunction,\n date,\n showZeroReports,\n showNextStep,\n stateApplied,\n showDateError\n };\n };\n\n const fetchAmbitiGeografici = async () => {\n let ret = await TerritoryService.ambitiGeografici();\n ret.data = ret.data.filter((i) => i.value?.toLowerCase() != 'paesi esteri'); // Placeholder CABLATURA\n return ret;\n };\n\n const fetchUnitaAmministrative = async (date, ambito) => {\n return await TerritoryService.unitaAmministrative(date, ambito, 'DATA');\n };\n\n const fetchAmbitoUA = async (data, unita, ambito) => {\n return await TerritoryService.ambitoUA(data, unita, ambito, 'DATA');\n };\n\n const isComingBack = () => {\n return firstLoad.current && location.state;\n };\n\n useEffect(() => {\n if (isComingBack()) return;\n\n dispatch(updateData({ dataAUp: null }));\n const checkData = () => {\n const { state } = location;\n if (!state) {\n setLoading(true);\n setDate(moment().format('DD-MM-YYYY'));\n if (!showDateError) {\n fetchAmbitiGeografici()\n .then(({ data }) => {\n setAmbitiGeografici(data);\n setLoading(false);\n })\n .catch(() => {\n setLoading(false);\n });\n } else {\n setLoading(false);\n }\n setStateApplied(true);\n return () => setAmbitiGeografici([]);\n } else {\n const {\n date,\n checkedAmbitoGeografico,\n checkedUnitaAmministrativa,\n unitaAmministrative,\n ambitoUA,\n ambitiGeografici\n } = state;\n setDate(date);\n setAmbitiGeografici(ambitiGeografici);\n setCheckedAmbitoGeografico(checkedAmbitoGeografico);\n setUnitaAmministrative(unitaAmministrative);\n setCheckedUnitaAmministrativa(checkedUnitaAmministrativa);\n setAmbitoUA(ambitoUA);\n }\n };\n checkData();\n return () => checkData();\n }, []);\n\n useEffect(() => {\n document.title = 'Unità territoriali - SITUAS';\n });\n\n useEffect(() => {\n if (isComingBack()) return;\n\n if (\n date &&\n ambitiGeografici &&\n checkedAmbitoGeografico &&\n unitaAmministrative &&\n checkedUnitaAmministrativa &&\n ambitoUA\n ) {\n setStateApplied(true);\n }\n }, [\n date,\n ambitiGeografici,\n checkedAmbitoGeografico,\n unitaAmministrative,\n checkedUnitaAmministrativa,\n ambitoUA\n ]);\n\n useEffect(() => {\n if (isComingBack()) return;\n\n if (stateApplied) {\n setCheckedAmbitoGeografico();\n setUnitaAmministrative();\n setCheckedUnitaAmministrativa();\n setAmbitoUA();\n }\n if (date) {\n dispatch(updateData({ dataDaUp: moment(date, 'DD-MM-YYYY').format('YYYY-MM-DD') }));\n }\n }, [date]);\n\n useEffect(() => {\n if (isComingBack()) return;\n\n if (stateApplied) {\n setCheckedUnitaAmministrativa();\n if (date && checkedAmbitoGeografico) {\n setLoading(true);\n fetchUnitaAmministrative(date, checkedAmbitoGeografico.key)\n .then(({ data }) => {\n if (data?.length === 0) {\n setShowZeroReports(true);\n } else {\n setShowZeroReports(false);\n setShowNextStep(true);\n }\n setUnitaAmministrative(data);\n setLoading(false);\n })\n .catch(() => setLoading(false));\n } else {\n setUnitaAmministrative([]);\n setAmbitoUA();\n }\n }\n }, [checkedAmbitoGeografico]);\n\n useEffect(() => {\n if (isComingBack()) return;\n\n if (checkedUnitaAmministrativa && checkedAmbitoGeografico && date) {\n setShowNextStep(false);\n setLoading(true);\n fetchAmbitoUA(\n date?.replaceAll('-', '/'),\n checkedUnitaAmministrativa?.key,\n checkedAmbitoGeografico.key\n )\n .then(({ data }) => {\n if (data.items?.length === 0) {\n setShowZeroReports(true);\n } else {\n setShowZeroReports(false);\n }\n setAmbitoUA(data.items);\n setLoading(false);\n })\n .catch(() => setLoading(false));\n } else {\n setShowNextStep(true);\n setAmbitoUA();\n }\n }, [checkedUnitaAmministrativa]); \n\n // Leave as last call\n useEffect(() => {\n firstLoad.current = false;\n }, []);\n return (\n <>\n \n Unità territoriali \n {/*
\n \n Criteri di ricerca {showDateError && (* )} \n {showDateError && (\n \n
Data selezionata non compatibile con periodo di disponibilità
\n
\n <>\n
\n Si prega di selezionare 1 {checkedAmbitoGeografico.value}\n
\n \n
\n La funzione restituisce le liste delle unità territoriali disponibili e vigenti alla\n data di interesse selezionata, corredata da caratteristiche e classificazioni.\n
\n ) : (\n hiddenError()\n )} */}\n {!checkedUnitaAmministrativa && (\n \n Dopo aver selezionato la data di interesse, l'ambito geografico e l'unità territoriale il sistema propone report per tema.\n
\n )}\n {!checkedUnitaAmministrativa && (<>\n \n
\n \n \n \n \n Unità amministrative\n \n \n Disponibili i seguenti territori nei periodi indicati: \n \n \n Ripartizioni geografiche, dal 1861 \n Compartimenti per il periodo 1861-1947 \n Regioni dal 1948 \n Province per il periodo 1861-1947 \n Province o Unità territoriali sovracomunali (Uts) dal 1948 \n Circondari e distretti per il periodo 1861-1927 \n Comuni dal 1861 \n \n \n \n \n \n \n \n \n \n Unità statistiche\n \n \n Disponibile il seguente territorio nel periodo indicato: \n \n \n {/**/}\n {/* NUTS - Nomenclatura delle unità territoriali statistiche, dal 2006*/}\n {/* */}\n SLL - Sistemi locali del lavoro dal 2011 (9-10-2011) \n {/*DI - Distretti industriali, dal 2011 */}\n {/*FUA - Zone urbane funzionali, dal 2011 */}\n {/*AP - Aree progetto, dal 2011 */}\n \n \n \n \n {/**/} {/*Placeholder CABLATURA*/}\n {/* */}\n {/* */}\n {/* Paesi esteri */}\n {/* */}\n {/* Liste consultabili a partire dal 1900 */}\n {/* */}\n {/* */}\n \n
\n
\n Nei prossimi rilasci del Portale la pagina sarà arricchita con nuove unità territoriali e nuovi report.\n
\n \n )}\n {checkedUnitaAmministrativa && showZeroReports && (\n \n <>\n
\n
Nessun report presente
\n \n
\n Risultati della ricerca:{' '}\n {ambitoUA ? ambitoUA.length : ''} \n
\n )}\n {ambitoUA?.map((ua) => {\n const periodo_dati = ua.periodo_dati\n ?.replace('31/12/9999', moment().format('DD/MM/YYYY'))\n .replace('Periodo dati:', '')\n .split('-');\n\n return (\n \n
\n \n
{ua.titolo_report} \n
{ua.descrizione_report}
\n
\n {ua.periodo_dati?.replace('31/12/9999', moment().format('DD/MM/YYYY'))} \n
\n \n \n {\n setHeaderFunction(ua);\n }}>\n \n \n {\n dispatch(updateTableData(Is_newReportCompiler.tableData));\n dispatch(updateTextFilters(Is_newReportCompiler.textFilters));\n dispatch(updateFilters(Is_newReportCompiler.filters));\n \n let dtFrom = moment(date, \"DD-MM-YYYY\").format(\"YYYY-MM-DD\");\n history(`/territorio/body?id=${ua.id_funzione}&dateFrom=${dtFrom}`, {\n replace: true,\n state: {\n dataDa: date,\n funzione: ua.id_funzione,\n title: ua.titolo_report,\n metadati: true,\n checkedAmbitoGeografico,\n unitaAmministrative,\n checkedUnitaAmministrativa,\n ambitoUA,\n ambitiGeografici,\n periodoDate: periodo_dati,\n mainTitle: mainTitle,\n percorsoBk: path,\n descrizione: ua.descrizione_report,\n metadati_val: ua,\n\n caller_state: snapshot()\n }\n });\n }}>\n \n \n \n
\n
\n \n \n );\n}\n\nexport default TerritorialUnits;\n","import { Row, Col, Divider } from 'antd';\nimport { Link } from 'react-router-dom';\nimport { ArrowLeftOutlined } from '@ant-design/icons';\nimport { useEffect } from 'react';\nimport { useNavigate as useHistory } from 'react-router-dom';\n\nfunction RicercaStoriaUABox() {\n const history = useHistory();\n\n useEffect(() => {\n document.title = 'Storia delle unità territoriali - SITUAS';\n });\n\n return (\n \n
{\n history(`/home`);\n }}>\n Indietro \n \n\n \n Cambiamenti delle unità territoriali \n \n A supporto dell’informazione statistica per cittadini e istituzioni, l’Istat raccoglie e documenta i\n cambiamenti che interessano il territorio italiano.\n
\n \n \n Per approfondimenti sulle tipologie di cambiamento e dettagli su estremi normativi e variazioni:\n \n
\n
\n Per approfondimenti su codici e denominazioni assunti nel tempo dalle unità territoriali:\n \n
\n \n \n \n \n \n );\n}\nexport default RicercaStoriaUABox;\n","import { Row, Col, Divider } from 'antd';\nimport { useEffect } from 'react';\nimport { Link } from 'react-router-dom';\nimport { ArrowLeftOutlined } from '@ant-design/icons';\nimport { useNavigate as useHistory } from 'react-router-dom';\n\nfunction CodificheTerritorialiUABox({ isMobile }) {\n const history = useHistory();\n\n useEffect(() => {\n document.title = 'Codifiche territoriali per la PA e il Paese - SITUAS';\n });\n\n return (\n \n
{\n history(`/home`);\n }}>\n Indietro \n \n\n \n Codifiche territoriali per la PA e il Paese \n \n L’Istat, per le attività di produzione e diffusione dell’informazione statistica, crea e\n mantiene aggiornate le classificazioni delle unità territoriali, raccoglie le\n denominazioni ufficiali e ad ognuna di esse assegna un codice identificativo.\n
\n \n \n Presentare le liste delle unità territoriali vigenti alla data di interesse selezionata,\n corredata da caratteristiche e classificazioni.\n \n
\n
\n Presentare liste di unità per tipologia di variazioni occorse nel periodo (costituzioni,\n estinzioni, cambi denominazione, ecc.).\n \n
\n \n \n Ricostruire o confrontare le unità territoriali e le relative codifiche in virtù dei\n cambiamenti intervenuti nel tempo.\n \n
\n \n \n \n \n \n );\n}\nexport default CodificheTerritorialiUABox;\n","import { Row, Col, Divider } from 'antd';\nimport { Link } from 'react-router-dom';\nimport { ArrowLeftOutlined } from '@ant-design/icons';\nimport { useEffect } from 'react';\nimport { useNavigate as useHistory } from 'react-router-dom';\n\nfunction CaratteristicheClassificazioniBox() {\n const history = useHistory();\n\n useEffect(() => {\n document.title = 'Caratteristiche e classificazioni delle unità territoriali - SITUAS';\n });\n\n return (\n \n
{\n history(`/home`);\n }}>\n Indietro \n \n\n \n Caratteristiche e classificazioni delle unità territoriali \n \n L’Istat elabora classificazioni a fini statistici assegnate alle unità territoriali, ad\n esempio: la litoraneità, la zona altimetrica, il grado di urbanizzazione, ecc. Sono\n inoltre rese disponibili classificazioni predisposte da altri enti a fini di policy (es.\n aree interne) o derivanti da Regolamenti europei.\n
\n
\n \n
{\n history(`/home`);\n }}>\n Indietro \n \n\n {/* FASE 3 - BOX OSCURATO\n \n Geografie europee e relative classificazioni \n \n L’Unione europea ha istituito una Nomenclatura delle unità territoriali statistiche,\n denominata «Nuts», per permettere la rilevazione, la compilazione e la diffusione di\n statistiche regionali armonizzate nell’Ue. Questo sistema gerarchico, che in Italia\n ricalca i concetti di uts (provincia, città metropolitana, ecc.), regione e ripartizione\n geografica, viene anche utilizzato per condurre analisi socioeconomiche nelle regioni ed\n elaborare gli interventi nel contesto della politica di coesione dell’Ue. La\n classificazione della Nuts viene aggiornata con cadenza triennale tramite regolamento Ue.\n
\n\n \n \n A partire dal 2006 è possibile consultare la lista delle Nuts vigenti ad un certo anno o\n confrontarne le diverse versioni\n \n
\n
\n Per le classificazioni delle Nuts consultare il link\n \n
\n \n \n \n \n */}\n \n );\n}\nexport default GeografieEuropeeClassificazioni;\n","import BaseRequest from '../_baseRequest';\n\nconst baseUrl = 'Report/ReportByUrl';\n\nconst StoricoService = {\n comune: (Pattern, cancelToken) => {\n const req = new BaseRequest();\n\n return req.makeRequest(\n {},\n { url: `var_get_ua_comuni_lov_diffusione?com=${Pattern}` },\n null,\n 'post',\n '/api/' + baseUrl,\n null,\n null,\n null,\n false,\n false,\n `AZURE`,\n cancelToken\n );\n },\n\n comuneCodice: (Codice, cancelToken) => {\n const req = new BaseRequest();\n\n return req.makeRequest(\n {},\n { url: `var_get_ua_comuni_lov_diffusione?procom=${Codice}` },\n null,\n 'post',\n '/api/' + baseUrl,\n null,\n null,\n null,\n false,\n false,\n `AZURE`,\n cancelToken\n );\n },\n\n comuneRiepilogo: (Codice, Comune) => {\n const req = new BaseRequest();\n return req.makeRequest(\n {},\n { url: `var_get_ua_comuni_lov_rs?procom=${Codice}&com=${Comune}` },\n null,\n 'post',\n '/api/' + baseUrl,\n null,\n null,\n null,\n false,\n false,\n `AZURE`\n );\n },\n\n provinceUtsCodice: (Codice, cancelToken) => {\n const req = new BaseRequest();\n\n return req.makeRequest(\n {},\n { url: `var_get_ua_uts_lov_diffusione?coduts=${Codice}` },\n null,\n 'post',\n '/api/' + baseUrl,\n null,\n null,\n null,\n false,\n false,\n `AZURE`,\n cancelToken\n );\n },\n\n provinceUts: (Pattern, cancelToken) => {\n const req = new BaseRequest();\n\n return req.makeRequest(\n {},\n { url: `var_get_ua_uts_lov_diffusione?uts=${Pattern}` },\n null,\n 'post',\n '/api/' + baseUrl,\n null,\n null,\n null,\n false,\n false,\n `AZURE`,\n cancelToken\n );\n },\n\n provinceUtsRiepilogo: (Codice, Uts, tipo) => {\n const req = new BaseRequest();\n\n return req.makeRequest(\n {},\n { url: `var_get_ua_uts_lov_rs?&uts=${Uts}&coduts=${Codice}&uts_tipo=${tipo}` },\n null,\n 'post',\n '/api/' + baseUrl,\n null,\n null,\n null,\n false,\n false,\n `AZURE`\n );\n },\n\n regione: (Pattern, cancelToken) => {\n const req = new BaseRequest();\n\n return req.makeRequest(\n {},\n { url: `var_get_ua_reg_lov_diffusione?reg=${Pattern}` },\n null,\n 'post',\n '/api/' + baseUrl,\n null,\n null,\n null,\n false,\n false,\n `AZURE`,\n cancelToken\n );\n },\n\n regioneCodice: (Codice, cancelToken) => {\n const req = new BaseRequest();\n\n return req.makeRequest(\n {},\n { url: `var_get_ua_reg_lov_diffusione?codreg=${Codice}` },\n null,\n 'post',\n '/api/' + baseUrl,\n null,\n null,\n null,\n false,\n false,\n `AZURE`,\n cancelToken\n );\n },\n\n regioneRiepilogo: (Codice, Reg, tipoReg) => {\n const req = new BaseRequest();\n\n return req.makeRequest(\n {},\n { url: `var_get_ua_reg_lov_rs?&codreg=${Codice}®=${Reg}®_tipo=${tipoReg}` },\n null,\n 'post',\n '/api/' + baseUrl,\n null,\n null,\n null,\n false,\n false,\n `AZURE`\n );\n },\n\n dettVariazioni: (idProvv, tipoVar, idComOrigine) => {\n const req = new BaseRequest();\n\n return req.makeRequest(\n {},\n {\n url: `var_get_ua_comuni_lov_rs_dett?idcomuneorig=${idComOrigine}&mcrvar=${tipoVar}&idprovv=${idProvv}`\n },\n null,\n 'post',\n '/api/' + baseUrl,\n null,\n null,\n null,\n false,\n false,\n `AZURE`\n );\n },\n\n datiAssVariazioni: (idProvv, tipoVar, idComOrigine) => {\n const req = new BaseRequest();\n\n return req.makeRequest(\n {},\n {\n url: `var_get_ua_comuni_lov_rs_dett_ass?idcomuneorig=${idComOrigine}&mcrvar=${tipoVar}&idprovv=${idProvv}`\n },\n null,\n 'post',\n '/api/' + baseUrl,\n null,\n null,\n null,\n false,\n false,\n `AZURE`\n );\n },\n\n dettVariazioniUts: (tipoVar, idProvv, id_uts, tipoUts) => {\n const req = new BaseRequest();\n return req.makeRequest(\n {},\n {\n url: `var_get_ua_uts_lov_rs_dett?&id_uts_origine=${id_uts}&idprovv=${idProvv}&uts_tipo=${tipoUts}&mcrvar=${tipoVar}`\n },\n null,\n 'post',\n '/api/' + baseUrl,\n null,\n null,\n null,\n false,\n false,\n `AZURE`\n );\n },\n\n datiAssVariazioniUts: (tipoVar, idProvv, id_uts, tipoUts) => {\n const req = new BaseRequest();\n\n return req.makeRequest(\n {},\n {\n url: `var_get_ua_uts_lov_rs_dett_ass?&id_uts_origine=${id_uts}&idprovv=${idProvv}&uts_tipo=${tipoUts}&mcrvar=${tipoVar}`\n },\n null,\n 'post',\n '/api/' + baseUrl,\n null,\n null,\n null,\n false,\n false,\n `AZURE`\n );\n },\n\n dettVariazioniRegione: (tipoVar, tipoReg, idProvv, codiceReg) => {\n const req = new BaseRequest();\n\n return req.makeRequest(\n {},\n {\n url: `var_get_ua_reg_lov_rs_dett?®_tipo=${tipoReg}&idprovv=${idProvv}&mcrvar=${tipoVar}&id_regione_origine=${codiceReg}`\n },\n null,\n 'post',\n '/api/' + baseUrl,\n null,\n null,\n null,\n false,\n false,\n `AZURE`\n );\n },\n\n datiAssVariazioniReg: (tipoVar, tipoReg, idProvv, codiceReg) => {\n const req = new BaseRequest();\n\n return req.makeRequest(\n {},\n {\n url: `var_get_ua_reg_lov_rs_dett_ass?®_tipo=${tipoReg}&idprovv=${idProvv}&mcrvar=${tipoVar}&id_regione_origine=${codiceReg}`\n },\n null,\n 'post',\n '/api/' + baseUrl,\n null,\n null,\n null,\n false,\n false,\n `AZURE`\n );\n }\n};\n\nexport default StoricoService;\n","import { Row, Col, Divider, AutoComplete, Table } from 'antd';\nimport { useEffect, useRef, useState } from 'react';\nimport StoricoService from 'services/storico';\nimport Loading from 'components/loading';\nimport _ from 'lodash';\nimport pdfIcon from 'assets/img/formats/pdf.png';\nimport Form from 'react-bootstrap/Form';\nimport { createRef } from 'react';\nimport axios from 'axios';\nimport Utils from '../../utils';\n\nfunction StoriaUA({ isMobile }) {\n const [comuneOptions, setComuneOptions] = useState([]);\n const [comuneCodiceOptions, setComuneCodiceOptions] = useState([]);\n const [provinciaOptions, setProvinciaOptions] = useState([]);\n const [provinciaCodiceOptions, setProvinciaCodiceOptions] = useState([]);\n const [regioneOptions, setRegioneOptions] = useState([]);\n const [regioneCodiceOptions, setRegioneCodiceOptions] = useState([]);\n const [loading, setLoading] = useState(false);\n const [denComune, setDenComune] = useState('');\n const [codComune, setCodComune] = useState('');\n const [selectedComune, setSelectedComune] = useState(null);\n const [denProvincia, setDenProvincia] = useState('');\n const [codProvincia, setCodProvincia] = useState('');\n const [selectedProvincia, setSelectedProvincia] = useState(null);\n const [denRegione, setDenRegione] = useState('');\n const [codRegione, setCodRegione] = useState('');\n const [selectedRegione, setSelectedRegione] = useState(null);\n const [selected, setSelected] = useState(false);\n const [riepilogoColumns, setRiepilogoColumns] = useState([]);\n const [riepilogoRows, setRiepilogoRows] = useState([]);\n const [dettaglioColumns, setDettaglioColumns] = useState([]);\n const [dettaglioRows, setDettaglioRows] = useState([]);\n const [datiVariazioneColumns, setDatiVariazioneColumns] = useState([]);\n const [datiVariazioneRows, setDatiVariazioneRows] = useState([]);\n const [descrizioneEvento, setDescrizioneEvento] = useState();\n const [selectedRow, setSelectedRow] = useState();\n const [title, setTitle] = useState();\n const [isBug, setIsBug] = useState(false);\n\n const uaType = {\n regione: \"regione\",\n provincia: \"provincia\",\n comune: \"comune\"\n };\n\n useEffect(() => {\n document.title = 'Storia unità territoriali - SITUAS';\n });\n\n const fetchComune = async (input, cancelToken) => {\n if (input?.length > 2) {\n setLoading(true);\n try {\n const { data } = await StoricoService.comune(input, cancelToken);\n setComuneOptions(\n data.items.map(({ comune: com, pro_com_t }, i) => ({\n label: `${com} - ${pro_com_t}`,\n //value: pro_com_t,\n value: i,\n denominazione: com,\n codice: pro_com_t,\n key: i\n }))\n );\n setLoading(false);\n } catch {\n setLoading(false);\n }\n }\n };\n\n const fetchCodiceComune = async (codice, cancelToken) => {\n if (codice?.length > 3) {\n setLoading(true);\n try {\n const { data } = await StoricoService.comuneCodice(codice, cancelToken);\n const sortedItems = data.items.sort((a, b) => {\n return a.pro_com_t < b.pro_com_t ? -1 : 1;\n });\n setComuneCodiceOptions(\n sortedItems.map(({ comune: co, pro_com_t }, i) => ({\n //label: `${pro_com_t} - ${co}`,\n //value: co,\n label: `${co} - ${pro_com_t}`,\n value: i,\n denominazione: co,\n codice: pro_com_t,\n key: i\n }))\n );\n setLoading(false);\n } catch {\n setLoading(false);\n }\n }\n };\n\n const fetchProvincia = async (input, cancelToken) => {\n if (input?.length > 2) {\n setLoading(true);\n try {\n const { data } = await StoricoService.provinceUts(input, cancelToken);\n setProvinciaOptions(\n data.items.map((obj, i) => ({\n label: `${obj['denominazione_uts']} - ${obj['cod_uts']} ${obj['descrizione tipo uts']}`,\n //value: obj['cod_uts'] + ':' + obj['tipo uts'],\n value: i,\n denominazione: obj['denominazione_uts'],\n codice: obj['cod_uts'],\n tipo: obj['tipo uts'],\n key: i\n }))\n );\n setLoading(false);\n } catch {\n setLoading(false);\n }\n }\n };\n const fetchTipo = async (input) => {\n const { data } = await StoricoService.provinceUtsCodice(input);\n let tipo = String(data.items[0]['tipo uts']);\n return tipo;\n };\n\n const fetchCodiceProvincia = async (codice, cancelToken) => {\n if (codice?.length > 1) {\n setLoading(true);\n try {\n const { data } = await StoricoService.provinceUtsCodice(codice, cancelToken);\n const sortedItems = data.items.sort((a, b) => {\n return a.cod_uts < b.cod_uts ? -1 : 1;\n });\n setProvinciaCodiceOptions(\n sortedItems.map((obj, i) => ({\n //label: `${obj['cod_uts']} - ${obj['denominazione_uts']} ${obj['descrizione tipo uts']}`,\n //value: obj['denominazione_uts'],\n label: `${obj['denominazione_uts']} - ${obj['cod_uts']} ${obj['descrizione tipo uts']}`,\n value: i,\n denominazione: obj['denominazione_uts'],\n codice: obj['cod_uts'],\n tipo: obj['tipo uts'],\n key: i\n }))\n );\n\n setLoading(false);\n } catch {\n setLoading(false);\n }\n }\n };\n\n const fetchRegione = async (input, cancelToken) => {\n if (input?.length > 2) {\n setLoading(true);\n try {\n const { data } = await StoricoService.regione(input, cancelToken);\n setRegioneOptions(\n data.items.map((obj, i) => ({\n label:\n obj['denominazione regione'] +\n ' - ' +\n obj['cod_regione'] +\n ' ' +\n obj['descrizione tipo regione'],\n //value: obj['cod_regione'] + '§' + obj['tipo regione'],\n value: i,\n codice: obj['cod_regione'],\n denominazione: obj['denominazione regione'],\n tipo: obj['tipo regione'],\n key: i\n }))\n );\n setLoading(false);\n } catch {\n setLoading(false);\n }\n }\n };\n\n const fetchCodiceRegione = async (codice, cancelToken) => {\n if (codice?.length > 0) {\n setLoading(true);\n try {\n const { data } = await StoricoService.regioneCodice(codice, cancelToken);\n const sortedItems = data.items.sort((a, b) => {\n return a.cod_regione < b.cod_regione ? -1 : 1;\n });\n setRegioneCodiceOptions(\n //data.items.map((obj, i) => ({\n // label:\n // obj['cod_regione'] +\n // ' - ' +\n // obj['denominazione regione'] +\n // ' ' +\n // obj['descrizione tipo regione'],\n // value:\n // obj['denominazione regione'] +\n // '§' +\n // obj['tipo regione'],\n // key: i\n //}))\n sortedItems.map((obj, i) => ({\n //label:\n // obj['denominazione regione'] +\n // ' - ' +\n // obj['cod_regione'] +\n // ' ' +\n // obj['descrizione tipo regione'],\n //value: obj['cod_regione'] + '§' + obj['tipo regione'],\n label:\n obj['denominazione regione'] +\n ' - ' +\n obj['cod_regione'] +\n ' ' +\n obj['descrizione tipo regione'],\n value: i,\n codice: obj['cod_regione'],\n denominazione: obj['denominazione regione'],\n tipo: obj['tipo regione'],\n key: i\n }))\n );\n setLoading(false);\n } catch {\n setLoading(false);\n }\n }\n };\n\n const handleClick = async () => {\n event.preventDefault();\n setDettaglioRows([]);\n setDettaglioColumns([]);\n setDatiVariazioneRows([]);\n setDatiVariazioneColumns([]);\n setSelectedRow();\n setDescrizioneEvento();\n if (selected) {\n if (selectedComune) {\n setLoading(true);\n\n const codiceComune = selectedComune.codice;\n let denominazioneComune = selectedComune.denominazione;\n\n setRiepilogoColumns([]);\n setRiepilogoRows([]);\n try {\n const { data } = await StoricoService.comuneRiepilogo(codiceComune, denominazioneComune);\n\n setTitle(denominazioneComune + ' - ' + codiceComune);\n const objectOrder = {\n variazione: null\n };\n const column = Object.assign(objectOrder, data.items[0]);\n const formattedColumns = Object.keys(\n _.omit(column, [\n 'identificativo provvedimento',\n 'codice comune corrente',\n 'denominazione corrente',\n 'descrizione evento',\n 'id_comune_origine',\n 'orderr',\n 'data_inizio_amministrativa',\n 'tipo variazione'\n ])\n ).map((key) => ({\n title: /*_.capitalize*/Utils.customCapitalize(key),\n dataIndex: key,\n key: key,\n onCell: () => ({\n style: { textAlign: 'left' }\n })\n }));\n const formattedRows = data.items.map((row, i) => {\n let rowObject = {\n key: row['id_comune_origine'] + '§' + row['identificativo provvedimento'] + '§' + i,\n id: i\n };\n Object.keys(\n _.omit(row, [\n 'identificativo provvedimento',\n 'codice comune corrente',\n 'denominazione corrente',\n 'id_comune_origine'\n ])\n ).forEach((value) => {\n rowObject = { ...rowObject, [value]: row[value], uaType: uaType.comune };\n });\n return rowObject;\n });\n setRiepilogoColumns(formattedColumns);\n setRiepilogoRows(formattedRows);\n setLoading(false);\n } catch {\n setLoading(false);\n }\n }\n\n if (selectedProvincia) {\n setLoading(true);\n const codiceProvincia = selectedProvincia.codice;\n let denominazioneProvincia = selectedProvincia.denominazione;\n const tipoProvincia = selectedProvincia.tipo;\n\n setRiepilogoColumns([]);\n setRiepilogoRows([]);\n try {\n const { data } = await StoricoService.provinceUtsRiepilogo(\n codiceProvincia,\n denominazioneProvincia,\n tipoProvincia\n );\n setTitle(denominazioneProvincia + ' - ' + codiceProvincia);\n const objectOrder = {\n variazione: null\n };\n const column = Object.assign(objectOrder, data.items[0]);\n const formattedColumns = Object.keys(\n _.omit(column, [\n 'identificativo provvedimento',\n 'descrizione evento',\n 'codice uts corrente',\n 'denominazione corrente',\n 'id_uts',\n 'tipo uts',\n 'tipo variazione',\n 'id_uts_origine'\n ])\n ).map((key) => ({\n title: /*_.capitalize*/Utils.customCapitalize(key),\n onCell: () => ({\n style: { textAlign: 'left' }\n }),\n dataIndex: key,\n key: key\n }));\n const formattedRows = data.items.map((row, i) => {\n let rowObject = {\n key:\n row['identificativo provvedimento'] +\n '§' +\n row['tipo uts'] +\n '§' +\n row['id_uts'] +\n '§' +\n row['tipo variazione'],\n id: i\n };\n Object.keys(_.omit(row, 'identificativo provvedimento')).forEach((value) => {\n rowObject = { ...rowObject, [value]: row[value], uaType: uaType.provincia };\n });\n return rowObject;\n });\n setRiepilogoColumns(formattedColumns);\n setRiepilogoRows(formattedRows);\n setLoading(false);\n } catch {\n setLoading(false);\n }\n }\n\n if (selectedRegione) {\n setLoading(true);\n\n const codiceReg = selectedRegione.codice;\n let denominazioneReg = selectedRegione.denominazione;\n const tipoRegione = selectedRegione.tipo;\n\n const lastIndex = denominazioneReg.lastIndexOf('-');\n if (denominazioneReg.split('-').length > 1) {\n if (lastIndex !== -1 && !denominazioneReg[lastIndex - 1].toLowerCase().match(/[a-z]/i)) {\n denominazioneReg = (\n denominazioneReg.substring(0, lastIndex) +\n '' +\n denominazioneReg.substring(lastIndex + 1)\n ).trim();\n }\n } else {\n if (!denominazioneReg[lastIndex - 1]?.toLowerCase()?.match(/[a-z]/i)) {\n denominazioneReg = denominazioneReg.replace('-', '').trim();\n }\n }\n\n setRiepilogoColumns([]);\n setRiepilogoRows([]);\n try {\n const { data } = await StoricoService.regioneRiepilogo(\n codiceReg,\n denominazioneReg,\n tipoRegione\n );\n setTitle(denominazioneReg + ' - ' + codiceReg);\n const objectOrder = {\n variazione: null\n };\n const columns = Object.assign(objectOrder, data.items[0]);\n const formattedColumns = Object.keys(\n _.omit(columns, [\n 'identificativo provvedimento',\n 'descrizione evento',\n 'codice uts corrente',\n 'denominazione corrente',\n 'id_regione',\n 'tipo reg',\n 'tipo variazione',\n 'id_regione_origine'\n ])\n ).map((key) => ({\n title: /*_.capitalize*/Utils.customCapitalize(key),\n dataIndex: key,\n key: key,\n onCell: () => ({\n style: { textAlign: 'left' }\n })\n }));\n const formattedRows = data.items.map((row, i) => {\n let rowObject = {\n key:\n row['identificativo provvedimento'] +\n '*' +\n row['data decorrenza'] +\n row['tipo variazione'],\n id: i\n };\n Object.keys(_.omit(row, 'identificativo provvedimento')).forEach((value) => {\n rowObject = { ...rowObject, [value]: row[value], uaType: uaType.regione };\n });\n return rowObject;\n });\n setRiepilogoColumns(formattedColumns);\n setRiepilogoRows(formattedRows);\n setLoading(false);\n } catch {\n setLoading(false);\n }\n }\n }\n };\n\n const handleRowClick = async (e) => {\n setLoading(true);\n setDescrizioneEvento(e['descrizione evento']);\n if (e.uaType === uaType.comune) {\n try {\n const { data } = await StoricoService.dettVariazioni(\n e['key'].split('§')[1],\n e['tipo variazione'],\n e['key'].split('§')[0]\n );\n\n const objectOrder = {\n variazione: null\n };\n const columns = Object.assign(objectOrder, data.items[0]);\n const formattedColumns = Object.keys(\n _.omit(columns, ['identificativo_provvedimento', 'tipo variazione'])\n ).map((key) => ({\n title: key !== 'url_pdf' ? /*_.capitalize*/Utils.customCapitalize(key) : 'PDF',\n dataIndex: key,\n key: key,\n onCell: () => ({\n style: { textAlign: 'left' }\n })\n }));\n\n const formattedRows = data.items.map((row) => {\n let rowObject = { key: JSON.stringify(row) };\n Object.values(_.omit(row, 'identificativo_provvedimento')).forEach((value, i) => {\n const isPdf =\n Object.keys(_.omit(data.items[0], 'identificativo_provvedimento'))[i] === 'url_pdf';\n rowObject = {\n ...rowObject,\n [Object.keys(_.omit(data.items[0], 'identificativo_provvedimento'))[i]]: isPdf ? (\n row['url_pdf'] ? (\n \n \n \n \n {loading && \n \n\n {isMobile && riepilogoRows.length > 0 && (\n <>\n {title && {title}
}\n Riepilogo variazioni
\n record.id}\n onRow={(record) => {\n return {\n tabIndex: 0,\n onClick: () => handleRowClick(record),\n onKeyDown: (event) => {\n if (event.key === 'Enter') {\n handleRowClick(record);\n }\n }\n };\n }}\n />\n {dettaglioRows.length > 0 && (\n <>\n Dettaglio provvedimento
\n Dettaglio variazione
\n \n Storia unità territoriali \n \n Dopo aver ricercato la denominazione/codice dell'unità di interesse il sistema restituisce il riepilogo delle variazioni.
\n )}\n {!isMobile && riepilogoRows.length > 0 && (\n <>\n {title && {title}
}\n\n Riepilogo variazioni
\n record.id}\n rowClassName={(_, index) => {\n return index === selectedRow ? 'storia-ua-rows selected storia-ua-rows' : 'storia-ua-rows storia-ua-rows';\n }}\n onRow={(record, index) => {\n return {\n tabIndex: 0,\n onClick: () => {\n handleRowClick(record);\n setSelectedRow(index);\n },\n onKeyDown: (event) => {\n if (event.key === 'Enter') {\n handleRowClick(record);\n }\n }\n };\n }}\n />\n\n {dettaglioRows.length > 0 && (\n <>\n Dettaglio provvedimento
\n Dettaglio variazione
\n
\n );\n}\nexport default StoriaUA;\n","/** @format */\n\nimport { createAction, createReducer } from '@reduxjs/toolkit';\n\nconst initialState = {\n categorie: { macroCategorie: null, microCategorie: null, tree: [] },\n cacheDownloadFiles: {}\n};\nexport const updateCategorie = createAction('updateCategorie');\nexport const updateCacheDownloadFiles = createAction('updateCacheDownloadFiles');\nexport const resetCacheDownloadFiles = createAction('resetCacheDownloadFiles');\n\nconst reducer = createReducer(initialState, (builder) => {\n builder\n .addCase(updateCategorie, (state, action) => {\n // action is inferred correctly here\n state.categorie = { ...state.categorie, ...action.payload };\n })\n .addCase(updateCacheDownloadFiles, (state, action) => {\n state.cacheDownloadFiles = { ...state.cacheDownloadFiles, ...action.payload };\n })\n .addCase(resetCacheDownloadFiles, (state, action) => {\n state.cacheDownloadFiles = {};\n });\n});\n\nexport default reducer;\n","import BaseRequest from '../_baseRequest';\n\nconst baseUrl = 'Report/ReportByUrl';\n\nconst RicercaCodiceSvc = {\n getList: () => {\n const req = new BaseRequest();\n\n return req.makeRequest(\n {},\n { url: 'ricercacodice_criterio?haRuolo' },\n null,\n 'post',\n `/api/${baseUrl}`,\n null,\n null,\n null,\n false,\n false,\n `AZURE`\n );\n },\n\n getValueList: (tipoUnit) => {\n const req = new BaseRequest();\n\n return req.makeRequest(\n {},\n { url: `ricercacodice_criterio_lov?haRuolo&ptipounit=${tipoUnit}` },\n null,\n 'post',\n `/api/${baseUrl}`,\n null,\n null,\n null,\n false,\n false,\n `AZURE`\n );\n },\n\n getDetail: (tipoUnit, prc) => {\n const req = new BaseRequest();\n\n return req.makeRequest(\n {},\n { url: `ricercacodice_criterio_res?haRuolo&ptipounit=${tipoUnit}&prc=${prc}` },\n null,\n 'post',\n `/api/${baseUrl}`,\n null,\n null,\n null,\n false,\n false,\n `AZURE`\n );\n }\n};\nexport default RicercaCodiceSvc;\n","import { useState, useEffect } from 'react';\nimport { Col, Row, Divider, Checkbox, AutoComplete, Table } from 'antd';\nimport Form from 'react-bootstrap/Form';\nimport RicercaCodiceSvc from 'services/ricercaCodice';\nimport Loading from 'components/loading';\nimport _ from 'lodash';\nimport '../../css/_ricercaCodice.scss';\n\nconst RicercaCodice = ({ isMobile }) => {\n const [loading, setLoading] = useState(true);\n const [list, setList] = useState([]);\n const [valueList, setValueList] = useState([]);\n const [filteredValueList, setFilteredValueList] = useState([]);\n const [checked, setChecked] = useState();\n const [selectedValue, setSelectedValue] = useState();\n const [selected, setSelected] = useState(false);\n const [columns, setColumns] = useState([]);\n const [rows, setRows] = useState([]);\n const [isChecked, setIsChecked] = useState(false);\n\n useEffect(() => {\n document.title = 'Ricerca codice Istat - SITUAS';\n let mounted = false;\n const fetchList = async () => {\n try {\n const { data } = await RicercaCodiceSvc.getList();\n if (!mounted) {\n setList(data.items);\n setLoading(false);\n }\n } catch {\n setLoading(false);\n }\n };\n fetchList();\n return () => {\n mounted = true;\n };\n }, []);\n useEffect(() => {}, [isChecked, selected]);\n\n useEffect(() => {\n let mounted = false;\n if (!mounted) {\n setSelectedValue();\n }\n const fetchValueList = async () => {\n if (checked) {\n setLoading(true);\n try {\n const { data } = await RicercaCodiceSvc.getValueList(checked.return_code);\n if (!mounted) {\n setValueList(data?.resultset);\n setFilteredValueList(\n data?.resultset.map(({ V, RC }) => ({ label: V, value: RC, key: V + RC }))\n );\n setLoading(false);\n }\n } catch {\n setLoading(false);\n }\n }\n };\n fetchValueList();\n return () => {\n mounted = true;\n };\n }, [checked]);\n\n const seqrchBTN = () => {\n const mounted = false;\n if (!mounted) {\n if (selected) {\n setLoading(true);\n }\n setColumns([]);\n setRows([]);\n }\n const getDetail = async () => {\n try {\n const { data } = await RicercaCodiceSvc.getDetail(checked.return_code, selectedValue.value);\n const formattedCols = Object.keys(data.resultset[0]).map((key) => ({\n //title: _.capitalize(key.replaceAll('_', ' ')),\n title: key,\n onCell: () => ({\n style: { textAlign: 'left' }\n }),\n dataIndex: key,\n key: key\n }));\n const formattedRows = data.resultset.map((row) => {\n const rowVal = Object.values(row);\n let rowObject = { key: rowVal[0] + rowVal[rowVal.length - 1] };\n Object.keys(row).forEach((value) => {\n rowObject = { ...rowObject, [value]: row[value] };\n });\n return rowObject;\n });\n if (!mounted) {\n setColumns(formattedCols);\n setRows(formattedRows);\n setLoading(false);\n }\n } catch {\n setLoading(false);\n }\n };\n if (selectedValue && selected) {\n getDetail();\n }\n }; /* , [selectedValue, selected, checked?.return_code] */\n\n const search = (inputValue) => {\n setSelected(false);\n setSelectedValue({ label: inputValue });\n if (inputValue?.length > 0) {\n let filtered = valueList\n .filter((value) =>\n value.V.split('-')[1].toLowerCase().trim().startsWith(inputValue.toLowerCase())\n )\n .map(({ V, RC }) => ({ label: V, value: RC, key: V + RC }));\n\n if (!filtered.length) {\n filtered = valueList\n .filter((value) =>\n value.V.split('-')[0].toLowerCase().trim().startsWith(inputValue.toLowerCase())\n )\n .map(({ V, RC }) => ({ label: V, value: RC, key: V + RC }));\n }\n\n if (!filtered.length) {\n filtered = valueList\n .filter((value) => value.V.toLowerCase().trim().startsWith(inputValue.toLowerCase()))\n .map(({ V, RC }) => ({ label: V, value: RC, key: V + RC }));\n }\n setFilteredValueList(filtered);\n } else {\n setFilteredValueList(valueList.map(({ V, RC }) => ({ label: V, value: RC, key: V + RC })));\n }\n };\n const searchCodice = (inputValue) => {\n setSelected(false);\n setSelectedValue({ label: inputValue });\n if (inputValue?.length > 0) {\n const filtered = valueList\n .filter((value) =>\n value.V.split('-')[0].toLowerCase().trim().startsWith(inputValue.toLowerCase())\n )\n .map(({ V, RC }) => {\n ({ label: V, value: RC, key: V + RC });\n });\n setFilteredValueList(filtered);\n } else {\n setFilteredValueList(valueList.map(({ V, RC }) => ({ label: V, value: RC, key: V + RC })));\n }\n };\n\n return (\n <>\n {loading && \n Ricerca codice Istat \n \n {!columns.length > 0 ? (\n
\n Dopo aver selezionato l'unità e ricercato codice-denominazione di interesse, il sistema restituisce l'elenco dei codici e denominazioni dell'unità stessa con relativo periodo di validità.\n \n ) : (\n
\n )}\n
\n \n );\n};\nexport default RicercaCodice;\n","import { useEffect, useRef, useState } from 'react';\nimport { Row, Col, DatePicker, Checkbox, Divider } from 'antd';\nimport moment from 'moment';\nimport { useNavigate as useHistory, useLocation, useMatch as useRouteMatch } from 'react-router-dom';\nimport { WarningFilled } from '@ant-design/icons';\nimport TerritoryService from 'services/territorio';\nimport Loading from 'components/loading';\nimport ReportHead from 'components/reportHead';\nimport Form from 'react-bootstrap/Form';\nimport { AsyncTypeahead, Typeahead } from 'react-bootstrap-typeahead';\nimport Card from 'react-bootstrap/Card';\nimport { faRectangleList } from '@fortawesome/free-regular-svg-icons';\nimport { faCircleInfo } from '@fortawesome/free-solid-svg-icons';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { useDispatch } from 'react-redux';\nimport TabSkip from 'services/TabSkip/TabSkip';\nimport {\n initialState as Is_newReportCompiler,\n updateFilters,\n updateData,\n updateTextFilters,\n updateTableData\n} from '../../redux/reducers/NewReportCompiler.reducer';\n\nfunction Head() {\n const mainTitle = 'Ricostruzione codici statistici';\n const path = useLocation().pathname;\n const firstLoad = useRef(true);\n\n const dispatch = useDispatch();\n const {\n state = {\n loading: undefined,\n ambitiGeografici: undefined,\n unitaAmministrative: undefined,\n ambitoUA: undefined,\n checkedAmbitoGeografico: undefined,\n checkedUnitaAmministrativa: undefined,\n headerFunction: undefined,\n date: undefined,\n dateEnd: undefined,\n showZeroReports: undefined,\n showNextStep: undefined,\n stateApplied: undefined,\n showDateError: undefined\n }\n } = useLocation();\n\n const [loading, setLoading] = useState(state?.loading || false);\n const [ambitiGeografici, setAmbitiGeografici] = useState(state?.ambitiGeografici || []);\n const [unitaAmministrative, setUnitaAmministrative] = useState(state?.unitaAmministrative || []);\n const [ambitoUA, setAmbitoUA] = useState(state?.ambitoUA || null);\n const [checkedAmbitoGeografico, setCheckedAmbitoGeografico] = useState(state?.checkedAmbitoGeografico);\n const [checkedUnitaAmministrativa, setCheckedUnitaAmministrativa] = useState(state?.checkedUnitaAmministrativa);\n const [headerFunction, setHeaderFunction] = useState(state?.headerFunction || null);\n const [date, setDate] = useState(state?.date || null);\n const [dateEnd, setDateEnd] = useState(state?.dateEnd || null);\n const [showZeroReports, setShowZeroReports] = useState(state?.showZeroReports || false);\n const [showNextStep, setShowNextStep] = useState(state?.showNextStep || false);\n const [stateApplied, setStateApplied] = useState(state?.stateApplied || false);\n const [showDateError, setShowDateError] = useState(state?.showDateError || false);\n\n const history = useHistory();\n const location = useLocation();\n\n const snapshot = () => {\n return {\n loading,\n ambitiGeografici,\n unitaAmministrative,\n ambitoUA,\n checkedAmbitoGeografico,\n checkedUnitaAmministrativa,\n headerFunction,\n date,\n dateEnd,\n showZeroReports,\n showNextStep,\n stateApplied,\n showDateError\n };\n };\n\n const fetchAmbitiGeografici = async () => {\n let ret = await TerritoryService.ambitiGeografici();\n ret.data = ret.data.filter((i) => i.value?.toLowerCase() != 'paesi esteri' && i.value?.toLowerCase() != 'unità statistiche'); // Placeholder CABLATURA\n return ret;\n };\n\n const fetchUnitaAmministrative = async (data, dataA, ambito) => {\n return await TerritoryService.unitaAmministrative(data, ambito, 'ATTUALIZZAZIONE', dataA);\n };\n\n const fetchAmbitoUA = async (data, unita, ambito, dataA) => {\n return await TerritoryService.ambitoUA(data, unita, ambito, 'ATTUALIZZAZIONE', dataA);\n };\n\n const isComingBack = () => {\n return firstLoad.current && location.state;\n };\n\n useEffect(() => {\n document.title = 'Ricostruzione dei codici statistici - SITUAS';\n });\n\n useEffect(() => {\n if (isComingBack()) return;\n\n if (\n date &&\n ambitiGeografici &&\n checkedAmbitoGeografico &&\n unitaAmministrative &&\n checkedUnitaAmministrativa &&\n ambitoUA\n ) {\n setStateApplied(true);\n }\n }, [\n date,\n dateEnd,\n ambitiGeografici,\n checkedAmbitoGeografico,\n unitaAmministrative,\n checkedUnitaAmministrativa,\n ambitoUA\n ]);\n\n useEffect(() => {\n if (isComingBack()) return;\n\n const checkData = () => {\n const { state } = location;\n if (!state) {\n setLoading(true);\n //setDate(moment().subtract(1, 'd').format('DD-MM-YYYY'));\n setDate(moment('01-01-1991', 'DD-MM-YYYY').format('DD-MM-YYYY'));\n setDateEnd(moment().format('DD-MM-YYYY'));\n if (!showDateError) {\n fetchAmbitiGeografici()\n .then(({ data }) => {\n setAmbitiGeografici(data);\n setLoading(false);\n })\n .catch(() => {\n setLoading(false);\n });\n } else {\n setLoading(false);\n }\n setStateApplied(true);\n return () => setAmbitiGeografici([]);\n } else {\n const {\n date,\n dateEnd,\n checkedAmbitoGeografico,\n checkedUnitaAmministrativa,\n unitaAmministrative,\n ambitoUA,\n ambitiGeografici\n } = state;\n setDate(date);\n setDateEnd(dateEnd);\n setAmbitiGeografici(ambitiGeografici);\n setCheckedAmbitoGeografico(checkedAmbitoGeografico);\n setUnitaAmministrative(unitaAmministrative);\n setCheckedUnitaAmministrativa(checkedUnitaAmministrativa);\n setAmbitoUA(ambitoUA);\n }\n };\n checkData();\n return () => checkData();\n }, []);\n\n useEffect(() => {\n if (isComingBack()) return;\n\n if (stateApplied) {\n setCheckedUnitaAmministrativa();\n setCheckedAmbitoGeografico();\n setAmbitoUA();\n setUnitaAmministrative();\n }\n if (date && dateEnd) {\n dispatch(\n updateData({\n dataDaUp: moment(date, 'DD-MM-YYYY').format('YYYY-MM-DD'),\n dataAUp: moment(dateEnd, 'DD-MM-YYYY').format('YYYY-MM-DD')\n })\n );\n }\n }, [date, dateEnd]);\n\n useEffect(() => {\n if (isComingBack()) return;\n\n if (stateApplied) {\n setAmbitoUA([]);\n setCheckedUnitaAmministrativa();\n if (date && dateEnd && checkedAmbitoGeografico) {\n setLoading(true);\n fetchUnitaAmministrative(date, dateEnd, checkedAmbitoGeografico.key)\n .then(({ data }) => {\n if (data?.length === 0) {\n setShowZeroReports(true);\n } else {\n setShowZeroReports(false);\n setShowNextStep(true);\n }\n setUnitaAmministrative(data);\n setLoading(false);\n })\n .catch(() => setLoading(false));\n } else {\n setUnitaAmministrative([]);\n setAmbitoUA();\n }\n }\n }, [checkedAmbitoGeografico]);\n\n useEffect(() => {\n if (isComingBack()) return;\n\n if (stateApplied) {\n if (checkedUnitaAmministrativa && checkedAmbitoGeografico) {\n setShowNextStep(false);\n setLoading(true);\n fetchAmbitoUA(date, checkedUnitaAmministrativa.key, checkedAmbitoGeografico.key, dateEnd)\n .then(({ data }) => {\n if (data?.items?.length === 0) {\n setShowZeroReports(true);\n } else {\n setShowZeroReports(false);\n }\n setAmbitoUA(data.items);\n setLoading(false);\n })\n .catch(() => setLoading(false));\n } else {\n setShowNextStep(true);\n setAmbitoUA();\n }\n }\n }, [checkedUnitaAmministrativa, ambitiGeografici, checkedAmbitoGeografico, unitaAmministrative]);\n\n // Leave as last call\n useEffect(() => {\n firstLoad.current = false;\n }, []);\n return (\n <>\n \n Ricostruzione dei codici statistici {showDateError && (* )} \n \n
\n \n Criteri di ricerca \n {showDateError && (\n <>\n \n
Data inizio non può essere più recente di data fine.
\n
\n
Date selezionate non compatibili con periodo di disponibilità.
\n
\n <>\n
\n Si prega di selezionare 1 {checkedAmbitoGeografico.value}\n
\n \n
\n Dopo aver selezionato il periodo di interesse, l'ambito geografico e l'unità territoriale, il sistema propone report per traslare o \n confrontare codici e denominazioni nell'intervallo scelto.\n
\n )}\n {!checkedUnitaAmministrativa && (<>\n \n
\n {/*\n \n \n Unità amministrative (Ua) \n \n \n Disponibili i seguenti territori a partire dal 1° gennaio 1991:\n \n \n \n \n \n \n \n {/**/}\n {/* */}\n {/* */}\n {/* Unità statistiche (Us) */}\n {/* */}\n {/* Disponibili i seguenti territori: */}\n {/* */}\n {/* */}\n {/* */}\n {/* NUTS - Nomenclatura delle unità territoriali statistiche, dal 2006*/}\n {/* */}\n {/* SLL 2011, dal 09/10/2011 */}\n {/* SLL 2001, dal 21/10/2001 al 08/10/2011 */}\n {/* FUA, dal 01/01/2018 */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/**/}\n
\n
\n Nei prossimi rilasci del Portale la pagina sarà arricchita con nuove unità territoriali e nuovi report.\n
\n \n )}\n {/* {checkedAmbitoGeografico && showZeroReports && (\n \n <>\n
\n
Nessun report presente
\n \n
\n Risultati della ricerca:{' '}\n {ambitoUA ? ambitoUA.length : ''} \n
\n )}\n {ambitoUA?.map((ua) => {\n const periodo_dati = ua.periodo_dati\n ?.replace('31/12/9999', moment().format('DD/MM/YYYY'))\n .replace('Periodo dati:', '')\n .split('-');\n return (\n \n
\n \n
{ua.titolo_report} \n
{ua.descrizione_report}
\n
\n {ua.periodo_dati?.replace('31/12/9999', moment().format('DD/MM/YYYY'))}\n
\n \n \n setHeaderFunction(ua)}\n aria-label={`Apri pop up informazioni report ${ua.titolo_report}`}\n title=\"Apri pop up informazioni\">\n {\n dispatch(updateTableData(Is_newReportCompiler.tableData));\n dispatch(updateTextFilters(Is_newReportCompiler.textFilters));\n dispatch(updateFilters(Is_newReportCompiler.filters));\n \n let dtFrom = moment(date, \"DD-MM-YYYY\").format(\"YYYY-MM-DD\");\n let dtTo = moment(dateEnd, \"DD-MM-YYYY\").format(\"YYYY-MM-DD\");\n history(`/ricostruzione-codici/body?id=${ua.id_funzione}&dateFrom=${dtFrom}&dateTo=${dtTo}`, {\n replace: true,\n state: {\n dataDa: date,\n dataA: dateEnd,\n funzione: ua.id_funzione,\n title: ua.titolo_report,\n metadati: true,\n checkedAmbitoGeografico,\n unitaAmministrative,\n checkedUnitaAmministrativa,\n ambitoUA,\n ambitiGeografici,\n periodoDate: periodo_dati,\n mainTitle: mainTitle,\n percorsoBk: path,\n descrizione: ua.descrizione_report,\n metadati_val: ua,\n\n caller_state: snapshot()\n }\n });\n }}>\n
\n
\n \n \n );\n}\n\nexport default RicostruzioneCodici;\n","/** @format */\n\nimport { createAction, createReducer } from '@reduxjs/toolkit';\n\nconst initialState = {\n impostazioni: {},\n session: null,\n user: {\n username: 'UtenteTest',\n role: 'administrator',\n idNumber: '1HF73'\n },\n history: []\n};\nexport const addToHistory = createAction('addToHistory');\nexport const updateImpostazioni = createAction('updateImpostazioni');\n\nconst reducer = createReducer(initialState, (builder) => {\n builder\n .addCase(addToHistory, (state, action) => {\n // action is inferred correctly here\n state.history = [...state.history, action.payload];\n })\n .addCase(updateImpostazioni, (state, action) => {\n state.impostazioni = { ...state.impostazioni, ...action.payload };\n });\n});\n\nexport default reducer;\n","import './App.scss';\nimport 'bootstrap/dist/css/bootstrap.min.css';\nimport Header from './layout/Header';\nimport NavBarNew from './layout/Nav';\nimport Footer from './layout/Footer';\nimport { useState } from 'react';\nimport { Route, Routes as Switch, Navigate as Redirect } from 'react-router-dom';\nimport HomeIndex from './views/home';\nimport Glossary from './views/glossary';\nimport VariazioniTerritorio from './views/variazioniTerritorio/index';\nimport TerritorialUnits from './views/territorialUnits';\nimport RicercaStoriaUABox from 'views/ricercaStoriaUABox';\nimport CodificheTerritorialiUABox from 'views/codificheTerritorialiBox';\nimport CaratteristicheClassificazioniBox from 'views/caratteristicheClassificazioniBox';\nimport GeografieEuropeeClassificazioni from 'views/geografieEuropeeClassificazioni';\nimport StoriaUA from 'views/storiaUA';\nimport { NewDownloadPage } from 'components/NewDownloadPage';\nimport RicercaCodice from 'views/ricercaCodice';\nimport RicostruzioneCodici from 'views/ricostruzioneCodici';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { updateImpostazioni } from './redux/reducers/Session.reducer';\nimport IsMobile from 'components/IsMobile/IsMobile';\nimport TabSkip from 'services/TabSkip/TabSkip';\n\nconst App = () => {\n const dispatch = useDispatch();\n const [isMobile, setIsMobile] = useState(false);\n\n return (\n <>\n \n
\n \n \n \n \n \n
\n
\n \n \n \n \n \n );\n } else {\n if (process.env.REACT_APP_PREFIX == '/web/#') {\n return (\n \n \n \n \n \n \n );\n }\n }\n};\n\nReactDOM.render(\n \n ,\n document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\n//reportWebVitals();\n"],"sourceRoot":""}