\n {\n handlePolygonOrPinClick(item);\n }}\n >\n {item.image_path && (\n {\n handlePolygonOrPinClick(item);\n }}\n >\n
\n )\n }\n {\n (item.domain == null || item.subdomain == null) && (\n \n \n \n \n \n
\n )}\n \n \n {item.name}\n
\n \n \n {item.image_path != null && (\n
\n )\n }\n \n \n \n \n \n
\n )}\n {item.name}
\n \n \n {\n setDestination(true);\n mapRef.leafletElement.flyTo(mapLongLat, mapZoom);\n }}\n >\n {getTranslation('prime.map.location', selLang)}\n \n \n {\n setDestination(false);\n mapRef.leafletElement.flyTo(mapLongLat, mapZoom);\n }}\n >\n {getTranslation('prime.map.region', selLang)}\n \n \n
\n {\n mapRef = ref;\n }}\n center={mapLongLat}\n zoom={mapZoom}\n style={{ height: mapHeight, width: '100%' }}\n doubleClickZoom={false}\n trackResize={false}\n zoomControl={false}\n touchZoom={true}\n keyboard={false}\n gestureHandling={true}\n attributionControl={false}\n gestureHandlingOptions={{\n text: {\n touch:\n Session.getProjectInfo() &&\n Session.getProjectInfo().mapZoomText &&\n getTranslated(Session.getProjectInfo().mapZoomText, setLang)\n ? getTranslated(Session.getProjectInfo().mapZoomText, setLang)\n : 'Use two fingers to move the map',\n scroll: 'Use ctrl + scroll to zoom the map',\n scrollMac: 'Use \\u2318 + scroll to zoom the map',\n },\n }}\n >\n \n {destination && (\n \n \n list(clicked - 1, 0)}\n style={{ width: '110px' }}\n className=\"prime-title-font\"\n >\n \n \n list(clicked + 1)}\n style={{ width: '110px' }}\n className=\"prime-title-font\"\n >\n {getTranslation('map.next', selLang)}\n \n \n )}\n
\n \n );\n};\n\nexport default MapWidget;\n","import React from \"react\";\nimport { Session } from \"../utils/Session\";\nimport { getSelectedLanguage, saveDefaults, getSelectedClientLanguage } from \"../utils/Utils\";\nimport Flag from \"react-world-flags\";\nimport { Select } from \"antd\";\nimport config from \"../config.json\";\nconst { Option } = Select;\n\nexport const LanguageSelector = (props) => {\n const i18n = Session.getAppValue(\"I18N\");\n const projInfo = Session.getProjectInfo();\n\n function changeLanguage(value) {\n const selectedLang = { lang: value.toLowerCase() };\n saveDefaults(selectedLang);\n window.location.reload();\n }\n\n function changeClientLanguage(value) {\n const selectedClientLang = { clientLang: value.toLowerCase() };\n saveDefaults(selectedClientLang);\n window.location.reload();\n }\n\n if (!props.client && i18n) {\n return (\n \n );\n } else {\n return (\n \n );\n }\n};\n","import React, { useState, useEffect } from 'react';\nimport { Menu, Icon } from 'antd';\nimport { requestGet, RESPONSE } from '../../utils/RequestResolver';\nimport { geti18nText, getTranslation } from '../../utils/Session';\nimport { getSelectedLanguage } from '../../utils/Utils';\nimport { CONSTANTS_REQ } from '../../utils/Constants';\nimport 'animate.css';\nimport { LanguageSelector } from '../../components/Language';\nimport './MenuBar.css';\n\nconst MenuBar = () => {\n const [loginHref, setLoginHref] = useState(undefined);\n const [aboutUsHref, setAboutUsHref] = useState(undefined);\n const [primeResponsive, setPrimeResponsive] = useState('prime-menu');\n const selLang = getSelectedLanguage();\n\n useEffect(() => {\n getLoginHref();\n getAboutUsHref();\n }, []);\n\n async function getLoginHref() {\n const resp = await requestGet(CONSTANTS_REQ.SETTINGS.EDIT, {\n group: 'prime',\n key: 'prime.login',\n projectId: 0,\n });\n if (resp.status === RESPONSE.OK) {\n if (resp.data.settingValue != null) {\n setLoginHref(resp.data.settingValue);\n }\n }\n }\n\n async function getAboutUsHref() {\n const resp = await requestGet(CONSTANTS_REQ.SETTINGS.EDIT, {\n group: 'prime',\n key: 'prime.aboutus',\n projectId: 0,\n });\n if (resp.status === RESPONSE.OK) {\n if (resp.data.settingValue != null) {\n setAboutUsHref(resp.data.settingValue);\n }\n }\n }\n\n const setResponsive = () => {\n console.log(primeResponsive);\n if (primeResponsive === 'prime-menu') {\n setPrimeResponsive('prime-menu responsive');\n } else {\n setPrimeResponsive('prime-menu');\n }\n };\n\n return (\n // \n \n \n
\n );\n};\n\nexport default MenuBar;\n","import React, { useState, useEffect } from 'react';\nimport { geti18nText, getTranslation } from '../../utils/Session';\nimport { getSelectedLanguage } from '../../utils/Utils';\nimport { Row, Col, Form, Select, Button, Icon } from 'antd';\nimport { getTranslated } from '../../components/InputByLanguage';\nimport { CONSTANTS_REQ } from '../../utils/Constants';\nimport { applicationLogo } from '../../components/adminLayout/AdminMainMenu';\nimport MapWidget from './MapWidget';\nimport MenuBar from './MenuBar';\nimport './Prime.css';\nimport { Search } from '@nybble/ny-tourist-components';\nimport { requestGet, RESPONSE } from '../../utils/RequestResolver';\nimport { useHistory } from 'react-router-dom';\n\nconst PrimeIndex = () => {\n const history = useHistory();\n const [logo, setLogo] = useState(undefined);\n const selLang = getSelectedLanguage();\n\n useEffect(() => {\n setLogo(applicationLogo(logo));\n }, []);\n\n return (\n {getTranslation('app.title', selLang)}
\n \n\n {\n projectClick(item.subdomain, item.domain, item.id);\n }}\n >\n {item.searchImage != null && (\n {\n projectClick(item.subdomain, item.domain, item.id, item.alias);\n }}\n >\n
\n )}\n {(item.domain == null || item.subdomain == null) && (\n \n \n \n \n \n
\n )}\n \n \n {getTranslated(item.name, selLang)}\n
\n \n {item.searchDescription != null && (\n \n {getTranslated(item.searchDescription, selLang)}\n
\n )}\n \n {item.searchImage != null && (\n
\n )}\n \n \n \n \n \n
\n )}\n {item.name}
\n \n {\n projectClick(subdomain, domain, id, alias);\n }}\n >\n
\n \n \n );\n };\n\n const onGridView = (e) => {\n e.preventDefault();\n setGridView('active');\n setMapView(null);\n setForMap(false);\n };\n\n const onMapView = (e) => {\n e.preventDefault();\n setMapView('active');\n setGridView(null);\n setForMap(true);\n };\n\n const onCheckStars = (checkedKeys, info) => {\n setCheckedStars(checkedKeys);\n };\n const onChangePagination = (page, pageSize) => {\n setPagination({\n max: pageSize,\n offset: page - 1,\n });\n };\n\n const onClickKeyFacilities = (e, key) => {\n e.preventDefault();\n let checkedKeys = [...checkedKeyFacilities];\n if (checkedKeys.includes(key)) {\n const index = checkedKeys.indexOf(key);\n if (index > -1) {\n checkedKeys.splice(index, 1);\n }\n setCheckedKeyFacilities(checkedKeys);\n } else {\n checkedKeys.push(key);\n setCheckedKeyFacilities(checkedKeys);\n }\n\n setFacilitiesGroup(key);\n };\n\n function setFacilitiesGroup(key) {\n if (keyFacilitiesParent.includes(key)) {\n let checkedGroupKeys = [...checkedFacilitiesGroup];\n\n if (checkedGroupKeys.includes(key)) {\n const index = checkedGroupKeys.indexOf(key);\n if (index > -1) {\n checkedGroupKeys.splice(index, 1);\n }\n } else {\n checkedGroupKeys.push(key);\n }\n\n sethCheckedFacilitiesGroup(checkedGroupKeys);\n }\n }\n\n const onCheckCategoriesFilter = (checkedKeys, info) => {\n var or_keys = [];\n var and_keys = [];\n checkedKeys.forEach(function (key) {\n if (key.includes('or')) {\n or_keys.push(key.split('-')[0]);\n } else {\n and_keys.push(key.split('-')[0]);\n }\n });\n setCheckedCategories(checkedKeys);\n setCheckedAndCategories(and_keys);\n setCheckedOrCategories(or_keys);\n };\n\n const onCheckFacilitiesGroup = (checkedGroupKeys, info) => {\n let oldCheckedGroupKeys = [...checkedFacilitiesGroup];\n sethCheckedFacilitiesGroup(checkedGroupKeys);\n setKeyFacilities(checkedGroupKeys, oldCheckedGroupKeys);\n };\n\n function setKeyFacilities(checkedGroupKeys, oldCheckedGroupKeys) {\n let checkedKeys = [...checkedKeyFacilities];\n\n oldCheckedGroupKeys.forEach(function (key) {\n key = parseInt(key);\n if (keyFacilitiesParent.includes(key) && checkedKeys.includes(key)) {\n const index = checkedKeys.indexOf(key);\n if (index > -1) {\n checkedKeys.splice(index, 1);\n }\n }\n });\n\n checkedGroupKeys.forEach(function (key) {\n key = parseInt(key);\n if (keyFacilitiesParent.includes(key) && !checkedKeys.includes(key)) {\n checkedKeys.push(key);\n }\n });\n\n setCheckedKeyFacilities(checkedKeys);\n }\n\n const clearFilter = () => {\n setCheckedStars([]);\n setCheckedKeyFacilities([]);\n setCheckedCategories([]);\n setCheckedAndCategories([]);\n setCheckedOrCategories([]);\n sethCheckedFacilitiesGroup([]);\n getSearchResults(false);\n };\n\n return (\n \n
\n \n {searchImage != null && (\n 
\n )}\n {searchImage == null && (\n \n \n \n \n )}\n
\n \n
\n \n
\n {getTranslated(name, selLang)}
\n\n {searchStarsNumber != null && (\n
\n \n
\n {getTranslated(searchDescription, selLang)}
\n\n {facilities != null &&\n facilities.map((item) => (\n \n 
\n \n ))}\n
\n \n
\n \n \n \n \n {getTranslation('searchResults.label.visit', selLang)}\n \n {searchLink != null && (\n \n {getTranslation('searchResults.label.website', selLang)} {' '}{' '}\n \n
\n \n \n \n {getTranslation('searchResults.label.priceFrom', selLang)}\n \n {price != null && (\n \n {getTranslated(price, selLang)}\n \n )}\n \n
\n \n
\n {!loading ? (\n \n
\n \n
\n \n \n ) : (\n \n
\n )}\n \n
\n\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {' '}\n clearFilter()}\n >\n {getTranslation('app.default.btn.clear.filter', selLang)}\n \n
\n \n
\n \n \n
\n\n \n {getTranslation('searchResults.label.officialRating', selLang)}\n
\n\n\n \n {categoriesFilter != null &&\n categoriesFilter.map((item) => (\n \n {item.children != null &&\n item.children.map((value) => (\n
\n\n \n {getTranslation('searchResults.label.categories', selLang)}\n
\n\n
\n\n \n {getTranslation('searchResults.label.keyFacilities', selLang)}\n
\n\n {keyFacilitiesFilter.map((item) => (\n \n {checkedKeyFacilities && (\n onClickKeyFacilities(e, item.id)}\n >\n \n ))}\n
\n \n \n {facilitiesGroupsFilter != null &&\n facilitiesGroupsFilter.map((item) => (\n \n {item.children != null &&\n item.children.map((value) => (\n
\n \n {getTranslation('searchResults.label.facilities', selLang)}\n
\n\n
\n {gridView === 'active' ? (\n \n
\n \n
\n\n \n \n {numberOfElements != null && numberOfElements}\n {' '}\n {getTranslation('searchResults.label.searchResults', selLang)}\n
\n\n
\n \n {/* onMapView(e)}\n >\n \n
\n \n \n
*/}\n \n \n {getTranslation('searchResults.label.switchLayout', selLang)}\n \n onGridView(e)}\n >\n
\n \n {getTranslation('searchResults.label.gridView', selLang)}\n
\n \n {getTranslation('searchResults.label.mapView', selLang)}\n
\n \n \n
\n ) : (\n \n {searchResults != null &&\n searchResults.map((item) => (\n
\n \n
\n \n {\n setMapRef(ref);\n }}\n center={[lat, lng]}\n zoom={zoom}\n style={{ height: '800px', width: '100%' }}\n doubleClickZoom={false}\n trackResize={false}\n zoomControl={false}\n touchZoom={true}\n keyboard={false}\n gestureHandling={true}\n attributionControl={false}\n gestureHandlingOptions={{\n text: {\n touch:\n Session.getProjectInfo() &&\n Session.getProjectInfo().mapZoomText &&\n getTranslated(Session.getProjectInfo().mapZoomText, selLang)\n ? getTranslated(Session.getProjectInfo().mapZoomText, selLang)\n : 'Use two fingers to move the map',\n scroll: 'Use ctrl + scroll to zoom the map',\n scrollMac: 'Use \\u2318 + scroll to zoom the map',\n },\n }}\n >\n \n \n \n list(clicked - 1, 0)}\n style={{ width: '110px' }}\n className=\"prime-title-font\"\n >\n \n list(clicked + 1)}\n style={{ width: '110px' }}\n className=\"prime-title-font\"\n >\n {getTranslation('map.next', selLang)}\n \n
\n \n \n
\n )}\n \n
\n );\n } else {\n return (\n