robbond/pedwfrontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

right click to open dns applications

Browse Source
This commit is contained in:
robbond
2025-05-22 16:28:40 +01:00
parent 29abd0efd0
commit deb7b12313
1 changed files with 77 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/search/dnssearchresults.js
+77 -78
View File
@@ -8,7 +8,7 @@ import { connect } from "react-redux";
import transLookup from "../../data/lookuptranslations.json"; import transLookup from "../../data/lookuptranslations.json";
import PaginationControl from "./pagination"; import PaginationControl from "./pagination";
import { getBasicDNSSearchPaged } from "../../actions"; import { getBasicDNSSearchPaged, getDNSCoords } from "../../actions";
import GoogleMapReact from "google-map-react"; import GoogleMapReact from "google-map-react";
import { parseCookies } from "nookies"; import { parseCookies } from "nookies";
@@ -42,7 +42,6 @@ const DNSSearchResults = (props) => {
setSearchDetails, setSearchDetails,
advancedSearch, advancedSearch,
setCurrentPage, setCurrentPage,
dnsCoords,
myportal, myportal,
watchedCases, watchedCases,
setWatchedCases, setWatchedCases,
@@ -59,86 +58,86 @@ const DNSSearchResults = (props) => {
const [searchLoaded, setSearchLoaded] = useState(false); const [searchLoaded, setSearchLoaded] = useState(false);
const [showSpinnerState, setShowSpinnerState] = useState(false); const [showSpinnerState, setShowSpinnerState] = useState(false);
let dataArray = []; // let dataArray = [];
//push your Json Data in the array // //push your Json Data in the array
if (showMap == "true") { // if (showMap == "true") {
dnsCoords.map((item) => { // dnsCoords.map((item) => {
let point = new OSPoint( // let point = new OSPoint(
item.pinswg_anticipatedgridrefnorthing || // item.pinswg_anticipatedgridrefnorthing ||
item.pinswg_anticipatedgridreferencenorthingtext || // item.pinswg_anticipatedgridreferencenorthingtext ||
0, // 0,
item.pinswg_anticipatedgridrefeasting || // item.pinswg_anticipatedgridrefeasting ||
item.pinswg_anticipatedgridreferenceeastingtext || // item.pinswg_anticipatedgridreferenceeastingtext ||
0 // 0
); // );
let siteCoords = point.toOSGB36(); // let siteCoords = point.toOSGB36();
//console.log(siteCoords); // //console.log(siteCoords);
//console.log(item); // //console.log(item);
dataArray.push({ // dataArray.push({
appellant: // appellant:
item[ // item[
"_pinswg_appellant_value@OData.Community.Display.V1.FormattedValue" // "_pinswg_appellant_value@OData.Community.Display.V1.FormattedValue"
], // ],
name: item.pinswg_projectname, // name: item.pinswg_projectname,
lat: parseFloat(siteCoords.latitude), // lat: parseFloat(siteCoords.latitude),
lng: parseFloat(siteCoords.longitude), // lng: parseFloat(siteCoords.longitude),
title: item.pinswg_name, // title: item.pinswg_name,
}); // });
}); // });
} // }
//console.log(dataArray); //console.log(dataArray);
const ModelsMap = (map, maps) => { // const ModelsMap = (map, maps) => {
//instantiate array that will hold your Json Data // //instantiate array that will hold your Json Data
//console.log("here"); // //console.log("here");
var prev_infowindow = false; // var prev_infowindow = false;
//Loop through the dataArray to create a marker per data using the coordinates in the json // //Loop through the dataArray to create a marker per data using the coordinates in the json
console.log(dataArray.length); // console.log(dataArray.length);
for (let i = 0; i < dataArray.length; i++) { // for (let i = 0; i < dataArray.length; i++) {
const infowindow = new google.maps.InfoWindow({ // const infowindow = new google.maps.InfoWindow({
content: // content:
"<div>" + // "<div>" +
(_.isEmpty(dataArray[i].name) // (_.isEmpty(dataArray[i].name)
? "" // ? ""
: dataArray[i].name.indexOf(";") > 0 // : dataArray[i].name.indexOf(";") > 0
? router.locale == "cy" // ? router.locale == "cy"
? dataArray[i].name.split(";")[1] // ? dataArray[i].name.split(";")[1]
: dataArray[i].name.split(";")[0] // : dataArray[i].name.split(";")[0]
: dataArray[i].name) + // : dataArray[i].name) +
"</div>" + // "</div>" +
(dataArray[i].appellant != null // (dataArray[i].appellant != null
? "<div>" + dataArray[i].appellant + "</div>" // ? "<div>" + dataArray[i].appellant + "</div>"
: "") + // : "") +
"<div>" + // "<div>" +
dataArray[i].title + // dataArray[i].title +
"</div>", // "</div>",
}); // });
let marker = new maps.Marker({ // let marker = new maps.Marker({
position: { lat: dataArray[i].lat, lng: dataArray[i].lng }, // position: { lat: dataArray[i].lat, lng: dataArray[i].lng },
title: _.isEmpty(dataArray[i].name) // title: _.isEmpty(dataArray[i].name)
? "" // ? ""
: dataArray[i].name.indexOf(";") > 0 // : dataArray[i].name.indexOf(";") > 0
? router.locale == "cy" // ? router.locale == "cy"
? dataArray[i].name.split(";")[1] // ? dataArray[i].name.split(";")[1]
: dataArray[i].name.split(";")[0] // : dataArray[i].name.split(";")[0]
: dataArray[i].name, // : dataArray[i].name,
map, // map,
}); // });
marker.addListener("click", () => { // marker.addListener("click", () => {
if (prev_infowindow) { // if (prev_infowindow) {
prev_infowindow.close(); // prev_infowindow.close();
} // }
prev_infowindow = infowindow; // prev_infowindow = infowindow;
infowindow.open({ // infowindow.open({
anchor: marker, // anchor: marker,
map, // map,
shouldFocus: true, // shouldFocus: true,
}); // });
}); // });
} // }
}; // };
let spinnerState = () => { let spinnerState = () => {
showSpinnerState == true showSpinnerState == true