\r\n {props.label} \r\n \r\n )\r\n};\r\n\r\nexport default mapBackgroundLayer;","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\n\r\nimport classes from './MapToolBar.module.css';\r\nimport MapToolButton from '../UI/Buttons/MapToolButton';\r\nimport MapBackgroundLayer from '../MapBackgroundLayer/MapBackgroundLayer';\r\nimport * as actions from '../../store/actions/index';\r\n\r\nclass MapToolBar extends Component {\r\n\r\n state = {\r\n showBackgroundsPanel:false\r\n }\r\n\r\n zoomIn = () => {\r\n // const currentZoom = this.props.mapRef.leafletElement.getZoom();\r\n this.props.mapRef.leafletElement.zoomIn();\r\n }\r\n\r\n zoomOut = () => {\r\n // const currentZoom = this.props.mapRef.leafletElement.getZoom();\r\n this.props.mapRef.leafletElement.zoomOut();\r\n }\r\n\r\n showBackgroundsPanel = () => {\r\n this.setState({showBackgroundsPanel:!this.state.showBackgroundsPanel})\r\n }\r\n\r\n closeBackgroundsPanel = () => {\r\n this.setState({showBackgroundsPanel:false})\r\n }\r\n \r\n render(){\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
Available basemaps \r\n
\r\n
\r\n
\r\n {this.props.basemapLayers.map((basemapLayer,index) => (\r\n this.props.onChangeBackground(index)}\r\n />\r\n ))}\r\n \r\n
\r\n
\r\n \r\n \r\n x.value === value).length > 0 ? value : \"\"}\r\n onChange={handleChange}\r\n displayEmpty \r\n className={classes.SelectEmpty}>\r\n\r\n \r\n {props.placeholder}\r\n \r\n\r\n {props.options.map((option,index) => (\r\n {option.label} \r\n ))}\r\n\r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default SimpleSelect","import React from 'react';\r\n\r\nimport {\r\n BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer\r\n} from 'recharts';\r\n\r\nconst chart = (props) => {\r\n return (\r\n \r\n \r\n \r\n )\r\n};\r\n\r\nexport default chart;","import React from 'react';\r\nimport Table from '@material-ui/core/Table';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableContainer from '@material-ui/core/TableContainer';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport classes from './DataTable.module.css';\r\n\r\nconst DenseTable = (props) => {\r\n return (\r\n \r\n \r\n \r\n \r\n {props.tableData.xTitle} \r\n {props.tableData.yTitle} \r\n \r\n \r\n \r\n {props.tableData.data.map((row,index) => (\r\n \r\n {row[props.tableData.xKey]} \r\n {row.value} \r\n \r\n ))}\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default DenseTable;","import React from 'react';\r\n\r\nimport classes from './Spinner.module.css';\r\n\r\nconst spinner = (props) => {\r\n let spinnerClasses = [classes.Spinner]\r\n\r\n if (props.themeLight){\r\n spinnerClasses.push(classes.ThemeLight)\r\n }\r\n\r\n return(\r\n
\r\n )\r\n};\r\n\r\nexport default spinner;","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport Aux from 'react-aux';\r\nimport { Tab, Tabs, TabList, TabPanel } from 'react-tabs';\r\nimport 'react-tabs/style/react-tabs.css';\r\n\r\nimport classes from './Statistics.module.css';\r\nimport Select from '../../components/UI/Select/Select';\r\n// import CloseButton from '../../components/UI/Buttons/CloseButton';\r\n// import Spinner from '../../components/Spinner/Spinner';\r\nimport Button from '../../components/UI/Buttons/Button';\r\nimport Chart from '../../components/Chart/Chart';\r\nimport DataTable from '../../components/UI/DataTable/DataTable';\r\nimport Spinner from '../../components/Spinner/Spinner';\r\nimport * as actions from '../../store/actions/index';\r\n\r\nclass Statistics extends Component {\r\n \r\n state={\r\n adminRegions:[\r\n {value: \"country\", label:\"Επικράτεια\", nameField:\"\", codeField:\"\"},\r\n {value: \"nuts1\", label:\"Μεγάλη Γεωγραφική Περιοχή (NUTS1)\", nameField:\"n1_name4el\", codeField:\"n1_code\"},\r\n {value: \"nuts2\", label:\"Περιφέρεια (NUTS2)\", nameField:\"n2_name4el\", codeField:\"n2_code\"},\r\n {value: \"nuts3\", label:\"Περιφερειακή Ενότητα (NUTS3)\", nameField:\"n3_name4el\", codeField:\"n3_code\"},\r\n {value: \"lau1\", label:\"Δήμος/Κοινότητα (LAU1)\", nameField:\"l1_name1el\", codeField:\"l1_code\"}\r\n ]\r\n }\r\n\r\n componentDidMount () {\r\n // Run only if there are no results data (which means it is the first time loading this tab)\r\n if (this.props.statsFires.results.data.length === 0){\r\n this.props.onGetStatistics(this.props.geoserverUrl, \"country\", null, this.props.selectedStatsType, \"\");\r\n }\r\n }\r\n\r\n onChangeAdmin (value) {\r\n if (value !== this.props.selectedAdmin){\r\n const adminRegion = this.state.adminRegions.filter(x => x.value === value)[0];\r\n\r\n if (value !== \"country\"){\r\n this.props.onGetAdminWithFires(this.props.geoserverUrl, value, adminRegion.nameField, adminRegion.codeField);\r\n\r\n } else {\r\n this.props.onGetStatistics(this.props.geoserverUrl, value, this.props.selectedAdminItem, this.props.selectedStatsType, adminRegion.codeField);\r\n }\r\n\r\n this.props.onUpdateSimpleVariable(\"selectedAdmin\",value);\r\n this.props.onUpdateSimpleVariable(\"selectedAdminLabel\",adminRegion.label);\r\n }\r\n }\r\n\r\n onChangeAdminItem (value){\r\n if (value !== this.props.selectedAdminItem){\r\n this.props.onUpdateSimpleVariable(\"selectedAdminItem\",value);\r\n }\r\n\r\n const adminRegion = this.state.adminRegions.filter(x => x.value === this.props.selectedAdmin)[0];\r\n this.props.onGetStatistics(this.props.geoserverUrl, this.props.selectedAdmin, value, this.props.selectedStatsType, adminRegion.codeField);\r\n }\r\n\r\n onChangeStatsType(statsType){\r\n this.props.onUpdateSimpleVariable(\"selectedStatsType\",statsType);\r\n\r\n const adminRegion = this.state.adminRegions.filter(x => x.value === this.props.selectedAdmin)[0];\r\n this.props.onGetStatistics(this.props.geoserverUrl, this.props.selectedAdmin, this.props.selectedAdminItem, statsType, adminRegion.codeField);\r\n }\r\n\r\n render () {\r\n return(\r\n \r\n
Διοικητική Ενότητα \r\n
\r\n
this.onChangeAdmin(value)}\r\n />\r\n\r\n {this.props.selectedAdmin !== \"country\" ? \r\n \r\n
this.onChangeAdminItem(value)}\r\n disabled={this.props.adminItemsLoading}\r\n />\r\n {this.props.adminItemsLoading ?\r\n \r\n
\r\n : null\r\n }\r\n \r\n \r\n
\r\n
this.onChangeStatsType(\"fires\")}>\r\n \r\n Αριθμός και έκταση πυρκαγιών \r\n
\r\n \r\n\r\n
this.onChangeStatsType(\"clc\")}>\r\n \r\n Χρήσεις γης \r\n
\r\n \r\n
\r\n\r\n
\r\n {this.props.selectedStatsType === \"fires\" || this.props.statsClcLastYear === 0 ? null : \r\n
\r\n Έτος \r\n \r\n this.props.onChangeClcYear(value)}\r\n />\r\n
\r\n \r\n }\r\n
\r\n \r\n Έκταση \r\n {this.props.selectedStatsType === \"fires\" ? \r\n Αριθμός \r\n : null\r\n }\r\n \r\n\r\n \r\n \r\n {this.props.statsFires.results.data.length > 0 ? \r\n
\r\n \r\n \r\n\r\n {this.props.selectedStatsType === \"fires\" ? \r\n \r\n \r\n {this.props.statsFires.results.data.length > 0 ? \r\n
\r\n \r\n : null\r\n }\r\n \r\n
\r\n
\r\n
\r\n
\r\n {this.props.legendItems}\r\n
\r\n
\r\n
\r\n
\r\n {this.props.basemapLayers.map((basemapLayer,index) => (\r\n this.props.onChangeBackground(index)}\r\n />\r\n ))}\r\n \r\n
\r\n {panelContent}\r\n
\r\n
this.togglePanel(\"layers\")}>\r\n Επίπεδα \r\n \r\n\r\n this.togglePanel(\"statistics\")}>\r\n Στατιστικά \r\n \r\n\r\n this.togglePanel(\"basemaps\")}>\r\n Background \r\n \r\n \r\n \r\n Zoom in \r\n \r\n\r\n \r\n Zoom out \r\n \r\n\r\n \r\n Full extent \r\n \r\n \r\n \r\n
\r\n
\r\n {icon}\r\n
{this.props.groupName} \r\n
\r\n
\r\n
\r\n \r\n {this.props.legendItems}\r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n
this.changeActiveTab(1)}>\r\n
\r\n
Επίπεδα \r\n
\r\n
this.changeActiveTab(2)}>\r\n
\r\n
Στατιστικά \r\n
\r\n
\r\n
\r\n
\r\n\r\n {this.state.activeTab === 1 ? :
\r\n
\r\n props.changed(value)}\r\n classes={{\r\n track: classes.Track,\r\n markActive: classes.MarkActive,\r\n markLabel: classes.MarkLabel,\r\n thumb: classes.Thumb,\r\n valueLabel: classes.ValueLabel,\r\n rail: classes.Rail\r\n }}\r\n />\r\n
\r\n );\r\n}\r\n\r\nexport default opacitySlider;","import React from 'react';\r\n\r\nimport classes from './SwitchButton.module.css';\r\n\r\nconst switchButton = (props) => {\r\n \r\n let attachedClasses = [classes.SwitchButton];\r\n\r\n if (props.active){\r\n attachedClasses.push(classes.Active)\r\n }\r\n\r\n return(\r\n \r\n \r\n )\r\n};\r\n\r\nexport default switchButton;","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { ChromePicker } from 'react-color';\r\nimport {SortableHandle} from 'react-sortable-hoc';\r\n\r\nimport classes from './LayerItem.module.css';\r\nimport Spinner from '../../components/Spinner/Spinner';\r\nimport OpacitySlider from '../OpacitySlider/OpacitySlider';\r\nimport SwitchButton from '../../components/UI/Buttons/SwitchButton';\r\nimport * as actions from '../../store/actions/index';\r\n\r\n// Can have sortable, showSymbol, showStyling, showTable, showZoom, showVisibility, showDelete, showOpacity\r\n// Requires index.\r\n// Requires mapLayer object. Example:\r\n// mapLayer = {\r\n// id:1,\r\n// data:{}, // Geojson or connection parameters for wms\r\n// name: \"\",\r\n// group_id: 1,\r\n// group: \"\",\r\n// published: true,\r\n// downloads: true,\r\n// bounds: [],\r\n// geoserver_url: \"\",\r\n// connection: \"wms\", // How to get the data: wms, wfs, wcs, internal\r\n// visible: false,\r\n// viewparams: \"\",\r\n// filter: \"\",\r\n// type: \"polygon\", // Polygon, line, point, raster\r\n// style: {\r\n// fillColor:\"rgba(0,0,0,0)\",\r\n// color:\"rgba(0,0,0,1)\",\r\n// fillOpacity:1,\r\n// opacity:1,\r\n// weight:2\r\n// }\r\n// }\r\n\r\n\r\n// TODO: The application hangs when geoserver is not working\r\nclass LayerItem extends Component {\r\n\r\n state = {\r\n displayFillColorPickerIndex: -1,\r\n displayBorderColorPickerIndex: -1,\r\n displayStylingIndex: -1,\r\n // displayLegendIndex: -1,\r\n // displayOpacityIndex: -1\r\n // displayMapTable: false\r\n }\r\n\r\n openItem = (item, layerIndex) => {\r\n if (layerIndex === this.state[item]) {\r\n this.setState({[item]: -1});\r\n } else {\r\n this.setState({[item]: layerIndex});\r\n }\r\n }\r\n\r\n // Open table --------------------------------------\r\n openTable = (layerIndex) => {\r\n this.props.onUpdateMapTable(layerIndex, this.props.collection);\r\n // this.setState({displayMapTable: true});\r\n }\r\n\r\n rgbToHex = (rgbColor) => {\r\n const rgbArr = rgbColor.split(\"(\")[1].split(\",\");\r\n return \"#\" + ((1 << 24) + (parseInt(rgbArr[0],10) << 16) + (parseInt(rgbArr[1],10) << 8) + parseInt(rgbArr[2],10)).toString(16).slice(1);\r\n }\r\n\r\n handleCloseColorPicker = () => {\r\n this.setState({ displayFillColorPickerIndex: -1 })\r\n this.setState({ displayBorderColorPickerIndex: -1 })\r\n };\r\n \r\n\r\n // Zoom to layer --------------------------------------\r\n zoomToLayer = (layerIndex) => {\r\n this.props.onUpdateMapKey();\r\n this.props.onUpdateMapBounds(this.props.mapLayer.bounds);\r\n }\r\n \r\n render(){\r\n // If layer is sortable, show draghandle\r\n let draghandle = null;\r\n if (this.props.sortable){\r\n const DragHandle = SortableHandle(() => \r\n );\r\n draghandle = \r\n
\r\n }\r\n \r\n // if layer has showSymbol, show symbol\r\n let layerItemSymbol = null;\r\n let legendIcon = null;\r\n if (this.props.showSymbol){\r\n legendIcon = this.props.onToggleLegend(this.props.index)}>\r\n
\r\n
\r\n
\r\n
\r\n {/* {/* Rectangle */}\r\n \r\n
\r\n
{style.label} \r\n
\r\n // \r\n \r\n // if (this.props.mapLayer.type === \"line\"){\r\n // layerItemSymbol = \r\n // \r\n \r\n // } else if (this.props.mapLayer.type === \"point\"){\r\n // layerItemSymbol = \r\n // \r\n // }\r\n } else {\r\n let envString = \"\";\r\n if (this.props.mapLayer.style.env){\r\n envString = \"&env=color:\" + this.props.mapLayer.style.env;\r\n } \r\n\r\n layerItemSymbol = \r\n
\r\n
this.openItem(\"displayStylingIndex\", this.props.index)}>\r\n
\r\n \r\n
\r\n
\r\n
Fill color:
\r\n
this.openItem(\"displayFillColorPickerIndex\", this.props.index)}/>\r\n { this.state.displayFillColorPickerIndex === this.props.index\r\n ?
\r\n : null \r\n }\r\n
\r\n
\r\n
Border color:
\r\n
this.openItem(\"displayBorderColorPickerIndex\", this.props.index)}/>\r\n { this.state.displayBorderColorPickerIndex === this.props.index\r\n ?
\r\n : null \r\n }\r\n
\r\n
\r\n
Border width:
\r\n
\r\n
\r\n
this.openTable(this.props.index)}>\r\n
\r\n \r\n
this.zoomToLayer(this.props.index)}>\r\n
\r\n \r\n
\r\n
\r\n } else {\r\n visibilityIcon = this.props.onUpdateLayerVisibility(this.props.index, this.props.collection)}>\r\n {/*
*/}\r\n
\r\n this.props.onRemoveLayerItem(this.props.index, this.props.collection)}>\r\n
\r\n
\r\n
\r\n
\r\n Διαφάνεια \r\n this.props.onChangeLayerOpacity(this.props.index, percentage, this.props.collection)}\r\n />\r\n
\r\n
\r\n
\r\n \r\n {draghandle}\r\n \r\n
\r\n
\r\n
{this.props.mapLayer.label}
\r\n
\r\n {legendIcon}\r\n {opacityIcon}\r\n {stylingIcon}\r\n {tableIcon}\r\n {zoomIcon}\r\n {visibilityIcon}\r\n {deleteIcon}\r\n
\r\n
\r\n
\r\n {layerItemSymbol}\r\n
\r\n
\r\n
\r\n\r\n {stylingDiv}\r\n \r\n
\r\n \r\n\r\n this.props.onAddLayerLoading(index, \"mapLayersLoading\")}\r\n onLoad={() => this.props.onRemoveLayerLoading(index, \"mapLayersLoading\")}\r\n layers={mapLayer.data.layer}\r\n opacity={mapLayer.layerOpacity}\r\n url={this.props.geoserverUrl + \"wms?viewparams=\" + mapLayer.viewparams + envString}\r\n />\r\n \r\n \r\n )\r\n }\r\n\r\n legendItems.push(\r\n this.openOpacity(index)}\r\n displayOpacityIndex={this.state.displayOpacityIndex}\r\n />\r\n );\r\n \r\n })\r\n }\r\n\r\n // Popup ---------------------------\r\n let fullScreenPopupClasses = [classes.PopupFullScreenWrapper];\r\n let popupHeader = null\r\n let popupContent =
\r\n\r\n popupHeader = \r\n {this.props.loadingFeatureInfo ?\r\n
\r\n
\r\n :\r\n this.props.featureInfoLayers.length > 0 ?\r\n
\r\n
this.props.onChangeFeaturePanel(\"subtract\")} \r\n xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'>\r\n \r\n
{this.props.currentFeatureInfoLayer} / {this.props.featureInfoLayers.length} \r\n
this.props.onChangeFeaturePanel(\"add\")} \r\n xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'>\r\n \r\n
\r\n : null\r\n }\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n {this.props.featureInfoLayers.map((featureInfoLayer,index) => \r\n
\r\n \r\n {featureInfoLayer.layerLabel} \r\n \r\n \r\n {Object.keys(featureInfoLayer.layerData.data.features[0].properties).map(function(key,index) {\r\n if (featureInfoLayer.layerProperties[key]){\r\n let propertyValue = featureInfoLayer.layerData.data.features[0].properties[key];\r\n\r\n if (key === \"linkmap\"){\r\n propertyValue = Link \r\n\r\n } else if (key === \"areaha\" || key === \"areasqkm\" || key === \"area_ha\"){\r\n propertyValue = propertyValue.toFixed(2);\r\n }\r\n \r\n return \r\n {featureInfoLayer.layerProperties[key]}: \r\n {propertyValue} \r\n \r\n }\r\n \r\n })}\r\n \r\n \r\n Δεν υπάρχουν πληροφορίες \r\n
\r\n }\r\n\r\n if (this.state.popupFullScreen){\r\n mapClasses.push(classes.MapPopupFullScreen);\r\n fullScreenPopupClasses.push(classes.Show);\r\n }\r\n // ---------------------------\r\n\r\n return(\r\n \r\n
\r\n
\r\n
\r\n {popupHeader}\r\n {this.props.loadingFeatureInfo === false ?\r\n popupContent\r\n :
\r\n }\r\n
\r\n
\r\n \r\n
this.mapRef = ref}\r\n ref={ref => !this.state.mapRef && this.setState({ mapRef: ref })}\r\n zoomControl={false}\r\n onClick={(e) => this.onMapClick(e)}\r\n onZoom={() => this.onZoom()}\r\n maxZoom={18}\r\n bounds={this.props.mapBounds}>\r\n\r\n {this.props.basemapLayers[this.props.selectedBasemap].isGoogle ? \r\n \r\n \r\n {popupHeader}\r\n\r\n {this.props.loadingFeatureInfo === false ?\r\n popupContent\r\n :
\r\n }\r\n\r\n \r\n\r\n :null\r\n }\r\n\r\n \r\n\r\n
this.zoomToBounds([[34.5, 17.13],[41.80,30.68]])}\r\n />\r\n this.zoomToBounds([[34.5, 17.13],[41.80,30.68]])}\r\n />\r\n \r\n
\r\n
LOGIN \r\n \r\n
{this.props.message}
\r\n
\r\n
\r\n
\r\n
this.onChange(e)} onBlur={() => this.props.onAlertClear()}/>\r\n
\r\n
\r\n
\r\n
this.onChange(e)} onBlur={() => this.props.onAlertClear()}/>\r\n
\r\n
\r\n
\r\n Remember me \r\n
\r\n
this.showModal(\"changePassword\")}>Forgot password?
\r\n
\r\n
this.login()} />\r\n
\r\n
\r\n\r\n
\r\n
CHANGE PASSWORD \r\n \r\n
{this.props.message}
\r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n\r\n \r\n {props.placeholder}\r\n \r\n\r\n {props.options.map((option,index) => (\r\n {option.label} \r\n ))}\r\n\r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default SimpleSelect","import React from 'react';\r\n\r\nimport classes from './DropzoneButton.module.css';\r\n\r\nconst dropzoneButton = (props) => (\r\n {props.children}\r\n \r\n);\r\n\r\nexport default dropzoneButton;","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\n\r\nimport classes from './Dropzone.module.css';\r\nimport DropzoneButton from \"../../components/UI/Buttons/DropzoneButton\";\r\nimport * as actions from '../../store/actions/dropzone';\r\n// import withErrorHandler from '../../hoc/withErrorHandler/withErrorHandler';\r\n// import axios from '../../axios-api';\r\n\r\n// TODO:\r\n// 1) Use shapefile (in addition to zip), excel, txt (?)\r\n\r\n\r\nclass Dropzone extends Component {\r\n state = { \r\n highlight: false,\r\n // disabled: false,\r\n // uploading: false,\r\n // uploadProgress: {},\r\n // successfullUploaded: false,\r\n allowedExtensions: [\".zip\"]\r\n }\r\n \r\n openFileDialog = () => {\r\n this.fileInputRef.click();\r\n }\r\n\r\n onDragOver(evt) {\r\n evt.preventDefault();\r\n this.setState({ highlight: true });\r\n }\r\n \r\n onDragLeave() {\r\n this.setState({ highlight: false });\r\n }\r\n \r\n onDrop(evt) {\r\n evt.preventDefault();\r\n\r\n let newFilesList = [];\r\n let filename = \"\";\r\n let ext = \"\";\r\n\r\n // For multiple files\r\n // for (var i = 0; i < evt.dataTransfer.files.length; i++) {\r\n // // Check if allowed extension\r\n // filename = evt.dataTransfer.files[i].name;\r\n // ext = \".\" + filename.substr(filename.lastIndexOf('.') + 1);\r\n\r\n // if (this.state.allowedExtensions.includes(ext)){\r\n // newFilesList.push(evt.dataTransfer.files.item(i));\r\n // }\r\n // }\r\n\r\n filename = evt.dataTransfer.files[0].name;\r\n ext = \".\" + filename.substr(filename.lastIndexOf('.') + 1);\r\n \r\n if (this.state.allowedExtensions.includes(ext)){\r\n newFilesList.push(evt.dataTransfer.files.item(0));\r\n }\r\n \r\n this.props.onFileDropedToList(newFilesList)\r\n\r\n this.setState({ highlight: false });\r\n }\r\n\r\n getProgressWidth(index) {\r\n let width = 0;\r\n\r\n if (this.props.filesListProgress[index] !== 'undefined'){\r\n width = this.props.filesListProgress[index] + '%';\r\n }\r\n\r\n return width;\r\n }\r\n\r\n clearDropzone = () => {\r\n this.props.onClearFilesList();\r\n if (this.props.uploadedItem && this.props.uploadedItem.folder){\r\n this.props.onRemoveDirectoryFromUploads(this.props.uploadedItem.folder);\r\n }\r\n \r\n const dropzone = document.getElementById(\"Dropzone\");\r\n dropzone.getElementsByTagName('input')[0].value = \"\";\r\n }\r\n\r\n render () {\r\n let inputClasses = [classes.Dropzone];\r\n let dropzoneOuterClasses = [classes.Dropzone_outer];\r\n\r\n if (this.state.highlight === true){\r\n inputClasses.push(classes.Highlight);\r\n }\r\n\r\n if (this.props.filesList.length > 0){\r\n dropzoneOuterClasses.push(classes.FilesAdded);\r\n }\r\n\r\n let fileList = (\r\n \r\n {this.props.filesList.map((fileItem, index) => (\r\n
\r\n
\r\n
{fileItem.name} \r\n
\r\n
this.props.onRemoveFileFromFileList(index)} value={index} btnShape=\"Circle\" btnType=\"Red\">- \r\n
\r\n ✔\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n ))}\r\n
\r\n
\r\n
this.onDragOver(event)}\r\n onDragLeave={() => this.onDragLeave()}\r\n onDrop={(event) => this.onDrop(event)}\r\n onClick={this.openFileDialog}\r\n >\r\n this.fileInputRef = ref}\r\n className={classes.FileInput}\r\n type=\"file\"\r\n // multiple\r\n onChange={(event) => this.props.onFileAddedToList(event)}\r\n accept={this.state.allowedExtensions.toString()}\r\n />\r\n \r\n \r\n Upload Files \r\n \r\n {fileList}\r\n
\r\n
\r\n Clear \r\n
\r\n
Upload \r\n
' +\r\n '
' +\r\n '
Ανάλυση. ' +\r\n '
' +\r\n '
' +\r\n '
Ανάλυση. ' +\r\n '
\r\n
\r\n
\r\n
\r\n
Επίπεδο \r\n Active version \r\n \r\n
\r\n
Fires \r\n
this.changedActiveVersion(\"fires\",e.target.value)}\r\n />\r\n \r\n
this.addNewVerion(\"fires\")} disabled={!this.props.uploadedItem}>\r\n \r\n
\r\n
Νέα version \r\n
\r\n
\r\n
\r\n
Corine Land Cover \r\n
this.changedActiveVersion(\"clc\",e.target.value)}\r\n />\r\n \r\n
this.addNewVerion(\"clc\")} disabled={!this.props.uploadedItem}>\r\n \r\n
\r\n
Νέα version \r\n
\r\n
\r\n
\r\n\r\n
\r\n
this.changeDatabaseVersion()}\r\n >\r\n \r\n \r\n
\r\n
(\r\n localStorage.getItem('user')\r\n ? \n \n \n \n );\n}\n\nexport default App;","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.1/8 is considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl)\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister();\n });\n }\n}\n","const initialState = {\r\n reactBaseUrl: \"http://192.168.1.52:3000/\",\r\n geoserverUrl: \"http://192.168.1.52:8080/geoserver/\"\r\n}\r\n\r\nconst reducer = ( state = initialState, action ) => {\r\n switch ( action.type ) {\r\n default: return state;\r\n }\r\n};\r\n\r\nexport default reducer;","export const updateObject = (oldObject, updatedValues) => {\r\n return {\r\n ...oldObject,\r\n ...updatedValues\r\n };\r\n};\r\n\r\nexport const checkInputValidity = (value, rules) => {\r\n let isValid = true;\r\n\r\n if (!rules) {\r\n return true;\r\n }\r\n \r\n if (rules.required) {\r\n isValid = value.trim() !== '' && isValid;\r\n }\r\n\r\n if (rules.minLength) {\r\n isValid = value.length >= rules.minLength && isValid\r\n }\r\n\r\n if (rules.maxLength) {\r\n isValid = value.length <= rules.maxLength && isValid\r\n }\r\n\r\n if (rules.isEmail) {\r\n const pattern = /[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/;\r\n isValid = pattern.test(value) && isValid\r\n }\r\n\r\n if (rules.isNumeric) {\r\n const pattern = /^-?\\d+\\.?\\d*$/;\r\n isValid = pattern.test(value) && isValid\r\n }\r\n\r\n if (rules.isEGSAx) {\r\n isValid = value >= 95000 && value <= 1050000 && isValid\r\n }\r\n\r\n if (rules.isEGSAy) {\r\n isValid = value >= 3700000 && value <= 4700000 && isValid\r\n }\r\n\r\n if (rules.isWGSx) {\r\n isValid = value >= -180 && value <= 180 && isValid\r\n }\r\n\r\n if (rules.isWGSy) {\r\n isValid = value >= -90 && value <= 90 && isValid\r\n }\r\n\r\n return isValid;\r\n}\r\n\r\nexport const getRandomColor = () => {\r\n const letters = '0123456789ABCDEF';\r\n let color = '#';\r\n for (let i = 0; i < 6; i++) {\r\n color += letters[Math.floor(Math.random() * 16)];\r\n }\r\n\r\n return hexToRgb(color);\r\n}\r\n\r\n// This function generates vibrant, \"evenly spaced\" colours (i.e. no clustering). This is ideal for creating easily distinguishable vibrant markers in Google Maps and other apps.\r\n// Adam Cole, 2011-Sept-14\r\n// HSV to RBG adapted from: http://mjijackson.com/2008/02/rgb-to-hsl-and-rgb-to-hsv-color-model-conversion-algorithms-in-javascript\r\nexport const getRainbowColor = (numOfSteps, step) => {\r\n let r, g, b;\r\n const h = step / numOfSteps;\r\n const i = ~~(h * 6);\r\n const f = h * 6 - i;\r\n const q = 1 - f;\r\n switch(i % 6){\r\n case 0: r = 1; g = f; b = 0; break;\r\n case 1: r = q; g = 1; b = 0; break;\r\n case 2: r = 0; g = 1; b = f; break;\r\n case 3: r = 0; g = q; b = 1; break;\r\n case 4: r = f; g = 0; b = 1; break;\r\n case 5: r = 1; g = 0; b = q; break;\r\n default: r = 1; g = f; b = 0;\r\n }\r\n const color = \"#\" + (\"00\" + (~ ~(r * 255)).toString(16)).slice(-2) + (\"00\" + (~ ~(g * 255)).toString(16)).slice(-2) + (\"00\" + (~ ~(b * 255)).toString(16)).slice(-2);\r\n return color;\r\n}\r\n\r\nfunction hexToRgb(hex) {\r\n // Expand shorthand form (e.g. \"03F\") to full form (e.g. \"0033FF\")\r\n let shorthandRegex = /^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i;\r\n hex = hex.replace(shorthandRegex, function(m, r, g, b) {\r\n return r + r + g + g + b + b;\r\n });\r\n \r\n let result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\r\n return result ? {\r\n r: parseInt(result[1], 16),\r\n g: parseInt(result[2], 16),\r\n b: parseInt(result[3], 16)\r\n } : null;\r\n}\r\n\r\nexport const rgbToHex = (r, g, b) => {\r\n return \"#\" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);\r\n}\r\n\r\nexport const hslToHex = (h, s, l) => {\r\n h /= 360;\r\n s /= 100;\r\n l /= 100;\r\n let r, g, b;\r\n if (s === 0) {\r\n r = g = b = l; // achromatic\r\n } else {\r\n const hue2rgb = (p, q, t) => {\r\n if (t < 0) t += 1;\r\n if (t > 1) t -= 1;\r\n if (t < 1 / 6) return p + (q - p) * 6 * t;\r\n if (t < 1 / 2) return q;\r\n if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;\r\n return p;\r\n };\r\n const q = l < 0.5 ? l * (1 + s) : l + s - l * s;\r\n const p = 2 * l - q;\r\n r = hue2rgb(p, q, h + 1 / 3);\r\n g = hue2rgb(p, q, h);\r\n b = hue2rgb(p, q, h - 1 / 3);\r\n }\r\n const toHex = x => {\r\n const hex = Math.round(x * 255).toString(16);\r\n return hex.length === 1 ? '0' + hex : hex;\r\n };\r\n return `#${toHex(r)}${toHex(g)}${toHex(b)}`;\r\n}\r\n\r\nexport const percentageToHsl = (percentage, hue0, hue1) => {\r\n var hue = (percentage * (hue1 - hue0)) + hue0;\r\n return 'hsl(' + hue + ', 100%, 50%)';\r\n}\r\n\r\nexport function arrayMove(arr, oldIndex, newIndex) {\r\n while (oldIndex < 0) {\r\n oldIndex += arr.length;\r\n }\r\n while (newIndex < 0) {\r\n newIndex += arr.length;\r\n }\r\n if (newIndex >= arr.length) {\r\n var k = newIndex - arr.length + 1;\r\n while (k--) {\r\n arr.push(undefined);\r\n }\r\n }\r\n\r\n arr.splice(newIndex, 0, arr.splice(oldIndex, 1)[0]);\r\n\r\n //return arr;\r\n};","import * as actionTypes from '../actions/actionTypes';\r\nimport L from 'leaflet';\r\nimport {updateObject, arrayMove, percentageToHsl, hslToHex} from '../utilities';\r\n\r\nconst initialState = {\r\n mapBounds: [[39.1, 45.3],[42.7, 51.1]],\r\n mapLayers:[\r\n {\r\n group_id:2,\r\n group:\"\",\r\n bounds:[],\r\n type:\"polygon\",\r\n label:\"LAU1\",\r\n tableName:\"lau1\",\r\n zIndex:5,\r\n visible:false,\r\n connection:\"wms\",\r\n style:{},\r\n data:{layer:\"burned_areas:lau1\"},\r\n viewparams:\"\",\r\n layerOpacity:1,\r\n displayLegend: false,\r\n layerProperties: {\r\n \"areasqkm\":\"Έκταση (τετραγωνικά χιλιόμετρα)\",\r\n \"l1_code\":\"Κωδικός Δήμου/Κοινότητας (ΕΛΣΤΑΤ)\",\r\n \"l1_name1el\":\"Δήμος/Κοινότητα (LAU1) [Επίσημη ονομασία]\",\r\n \"l1_name2el\":\"Δήμος/Κοινότητα (LAU1) [Κοινή ονομασία]\",\r\n \"n3_name4el\":\"Περιφερειακή Ενότητα (NUTS3)\",\r\n \"n2_name4el\":\"Περιφέρεια (NUTS2)\",\r\n \"n1_name4el\":\"Μεγάλη Γεωγραφική Περιοχή (NUTS1)\",\r\n }\r\n },\r\n {\r\n group_id:2,\r\n group:\"\",\r\n bounds:[],\r\n type:\"polygon\",\r\n label:\"NUTS3\",\r\n tableName:\"nuts3\",\r\n zIndex:4,\r\n visible:false,\r\n connection:\"wms\",\r\n style:{},\r\n data:{layer:\"burned_areas:nuts3\"},\r\n viewparams:\"\",\r\n layerOpacity:1,\r\n displayLegend: false,\r\n layerProperties: {\r\n \"areasqkm\":\"Έκταση (τετραγωνικά χιλιόμετρα)\",\r\n \"n3_name4el\":\"Περιφερειακή Ενότητα (NUTS3)\",\r\n \"n2_name4el\":\"Περιφέρεια (NUTS2)\",\r\n \"n1_name4el\":\"Μεγάλη Γεωγραφική Περιοχή (NUTS1)\",\r\n }\r\n },\r\n {\r\n group_id:2,\r\n group:\"\",\r\n bounds:[],\r\n type:\"polygon\",\r\n label:\"NUTS2\",\r\n tableName:\"nuts2\",\r\n zIndex:3,\r\n visible:false,\r\n connection:\"wms\",\r\n style:{},\r\n data:{layer:\"burned_areas:nuts2\"},\r\n viewparams:\"\",\r\n layerOpacity:1,\r\n displayLegend: false,\r\n layerProperties: {\r\n \"areasqkm\":\"Έκταση (τετραγωνικά χιλιόμετρα)\",\r\n \"n2_name4el\":\"Περιφέρεια (NUTS2)\",\r\n \"n1_name4el\":\"Μεγάλη Γεωγραφική Περιοχή (NUTS1)\",\r\n }\r\n },\r\n {\r\n group_id:2,\r\n group:\"\",\r\n bounds:[],\r\n type:\"polygon\",\r\n label:\"NUTS1\",\r\n tableName:\"nuts1\",\r\n zIndex:2,\r\n visible:false,\r\n connection:\"wms\",\r\n style:{},\r\n data:{layer:\"burned_areas:nuts1\"},\r\n viewparams:\"\",\r\n layerOpacity:1,\r\n displayLegend: false,\r\n layerProperties: {\r\n \"areasqkm\":\"Έκταση (τετραγωνικά χιλιόμετρα)\",\r\n \"n1_name4el\":\"Μεγάλη Γεωγραφική Περιοχή (NUTS1)\",\r\n }\r\n },\r\n {\r\n group_id:3,\r\n group:\"\",\r\n bounds:[],\r\n type:\"polygon\",\r\n label:\"Corine Land Cover\",\r\n tableName:\"clc\",\r\n zIndex:1,\r\n visible:false,\r\n connection:\"wms\",\r\n style:{\r\n type:\"multiple\",\r\n field:\"clc_code\",\r\n classes:[\r\n {\r\n label:\"111: Συνεχής αστικός ιστός\",\r\n style:{\r\n fillColor:\"#e6004d\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"112: Ασυνεχής αστικός ιστός\",\r\n style:{\r\n fillColor:\"#ff0000\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"121: Βιοµηχανικές και εµπορικές ζώνες\",\r\n style:{\r\n fillColor:\"#cc4df2\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"122: Οδικά και σιδηροδροµικά δίκτυα\",\r\n style:{\r\n fillColor:\"#cc0000\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"123: Ζώνες λιµένων\",\r\n style:{\r\n fillColor:\"#e6cccc\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"124: Αεροδρόµια\",\r\n style:{\r\n fillColor:\"#e6cce6\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"131: Χώροι εξορύξεως ορυκτών\",\r\n style:{\r\n fillColor:\"#a600cc\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"132: Χώροι απορρίψεως απορριµµάτων\",\r\n style:{\r\n fillColor:\"#a64d00\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"133: Χώροι οικοδόµηση\",\r\n style:{\r\n fillColor:\"#ff4dff\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"141: Περιοχές αστικού πρασίνου\",\r\n style:{\r\n fillColor:\"#ffa6ff\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"142: Εγκαταστάσεις αθλητισµού και αναψυχής\",\r\n style:{\r\n fillColor:\"#ffe6ff\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"211: Μη αρδευόµενη αρόσιµη γη\",\r\n style:{\r\n fillColor:\"#ffffa8\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"212: Μόνιµα αρδευόµενη γη\",\r\n style:{\r\n fillColor:\"#ffff00\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"213: Ορυζώνες\",\r\n style:{\r\n fillColor:\"#e6e600\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"221: Αµπελώνες\",\r\n style:{\r\n fillColor:\"#e68000\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"222: Οπωροφόρα δένδρα και φυτείες µε σαρκώδεις καρπούς\",\r\n style:{\r\n fillColor:\"#f2a64d\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"223: Ελαιώνες\",\r\n style:{\r\n fillColor:\"#e6a600\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"231: Λιβάδια\",\r\n style:{\r\n fillColor:\"#e6e64d\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"241: Ετήσιες καλλιέργειες που σχετίζονται µε µόνιµες καλλιέργειες\",\r\n style:{\r\n fillColor:\"#ffe6a6\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"242: Σύνθετες καλλιέργειες\",\r\n style:{\r\n fillColor:\"#ffe64d\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"243: Γη που χρησιµοποιείται κυρίως για γεωργία µαζί µε σηµαντικά τµήµατα φυσικής βλάστησης\",\r\n style:{\r\n fillColor:\"#e6cc4d\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"244: Γεωργο-δασικές περιοχές\",\r\n style:{\r\n fillColor:\"#f2cca6\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"311: ∆άσος πλατύφυλλων\",\r\n style:{\r\n fillColor:\"#80ff00\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"312: ∆άσος κωνοφόρων\",\r\n style:{\r\n fillColor:\"#00a600\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"313: Μικτό δάσος\",\r\n style:{\r\n fillColor:\"#4dff00\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"321: Φυσικοί βοσκότοποι\",\r\n style:{\r\n fillColor:\"#ccf24d\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"322: Θάµνοι και χερσότοποι\",\r\n style:{\r\n fillColor:\"#a6ff80\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"323: Σκληροφυλλική βλάστηση\",\r\n style:{\r\n fillColor:\"#a6e64d\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"324: Μεταβατικές δασώδεις και θαµνώδεις εκτάσεις\",\r\n style:{\r\n fillColor:\"#a6f200\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"331: Παραλίες, αµµόλοφοι, αµµουδιές\",\r\n style:{\r\n fillColor:\"#e6e6e6\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"332: Απογυµνωµένοι βράχοι\",\r\n style:{\r\n fillColor:\"#cccccc\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"333: Εκτάσεις µε αραιή βλάστηση\",\r\n style:{\r\n fillColor:\"#ccffcc\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"334: Αποτεφρωµένες εκτάσεις\",\r\n style:{\r\n fillColor:\"#000000\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"335: Παγετώνες και αέναο χιόνι\",\r\n style:{\r\n fillColor:\"#a6e6cc\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"411: Βάλτοι στην ενδοχώρα\",\r\n style:{\r\n fillColor:\"#a6a6ff\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"412: Τυρφώνες\",\r\n style:{\r\n fillColor:\"#4d4dff\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"421: Παραθαλάσσιοι βάλτοι\",\r\n style:{\r\n fillColor:\"#ccccff\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"422: Αλυκές\",\r\n style:{\r\n fillColor:\"#e6e6ff\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"423: Ζώνες που καλύπτονται από παλιρροιακά ύδατα\",\r\n style:{\r\n fillColor:\"#a6a6e6\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"511: Υδατορρεύµατα\",\r\n style:{\r\n fillColor:\"#00ccf2\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"512: Επιφάνειες στάσιµου ύδατος\",\r\n style:{\r\n fillColor:\"#80f2e6\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"521: Παράκτιες λιµνοθάλασσες\",\r\n style:{\r\n fillColor:\"#00ffa6\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"522: Εκβολές ποταµών\",\r\n style:{\r\n fillColor:\"#a6ffe6\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"523: Θάλασσες και ωκεανοί\",\r\n style:{\r\n fillColor:\"#e6f2ff\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n },{\r\n label:\"999: Χωρίς δεδομένα\",\r\n style:{\r\n fillColor:\"#ffffff\",\r\n fillOpacity:1,\r\n color:\"#000000\",\r\n opacity:0,\r\n weight:1\r\n }\r\n }\r\n ]\r\n },\r\n data:{layer:\"burned_areas:clc\"},\r\n viewparams:\"\",\r\n layerOpacity:0.7,\r\n displayLegend: false,\r\n layerProperties: {\r\n \"id\":\"Αναγνωριστικό πολυγώνου\",\r\n \"area_ha\":\"Έκταση (εκτάρια)\",\r\n \"clc_code\":\"Κωδικός (τρίτο επίπεδο)\",\r\n \"l1_name1el\":\"Πρώτο επίπεδο\",\r\n \"l2_name1el\":\"Δεύτερο επίπεδο\",\r\n \"l3_name1el\":\"Τρίτο επίπεδο\",\r\n }\r\n }\r\n ],\r\n mapLayersRaster:[],\r\n tableData: null,\r\n searchResultItem: null,\r\n mapLayersLoading:[],\r\n queryMapLayers:[],\r\n queryMapLayersLoading:[],\r\n mapKey:null,\r\n grazingLayers:[],\r\n grazingYears:[],\r\n fireYears: [],\r\n mapLayersFiresPolygons:[],\r\n mapLayersFiresPoints:[]\r\n};\r\n\r\nconst updateMapBounds = (state, action) => {\r\n return updateObject(state, {\r\n mapBounds:action.mapBounds\r\n });\r\n}\r\n\r\nconst updateLayerVisibility = (state, action) => {\r\n let newLayers = [...state[action.collection]];\r\n newLayers[action.layerIndex].visible = !newLayers[action.layerIndex].visible;\r\n\r\n return updateObject(state,{\r\n [action.collection]:newLayers\r\n });\r\n}\r\n\r\nconst updateLayerFillColor = (state, action) => {\r\n const r = action.fillColor.r\r\n const g = action.fillColor.g\r\n const b = action.fillColor.b\r\n const a = action.fillColor.a\r\n\r\n let newLayers = [...state[action.collection]];\r\n newLayers[action.layerIndex].style.fillColor = \"rgba(\" + r + \",\" + g + \",\" + b + \",\" + a + \")\";\r\n\r\n return updateObject(state,{\r\n [action.collection]:newLayers\r\n });\r\n}\r\n\r\nconst updateLayerBorderColor = (state, action) => {\r\n const r = action.borderColor.r\r\n const g = action.borderColor.g\r\n const b = action.borderColor.b\r\n const a = action.borderColor.a\r\n\r\n let newLayers = [...state[action.collection]];\r\n newLayers[action.layerIndex].style.color = \"rgba(\" + r + \",\" + g + \",\" + b + \",\" + a + \")\";\r\n\r\n return updateObject(state,{\r\n [action.collection]:newLayers\r\n });\r\n}\r\n\r\nconst updateLayerBorderWidth = (state, action) => {\r\n let newLayers = [...state[action.collection]];\r\n newLayers[action.layerIndex].style.weight = action.event.target.value;\r\n \r\n return updateObject(state,{\r\n [action.collection]:newLayers\r\n });\r\n}\r\n\r\nconst updateMapLayersOrder = (state,action) => {\r\n let newLayers = [...state[action.collection]];\r\n arrayMove(newLayers, action.event.oldIndex, action.event.newIndex);\r\n\r\n return updateObject(state,{\r\n [action.collection]:newLayers\r\n });\r\n}\r\n\r\nconst updateMapTable = (state, action) => {\r\n const tableData = state[action.collection][action.layerIndex].data;\r\n\r\n return updateObject(state,{\r\n tableData: tableData\r\n });\r\n}\r\n\r\nconst removeLayerItem = (state, action) => {\r\n let newLayers = [...state[action.collection]];\r\n newLayers.splice(action.layerIndex, 1);\r\n\r\n return updateObject(state,{\r\n [action.collection]:newLayers\r\n });\r\n}\r\n\r\nconst showSearchResultItem = (state, action) => {\r\n return updateObject(state,{\r\n searchResultItem:action.searchResultItem,\r\n mapBounds:[[action.searchResultItem.y,action.searchResultItem.x],[action.searchResultItem.y,action.searchResultItem.x]]\r\n });\r\n}\r\n\r\nconst clearSearchResultItem = (state) => {\r\n return updateObject(state,{\r\n searchResultItem:null\r\n });\r\n}\r\n\r\nconst updateLayerViewparams = (state,action) => {\r\n let mapLayers = [...state.mapLayers];\r\n mapLayers[action.mapLayerIndex].viewparams = action.viewparams;\r\n\r\n return updateObject(state, {mapLayers:mapLayers});\r\n}\r\n\r\nconst addLayerLoading = (state,action) => {\r\n let layersLoading = [...state[action.collection]];\r\n layersLoading.push(action.mapLayerIndex);\r\n\r\n return updateObject(state, {[action.collection]:layersLoading});\r\n}\r\n\r\nconst removeLayerLoading = (state,action) => {\r\n let layersLoading = [...state[action.collection]];\r\n\r\n const index = layersLoading.indexOf(action.mapLayerIndex);\r\n if (index !== -1) {\r\n layersLoading.splice(index, 1);\r\n }\r\n\r\n return updateObject(state, {[action.collection]:layersLoading});\r\n}\r\n\r\nconst getMapLayersStarted = (state) => {\r\n return updateObject(state, {loading:true});\r\n}\r\n\r\nconst getMapLayersSuccess = (state,action) => {\r\n let mapLayersRaster = [];\r\n let grazingYears = [];\r\n\r\n action.mapLayers.map_layers.forEach(mapLayer => {\r\n if (mapLayer.data_format === 'Raster'){\r\n mapLayersRaster.push(mapLayer);\r\n }\r\n\r\n // Insert all available years for the user for grazing in an array\r\n if (mapLayer.subgroup === 'Grazing capacity'){\r\n let year = mapLayer.raster_filename.split('_')[4];\r\n let yearIndex = grazingYears.findIndex(grazingYear => grazingYear.value === year);\r\n\r\n if (yearIndex === -1){ //the year has not been added to the array\r\n grazingYears.push({value:year, label:year});\r\n }\r\n }\r\n });\r\n\r\n // sort array with years ascending\r\n grazingYears.sort((a,b) => (a.value > b.value) ? 1 : ((b.value > a.value) ? -1 : 0));\r\n\r\n return updateObject(state, {\r\n error:false,\r\n loading:false,\r\n mapLayers:action.mapLayers.map_layers,\r\n mapLayersRaster:mapLayersRaster,\r\n grazingYears:grazingYears\r\n });\r\n}\r\n\r\nconst getMapLayersFailed = (state) => {\r\n return updateObject(state, {error:true,loading:false});\r\n}\r\n\r\nconst updateMapLayersStarted = (state) => {\r\n return updateObject(state, {loading:true});\r\n}\r\n\r\nconst updateMapLayersSuccess = (state,action) => {\r\n return updateObject(state, {\r\n error:false,\r\n loading:false,\r\n mapLayers:action.mapLayers.map_layers\r\n });\r\n}\r\n\r\nconst updateMapLayersFailed = (state) => {\r\n return updateObject(state, {error:true,loading:false});\r\n}\r\n\r\nconst saveQueryResultSuccess = (state,action) => {\r\n let queryMapLayers = [...state.queryMapLayers];\r\n\r\n let boundsLayer = JSON.parse(action.boundingBox.features[0].properties.bounds);\r\n let bounds = L.geoJSON(boundsLayer).getBounds();\r\n\r\n const layer = action.payload.geoserverWorkspace + \":\" + action.payload.selectedQueryLayer.tableName;\r\n\r\n let filter = \"\";\r\n let name = \"\";\r\n\r\n if (action.payload.selectedQueryField.dataType === \"string\"){\r\n filter = action.payload.selectedQueryField.field + \"='\" + action.payload.selectedQueryValue + \"'\";\r\n name = action.payload.selectedQueryLayer.label + \": \" + action.payload.selectedQueryField.field + \" = \" + action.payload.selectedQueryValue;\r\n } else {\r\n let min = action.payload.selectedQueryValue[0];\r\n let max = action.payload.selectedQueryValue[1];\r\n\r\n filter = \"(\" + action.payload.selectedQueryField.field + \">=\" + min + \" AND \" + action.payload.selectedQueryField.field + \"<=\" + max + \")\";\r\n name = action.payload.selectedQueryLayer.label + \": \" + min + \" <= \" + action.payload.selectedQueryField.field + \" >= \" + max;\r\n }\r\n \r\n queryMapLayers.push(\r\n {\r\n data:{layer: layer}, // Geojson or connection parameters for wms\r\n name: name,\r\n group_id: null,\r\n group: \"queries\",\r\n published: true,\r\n downloads: false,\r\n bounds: bounds,\r\n geoserver_url: action.payload.geoserverUrl,\r\n connection: \"wms\",\r\n visible: true,\r\n viewparams: \"\",\r\n filter: filter,\r\n layerOpacity: 1,\r\n type: \"raster\",\r\n style: {}\r\n }\r\n )\r\n\r\n return updateObject(state, {queryMapLayers:queryMapLayers});\r\n}\r\n\r\nconst updateMapKey = (state) => {\r\n var d = new Date();\r\n\r\n return updateObject(state, {mapKey:d.getMilliseconds()});\r\n}\r\n\r\nconst changeLayerOpacity = (state, action) => {\r\n let layers = [...state[action.collection]];\r\n layers[action.layerIndex].layerOpacity = action.percentage / 100;\r\n\r\n return updateObject(state, {[action.collection]:layers});\r\n}\r\n\r\nconst getFireYearsSuccess = (state, action) => {\r\n let fireYears = [];\r\n let mapLayers = [...state.mapLayers];\r\n const colors = [\"007fff\",\"178be7\",\"2e96d0\",\"45a2b9\",\"5cada1\",\"73b98a\",\"8ac473\",\"a2d05c\",\"add650\",\"b9dc45\",\"cae433\",\"dced22\",\"edf611\",\"ffff00\",\"fce502\",\"f9cb05\",\"f9b005\",\"f4970a\",\"f17e0c\",\"ef640f\",\"ec4a11\",\"e93014\",\"e71717\",\"a21010\",\"850d0d\"]\r\n let colorIndex = 0;\r\n let color = \"\";\r\n\r\n let mapLayersFiresPolygons = [];\r\n let mapLayersFiresPoints = [];\r\n\r\n action.fireYears.features.forEach((fireYear,index) => {\r\n fireYears.push(fireYear.properties.fire_year);\r\n\r\n // Calculate color between green(120) and red(0)\r\n colorIndex = Math.floor(index * ((colors.length - 1) / (action.fireYears.features.length - 1)));\r\n color = colors[colorIndex];\r\n \r\n mapLayersFiresPolygons.push({\r\n group_id:1,\r\n group:\"\",\r\n bounds:[],\r\n type:\"polygon\",\r\n label:fireYear.properties.fire_year,\r\n tableName:\"fires\",\r\n zIndex:6 + index,\r\n visible:true,\r\n connection:\"wms\",\r\n style:{\r\n type:\"single\",\r\n env: color\r\n },\r\n data:{layer:\"burned_areas:fires_per_year\"},\r\n viewparams:\"YEAR:\" + fireYear.properties.fire_year,\r\n layerOpacity:1,\r\n displayLegend: true,\r\n layerProperties: {\r\n \"year\":\"Έτος\",\r\n \"datestart\":\"Ημερομηνία έναρξης πυρκαγιάς\",\r\n \"dates2post\":\"Ημερομηνία λήψης εικόνας Sentinel-2\",\r\n \"nuts2\":\"Περιφέρεια (NUTS2)\",\r\n \"nuts3\":\"Περιφερειακή Ενότητα (NUTS3)\",\r\n \"lau1\":\"Δήμος/Κοινότητα (LAU1)\",\r\n \"location\":\"Θέση\",\r\n \"foroffice\":\"Δασαρχείο\",\r\n \"fordirect\":\"Διεύθυνση Δασών\",\r\n \"linkmap\":\"Σύνδεσμός χάρτη\",\r\n \"areaha\":\"Καμένη έκταση (εκτάρια)\",\r\n \"domclass\":\"Κυριάρχος τύπος κάλυψης γης εντός της περιμέτρου (CORINE LC 2018)\",\r\n \"taclc1\":\"Τεχνητές επιφάνειες (CLC2018, Κωδικός: 1)\",\r\n \"taclc2\":\"Γεωργικές περιοχές (CLC2018, Κωδικός: 2)\",\r\n \"taclc311\":\"∆άσος πλατύφυλλων (CLC2018, Κωδικός: 311)\",\r\n \"taclc312\":\"∆άσος κωνοφόρων (CLC2018, Κωδικός: 312)\",\r\n \"taclc313\":\"Μικτό δάσος (CLC2018, Κωδικός: 313)\",\r\n \"taclc321\":\"Φυσικοί βοσκότοποι (CLC2018, Κωδικός: 321)\",\r\n \"taclc322\":\"Θάµνοι και χερσότοποι (CLC2018, Κωδικός: 322)\",\r\n \"taclc323\":\"Σκληροφυλλική βλάστηση (CLC2018, Κωδικός: 323)\",\r\n \"taclc324\":\"Μεταβατικές δασώδεις και θαµνώδεις εκτάσεις (CLC2018, Κωδικός: 324)\",\r\n \"taclc33\":\"Ανοιχτοί χώροι µε λίγη ή καθόλου βλάστηση (CLC2018, Κωδικός: 33)\",\r\n \"taclc4\":\"Υγρότοποι (CLC2018, Κωδικός: 4)\",\r\n \"taclc5\":\"Υδάτινες επιφάνειες (CLC2018, Κωδικός: 5)\"\r\n }\r\n })\r\n\r\n mapLayersFiresPoints.push({\r\n group_id:1,\r\n group:\"\",\r\n bounds:[],\r\n type:\"polygon\",\r\n label:fireYear.properties.fire_year,\r\n tableName:\"fires\",\r\n zIndex:6 + index,\r\n visible:true,\r\n connection:\"wms\",\r\n style:{\r\n type:\"single\",\r\n env: color\r\n },\r\n data:{layer:\"burned_areas:fires_per_year_points\"},\r\n viewparams:\"YEAR:\" + fireYear.properties.fire_year,\r\n layerOpacity:1,\r\n displayLegend: true,\r\n layerProperties: {\r\n \"year\":\"Έτος\",\r\n \"datestart\":\"Ημερομηνία έναρξης πυρκαγιάς\",\r\n \"dates2post\":\"Ημερομηνία λήψης εικόνας Sentinel-2\",\r\n \"nuts2\":\"Περιφέρεια (NUTS2)\",\r\n \"nuts3\":\"Περιφερειακή Ενότητα (NUTS3)\",\r\n \"lau1\":\"Δήμος/Κοινότητα (LAU1)\",\r\n \"location\":\"Θέση\",\r\n \"foroffice\":\"Δασαρχείο\",\r\n \"fordirect\":\"Διεύθυνση Δασών\",\r\n \"linkmap\":\"Σύνδεσμός χάρτη\",\r\n \"areaha\":\"Καμένη έκταση (εκτάρια)\",\r\n \"domclass\":\"Κυριάρχος τύπος κάλυψης γης εντός της περιμέτρου (CORINE LC 2018)\",\r\n \"taclc1\":\"Τεχνητές επιφάνειες (CLC2018, Κωδικός: 1)\",\r\n \"taclc2\":\"Γεωργικές περιοχές (CLC2018, Κωδικός: 2)\",\r\n \"taclc311\":\"∆άσος πλατύφυλλων (CLC2018, Κωδικός: 311)\",\r\n \"taclc312\":\"∆άσος κωνοφόρων (CLC2018, Κωδικός: 312)\",\r\n \"taclc313\":\"Μικτό δάσος (CLC2018, Κωδικός: 313)\",\r\n \"taclc321\":\"Φυσικοί βοσκότοποι (CLC2018, Κωδικός: 321)\",\r\n \"taclc322\":\"Θάµνοι και χερσότοποι (CLC2018, Κωδικός: 322)\",\r\n \"taclc323\":\"Σκληροφυλλική βλάστηση (CLC2018, Κωδικός: 323)\",\r\n \"taclc324\":\"Μεταβατικές δασώδεις και θαµνώδεις εκτάσεις (CLC2018, Κωδικός: 324)\",\r\n \"taclc33\":\"Ανοιχτοί χώροι µε λίγη ή καθόλου βλάστηση (CLC2018, Κωδικός: 33)\",\r\n \"taclc4\":\"Υγρότοποι (CLC2018, Κωδικός: 4)\",\r\n \"taclc5\":\"Υδάτινες επιφάνειες (CLC2018, Κωδικός: 5)\"\r\n }\r\n })\r\n });\r\n\r\n const showMapLayers = [...mapLayers, ...mapLayersFiresPoints];\r\n\r\n return updateObject(state, {fireYears:fireYears, mapLayers:showMapLayers, mapLayersFiresPolygons:mapLayersFiresPolygons, mapLayersFiresPoints:mapLayersFiresPoints});\r\n}\r\n\r\nconst showFirePolygons = (state) => {\r\n let mapLayers = [...state.mapLayers];\r\n const mapLayersFiresPolygons = [...state.mapLayersFiresPolygons];\r\n\r\n mapLayers.length = 5; // Remove all fires, which are the last items in mapLayers array\r\n\r\n const showMapLayers = [...mapLayers, ...mapLayersFiresPolygons];\r\n\r\n return updateObject(state, {mapLayers:showMapLayers});\r\n}\r\n\r\nconst showFirePoints = (state) => {\r\n const mapLayers = [...state.mapLayers];\r\n const mapLayersFiresPoints = [...state.mapLayersFiresPoints];\r\n\r\n mapLayers.length = 5; // Remove all fires, which are the last items in mapLayers array\r\n\r\n const showMapLayers = [...mapLayers, ...mapLayersFiresPoints];\r\n\r\n return updateObject(state, {mapLayers:showMapLayers});\r\n}\r\n\r\nconst toggleLegend = (state,action) => {\r\n let mapLayers = [...state.mapLayers];\r\n mapLayers[action.layerIndex].displayLegend = !mapLayers[action.layerIndex].displayLegend;\r\n\r\n return updateObject(state, {mapLayers:mapLayers});\r\n}\r\n\r\nconst reducer = ( state = initialState, action ) => {\r\n switch ( action.type ) {\r\n case actionTypes.UPDATE_LAYER_FILL_COLOR: return updateLayerFillColor(state, action);\r\n case actionTypes.UPDATE_MAP_BOUNDS: return updateMapBounds(state, action);\r\n case actionTypes.UPDATE_LAYER_VISIBILITY: return updateLayerVisibility(state, action);\r\n case actionTypes.UPDATE_LAYER_BORDER_COLOR: return updateLayerBorderColor(state, action);\r\n case actionTypes.UPDATE_LAYER_BORDER_WIDTH: return updateLayerBorderWidth(state, action);\r\n case actionTypes.UPDATE_MAP_LAYERS_ORDER: return updateMapLayersOrder(state, action);\r\n case actionTypes.UPDATE_MAP_TABLE: return updateMapTable(state, action);\r\n case actionTypes.REMOVE_LAYER_ITEM: return removeLayerItem(state, action);\r\n case actionTypes.SHOW_SEARCH_RESULT_ITEM: return showSearchResultItem(state, action);\r\n case actionTypes.CLEAR_SEARCH_RESULT_ITEM: return clearSearchResultItem(state);\r\n case actionTypes.UPDATE_LAYER_VIEWPARAMS: return updateLayerViewparams(state,action);\r\n case actionTypes.ADD_LAYER_LOADING: return addLayerLoading(state,action);\r\n case actionTypes.REMOVE_LAYER_LOADING: return removeLayerLoading(state,action);\r\n case actionTypes.GET_MAP_LAYERS_STARTED: return getMapLayersStarted(state);\r\n case actionTypes.GET_MAP_LAYERS_SUCCESS: return getMapLayersSuccess(state,action);\r\n case actionTypes.GET_MAP_LAYERS_FAILED: return getMapLayersFailed(state);\r\n case actionTypes.UPDATE_MAP_LAYERS_STARTED: return updateMapLayersStarted(state);\r\n case actionTypes.UPDATE_MAP_LAYERS_SUCCESS: return updateMapLayersSuccess(state,action);\r\n case actionTypes.UPDATE_MAP_LAYERS_FAILED: return updateMapLayersFailed(state);\r\n case actionTypes.SAVE_QUERY_RESULT_SUCCESS: return saveQueryResultSuccess(state,action);\r\n case actionTypes.UPDATE_MAP_KEY: return updateMapKey(state,action);\r\n case actionTypes.CHANGE_LAYER_OPACITY: return changeLayerOpacity(state,action);\r\n case actionTypes.GET_FIRE_YEARS_SUCCESS: return getFireYearsSuccess(state, action);\r\n case actionTypes.SHOW_FIRE_POLYGONS: return showFirePolygons(state);\r\n case actionTypes.SHOW_FIRE_POINTS: return showFirePoints(state);\r\n case actionTypes.TOGGLE_LEGEND: return toggleLegend(state,action);\r\n default: return state;\r\n }\r\n};\r\n\r\nexport default reducer;","import * as actionTypes from '../actions/actionTypes';\r\nimport {updateObject} from '../utilities';\r\nimport basemap_google_satellite from '../../assets/images/basemap_google_satellite.png'\r\nimport basemap_google_roadmap from '../../assets/images/basemap_google_roadmap.png'\r\nimport basemap_google_terrain from '../../assets/images/basemap_google_terrain.png'\r\nimport basemap_openstreetmap from '../../assets/images/basemap_openstreetmap.png'\r\nimport basemap_cardo_db from '../../assets/images/basemap_cardo_db.png'\r\nimport basemap_esri_world from '../../assets/images/basemap_esri_world.png'\r\n\r\nconst initialState = {\r\n mapBounds:[[34.5, 17.13],[41.80,30.68]],\r\n basemapLayers:[\r\n {\r\n name:'satellite',\r\n label:'Google Satellite',\r\n maxZoom: 20,\r\n isGoogle: true,\r\n key:'AIzaSyB7wxoH28aEIcYKWxUt7vmGrJ_zFKdZosU',\r\n image:basemap_google_satellite\r\n },\r\n {\r\n name:'roadmap',\r\n label:'Google Roadmap',\r\n maxZoom: 20,\r\n isGoogle: true,\r\n key:'AIzaSyB7wxoH28aEIcYKWxUt7vmGrJ_zFKdZosU',\r\n image:basemap_google_roadmap\r\n },\r\n {\r\n name:'terrain',\r\n label:'Google Terrain',\r\n maxZoom: 20,\r\n isGoogle: true,\r\n key:'AIzaSyB7wxoH28aEIcYKWxUt7vmGrJ_zFKdZosU',\r\n image:basemap_google_terrain\r\n },\r\n {\r\n name:'OpenStreetMap_Mapnik',\r\n label:'Open Street Map',\r\n url:'http://{s}.tile.osm.org/{z}/{x}/{y}.png',\r\n // attribution: '© OpenStreetMap contributors © CARTO ',\r\n attribution: '',\r\n maxZoom: 19,\r\n isGoogle: false,\r\n image:basemap_openstreetmap\r\n },\r\n {\r\n name:'CartoDB_Positron',\r\n label:'CartoDB Positron',\r\n url:'https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png',\r\n // attribution: '© OpenStreetMap contributors',\r\n attribution: '',\r\n subdomains: 'abcd',\r\n maxZoom: 19,\r\n isGoogle: false,\r\n image:basemap_cardo_db\r\n },\r\n {\r\n name:'Esri_WorldImagery',\r\n label:'Esri World Imagery',\r\n url:'https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}',\r\n // attribution: 'Tiles © Esri — Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community',\r\n attribution: '',\r\n maxZoom: 15,\r\n isGoogle: false,\r\n image:basemap_esri_world\r\n },\r\n ],\r\n selectedBasemap: 4,\r\n featureInfoLayers:[],\r\n currentFeatureInfoLayer: 1,\r\n loadingFeatureInfo: false,\r\n showPopup: false\r\n}\r\n\r\nconst changeBackground = (state,action) => {\r\n return updateObject(state, {selectedBasemap:action.index});\r\n}\r\n\r\nconst getFeatureInfoStarted = (state) => {\r\n return updateObject(state, {loadingFeatureInfo:true, showPopup:true});\r\n}\r\n\r\nconst getFeatureInfoSuccess = (state,action) => {\r\n let featureInfoLayers = [];\r\n\r\n action.layersData.forEach((layerData, index) => {\r\n if (layerData.data.features && layerData.data.features.length > 0){\r\n featureInfoLayers.push({layer:action.layers[index].layerName, layerData:layerData, layerLabel:action.layers[index].layerLabel, layerProperties:action.layers[index].layerProperties})\r\n }\r\n });\r\n\r\n return updateObject(state, {loadingFeatureInfo:false, featureInfoLayers:featureInfoLayers});\r\n}\r\n\r\nconst getFeatureStart = (state) => {\r\n return updateObject(state, {loadingFeatureInfo:true});\r\n}\r\n\r\nconst getFeatureSuccess = (state,action) => {\r\n let featureInfoLayers = [];\r\n\r\n action.layersData.forEach(layerData => {\r\n featureInfoLayers.push({layer:layerData.layerName, layerData:layerData.data});\r\n });\r\n\r\n return updateObject(state, {featureInfoLayers:featureInfoLayers, loadingFeatureInfo:false, showPopup:true});\r\n}\r\n\r\nconst changeFeaturePanel = (state,action) => {\r\n let currentFeatureInfoLayer = state.currentFeatureInfoLayer\r\n\r\n if (action.action === \"add\"){\r\n currentFeatureInfoLayer = currentFeatureInfoLayer + 1;\r\n } else if (action.action === \"subtract\") {\r\n currentFeatureInfoLayer = currentFeatureInfoLayer - 1;\r\n } else if (action.action === \"reset\") {\r\n currentFeatureInfoLayer = 1;\r\n }\r\n\r\n return updateObject(state, {currentFeatureInfoLayer:currentFeatureInfoLayer});\r\n}\r\n\r\nconst closePopup = (state) => {\r\n return updateObject(state, {loadingFeatureInfo:false, showPopup:false});\r\n}\r\n\r\n\r\nconst reducer = ( state = initialState, action ) => {\r\n switch ( action.type ) {\r\n case actionTypes.CHANGE_BACKGROUND: return changeBackground(state, action);\r\n case actionTypes.GET_FEATURE_INFO_STARTED: return getFeatureInfoStarted(state);\r\n case actionTypes.GET_FEATURE_INFO_SUCCESS: return getFeatureInfoSuccess(state,action);\r\n case actionTypes.GET_FEATURE_START: return getFeatureStart(state);\r\n case actionTypes.GET_FEATURE_SUCCESS: return getFeatureSuccess(state, action);\r\n case actionTypes.CHANGE_FEATURE_PANEL: return changeFeaturePanel(state,action);\r\n case actionTypes.CLOSE_POPUP: return closePopup(state);\r\n default: return state;\r\n }\r\n};\r\n\r\nexport default reducer;","import * as actionTypes from '../actions/actionTypes';\r\nimport {updateObject} from '../utilities';\r\n\r\nconst initialState = {\r\n showModal:false,\r\n show:\"login\",\r\n loggedIn:false,\r\n loggedInUser:{},\r\n confirmationMessage:null,\r\n showSpinner:false\r\n}\r\n\r\nconst showLoginRegister = (state,action) => {\r\n return updateObject(state, {showModal:true, show:action.showType});\r\n}\r\n\r\nconst hideLoginRegister = (state) => {\r\n return updateObject(state, {showModal:false, show:\"\", confirmationMessage:null});\r\n}\r\n\r\nconst loggedIn = (state,action) => {\r\n return updateObject(state, {loggedIn:true, loggedInUser:action.user, showModal:false, show:\"\", confirmationMessage:null});\r\n}\r\n\r\nconst loggedOut = (state) => {\r\n return initialState;\r\n}\r\n\r\nconst getUserFromLocalStorage = (state) => {\r\n\r\n let user = {};\r\n \r\n if (localStorage.getItem('user') !== 'undefined') { \r\n user = JSON.parse(localStorage.getItem('user'));\r\n }\r\n\r\n let loggedIn = false;\r\n\r\n if (user !== null && user.hasOwnProperty('id')) loggedIn = true;\r\n\r\n return updateObject(state, {loggedIn:loggedIn, loggedInUser:user});\r\n}\r\n\r\nconst showConfirmation = (state,action) => {\r\n return updateObject(state, {\r\n showModal: true,\r\n show:\"confirmation\",\r\n confirmationMessage:action.confirmationMessage\r\n });\r\n}\r\n\r\nconst showLoadingSpinner = (state) => {\r\n return updateObject(state, {showSpinner:true});\r\n}\r\n\r\nconst hideLoadingSpinner = (state) => {\r\n return updateObject(state, {showSpinner:false});\r\n}\r\n\r\nconst reducer = ( state = initialState, action ) => {\r\n switch ( action.type ) {\r\n case actionTypes.SHOW_LOGIN_REGISTER: return showLoginRegister(state,action);\r\n case actionTypes.HIDE_LOGIN_REGISTER: return hideLoginRegister(state);\r\n case actionTypes.LOGGED_IN: return loggedIn(state,action);\r\n case actionTypes.LOGGED_OUT: return loggedOut(state);\r\n case actionTypes.GET_USER_FROM_LOCAL_STORAGE: return getUserFromLocalStorage(state);\r\n case actionTypes.SHOW_CONFIRMATION: return showConfirmation(state,action);\r\n case actionTypes.SHOW_LOADING_SPINNER: return showLoadingSpinner(state);\r\n case actionTypes.HIDE_LOADING_SPINNER: return hideLoadingSpinner(state);\r\n default: return state;\r\n }\r\n};\r\n\r\nexport default reducer;","import * as actionTypes from '../actions/actionTypes';\r\nimport {updateObject} from '../utilities';\r\n\r\nconst initialState = {\r\n message: \"\",\r\n type: \"\"\r\n}\r\n\r\nconst alertSuccess = (state, action) => {\r\n return updateObject(state, {message:action.message, type: \"Success\"});\r\n}\r\n\r\nconst alertError = (state, action) => {\r\n return updateObject(state, {message:action.message, type: \"Error\"});\r\n}\r\n\r\nconst alertClear = (state) => {\r\n return updateObject(state, {message:\"\", type:\"\"});\r\n}\r\n\r\nconst reducer = ( state = initialState, action ) => {\r\n switch ( action.type ) {\r\n case actionTypes.ALERT_SUCCESS: return alertSuccess(state, action);\r\n case actionTypes.ALERT_ERROR: return alertError(state, action);\r\n case actionTypes.ALERT_CLEAR: return alertClear(state);\r\n default: return state;\r\n }\r\n};\r\n\r\nexport default reducer;","import * as actionTypes from '../actions/actionTypes';\r\nimport {updateObject} from '../utilities';\r\n\r\nconst initialState = {\r\n adminItems:[],\r\n adminItemsLoading: false,\r\n selectedAdmin:\"country\",\r\n selectedAdminItem:null,\r\n selectedAdminLabel:\"Επικράτεια\",\r\n selectedStatsType:\"fires\",\r\n statsFires:{\r\n results:{\r\n xTitle:\"\", \r\n xKey:\"\", \r\n yTitle:\"\", \r\n data:[]\r\n }, \r\n numbers:{\r\n xTitle:\"\", \r\n xKey:\"\",\r\n yTitle:\"\", \r\n data:[]\r\n }\r\n },\r\n statsClc:{\r\n results:{\r\n xTitle:\"\", \r\n xKey:\"\", \r\n yTitle:\"\", \r\n data:[]\r\n }\r\n },\r\n statsClcAll:null,\r\n statsClcYears:null,\r\n statsClcLastYear:null\r\n}\r\n\r\nconst getAdminWithFiresStarted = (state) => {\r\n return updateObject(state, {adminItems:[], adminItemsLoading:true});\r\n}\r\n\r\nconst getAdminWithFiresSuccess = (state,action) => {\r\n let adminItems = [];\r\n\r\n action.admin.features.forEach(adminItem => {\r\n adminItems.push({value: adminItem.properties.code, label:adminItem.properties.name})\r\n });\r\n\r\n return updateObject(state, {adminItems:adminItems, adminItemsLoading:false});\r\n}\r\n\r\nconst getStatisticsSuccess = (state,action) => {\r\n let xTitle = \"Έτος\";\r\n let yTitle = \"Έκταση (εκτάρια)\";\r\n let xKey = \"year\";\r\n let statsType = \"statsFires\";\r\n let statsClcAll = {};\r\n let stats = null;\r\n let statsClcLastYear = 0;\r\n let statsClcYears = [];\r\n let clcLabels = {\r\n \"ahaclc1\":\"Τεχνητές επιφάνειες (CLC2018, Κωδικός: 1)\",\r\n \"ahaclc2\":\"Γεωργικές περιοχές (CLC2018, Κωδικός: 2)\",\r\n \"ahaclc311\":\"∆άσος πλατύφυλλων (CLC2018, Κωδικός: 311)\",\r\n \"ahaclc312\":\"∆άσος κωνοφόρων (CLC2018, Κωδικός: 312)\",\r\n \"ahaclc313\":\"Μικτό δάσος (CLC2018, Κωδικός: 313)\",\r\n \"ahaclc321\":\"Φυσικοί βοσκότοποι (CLC2018, Κωδικός: 321)\",\r\n \"ahaclc322\":\"Θάµνοι και χερσότοποι (CLC2018, Κωδικός: 322)\",\r\n \"ahaclc323\":\"Σκληροφυλλική βλάστηση (CLC2018, Κωδικός: 323)\",\r\n \"ahaclc324\":\"Μεταβατικές δασώδεις και θαµνώδεις εκτάσεις (CLC2018, Κωδικός: 324)\",\r\n \"ahaclc33\":\"Ανοιχτοί χώροι µε λίγη ή καθόλου βλάστηση (CLC2018, Κωδικός: 33)\",\r\n \"ahaclc4\":\"Υγρότοποι (CLC2018, Κωδικός: 4)\",\r\n \"ahaclc5\":\"Υδάτινες επιφάνειες (CLC2018, Κωδικός: 5)\"\r\n }\r\n\r\n if (action.selectedStatsType === \"clc\"){\r\n // TODO: change the above variables\r\n statsType = \"statsClc\";\r\n xTitle = \"Corine land cover\";\r\n xKey = \"clc\";\r\n\r\n stats = {\r\n results:{\r\n xTitle:xTitle, \r\n xKey:xKey, \r\n yTitle:yTitle, \r\n data:[]\r\n }\r\n };\r\n\r\n // Get the keys\r\n const keys = Object.keys(action.stats.features[0].properties);\r\n\r\n // A variable with data for all years\r\n action.stats.features.forEach(stat => {\r\n statsClcAll[stat.properties.year] = [];\r\n statsClcYears.push({value:stat.properties.year, label:stat.properties.year});\r\n \r\n keys.forEach(key => {\r\n if (key !== \"year\"){\r\n statsClcAll[stat.properties.year].push({clc:clcLabels[key], value:parseFloat(stat.properties[key].toFixed(2))});\r\n }\r\n });\r\n statsClcLastYear = stat.properties.year;\r\n }); \r\n\r\n stats.results.data = [...statsClcAll[statsClcLastYear]]\r\n\r\n } else {\r\n stats = {\r\n results:{\r\n xTitle:xTitle, \r\n xKey:xKey, \r\n yTitle:yTitle, \r\n data:[]\r\n }, \r\n numbers:{\r\n xTitle:xTitle, \r\n xKey:xKey,\r\n yTitle:\"Αριθμός πυρκαγιών\", \r\n data:[]\r\n }\r\n };\r\n \r\n action.stats.features.forEach(stat => {\r\n stats.results.data.push({[xKey]:stat.properties[xKey], value:parseFloat(stat.properties.value.toFixed(2))});\r\n stats.numbers.data.push({[xKey]:stat.properties[xKey], value:parseInt(stat.properties.count)})\r\n }); \r\n }\r\n \r\n return updateObject(state, {[statsType]:stats, statsClcAll:statsClcAll, statsClcYears:statsClcYears, statsClcLastYear:statsClcLastYear});\r\n}\r\n\r\nconst updateSimpleVariable = (state,action) => {\r\n return updateObject(state, {[action.variableName]:action.newValue});\r\n}\r\n\r\nconst changeClcYear = (state,action) => {\r\n let statsClc = {...state.statsClc};\r\n statsClc.results.data = state.statsClcAll[action.year];\r\n \r\n return updateObject(state, {statsClc:statsClc});\r\n}\r\n\r\nconst reducer = ( state = initialState, action ) => {\r\n switch ( action.type ) {\r\n case actionTypes.GET_ADMIN_WITH_FIRES_STARTED: return getAdminWithFiresStarted(state);\r\n case actionTypes.GET_ADMIN_WITH_FIRES_SUCCESS: return getAdminWithFiresSuccess(state,action);\r\n case actionTypes.GET_STATISTICS_SUCCESS: return getStatisticsSuccess(state,action);\r\n case actionTypes.UPDATE_SIMPLE_VARIABLE: return updateSimpleVariable(state,action);\r\n case actionTypes.CHANGE_CLC_YEAR: return changeClcYear(state,action);\r\n default: return state;\r\n }\r\n};\r\n\r\nexport default reducer;","import * as actionTypes from '../actions/actionTypes';\r\nimport {updateObject} from '../utilities';\r\n\r\nconst initialState = {\r\n versions:{fires:[], clc:[]},\r\n selectedVersion_fires: 1,\r\n selectedVersion_clc: 2,\r\n savedVersion_fires:1,\r\n savedVersion_clc:2,\r\n newVersionAnalysed: false,\r\n newVersionUploaded: false,\r\n changedVersion: false\r\n}\r\n\r\n\r\nconst getVersionsSuccess = (state,action) => {\r\n let versions = {fires:[], clc:[]};\r\n let nameAttach = \"fires\";\r\n let active = false;\r\n let selectedVersion_fires = 1;\r\n let selectedVersion_clc = 2;\r\n\r\n action.versions.forEach(version => {\r\n if (version.table === \"fires\") {\r\n nameAttach = \"fires\";\r\n if (version.active) selectedVersion_fires = version.id;\r\n\r\n } else if (version.table === \"clc\") {\r\n nameAttach = \"clc\";\r\n if (version.active) selectedVersion_clc = version.id;\r\n }\r\n\r\n if (version.active) active=true; else active=false;\r\n \r\n versions[nameAttach].push({value:version.id, label:version.version, active:active})\r\n });\r\n\r\n return updateObject(state, {\r\n versions:versions,\r\n selectedVersion_fires:selectedVersion_fires,\r\n selectedVersion_clc:selectedVersion_clc,\r\n savedVersion_fires: selectedVersion_fires,\r\n savedVersion_clc: selectedVersion_clc\r\n });\r\n}\r\n\r\nconst updateAdminSimpleVariable = (state,action) => {\r\n return updateObject(state, {[action.variableName]:action.newValue});\r\n}\r\n\r\nconst createVersionSuccess = (state,action) => {\r\n return updateObject(state, {newVersionAnalysed:true, newVersionUploaded:action.data});\r\n}\r\n\r\nconst clearVersion = (state) => {\r\n return updateObject(state, {newVersionAnalysed:false, newVersionUploaded:false});\r\n}\r\n\r\n\r\nconst reducer = ( state = initialState, action ) => {\r\n switch ( action.type ) {\r\n case actionTypes.GET_VERSIONS_SUCCESS: return getVersionsSuccess(state,action);\r\n case actionTypes.UPDATE_ADMIN_SIMPLE_VARIABLE: return updateAdminSimpleVariable(state,action);\r\n case actionTypes.CREATE_VERSION_SUCCESS: return createVersionSuccess(state,action);\r\n case actionTypes.CLEAR_VERSION: return clearVersion(state);\r\n default: return state;\r\n }\r\n};\r\n\r\nexport default reducer;","import * as actionTypes from '../actions/actionTypes';\r\nimport {updateObject} from '../utilities';\r\n\r\nconst initialState = {\r\n filesList: [],\r\n filesListProgress: [],\r\n uploadedItem:null,\r\n error: false\r\n};\r\n\r\nconst removeFileFromFileList = (state, action) => {\r\n let newFilesList = [...state.filesList];\r\n newFilesList.splice(action.index, 1);\r\n\r\n let newFilesListProgress = [...state.filesListProgress];\r\n newFilesListProgress.splice(action.index, 1);\r\n\r\n return updateObject(state, {filesList:newFilesList, filesListProgress:newFilesListProgress});\r\n}\r\n\r\nconst fileAddedToList = (state, action) => {\r\n let newFilesList = [];\r\n const files = action.event.target.files;\r\n \r\n for (var i = 0; i < files.length; i++) {\r\n newFilesList.push(files.item(i));\r\n }\r\n\r\n return updateObject(state, {filesList:newFilesList, filesListProgress:[0]});\r\n}\r\n\r\nconst uploadProgress = (state, action) => {\r\n let newfilesListProgress = [...state.filesListProgress];\r\n newfilesListProgress[action.fileIndex] = action.percentCompleted;\r\n\r\n return updateObject(state, {filesListProgress:newfilesListProgress});\r\n}\r\n\r\nconst clearFilesList = (state) => {\r\n return updateObject(state, {filesList: [], filesListProgress:[], uploadedItem:null});\r\n}\r\n\r\nconst uploadedFilesSuccess = (state,action) => {\r\n return updateObject(state, {error: false, uploadedItem:action.uploadedItem});\r\n}\r\n\r\nconst reducer = ( state = initialState, action ) => {\r\n switch ( action.type ) {\r\n case actionTypes.REMOVE_FILE_FROM_FILE_LIST: return removeFileFromFileList(state, action);\r\n case actionTypes.FILE_ADDED_TO_LIST: return fileAddedToList(state, action);\r\n case actionTypes.FILE_DROPED_TO_LIST: return updateObject(state, {filesList:action.fileList});\r\n case actionTypes.UPLOAD_PROGRESS: return uploadProgress(state, action);\r\n case actionTypes.UPLOAD_FILES_FAILED: return updateObject(state, {error: true});\r\n case actionTypes.CLEAR_FILES_LIST: return clearFilesList(state);\r\n case actionTypes.UPLOADED_FILES_SUCCESS: return uploadedFilesSuccess(state,action);\r\n default: return state;\r\n }\r\n};\r\n\r\nexport default reducer;","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { BrowserRouter } from 'react-router-dom';\nimport { Provider } from 'react-redux';\nimport { createStore, applyMiddleware, compose, combineReducers } from 'redux';\nimport thunk from 'redux-thunk';\n\nimport './index.css';\nimport App from './App';\n// import registerServiceWorker from './registerServiceWorker';\nimport * as serviceWorker from './serviceWorker';\nimport systemReducer from './store/reducers/system';\nimport layerItemsReducer from './store/reducers/layerItems';\nimport webgisReducer from './store/reducers/webgis';\nimport loginRegisterReducer from './store/reducers/loginRegister';\nimport alertsReducer from './store/reducers/alerts';\nimport statisticsReducer from './store/reducers/statistics';\nimport adminReducer from './store/reducers/admin';\nimport dropzoneReducer from './store/reducers/dropzone';\n\nconst composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;\n\nconst rootReducer = combineReducers({\n system: systemReducer,\n layerItems: layerItemsReducer,\n webgis: webgisReducer,\n loginRegister: loginRegisterReducer,\n alerts: alertsReducer,\n statistics: statisticsReducer,\n admin: adminReducer,\n dropzone: dropzoneReducer\n});\n\nconst store = createStore(rootReducer, composeEnhancers(\n applyMiddleware(thunk)\n));\n\nconst app = (\n \n \n \n \n);\n\nReactDOM.render( app, document.getElementById( 'root' ) );\nserviceWorker.register();","// extracted by mini-css-extract-plugin\nmodule.exports = {\"PopupPanel\":\"PopupPanel_PopupPanel__1_62M\",\"Show\":\"PopupPanel_Show__3Z4al\",\"Curtain\":\"PopupPanel_Curtain__2oZFQ\",\"Panel\":\"PopupPanel_Panel__3ohac\",\"CloseButtonWrapper\":\"PopupPanel_CloseButtonWrapper__21oMp\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"Topbar\":\"Topbar_Topbar__2_ID0\",\"TopbarDesktop\":\"Topbar_TopbarDesktop__eTbl9\",\"TopbarInner\":\"Topbar_TopbarInner__1DnHG\",\"MenuButtons\":\"Topbar_MenuButtons__3RYWQ\",\"LoginRegisterButtons\":\"Topbar_LoginRegisterButtons___l2Hi\",\"SiteNameWrapper\":\"Topbar_SiteNameWrapper__5OqfT\",\"InfoButtonWrapper\":\"Topbar_InfoButtonWrapper__1giXz\",\"TopbarMobile\":\"Topbar_TopbarMobile__WzCPH\",\"LogoutMobile\":\"Topbar_LogoutMobile__RZCyS\",\"Show\":\"Topbar_Show__3DWL2\",\"MobileMenuBar\":\"Topbar_MobileMenuBar__3ORpB\",\"BannerWrapper\":\"Topbar_BannerWrapper__3_Z9J\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"Root\":\"OpacitySlider_Root__1U4FG\",\"AdditionalMarks\":\"OpacitySlider_AdditionalMarks__2aPyN\",\"BaseValue\":\"OpacitySlider_BaseValue__3eDij\",\"UserValue\":\"OpacitySlider_UserValue__3mDI9\",\"UserValueTitle\":\"OpacitySlider_UserValueTitle__242nG\",\"UserInput\":\"OpacitySlider_UserInput__2FFnY\",\"Error\":\"OpacitySlider_Error__H63yg\",\"VariableInfo\":\"OpacitySlider_VariableInfo__2V74q\",\"Show\":\"OpacitySlider_Show__EqyQ8\",\"Track\":\"OpacitySlider_Track__jjS_4\",\"Mark\":\"OpacitySlider_Mark__1slS-\",\"MarkActive\":\"OpacitySlider_MarkActive__w6cTG\",\"MarkLabel\":\"OpacitySlider_MarkLabel__350AP\",\"Thumb\":\"OpacitySlider_Thumb__SSJUm\",\"ValueLabel\":\"OpacitySlider_ValueLabel__q3ZCo\",\"Rail\":\"OpacitySlider_Rail__2za-5\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"Button\":\"DropzoneButton_Button__6PI_x\",\"Green\":\"DropzoneButton_Green__s_2pc\",\"Red\":\"DropzoneButton_Red__2nBBs\",\"Circle\":\"DropzoneButton_Circle__2JCAW\",\"Rectangle\":\"DropzoneButton_Rectangle__zNezf\",\"MaxSize\":\"DropzoneButton_MaxSize__2CkdF\",\"Large\":\"DropzoneButton_Large__1BwDI\",\"AlignRight\":\"DropzoneButton_AlignRight__3YpfL\",\"AlignCenter\":\"DropzoneButton_AlignCenter__KFPZY\",\"Hidden\":\"DropzoneButton_Hidden__2GO-o\",\"FontWhite\":\"DropzoneButton_FontWhite__1MAHr\",\"FontRegular\":\"DropzoneButton_FontRegular__3ZZFh\",\"backButton\":\"DropzoneButton_backButton__158Ng\"};"],"sourceRoot":""}