\n \n
{title} \n
\n {link && (\n \n {details ? details : t('home.find_out_more')}\n \n )}\n
\n
\n \n
\n \n );\n};\n\nexport default ShortcutSection;\n","import { useEffect, useState } from 'react';\nimport { Row, Col } from 'antd';\nimport News from 'components/News';\nimport DownloadDocument from 'components/DownloadDocument';\nimport Loading from 'components/loading';\nimport DownloadService from 'services/download';\nimport ShortcutSection from './homeShortcuts';\n\nconst Home = ({ isMobile, defaultSkip, queryString }) => {\n const [repConsultati, setRepConsultati] = useState([]);\n const [repEvidenziati, setRepEvidenziati] = useState([]);\n const [loading, setLoading] = useState(true);\n\n useEffect(() => {\n if (defaultSkip) defaultSkip(false);\n if (queryString) queryString('');\n document.title = 'Home - SITUAS';\n getRepConsultati();\n }, []);\n\n const getRepConsultati = async () => {\n try {\n Promise.all([\n DownloadService.getReportConsultati(),\n DownloadService.getReportEvidenza()\n ]).then((onfulfilled) => {\n setLoading(false);\n setRepConsultati(onfulfilled[0].data?.items ? onfulfilled[0].data.items : []);\n setRepEvidenziati(onfulfilled[1].data?.items ? onfulfilled[1].data.items : []);\n });\n } catch (error) {\n setLoading(false);\n }\n };\n\n return (\n <>\n {loading && \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 {/* {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, Collapse } from 'antd';\nimport TerritoryService from 'services/territorio';\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 {\n CloseOutlined,\n InfoCircleOutlined,\n PlusCircleOutlined,\n MinusCircleOutlined\n} from '@ant-design/icons';\n\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\n\nimport '../../css/_reportHead.scss';\nconst { Title } = Typography;\n\nfunction ReportHead({ date, headerFunction, setLoading, setHeaderFunction }) {\n const [visibleDetails, setVisibleDetails] = useState(false);\n const [visibleVariables, setVisibleVariables] = useState(false);\n\n const { Panel } = Collapse;\n\n const infoIcon = \n
\n
Variabile
\n
{obj.variabile}
\n
\n
\n
Acronimo Variabile
\n
{obj.colname ? obj.colname : 'Non presente'}
\n
\n
\n
\n
\n
Link
\n
\n {obj.link ? (\n
\n {obj.link}\n \n ) : (\n 'Non presente'\n )}\n \n
\n
\n
\n {headerFunction?.descrizione_report}
\n \n {/*
*/}\n
Variabili \n
\n !isActive ? (\n \n {headerFunction.titolo_report}\n \n );\n Modal.info({\n tabIndex: -1,\n width: 800,\n title: titleFinish,\n icon: infoIcon,\n closeIcon: closeIcon,\n closable: true,\n visible: visibleVariables,\n autoFocusButton: null,\n centered: true,\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 setTimeout(() => {\n document\n .getElementsByClassName('ant-modal-close')[0]\n .setAttribute('aria-label', 'Chiudi');\n var modal = document.getElementsByClassName('ant-modal-wrap')[0];\n if (modal) {\n var div = document.querySelectorAll('div[role=\"dialog\"]')[0];\n div?.setAttribute('aria-modal', 'true');\n div?.setAttribute('aria-labelledby', 'report-head');\n }\n }, 100);\n })\n .catch(() => setLoading(false));\n }\n\n return () => {\n unmounted = true;\n };\n }, [headerFunction, date, visibleVariables, headerVariables, setHeaderFunction, setLoading]);\n\n return <>;\n}\n\nexport default ReportHead;\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({ defaultSkip, queryString }) {\n const history = useHistory();\n\n useEffect(() => {\n if (defaultSkip) defaultSkip(true);\n if (queryString) queryString('');\n document.title = 'Cambiamenti 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 \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({ defaultSkip, queryString }) {\n const history = useHistory();\n\n useEffect(() => {\n if (defaultSkip) defaultSkip(true);\n if (queryString) queryString('');\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 \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({ defaultSkip, queryString }) {\n const history = useHistory();\n\n useEffect(() => {\n if (defaultSkip) defaultSkip(true);\n if (queryString) queryString('');\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}\nexport default CaratteristicheClassificazioniBox;\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 GeografieEuropeeClassificazioni({ defaultSkip, queryString }) {\n const history = useHistory();\n\n useEffect(() => {\n if (defaultSkip) defaultSkip(true);\n if (queryString) queryString('');\n document.title = 'Geografie europee e relative classificazioni - SITUAS';\n });\n\n return (\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 \n Per le classificazioni delle Nuts consultare il link\n \n
\n \n \n \n
\n */}\n \n );\n}\nexport default GeografieEuropeeClassificazioni;\n","import axios from 'axios';\nimport { useCallback, useState } from 'react';\n\nexport const call_SpoolData = async (data, urlExtension = '', urlPrefix = '') => {\n const config = {\n method: 'post',\n url: `${process.env.REACT_APP_API_URL_AZURE}${process.env.REACT_APP_AUTH_PORT_POST}${urlPrefix}${process.env.REACT_APP_GET_SPOOL_DATA}${urlExtension}`,\n headers: {},\n data\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 useSpoolData = () => {\n const defaultData = {\n label: [],\n body: [],\n totalRows: 0,\n colNames: [],\n formatMasks: [],\n types: []\n };\n const [isLoading, setIsLoading] = useState(false);\n const [error, setError] = useState(null);\n const [data, setData] = useState(defaultData);\n\n const execute = async (data = {}, urlExtension = '') => {\n try {\n setIsLoading(true);\n const responseData = await call_SpoolData(data, 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(defaultData);\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 useSpoolData;\n","import axios from 'axios';\nimport { useCallback, useState } from 'react';\n\nexport const call_GetAutocomplete = async (data, urlExtension = '', urlPrefix = '') => {\n const config = {\n method: 'post',\n url: `${process.env.REACT_APP_API_URL_AZURE}${process.env.REACT_APP_AUTH_PORT_POST}${urlPrefix}${process.env.REACT_APP_GET_SPOOL_DATA}${urlExtension}`,\n headers: {},\n data\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 useGetAutocomplete = () => {\n const [isLoading, setIsLoading] = useState(false);\n const [error, setError] = useState(null);\n const [data, setData] = useState(null);\n\n const execute = async (data = {}, urlExtension = '') => {\n try {\n setIsLoading(true);\n const responseData = await call_GetAutocomplete(data, 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 useGetAutocomplete;\n","import axios from 'axios';\nimport Utils from 'utils';\nimport { useCallback, useState } from 'react';\n\nexport const call_GetReportDownload = async (data, urlExtension = '', urlPrefix = '') => {\n const config = {\n method: 'post',\n url: `${process.env.REACT_APP_API_URL_AZURE}${process.env.REACT_APP_AUTH_PORT_POST}${urlPrefix}${process.env.REACT_APP_GET_SPOOL_DATA}${urlExtension}`,\n headers: {\n accept: 'text/plain',\n 'Content-Type': 'application/json-patch+json'\n },\n responseType: 'blob',\n data\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 // add transformers here if needed\n const transformedData = responseData?.size ? responseData : [];\n\n return transformedData;\n};\n\nconst useGetReportDownload = () => {\n const [isLoading, setIsLoading] = useState(false);\n const [error, setError] = useState(null);\n const [data, setData] = useState(null);\n\n const execute = async (data = {}, urlExtension = '') => {\n try {\n setIsLoading(true);\n const responseData = await call_GetReportDownload(data, 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 useGetReportDownload;\n","export const downloadFile = (fileContent, fileName, mimeType) => {\n const url = window.URL.createObjectURL(new Blob([fileContent]));\n const link = document.createElement('a');\n link.href = url;\n link.setAttribute('download', fileName); // Set the desired filename and extension\n document.body.appendChild(link);\n link.click();\n link.remove();\n};\n","import axios from 'axios';\nimport { useCallback, useState } from 'react';\n\nexport const call_GetFunzione = async (data, 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_FUNZIONE}${urlExtension}`,\n headers: {},\n params: data\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 useGetFunzione = () => {\n const defaultData = {\n label: [],\n body: [],\n totalRows: 0,\n colNames: [],\n formatMasks: [],\n types: []\n };\n const [isLoading, setIsLoading] = useState(false);\n const [error, setError] = useState(null);\n const [data, setData] = useState(defaultData);\n\n const execute = async (data = {}, urlExtension = '') => {\n try {\n setIsLoading(true);\n const responseData = await call_GetFunzione(data, 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(defaultData);\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 useGetFunzione;\n","import { useEffect, useState, createRef } from 'react';\nimport { useLocation, useNavigate as useHistory, useSearchParams, useParams } from 'react-router-dom';\nimport ReportHead from 'components/reportHead';\nimport { AntdTableScrollXaxisTop } from 'antd-table-scroll-xaxis-top';\nimport {\n DatePicker,\n Tag,\n Pagination,\n Table,\n notification,\n AutoComplete,\n Select,\n Button,\n Spin,\n Input,\n Empty,\n ConfigProvider,\n Modal,\n Divider\n} from 'antd';\nimport { SearchOutlined } from '@ant-design/icons';\nimport DownloadService from 'services/download';\nimport { Form } from 'react-bootstrap';\nimport { Typeahead, Menu, MenuItem } from 'react-bootstrap-typeahead';\nimport moment from 'moment';\nimport Utils from 'utils';\nconst { RangePicker } = DatePicker;\nimport { ArrowLeftOutlined, InfoCircleOutlined } from '@ant-design/icons';\nimport {\n faFilePdf,\n faFileExcel,\n faFileCode,\n faFileLines,\n faCircleQuestion,\n} from '@fortawesome/free-regular-svg-icons';\nimport {\n faCircleInfo,\n faArrowDownAZ,\n faArrowDownZA,\n faArrowDown91,\n faArrowDown19,\n faCheck,\n faXmark,\n faChevronCircleDown\n} from '@fortawesome/free-solid-svg-icons';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport './newReportCompiler.scss';\nimport { useSpoolData } from '../../services/SpoolData';\nimport { useGetAutocomplete } from '../../services/GetAutocomplete';\nimport { useGetReportDownload } from '../../services/GetReportDownload';\nimport { downloadFile } from '../../assets/extra/helpers';\nimport IsMobile from 'components/IsMobile/IsMobile';\nimport { useDispatch, useSelector } from 'react-redux';\nimport {\n initialState as Is_newReportCompiler,\n updateFilters,\n updateData,\n updateTextFilters,\n updateTableData\n} from '../../redux/reducers/NewReportCompiler.reducer';\nimport { useGetFunzione } from '../../services/GetFunzione';\nimport { getLanguage } from '../langSelector/LangSelector';\n\nconst BodyCompiler = ({ mainTitle, defaultSkip, queryString }) => {\n const variabileRef = createRef();\n const valoreRef = createRef();\n\n const getReportDownload = useGetReportDownload();\n const getSpoolData = useSpoolData();\n const getAutocompleteData = useGetAutocomplete();\n const history = useHistory();\n const [searchParams, setSearchParams] = useSearchParams();\n const getFunzione = useGetFunzione();\n const language = getLanguage();\n const location = useLocation();\n const {\n state = {\n dataDa: undefined,\n dataA: undefined,\n funzione: undefined,\n title: undefined,\n periodoDate: undefined,\n mainTitle: undefined,\n percorsoBk: undefined,\n isEditable: true,\n fromHome: undefined,\n homeDataPicker: undefined,\n descrizione: undefined,\n metadati_val: undefined,\n reportQueryString: undefined,\n\n caller_state: undefined\n }\n } = useLocation();\n const {\n dataDa,\n dataA,\n title,\n periodoDate,\n percorsoBk,\n isEditable,\n fromHome,\n homeDataPicker,\n descrizione,\n metadati_val,\n reportQueryString,\n\n caller_state\n } = state || {};\n\n const dispatch = useDispatch();\n const LF = 'DD/MM/YYYY';\n const LF_API = 'YYYY-MM-DD';\n const [paginationHelper, setPaginationHelper] = useState(true);\n const [selectedPage, setSelectedPage] = useState(1);\n const [pageSize, setPageSize] = useState(10);\n const [currFilterValue, setCurrFilterValue] = useState(null);\n const [currColumnSearch, setCurrColumnSearch] = useState('');\n const [currColumnValue, setCurrColumnValue] = useState('');\n const [currColumnDataIndex, setCurrColumnDataIndex] = useState('');\n const [variabileMenuShouldOpen, setVariabileMenuShouldOpen] = useState(true);\n\n const [tmpDates, setTmpDates] = useState({ dataDaUp: null, dataAUp: null });\n const [data, setData] = useState({ dataDaUp: null, dataAUp: null });\n const [autoData, setAutoData] = useState([]);\n const [autoDataFiltered, setAutoDataFiltered] = useState(null);\n const [autocompleteIsLoading, setAutocompleteIsLoading] = useState(true);\n const [searchIsLoading, setSearchIsLoading] = useState(false);\n const [tempDesc, setTempDesc] = useState(descrizione);\n const [tempSubTitle, setTempSubTitle] = useState(title);\n const [tempPeriodoDate, setTempPeriodoDate] = useState(periodoDate);\n const [headerFunction, setHeaderFunction] = useState();\n const [loading, setLoading] = useState(false);\n const [loadingPDF, setLoadingPDF] = useState(false);\n const [loadingXLSX, setLoadingXLSX] = useState(false);\n const [loadingCSV, setLoadingCSV] = useState(false);\n const [loadingJSON, setLoadingJSON] = useState(false);\n const [funzione, setFunzione] = useState(null);\n const [fixedHomePicker, setFixedHomePicker] = useState('');\n\n const { filters, textFilters, tableData } = useSelector(\n (reduxState) => reduxState.NewReportCompiler\n );\n\n const infoIcon = (\n \n \n {tableData.label[index]}\n \n
\n ),\n dataIndex: column,\n key: column,\n render: (testo) => {\n if (testo?.length > 100) {\n return \n
{\n Modal.info({\n title: tableData.label[index],\n width: 800,\n icon: infoIcon,\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 {testo}
\n }\n },\n align: tableData.types[index] == 'VARCHAR' ? 'Pagina precedente' : 'Pagina successiva'\n };\n });\n\n const selectOption = tableData.label.map((e, i) => {\n return { value: tableData.colNames[i], label: e };\n });\n\n const updateUrlParam = (nextInit) => {\n const newSearchParams = new URLSearchParams(searchParams);\n\n for (var i in nextInit) {\n if (nextInit[i] != null) {\n newSearchParams.set(i, nextInit[i]);\n } else {\n newSearchParams.delete(i);\n }\n }\n\n // Update the URL with the new search parameters\n setSearchParams(newSearchParams, { state: state });\n };\n\n const goBack = () => {\n if (!fromHome) {\n history(`${percorsoBk || '..'}`, { state: caller_state });\n } else history(`/home`);\n };\n\n const isChangingDateFilter = () => {\n const { dataDaUp, dataAUp } = tmpDates;\n return dataDaUp !== data.dataDaUp || dataAUp !== data.dataAUp;\n };\n\n const injectPaginationNav = (() => {\n var paginator = document.getElementsByClassName('ant-pagination')[0];\n if (paginator) {\n paginator.querySelectorAll('button.ant-pagination-item-link').forEach( element => {\n\n element.setAttribute('title', element.parentElement.title);\n \n if (element.parentElement.classList.contains('ant-pagination-disabled')) {\n element.parentElement.setAttribute('tabindex', '0');\n element.parentElement.removeAttribute('aria-disabled');\n element.removeAttribute('disabled');\n element.setAttribute('aria-disabled', 'true');\n }\n else {\n element.parentElement.removeAttribute('aria-disabled');\n element.setAttribute('aria-disabled', 'false');\n }\n\n element.firstElementChild.removeAttribute('aria-label');\n element.firstElementChild.setAttribute('aria-hidden', 'true');\n\n });\n\n paginator.querySelectorAll('.ant-pagination-item a').forEach( element => {\n \n if (element.parentElement.title) {\n element.setAttribute('title', element.parentElement.title)\n\n element.setAttribute('tabindex', '0')\n element.parentElement.removeAttribute('tabindex');\n\n if (element.parentElement.classList.contains('ant-pagination-item-active')) {\n element.setAttribute('aria-current', true);\n }\n else {\n element.setAttribute('aria-current', false);\n }\n }\n\n });\n\n paginator.querySelectorAll('div.ant-pagination-options-size-changer').forEach( element => {\n element.removeAttribute('aria-label');\n });\n\n var nav = document.getElementsByName('paginazione tabella')[0];\n\n if (!nav) {\n nav = document.createElement('nav');\n nav.setAttribute('name', 'paginazione tabella');\n nav.classList.add('report-table-pagination');\n nav.ariaLabel = 'Sfoglia pagine dei risultati';\n\n document.getElementsByClassName('ant-table')[0].insertAdjacentElement('afterend', nav);\n nav.appendChild(paginator);\n }\n }\n });\n\n const renderDataPickerLabel = (direction, reportTitle) => {\n if (direction === 'from') {\n if(reportTitle === \"In evidenza\" || reportTitle === \"I più consultati\") {\n if (fixedHomePicker === 'al')\n return ( I dati sono disponibili fino al: );\n\n if (fixedHomePicker === 'dal')\n return ( I dati sono disponibili a partire dal: );\n }\n\n return ( Data inizio periodo Da:Data fine periodo A:\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 , Compilare il campo utilizzando il formato: giorno (2 caratteri), /, mese (2 caratteri), /, anno (4 caratteri). Valore attuale\n \n
\n { renderDataPickerLabel(\"from\", mainTitle) }\n {\n (mainTitle !== \"In evidenza\" && mainTitle !== \"I più consultati\") ?\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 variabileRef.current.clear();\n valoreRef.current.clear();\n setVariabileMenuShouldOpen(false);\n }}\n />\n :\n \n {moment(tmpDates.dataDaUp).format('DD/MM/YYYY')}\n \n }\n
\n {tmpDates.dataAUp && (\n
\n { renderDataPickerLabel(\"to\", mainTitle) }\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 variabileRef.current.clear();\n valoreRef.current.clear();\n setVariabileMenuShouldOpen(false);\n }}\n />\n
\n )}\n
\n
\n
\n {textFilters.filterFields.length > 0 && (\n <>\n
Filtri attivi:
\n
\n {textFilters.filterFields.map((field, i) => {\n return (\n
\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 onClick={() => {\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 Filtro attivo,
\n {`${tableData.label[tableData.colNames.indexOf(`${field.textFields}`)]}:`} \n {`${Utils.truncateEllipsis(field.textValue === \"$BLANK$\" ? \"Non disponibile\" : field.textValue)}`}\n \n \n \n \n , clicca o premi Invio per rimuovere il filtro.
\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 defaultPageSize: 10,\n showSizeChanger: true,\n pageSizeOptions: ['10', '20', '50', '100'],\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\n return (mainTitle === \"In evidenza\" || mainTitle === \"I più consultati\") ?\n \n {renderReport()}\n \n :\n renderReport();\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, InfoCircleOutlined } from '@ant-design/icons';\nimport './aggiornamentiTable.scss';\nimport { useGetAggiornamenti } from 'services/GetAggiornamenti';\nimport { Table, Button, Tooltip, Modal, Divider } from 'antd';\nimport { useGetAggiornamentiDownload } from 'services/GetAggiornamentiDownload';\nimport { downloadFile } from '../../assets/extra/helpers';\nimport { useNavigate as useHistory } from 'react-router-dom';\n\nconst AggiornamentiTable = ({ defaultSkip, queryString }) => {\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\n useEffect(() => {\n if (defaultSkip) defaultSkip(true);\n if (queryString) queryString('');\n document.title = \"Aggiornamenti - SITUAS\";\n }, []);\n\n useEffect(async () => {\n await GetAggiornamenti(pageNum, pageSize);\n }, [pageNum, pageSize]);\n\n const infoIcon = (\n \n {titolo}\n
\n )\n },\n {\n title: 'Descrizione',\n key: 'Descrizione',\n dataIndex: 'testo',\n render: (testo, record) => (\n \n
{\n Modal.info({\n className: 'modalNews',\n title: record['titolo'],\n icon: infoIcon,\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
{\n history(`/home`);\n }}>\n Indietro \n \n \n
\n
Aggiornamenti \n
\n
\n
\n {/*
*/}\n
\n );\n};\n\nexport default AggiornamentiTable;\n","import React from 'react';\nimport '../../css/_notFound.scss';\n\nconst NotFound = () => {\n return (\n \n
404 \n
Errore 404. La pagina che stai cercando non esiste.
\n
Verifica che il link sia corretto.
\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, resetCounter, defaultSkip, queryString }) {\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\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 const [oldCounter, setOldCounter] = useState(1);\n\n function handleKeyDown(event) {\n if (!getDisable && 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 setFilteredGlossary(glossary);\n setTitleSearch(`${word}`);\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(() => {\n if (resetCounter !== oldCounter){\n fetchDataGlossary('Tutte le definizioni', 'AZ');\n setInputValue(null);\n\n setOldCounter(resetCounter);\n }\n }, [resetCounter]);\n\n useEffect(async () => {\n if (defaultSkip) defaultSkip(true);\n if (queryString) queryString(''); \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\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 {loading && \n \n
Criteri di ricerca \n
\n Indice alfabetico\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 && (\n \n {titleSearch}\n \n , {filteredGlossary?.length === 1 ? \n `trovata ${filteredGlossary.length} definizione` :\n `trovate ${filteredGlossary?.length ?? 0} definizioni`}\n \n \n )}\n {!loading && filteredGlossary?.length <= 0 && (\n \n Nessun risultato trovato.\n
\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\";\n\nconst ApiIcon = (props) => {\n return (\n \n setIsVisible(false)} // Chiudi la modale\n closable={false}\n >\n \n Dettaglio API \n \n {\n setIsVisible(false);\n }}>\n
\n\n \n Id report:
\n {dataDetail[\"Id report\".trim()] ?? '-'}
\n \n Titolo report:
\n {dataDetail[\"Titolo report\".trim()] ?? '-'}
\n \n Inizio/fine validità report:
\n {dataDetail[\"Inizio/fine validita report\".trim()] ?? '-'}
\n \n Analisi temporale:
\n {dataDetail[\"Analisi temporale\".trim()] ?? '-'}
\n \n Ambito territoriale:
\n {dataDetail[\"Ambito territoriale\".trim()] ?? '-'}
\n \n Unità territoriale:
\n {dataDetail[\"Unita territoriale\".trim()] ?? '-'}
\n \n Parametri necessari:
\n {dataDetail[\"parametri necessari\".trim()] ?? '-'}
\n \n
\n \n \n {DescrizioneDetail?.map((parametro, index) => {\n return (\n \n {parametro?.NomeParametro??''}: {parametro?.DescrizioneParametro??''} \n \n )\n })}\n \n \n
\n \n Dati:
\n \n {dataDetail[\"SPOOL_LINK\".trim()] ? (\n \n {dataDetail[\"SPOOL_LINK\".trim()]}\n \n ) : (\n \"-\"\n )}\n \n
\n \n Conteggio:
\n \n {dataDetail[\"COUNT_LINK\".trim()] ? (\n \n {dataDetail[\"COUNT_LINK\".trim()]}\n \n ) : (\n \"-\"\n )}\n \n
\n \n Metadati:
\n \n {dataDetail[\"INFO_LINK\".trim()] ? (\n \n {dataDetail[\"INFO_LINK\".trim()]}\n \n ) : (\n \"-\"\n )}\n \n
\n \n
\n |
\n \n
\n {\n setIsVisible(false);\n }}>\n Chiudi \n \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 { testoDiffusione?.descrizionePagina }\n
\n \n
\n { testoDiffusione?.unita?.map((unita, index) => {\n return (\n \n \n \n { unita.titolo } \n \n \n { unita.sottotitolo }\n
\n \n
\n { unita.elencoReport?.map((report, reportIndex) => {\n return ({ report } )\n })}\n \n
\n \n \n )\n })}\n
\n
\n { testoDiffusione?.noteFondoPagina }\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 )}\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 \n
{ua.titolo_report} \n
{ua.descrizione_report}
\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 reportQueryString: `?id=${ua.id_funzione}&dateFrom=${dtFrom}&dateTo=${dtTo}`,\n\n caller_state: snapshot()\n }\n });\n }}>\n {\n handleOpenModal(ua.id_funzione);\n }}\n aria-label={`Apri pop up API ${ua.titolo_report}`}\n title=\"Apri pop up API\">\n \n {ua.periodo_dati?.replace('31/12/9999', moment().format('DD/MM/YYYY'))} \n
\n \n
\n \n );\n })}\n \n )}\n \n
\n \n \n\n \n \n );\n}\n\nexport default VariazioniTerritorio;\n","import { useState, useEffect, useRef, createRef } from 'react';\nimport { Col, Row, Divider, Table, Button } from 'antd';\nimport Form from 'react-bootstrap/Form';\nimport moment from 'moment';\nimport { Typeahead, Menu, MenuItem } from 'react-bootstrap-typeahead';\nimport RicercaApi from 'services/apiDetail';\nimport Loading from 'components/loading';\nimport TerritoryService from 'services/territorio';\nimport _ from 'lodash';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faChevronCircleDown, faFileCode, faCircleInfo } from '@fortawesome/free-solid-svg-icons';\nimport '../../css/_ricercaCodice.scss';\nimport {\n useLocation,\n useNavigate as useHistory,\n useSearchParams,\n useParams\n} from 'react-router-dom';\nimport { downloadFile } from '../../assets/extra/helpers';\nimport Utils from 'utils';\nimport DetailApiModal from 'components/DetailApiModal';\nimport React from 'react';\nimport Card from 'react-bootstrap/Card';\n\nfunction ApiDetail({ isMobile, resetCounter, defaultSkip, queryString }) {\n const typeaheadRef = createRef();\n\n const modalRef = useRef();\n\n const handleOpenModal = (id) => {\n modalRef.current?.openModal(id);\n };\n\n const [selectedPage, setSelectedPage] = useState(1);\n const [pageSize, setPageSize] = useState(10);\n const [loading, setLoading] = useState(true);\n const [textLoading, setTextLoading] = 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 const [oldCounter, setOldCounter] = useState(1);\n const [searchParams, setSearchParams] = useSearchParams();\n const [selectedRow, setSelectedRow] = useState();\n const [dettaglioColumns, setDettaglioColumns] = useState([]);\n const [dettaglioRows, setDettaglioRows] = useState([]);\n const [testoDiffusione, setTestoDiffusione] = useState(null);\n\n const detailApiShow = ['Id report', 'Titolo report', 'Inizio/fine validità report'];\n const hiddenColumns = [\n // 'Analisi temporale',\n 'Ambito territoriale',\n 'Unità territoriale',\n 'parametri necessari',\n 'SPOOL_LINK',\n 'COUNT_LINK',\n 'INFO_LINK',\n 'SHOW_DATE'\n ];\n const pageId = 4;\n\n const paginationChange = (pagina, pageSize) => {\n setSelectedPage(pagina);\n setPageSize(pageSize);\n injectPaginationNav();\n };\n\n const fetchDescrizionePagina = async () => {\n let ret = await TerritoryService.descrizionePagina(pageId);\n return ret;\n };\n\n const downloadJsonSwagger = async () => {\n let ret = await RicercaApi.downloadJson();\n let filename = Utils.getFileNameFromHeader(ret.headers['content-disposition']);\n downloadFile(ret.data, filename);\n setLoading(false);\n };\n\n const injectPaginationNav = () => {\n var paginator = document.getElementsByClassName('ant-pagination')[0];\n if (paginator) {\n\n setTimeout(() => {\n fixNavBar(paginator);\n }, 100);\n\n var nav = document.getElementsByName('paginazione tabella')[0];\n if (!nav) {\n nav = document.createElement('nav');\n nav.setAttribute('name', 'paginazione tabella');\n nav.classList.add('api-table-pagination');\n nav.ariaLabel = 'Sfoglia pagine dei risultati';\n \n document.getElementsByClassName('ant-table')[0].insertAdjacentElement('afterend', nav);\n nav.appendChild(paginator);\n }\n }\n };\n\n useEffect(() => {\n if (resetCounter !== oldCounter) {\n resetSearch();\n }\n }, [resetCounter]);\n\n useEffect(() => {\n if (defaultSkip) defaultSkip(true);\n if (queryString) queryString('');\n document.title = 'Dettaglio API';\n let mounted = false;\n const fetchList = async () => {\n try {\n const listApi = await RicercaApi.getList();\n let apiToshow = listApi.data.items;\n let paramID = 0;\n\n if (searchParams.has('id')) {\n paramID = +searchParams.get('id');\n apiToshow = apiToshow.filter((item) => item['Id report'] === paramID);\n }\n\n let formattedColsAllApi =\n Object.keys(_.omit(apiToshow[0], hiddenColumns)).map((key) => ({\n title: key,\n onCell: () => ({\n style: { textAlign: 'left' }\n }),\n dataIndex: key,\n key: key\n })) ?? [];\n\n // aggiungo icona info su nuova colonna fake\n formattedColsAllApi.push({\n title: () => Informazioni ,\n dataIndex: 'Info',\n key: 'Info',\n onCell: () => ({\n style: { textAlign: 'center' }\n })\n });\n\n let formattedRowsAllApi =\n apiToshow.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\n rowObject.Info = React.cloneElement(\n {\n handleOpenModal(row['Id report']);\n }}>\n Informazioni ,\n dataIndex: 'Info',\n key: 'Info',\n onCell: () => ({\n style: { textAlign: 'center' }\n })\n });\n\n let formattedRowsAllApi =\n list.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 rowObject.Info = React.cloneElement(\n {\n handleOpenModal(row['Id report']);\n }}>\n Informazioni ,\n dataIndex: 'Info',\n key: 'Info',\n onCell: () => ({\n style: { textAlign: 'center' }\n })\n });\n\n const formattedRows = data.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 rowObject.Info = React.cloneElement(\n {\n handleOpenModal(row['Id report']);\n }}>\n \n \n {loading && \n \n
\n Criteri di ricerca \n \n I risultati vengono mostrati simultaneamente all'impostazione dei filtri\n
\n 0 ? undefined : false}\n inputProps={{\n id: 'codice-ricerca',\n 'aria-disabled': !valueList.length > 0,\n 'aria-describedby': valueList.length > 0 ? '' : 'codice-ricerca-desc',\n className: valueList.length > 0 ? '' : 'criteri-ricerca-input-disabled',\n readOnly: !valueList.length > 0\n }}\n placeholder={valueList.length > 0 ? `Id/Titolo report ` : ''}\n onKeyDown={(event) => {\n if (event.key === 'Enter') event.preventDefault();\n }}\n onChange={(selection) => {\n if (selection && selection.length === 1) {\n const option = new Object(selection[0]);\n setSelectedValue(option);\n setSelected(option.value !== '');\n }\n }}\n onBlur={(event) => {\n if (event?.target.value === '') {\n setSelected(false);\n }\n }}\n value={selectedValue?.label}\n options={filteredValueList}\n renderMenu={(results) => (\n \n
{\n executeSearch();\n }}\n onKeyDown={(event) => {\n if (event.key === 'Enter') {\n event.preventDefault();\n if (selected) executeSearch();\n }\n }}>\n Cerca\n \n {\n resetSearch();\n }}>\n Annulla\n \n \n\n \n {isMobile && rows.length > 0 && (\n <>\n
\n
\n Riepilogo API\n \n
record.id}\n components={{\n table: (props) => \n }}\n />\n \n \n )}\n
\n Dettaglio API \n \n
\n
\n {testoDiffusione?.descrizionePagina ?? ''}\n
\n
\n
\n {testoDiffusione?.unita?.map((unita, index) => {\n return (\n \n \n \n \n {unita.titolo}
\n \n {unita.sottotitolo}
\n \n
\n {unita.elencoReport?.map((report, reportIndex) => {\n return {report} ;\n })}\n \n
\n \n \n );\n })}\n
\n
\n
\n {testoDiffusione?.noteFondoPagina ?? ''}\n {\n setLoading(true);\n downloadJsonSwagger();\n }}\n icon={\n
\n
\n
\n
\n Riepilogo API\n \n
{\n return `${range[0]}-${range[1]} di ${total}`;\n }\n }}\n rowKey={(record) => record.id}\n rowClassName={(_, index) => {\n return index === selectedRow\n ? 'dettaglio-api-rows selected dettaglio-api-rows'\n : 'dettaglio-api-rows dettaglio-api-rows';\n }}\n onChange={() => {\n resetSearch();\n }}\n components={{\n table: (props) => \n }}\n />\n
\n \n );\n}\nexport default ApiDetail;\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 ApiIcon from 'icons/ApiIcon';\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 DetailApiModal from 'components/DetailApiModal';\n\nfunction Head({ resetCounter, defaultSkip, queryString }) {\n const dispatch = useDispatch();\n const modalRef = useRef();\n\n const handleOpenModal = (id) => {\n modalRef.current?.openModal(id);\n };\n\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 reportQueryString: undefined,\n testoDiffusione: undefined,\n oldCounter: undefined\n }\n } = useLocation();\n\n const mainTitle = 'Unità territoriali';\n const idPagina = '1';\n const path = useLocation().pathname;\n const firstLoad = useRef(true);\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 || moment(Date.now()).format('DD-MM-YYYY'));\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 [reportQueryString, setReportQueryString] = useState(state?.reportQueryString || '');\n const [testoDiffusione, setTestoDiffusione] = useState(state?.testoDiffusione || null);\n const [oldCounter, setOldCounter] = useState(state?.oldCounter || 1);\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 showZeroReports,\n showNextStep,\n stateApplied,\n showDateError,\n reportQueryString,\n testoDiffusione,\n oldCounter\n };\n };\n\n const fetchDescrizionePagina = async () => {\n let ret = await TerritoryService.descrizionePagina(idPagina);\n return ret;\n };\n\n const fetchAmbitiGeografici = async (dataReport) => {\n let ret = await TerritoryService.ambitiGeografici(idPagina, null, dataReport);\n return ret;\n };\n\n const fetchUnitaAmministrative = async (data, ambito) => {\n return await TerritoryService.unitaAmministrative(data, 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\n fetchDescrizionePagina()\n .then(({ data }) => {\n setTestoDiffusione(data);\n })\n .catch(() => {\n setTestoDiffusione(null);\n });\n\n const dataReport = moment().format('DD-MM-YYYY');\n setDate(dataReport);\n\n if (!showDateError) {\n fetchAmbitiGeografici(dataReport)\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 testoDiffusione\n } = state;\n setDate(date);\n setAmbitiGeografici(ambitiGeografici);\n setTestoDiffusione(testoDiffusione);\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 (resetCounter !== oldCounter) {\n setCheckedAmbitoGeografico(false);\n setCheckedUnitaAmministrativa(false);\n setOldCounter(resetCounter);\n }\n }, [resetCounter])\n\n useEffect(() => {\n if (defaultSkip) defaultSkip(true);\n if (queryString) queryString(reportQueryString);\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 \n { testoDiffusione?.descrizionePagina }\n
\n \n
\n { testoDiffusione?.unita?.map((unita, index) => {\n return (\n \n \n \n { unita.titolo } \n \n \n { unita.sottotitolo }\n
\n \n
\n { unita.elencoReport?.map((report, reportIndex) => {\n return ({ report } )\n })}\n \n
\n \n \n )\n })}\n
\n
\n { testoDiffusione?.noteFondoPagina }\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 )}\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 \n
{ua.titolo_report} \n
{ua.descrizione_report}
\n
\n {\n setHeaderFunction(ua);\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 reportQueryString: `?id=${ua.id_funzione}&dateFrom=${dtFrom}`,\n\n caller_state: snapshot()\n }\n });\n }}>\n {\n handleOpenModal(ua.id_funzione);\n }}\n aria-label={`Apri pop up API ${ua.titolo_report}`}\n title=\"Apri pop up API\">\n \n {ua.periodo_dati?.replace('31/12/9999', moment().format('DD/MM/YYYY'))} \n
\n \n
\n \n );\n })}\n \n )}\n \n
\n \n \n\n \n \n );\n}\n\nexport default TerritorialUnits;\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 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 { Row, Col, Divider, Table } from 'antd';\nimport { useEffect, createRef, useState } from 'react';\nimport { Typeahead, Menu, MenuItem } from 'react-bootstrap-typeahead';\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 axios from 'axios';\nimport Utils from '../../utils';\nimport RicercaCodiceSvc from 'services/ricercaCodice';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faChevronCircleDown } from '@fortawesome/free-solid-svg-icons';\nimport '../../css/_ricercaCodice.scss';\n\nfunction StoriaUA({ isMobile, resetCounter, defaultSkip, queryString }) {\n const typeaheadRef = createRef();\n\n const [loading, setLoading] = useState(false);\n const [list, setList] = useState([]);\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 [valueList, setValueList] = useState([]);\n const [filteredValueList, setFilteredValueList] = useState([]);\n const [checked, setChecked] = useState();\n const [selectedRow, setSelectedRow] = useState();\n const [title, setTitle] = useState();\n const [isBug, setIsBug] = useState(false);\n const [selectedValue, setSelectedValue] = useState();\n const [columns, setColumns] = useState([]);\n const [rows, setRows] = useState([]);\n const [isChecked, setIsChecked] = useState(false);\n const [descrizioneEvento, setDescrizioneEvento] = useState();\n const [statusEventoSR, setStatusEventoSR] = useState();\n const [oldCounter, setOldCounter] = useState(1);\n\n const uaType = {\n regione: 'regione',\n provincia: 'provincia',\n comune: 'comune'\n };\n\n useEffect(() => {\n if (resetCounter !== oldCounter) {\n setChecked(null);\n setSelectedRow('');\n setRiepilogoRows([]);\n setDettaglioRows([]);\n setDatiVariazioneRows([]);\n setDettaglioColumns([]);\n setRiepilogoColumns([]);\n setDatiVariazioneColumns([]);\n setSelected(false);\n setDescrizioneEvento();\n setStatusEventoSR();\n setTitle();\n typeaheadRef.current.clear();\n\n setOldCounter(resetCounter);\n }\n }, [resetCounter]);\n\n useEffect(() => {\n if (defaultSkip) defaultSkip(true);\n if (queryString) queryString('');\n document.title = 'Storia unità territoriali - SITUAS';\n\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 let data;\n try {\n switch (checked.return_code) {\n case 3:\n ({ data } = await StoricoService.regione('', null));\n if (!mounted) {\n setValueList(\n data?.items.map((obj, i) => ({\n label: `${obj['cod_regione']} - ${obj['denominazione regione']} - ${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 setFilteredValueList(\n data.items.map((obj, i) => ({\n label:`${obj['cod_regione']} - ${obj['denominazione regione']} - ${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 }\n break;\n case 2:\n ({ data } = await StoricoService.provinceUts('', null));\n if (!mounted) {\n setValueList(\n data?.items.map((obj, i) => ({\n label: `${obj['cod_uts']} - ${obj['denominazione_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 setFilteredValueList(\n data.items.map((obj, i) => ({\n label: `${obj['cod_uts']} - ${obj['denominazione_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 setLoading(false);\n }\n break;\n case 1:\n ({ data } = await StoricoService.comune('', null));\n if (!mounted) {\n setValueList(\n data?.items.map(({ comune: com, pro_com_t }, i) => ({\n label: `${pro_com_t} - ${com}`,\n value: i,\n denominazione: com,\n codice: pro_com_t,\n key: i\n }))\n );\n setFilteredValueList(\n data.items.map(({ comune: com, pro_com_t }, i) => ({\n label: `${pro_com_t} - ${com}`,\n value: i,\n denominazione: com,\n codice: pro_com_t,\n key: i\n }))\n );\n setLoading(false);\n }\n break;\n default:\n break;\n }\n } catch {\n setLoading(false);\n }\n }\n };\n fetchValueList();\n return () => {\n mounted = true;\n };\n }, [checked]);\n\n const search = (inputValue) => {\n setSelected(false);\n setSelectedValue({ label: inputValue });\n if (inputValue?.length > 0) {\n let filtered = valueList.filter((value) =>\n value.label.split('-')[1].toLowerCase().trim().startsWith(inputValue.toLowerCase())\n );\n\n if (!filtered.length) {\n filtered = valueList.filter((value) =>\n value.label.split('-')[0].toLowerCase().trim().startsWith(inputValue.toLowerCase())\n );\n }\n\n if (!filtered.length) {\n filtered = valueList.filter((value) =>\n value.label.toLowerCase().trim().startsWith(inputValue.toLowerCase())\n );\n }\n setFilteredValueList(filtered);\n } else {\n setFilteredValueList(valueList);\n }\n };\n\n const executeSearch = async () => {\n setDettaglioRows([]);\n setDettaglioColumns([]);\n setDatiVariazioneRows([]);\n setDatiVariazioneColumns([]);\n setSelectedRow();\n setDescrizioneEvento();\n setStatusEventoSR();\n if (selected) {\n switch (checked.return_code) {\n case 1:\n setLoading(true);\n\n const codiceComune = selectedValue.codice;\n let denominazioneComune = selectedValue.denominazione;\n\n setRiepilogoColumns([]);\n setRiepilogoRows([]);\n try {\n const { data } = await StoricoService.comuneRiepilogo(\n codiceComune,\n denominazioneComune\n );\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 break;\n\n case 2:\n setLoading(true);\n const codiceProvincia = selectedValue.codice;\n let denominazioneProvincia = selectedValue.denominazione;\n const tipoProvincia = selectedValue.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 break;\n\n case 3:\n setLoading(true);\n\n const codiceReg = selectedValue.codice;\n let denominazioneReg = selectedValue.denominazione;\n const tipoRegione = selectedValue.tipo;\n\n const lastIndex = denominazioneReg.lastIndexOf('-');\n if (denominazioneReg.split('-').length > 1) {\n if (\n lastIndex !== -1 &&\n !denominazioneReg[lastIndex - 1].toLowerCase().match(/[a-z]/i)\n ) {\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 break;\n default:\n break;\n }\n }\n };\n\n const handleRowClick = async (e) => {\n setLoading(true);\n setDescrizioneEvento(e['descrizione evento']);\n setStatusEventoSR();\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 \n {loading && {title ? `Ricerca per ${checked?.label_tipologia} ${title}` : ''} \n {statusEventoSR} \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 \"aria-label\": `${record.id}`,\n onClick: () => handleRowClick(record),\n onKeyDown: (event) => {\n if (event.key === 'Enter') {\n handleRowClick(record);\n }\n }\n };\n }}\n components={{\n table: (props) => (\n \n )\n }}\n />\n {dettaglioRows.length > 0 && (\n <>\n Dettaglio provvedimento \n (\n \n )\n }}\n />\n \n )}\n {datiVariazioneRows.length > 0 && (\n <>\n Dettaglio variazione \n (\n \n )\n }}\n />\n \n )}\n \n )}\n \n \n \n
Storia unità territoriali \n
\n {!riepilogoRows.length > 0 && (\n
\n Dopo aver ricercato la denominazione/codice dell'unità di interesse il sistema\n restituisce il riepilogo delle variazioni.
\n )}\n {riepilogoRows.length > 0 && (\n <>\n {title &&
{title}
}\n
Riepilogo variazioni \n
record.id}\n rowClassName={(_, index) => {\n return index === selectedRow\n ? 'storia-ua-rows selected storia-ua-rows'\n : 'storia-ua-rows storia-ua-rows';\n }}\n onRow={(record, index) => {\n return {\n tabIndex: 0,\n \"aria-label\": `Approfondisci ${record.variazione} in data ${record['data evento']}. `,\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 components={{\n table: (props) => (\n \n )\n }}\n />\n \n )}\n \n {riepilogoRows.length > 0 && dettaglioRows.length > 0 && (\n <>\n
Dettaglio provvedimento \n
(\n \n )\n }}\n />\n \n )}\n \n {riepilogoRows.length > 0 && datiVariazioneRows.length > 0 && (\n <>\n
Dettaglio variazione \n
(\n \n )\n }}\n />\n \n )}\n
\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 { useState, useEffect, createRef } from 'react';\nimport { Col, Row, Divider, Table } from 'antd';\nimport Form from 'react-bootstrap/Form';\nimport { Typeahead, Menu, MenuItem } from 'react-bootstrap-typeahead';\nimport RicercaCodiceSvc from 'services/ricercaCodice';\nimport Loading from 'components/loading';\nimport _ from 'lodash';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faChevronCircleDown } from '@fortawesome/free-solid-svg-icons';\nimport '../../css/_ricercaCodice.scss';\n\nconst RicercaCodice = ({ isMobile, resetCounter, defaultSkip, queryString }) => {\n const typeaheadRef = createRef();\n\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 const [oldCounter, setOldCounter] = useState(1);\n\n useEffect(() => {\n if (resetCounter !== oldCounter) {\n setSelectedValue();\n setSelected(false);\n setChecked();\n setIsChecked(false);\n setColumns([]);\n setRows([]);\n typeaheadRef.current.clear();\n\n setOldCounter(resetCounter);\n }\n }, [resetCounter]);\n\n useEffect(() => {\n if (defaultSkip) defaultSkip(true);\n if (queryString) queryString('');\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 executeSearch = () => {\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 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 {!columns.length > 0 ? (\n
\n ) : (\n <>\n
{selectedValue ? `Ricerca per ${checked?.label_tipologia} ${selectedValue?.label}; ` : ''} \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 Card from 'react-bootstrap/Card';\nimport { faRectangleList } from '@fortawesome/free-regular-svg-icons';\nimport { faCircleInfo } from '@fortawesome/free-solid-svg-icons';\nimport ApiIcon from 'icons/ApiIcon';\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 DetailApiModal from 'components/DetailApiModal';\n\nfunction Head({ resetCounter, defaultSkip, queryString }) {\n const mainTitle = 'Ricostruzione codici statistici';\n const idPagina = '3';\n const path = useLocation().pathname;\n const firstLoad = useRef(true);\n const modalRef = useRef();\n\n const handleOpenModal = (id) => {\n modalRef.current?.openModal(id);\n };\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 testoDiffusione: undefined,\n oldCounter: 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 const [testoDiffusione, setTestoDiffusione] = useState(state?.testoDiffusione || null);\n const [oldCounter, setOldCounter] = useState(state?.oldCounter || 1);\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 testoDiffusione,\n oldCounter\n };\n };\n\n const fetchDescrizionePagina = async () => {\n let ret = await TerritoryService.descrizionePagina(idPagina);\n return ret;\n };\n\n const fetchAmbitiGeografici = async (dataStart, dataEnd) => {\n let ret = await TerritoryService.ambitiGeografici(idPagina, dataStart, dataEnd);\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 if (resetCounter !== oldCounter) {\n setCheckedAmbitoGeografico(false);\n setCheckedUnitaAmministrativa(false);\n setOldCounter(resetCounter);\n }\n }, [resetCounter]);\n\n useEffect(() => {\n if (defaultSkip) defaultSkip(true);\n if (queryString) queryString('');\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\n fetchDescrizionePagina()\n .then(({ data }) => {\n setTestoDiffusione(data);\n })\n .catch(() => {\n setTestoDiffusione(null);\n });\n\n const dataStart = moment('01-01-1991', 'DD-MM-YYYY').format('DD-MM-YYYY');\n const dataEnd = moment().format('DD-MM-YYYY');\n setDate(dataStart);\n setDateEnd(dataEnd);\n \n if (!showDateError) {\n fetchAmbitiGeografici(dataStart, dataEnd)\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 testoDiffusione\n } = state;\n setDate(date);\n setDateEnd(dateEnd);\n setAmbitiGeografici(ambitiGeografici);\n setTestoDiffusione(testoDiffusione);\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 { testoDiffusione?.descrizionePagina }\n
\n \n
\n { testoDiffusione?.unita?.map((unita, index) => {\n return (\n \n \n \n { unita.titolo } \n \n \n { unita.sottotitolo }\n
\n \n
\n { unita.elencoReport?.map((report, reportIndex) => {\n return ({ report } )\n })}\n \n
\n \n \n )\n })}\n
\n
\n { testoDiffusione?.noteFondoPagina }\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 )}\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 \n
{ua.titolo_report} \n
{ua.descrizione_report}
\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 reportQueryString: `?id=${ua.id_funzione}&dateFrom=${dtFrom}&dateTo=${dtTo}`,\n\n caller_state: snapshot()\n }\n });\n }}>\n {\n handleOpenModal(ua.id_funzione);\n }}\n aria-label={`Apri pop up API ${ua.titolo_report}`}\n title=\"Apri pop up API\">\n \n {ua.periodo_dati?.replace('31/12/9999', moment().format('DD/MM/YYYY'))} \n
\n \n
\n
\n \n \n\n \n \n );\n}\n\nexport default RicostruzioneCodici;\n","import React from 'react';\nimport './TabSkip.scss';\nimport { HashLink as Link } from 'react-router-hash-link';\n\nconst TabSkip = ({ props }) => {\n const queryString = props?.queryString ? props.queryString : '';\n return (\n \n
\n \n \n Vai al contenuto della pagina\n \n \n {props && !props.defaultSkip && (\n <>\n \n \n Vai alla sezione Approfondimenti \n \n \n \n \n \n )}\n \n \n Vai al footer della pagina\n \n \n \n
setResetCounter(value)} />\n \n
\n\n setDefaultSkip(value)}\n queryString={(value) => setQueryString(value)}\n />}\n />\n\n setDefaultSkip(value)}\n queryString={(value) => setQueryString(value)} \n />} \n />\n\n setDefaultSkip(value)}\n queryString={(value) => setQueryString(value)} \n />} \n />\n\n setDefaultSkip(value)}\n queryString={(value) => setQueryString(value)} \n />} \n />\n\n setDefaultSkip(value)}\n queryString={(value) => setQueryString(value)}\n />} \n />\n\n setDefaultSkip(value)}\n queryString={(value) => setQueryString(value)}\n />}\n />\n\n setDefaultSkip(value)}\n queryString={(value) => setQueryString(value)}\n />}\n />\n\n setDefaultSkip(value)}\n queryString={(value) => setQueryString(value)}\n />}\n />\n\n {/* FASE 3 - PAGINA DOWNLOAD OSCURATA\n setDefaultSkip(false)}\n queryString={(value) => setQueryString(value)}\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":""}