\r\n\r\n {zoneStatus === \"B\" || zoneStatus === \"C\" ?\r\n
\r\n )\r\n\r\n }\r\n}\r\n","import React, { useContext } from 'react';\r\nimport { ZoneList } from './ZoneList';\r\nimport School from './School';\r\nimport { DataContext } from \"../common/context/DataContext\";\r\n\r\nconst ZoneSchoolContainer = () => {\r\n\r\n const context = useContext(DataContext)\r\n\r\n\r\n return (\r\n \" + typeLabel,\r\n content: [\r\n {\r\n type: \"fields\",\r\n fieldInfos: [\r\n {\r\n fieldName: \"Address\",\r\n label: \"Address\"\r\n },\r\n {\r\n fieldName: \"Neighborhood\",\r\n label: \"Neighborhood\"\r\n },\r\n {\r\n fieldName: \"District\",\r\n label: \"District\"\r\n },\r\n {\r\n fieldName: \"Phone\",\r\n label: \"Phone Number\",\r\n format: \"phone-number\"\r\n },\r\n {\r\n fieldName: \"Grades\",\r\n label: \"Grades\"\r\n },\r\n {\r\n fieldName: \"Profile\",\r\n label: \"Profile\"\r\n }\r\n ]\r\n }\r\n ]\r\n };\r\n\r\n\r\n var symbol = config.symbol.schoolPin\r\n\r\n if (type === \"Z\") {\r\n symbol = config.symbol.zonePin\r\n }\r\n\r\n // Create a graphic and add the geometry and symbol to it\r\n const graphic = new Graphic({\r\n symbol: symbol,\r\n geometry: point,\r\n attributes: attributes,\r\n popupTemplate: template,\r\n id: type,\r\n })\r\n\r\n\r\n _this._iconLayer.add(graphic)\r\n\r\n if (schools.length - 1 === i) {\r\n resolve(\"done\")\r\n }\r\n\r\n });\r\n\r\n });\r\n\r\n }\r\n\r\n })\r\n\r\n\r\n }\r\n\r\n static createPoint = (symbol, point, _this, id = null) => {\r\n\r\n return new Promise((resolve, reject) => {\r\n\r\n loadModules(['esri/Graphic']).then(([Graphic]) => {\r\n\r\n _this._iconLayer.add(\r\n\r\n new Graphic({\r\n geometry: point,\r\n symbol: symbol,\r\n id: id\r\n })\r\n )\r\n\r\n resolve();\r\n })\r\n\r\n })\r\n }\r\n\r\n static getpoint = (X, Y) => {\r\n return new Promise((resolve) => {\r\n loadModules([\"esri/geometry/Point\"]).then(([Point]) => {\r\n\r\n resolve(new Point({\r\n x: X,\r\n y: Y,\r\n spatialReference: { wkid: 2263 }\r\n }))\r\n });\r\n });\r\n }\r\n\r\n static getQueryTask = (url, outFields, whereClause = \"\", _this) => {\r\n\r\n return new Promise((resolve, reject) => {\r\n\r\n loadModules([\"esri/tasks/QueryTask\", \"esri/tasks/support/Query\"]).then(([QueryTask, Query]) => {\r\n\r\n _this.queryTask = new QueryTask({\r\n url: url\r\n });\r\n\r\n var params = new Query({\r\n returnGeometry: true,\r\n outFields: outFields,\r\n where: whereClause,\r\n outSpatialReference: _this.view.spatialReference\r\n });\r\n\r\n _this.queryTask.execute(params).then(function (respFeature) {\r\n\r\n resolve(respFeature);\r\n })\r\n });\r\n\r\n });\r\n\r\n }\r\n\r\n static clearLayers = (_this) => {\r\n\r\n if (_this._modeLayer) {\r\n _this._modeLayer.removeAll();\r\n }\r\n\r\n if (_this._iconLayer) {\r\n _this._iconLayer.removeAll();\r\n }\r\n\r\n if (_this._activeModeLayer) {\r\n _this._activeModeLayer.removeAll();\r\n }\r\n\r\n if (_this.view && _this.view.popup) {\r\n _this.view.popup.close();\r\n }\r\n \r\n\r\n _this.refs.infoDiv.innerText = \"\";\r\n _this.refs.mapInfoContainer.style.display = \"none\";\r\n }\r\n\r\n\r\n static getProjectParameter = (points, _this) => {\r\n\r\n return new Promise((resolve, reject) => {\r\n\r\n loadModules([\"esri/tasks/support/ProjectParameters\"])\r\n .then(([ProjectParameters]) => {\r\n\r\n var projectparams = new ProjectParameters({\r\n\r\n geometries: points,\r\n outSpatialReference: _this.view.spatialReference,\r\n transformation: { wkid: 1188 },\r\n transformForward: true,\r\n });\r\n\r\n _this._geometryService.project(projectparams)\r\n .then(function (projectedpoints) {\r\n\r\n resolve(projectedpoints);\r\n\r\n }).catch(function (error) {\r\n\r\n console.log(\"ProjectParameters Error:\" + error)\r\n reject(\"projection rejected\")\r\n });\r\n });\r\n\r\n })\r\n\r\n }\r\n\r\n static displayRadius = (projectedpoints, _this) => {\r\n\r\n _this._activeModeLayer.removeAll();\r\n\r\n return new Promise((resolve, reject) => {\r\n\r\n loadModules(['esri/Graphic', \"esri/tasks/support/BufferParameters\", \"esri/tasks/GeometryService\"])\r\n .then(([Graphic, BufferParameters, GeometryService]) => {\r\n\r\n var paramsForRaduis = new BufferParameters({\r\n geometries: [projectedpoints],\r\n distances: [1],\r\n unit: GeometryService.UNIT_STATUTE_MILE,\r\n bufferSpatialReference: _this.view.spatialReference,\r\n outSpatialReference: _this.view.spatialReference,\r\n });\r\n\r\n\r\n _this._geometryService.buffer(paramsForRaduis)\r\n .then(function (polygonRadius) {\r\n\r\n //If Radius is found then Create Radious on Map\r\n if (polygonRadius.length > 0) {\r\n\r\n\r\n var addressRadius = new Graphic({\r\n geometry: polygonRadius[0],\r\n symbol: _this._radiusSymbol\r\n });\r\n\r\n //_this._activeModeLayer.add(addressRadius);\r\n\r\n _this.view.goTo(addressRadius, { duration: 500 });\r\n\r\n\r\n //Return Polygon (geomertry for Radius to to schools)\r\n resolve(addressRadius.geometry);\r\n }\r\n\r\n\r\n })\r\n .catch(function (error) {\r\n\r\n console.log(\"BufferParameters Radius Error:\" + error);\r\n });\r\n\r\n });\r\n });\r\n }\r\n\r\n static getNearBySchoolsByGeometry = (geometry, outFields, _this) => {\r\n\r\n return new Promise((resolve, reject) => {\r\n\r\n loadModules([\"esri/tasks/support/Query\"]).then(([Query]) => {\r\n\r\n var query = new Query({\r\n returnGeometry: false,\r\n outSpatialReference: _this.view.spatialReference,\r\n outFields: outFields,\r\n geometry: geometry,\r\n });\r\n \r\n _this._schoolQueryTask.execute(query)\r\n .then(function (results) {\r\n\r\n var locationCodes = results.features.map(function (item) {\r\n\r\n return item.attributes.LOC_CODE;\r\n }).sort();\r\n\r\n resolve(locationCodes)\r\n\r\n })\r\n .catch(function (error) {\r\n\r\n console.log(\"School Lables Location Error:\" + error);\r\n });\r\n });\r\n\r\n });\r\n }\r\n\r\n\r\n static mouseHoverPoint = (hoverItem, _this) => {\r\n\r\n _this.view.whenLayerView(_this._iconLayer).then(function (layerView) {\r\n\r\n var feature = layerView.graphicsView.graphics.items.filter(function (item) {\r\n\r\n return item.attributes && item.attributes[\"LocCode\"] === hoverItem;\r\n })\r\n\r\n MapHelper.highlightPoint = layerView.highlight(\r\n feature\r\n );\r\n\r\n });\r\n }\r\n\r\n\r\n static mouseOutPoint = () => {\r\n\r\n if (MapHelper.highlightPoint) {\r\n MapHelper.highlightPoint.remove();\r\n MapHelper.highlightPoint = null;\r\n }\r\n }\r\n\r\n\r\n static mouseOutModeLayer = (_this) => {\r\n\r\n if (MapHelper.highlightArea) {\r\n MapHelper.highlightArea.remove();\r\n MapHelper.highlightArea = null;\r\n }\r\n\r\n _this.refs.mapInfoContainer.style.display = \"none\";\r\n }\r\n\r\n static onHoverMap = (response, _this) => {\r\n\r\n if (response.results.length) {\r\n\r\n /////// Icon Hover\r\n _this.view.whenLayerView(_this._iconLayer).then(function (layerView) {\r\n\r\n var pointfeature = response.results.filter(function (result) {\r\n\r\n return result.graphic.layer === _this._iconLayer;\r\n });\r\n\r\n //Reset point symbol\r\n MapHelper.mouseOutPoint()\r\n\r\n if (pointfeature.length > 0) {\r\n\r\n MapHelper.highlightPoint = layerView.highlight(\r\n pointfeature[0].graphic\r\n );\r\n }\r\n });\r\n\r\n\r\n /////// Mode Layer Hover\r\n _this.view.whenLayerView(_this._modeLayer).then(function (layerView) {\r\n\r\n var modefeature = response.results.filter(function (result) {\r\n\r\n return result.graphic.layer === _this._modeLayer;\r\n });\r\n\r\n //Reset Mode symbol\r\n MapHelper.mouseOutModeLayer(_this)\r\n\r\n if (modefeature.length > 0) {\r\n\r\n MapHelper.highlightArea = layerView.highlight(\r\n modefeature[0].graphic\r\n );\r\n\r\n //Open Popup for this\r\n _this.refs.infoDiv.innerText = _this._mode === 2 ? \"Neighborhood : \" + modefeature[0].graphic.attributes.PjAreaName : \" District : \" + modefeature[0].graphic.attributes.SCHOOLDIST;\r\n _this.refs.mapInfoContainer.style.display = \"block\";\r\n }\r\n\r\n });\r\n\r\n }\r\n else {\r\n\r\n //Reset point symbol\r\n MapHelper.mouseOutPoint();\r\n\r\n //Reset Mode symbol\r\n MapHelper.mouseOutModeLayer(_this)\r\n }\r\n }\r\n\r\n static hideAllPoints = (_this) => {\r\n\r\n _this._iconLayer.graphics.items.filter(x => { return x.id !== \"addressP\" }).map(p => {\r\n\r\n p.visible = false\r\n });\r\n }\r\n\r\n static showPointsByType = (schools, type, _this) => {\r\n\r\n if (schools) {\r\n\r\n schools.map(school => {\r\n\r\n _this._iconLayer.graphics.items.filter(x => { return x.id === type && x.attributes.LocCode === school.locationCode }).map(p => {\r\n\r\n p.visible = true\r\n });\r\n\r\n });\r\n }\r\n }\r\n\r\n\r\n}","import React from 'react';\r\nconst Loader = () => {\r\n return (\r\n
\r\n
\r\n Loading... \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default Loader; ","import React from 'react';\r\nconst Legend = () => {\r\n function handleClick(e) {\r\n e.preventDefault();\r\n document.querySelector('.mapContainer').classList.toggle(\"showLegendMobile\"); \r\n }\r\n\r\n return (\r\n
\r\n
\r\n
\r\n info \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Legend \r\n
\r\n
\r\n \r\n \r\n \r\n
Address
\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n
Zoned schools
\r\n
\r\n\r\n
\r\n
\r\n \r\n \r\n \r\n
Schools within 1 mile
\r\n
\r\n
\r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default Legend","import React from 'react';\r\nimport { loadModules } from 'esri-loader';\r\nimport config from \"../configuration/webconfig\";\r\nimport MapHelper from \"../common/utils/MapHelper\";\r\nimport DataService from \"../common/service/DataService\";\r\nimport { DataContext } from \"../common/context/DataContext\";\r\nimport marker from '../assets/images/map-icon.png';\r\nimport Loader from \"../common/loader/Loader\";\r\nimport Utils from '../common/utils/Utils.js';\r\nimport Legend from './Legend';\r\n\r\nconst styles = {\r\n container: {\r\n height: '100%',\r\n width: '100%'\r\n },\r\n mapDiv: {\r\n padding: 0,\r\n margin: 0,\r\n height: '100%',\r\n width: '100%'\r\n },\r\n Loader: {\r\n display: \"none\"\r\n }\r\n}\r\n\r\nexport class MapView extends React.Component {\r\n\r\n static contextType = DataContext\r\n\r\n constructor(props) {\r\n\r\n super(props); \r\n\r\n this.map = null;\r\n this.view = null;\r\n this._mapLayers = null;\r\n this._modeLayer = null;\r\n this._iconLayer = null;\r\n this._initialExtent = null;\r\n this._highlightSymbol = null;\r\n this._symbol = null;\r\n this._selectedSymbol = null;\r\n this._activeModeLayer = null;\r\n this._geometryService = null;\r\n this._schoolQueryTask = null;\r\n this._mode = 1;\r\n this._radiusSymbol = null;\r\n this._zonesTask = null;\r\n this._marker = marker;\r\n\r\n }\r\n\r\n componentDidMount() {\r\n\r\n const _this = this;\r\n\r\n loadModules(['esri/Map', \"esri/views/MapView\", \"esri/widgets/LayerList\", \"esri/widgets/Expand\", \"esri/geometry/Extent\", \"esri/symbols/SimpleFillSymbol\", \"esri/layers/GraphicsLayer\", \"esri/symbols/SimpleLineSymbol\", \"esri/Color\",\"dojo/domReady!\"], config.options)\r\n .then(([Map, MapView, LayerList, Expand, Extent, SimpleFillSymbol, GraphicsLayer, SimpleLineSymbol, Color]) => {\r\n\r\n _this._modeLayer = new GraphicsLayer({\r\n id: \"modeLayer\",\r\n listMode: 'hide'\r\n });\r\n\r\n\r\n _this._iconLayer = new GraphicsLayer({\r\n title: \"school pins\",\r\n listMode: 'hide',\r\n id: \"iconLayer\"\r\n });\r\n \r\n\r\n _this._activeModeLayer = new GraphicsLayer({\r\n id: \"active\",\r\n listMode: 'hide'\r\n });\r\n\r\n _this._highlightSymbol = new SimpleFillSymbol(\r\n SimpleFillSymbol.STYLE_SOLID,\r\n new SimpleLineSymbol(\r\n SimpleLineSymbol.STYLE_SOLID,\r\n new Color([0, 0, 0, 0.7]),\r\n 1),\r\n new Color([168, 168, 168, 0.4]))\r\n\r\n _this._symbol = new SimpleFillSymbol(\r\n SimpleFillSymbol.STYLE_SOLID,\r\n new SimpleLineSymbol(\r\n SimpleLineSymbol.STYLE_DASHDOT,\r\n new Color([0, 0, 0, 0]),\r\n 1),\r\n new Color([149, 149, 149, 0]))\r\n\r\n _this._selectedSymbol = new SimpleFillSymbol(\r\n SimpleFillSymbol.STYLE_SOLID,\r\n new SimpleLineSymbol(\r\n SimpleLineSymbol.STYLE_SOLID,\r\n new Color([255, 0, 0, 1]),\r\n 2),\r\n new Color([255, 168, 168, 0.3]));\r\n\r\n _this._radiusSymbol = new SimpleFillSymbol(config.symbol.radius);\r\n\r\n _this._initialExtent = new Extent(config.initialExtent);\r\n\r\n //Setup Map \r\n const map = new Map({\r\n basemap: \"topo\", \r\n center: [-73.997478615, 40.712550848],\r\n sliderStyle: \"small\",\r\n zoom: 10,\r\n maxZoom: 18,\r\n minZoom: 10,\r\n logo: false\r\n });\r\n\r\n //Setup View\r\n const view = new MapView({\r\n container: \"viewDiv\",\r\n map,\r\n extent: _this._initialExtent,\r\n popup: {\r\n highlightEnabled: true,\r\n highlightOptions: {\r\n color: [255, 241, 58],\r\n fillOpacity: 0.4\r\n },\r\n dockEnabled: true\r\n }\r\n\r\n });\r\n\r\n\r\n view.ui.move(\"zoom\", \"top-left\");\r\n view.ui.remove(\"attribution\");\r\n view.ui.add(\"info\", \"top-left\");\r\n\r\n\r\n //When View is Ready \r\n view.when(function () {\r\n\r\n //Create widget for Layers ON/Off on the top right\r\n var layerList = new LayerList({\r\n view: view,\r\n });\r\n\r\n var bgExpand = new Expand({\r\n view: view,\r\n content: layerList,\r\n expandIconClass: \"esri-icon-layers\"\r\n });\r\n\r\n\r\n // Add widget to the top right corner of the view\r\n view.ui.add(bgExpand, \"top-right\");\r\n\r\n\r\n _this._mapLayers.push(_this._iconLayer);\r\n _this._mapLayers.push(_this._activeModeLayer);\r\n \r\n //Add basemap layers to Map\r\n _this._mapLayers.map(function (layer) {\r\n \r\n _this.map.add(layer); \r\n }); \r\n\r\n //Hide Loader\r\n Utils.hideLoader(_this);\r\n\r\n })\r\n\r\n\r\n //When pointer move\r\n view.on(\"pointer-move\", function (event) {\r\n view.hitTest(event).then(response => MapHelper.onHoverMap(response, _this))\r\n });\r\n\r\n\r\n //When pointer Click \r\n view.on(\"click\", function (event) {\r\n view.hitTest(event).then(response => _this.onClickHighlightArea(response))\r\n });\r\n\r\n\r\n\r\n this.map = map;\r\n this.view = view;\r\n\r\n });\r\n }\r\n\r\n shouldComponentUpdate() {\r\n\r\n return false;\r\n }\r\n\r\n async componentDidUpdate() {\r\n\r\n const dataContext = this.context; \r\n\r\n switch (dataContext.action) {\r\n\r\n case \"address\":\r\n\r\n //HightLight The div for Selected Mode \r\n for (var x = 0; x <= 2; x++) {\r\n\r\n this.refs.MapModes.childNodes[x].className = \"mode\"\r\n }\r\n\r\n this.refs.MapModes.childNodes[0].className = \"mode selected\"\r\n\r\n this._iconLayer.removeAll();\r\n this._activeModeLayer.removeAll();\r\n\r\n this.displayAddressArea(dataContext.selectedAddress);\r\n\r\n break;\r\n\r\n\r\n case \"openPopup\":\r\n\r\n this.view.popup.close();\r\n\r\n var graphic = this._iconLayer.graphics.items.filter(item => {\r\n\r\n return item.attributes && item.attributes[\"LocCode\"] === dataContext.hoverItem\r\n\r\n })[0]\r\n\r\n this.view.popup.open({\r\n location: graphic.geometry,\r\n features: [graphic]\r\n });\r\n\r\n this.view.goTo(graphic);\r\n\r\n break;\r\n\r\n case \"radius\":\r\n\r\n this._modeLayer.removeAll();\r\n\r\n //Show Loader\r\n Utils.showLoader(this);\r\n\r\n //Display Schools Points on the map\r\n if (dataContext.schoolData) {\r\n\r\n MapHelper.displaySchoolPoints(dataContext.schoolData, \"S\", this);\r\n }\r\n\r\n //Display Zone Schools POints on the map\r\n if (dataContext.zoneSchoolsData) {\r\n\r\n MapHelper.displaySchoolPoints(dataContext.zoneSchoolsData, \"Z\", this).then(res => {\r\n\r\n Utils.hideLoader(this);\r\n });\r\n }\r\n\r\n if (!dataContext.schoolData || !dataContext.zoneSchoolsData) {\r\n Utils.hideLoader(this);\r\n }\r\n\r\n\r\n break;\r\n\r\n case \"search\":\r\n\r\n MapHelper.clearLayers(this);\r\n\r\n //HightLight The div for Selected Mode \r\n for (var x = 0; x <= 2; x++) {\r\n\r\n this.refs.MapModes.childNodes[x].className = \"mode\"\r\n }\r\n\r\n this.refs.MapModes.childNodes[0].className = \"mode selected\";\r\n\r\n //Display Schools Points on the map\r\n if (dataContext.filterData) {\r\n\r\n //Show Loader\r\n Utils.showLoader(this);\r\n\r\n const _this = this;\r\n\r\n MapHelper.displaySchoolPoints(dataContext.filterData, \"S\", this).then(res => {\r\n\r\n Utils.hideLoader(this);\r\n\r\n if (dataContext.filterData.length === 1) {\r\n\r\n _this.view.popup.close();\r\n\r\n var graphic = _this._iconLayer.graphics.items[0];\r\n\r\n _this.view.popup.open({\r\n location: graphic.geometry,\r\n features: [graphic]\r\n });\r\n\r\n _this.view.goTo(graphic);\r\n }\r\n\r\n _this.view.goTo(_this._initialExtent);\r\n });\r\n\r\n\r\n }\r\n\r\n else {\r\n\r\n Utils.hideLoader(this);\r\n }\r\n break;\r\n\r\n case \"filter\":\r\n\r\n //Hide all points except Address Point\r\n MapHelper.hideAllPoints(this);\r\n\r\n //Display Schools Points on the map\r\n if (dataContext.filterData)\r\n MapHelper.showPointsByType(dataContext.filterData, \"S\", this)\r\n\r\n //Display Zone Schools Points on the map\r\n if (dataContext.filterZoneData)\r\n MapHelper.showPointsByType(dataContext.filterZoneData, \"Z\", this)\r\n\r\n break;\r\n\r\n case \"mode\":\r\n\r\n\r\n //Display Schools Points on the map\r\n if (dataContext.schoolData) {\r\n\r\n //Show Loader\r\n Utils.showLoader(this);\r\n\r\n MapHelper.displaySchoolPoints(dataContext.schoolData, \"S\", this).then(res => {\r\n\r\n //HideLoader\r\n Utils.hideLoader(this);\r\n\r\n });\r\n }\r\n break;\r\n\r\n case \"smouseover\":\r\n\r\n MapHelper.mouseHoverPoint(dataContext.hoverItem, this);\r\n break;\r\n\r\n case \"smouseout\":\r\n\r\n MapHelper.mouseOutPoint();\r\n\r\n break;\r\n\r\n case \"multiaddress\":\r\n\r\n //Clear the Icons on the Map\r\n this._iconLayer.removeAll();\r\n\r\n break;\r\n\r\n case \"setconfig\":\r\n\r\n const _this = this;\r\n\r\n loadModules([\"esri/layers/TileLayer\", \"esri/tasks/GeometryService\", \"esri/tasks/QueryTask\", \"dojo/domReady!\"], config.options)\r\n .then(([TileLayer,GeometryService, QueryTask]) => {\r\n \r\n _this._geometryService = new GeometryService(dataContext.config.Geometry);\r\n\r\n _this._schoolQueryTask = new QueryTask(dataContext.config.Map + config.endpoints.schoolLabels);\r\n\r\n _this._mapLayers = config.layers.map(function (layer) {\r\n\r\n layer.url = _this.context.config.Map + layer.url;\r\n\r\n return (new TileLayer(layer)); \r\n }); \r\n \r\n });\r\n\r\n\r\n break;\r\n case null:\r\n\r\n Utils.showLoader(this);\r\n\r\n break;\r\n\r\n default:\r\n\r\n if (this.view && this.view.popup)\r\n this.view.popup.close();\r\n\r\n if (this._activeModeLayer)\r\n this._activeModeLayer.removeAll();\r\n\r\n break;\r\n\r\n }\r\n }\r\n\r\n async displayAddressArea(data) {\r\n\r\n //Get Point Promises\r\n const pointPromise = MapHelper.getpoint(data.x, data.y);\r\n const addressCenterPoint = await pointPromise;\r\n\r\n //Clear all icons\r\n this._iconLayer.removeAll();\r\n\r\n // Point Projection \r\n const projectParameterPromise = await MapHelper.getProjectParameter([addressCenterPoint], this);\r\n const projectCenterPoint = await projectParameterPromise[0];\r\n\r\n\r\n //Display Point \r\n await MapHelper.createPoint(config.symbol.addressPin, projectCenterPoint, this, \"addressP\");\r\n\r\n //Create Radius\r\n const radiusPromise = await MapHelper.displayRadius(projectCenterPoint, this);\r\n const radiusGeometry = await radiusPromise;\r\n\r\n\r\n ////////////////////// Near By Schools Data //////////////////////////////\r\n //Near By schools from Geometry\r\n const geometryPromise = await MapHelper.getNearBySchoolsByGeometry(radiusGeometry, [\"LOC_CODE\"], this);\r\n const nearBySchoolLocCodes = await geometryPromise;\r\n\r\n //Near By Schools Points and Display\r\n\r\n var neayBySchools = null;\r\n if (nearBySchoolLocCodes && nearBySchoolLocCodes.length > 0) {\r\n const strnearBySchoolLocCodes = nearBySchoolLocCodes.join();\r\n\r\n const neayBySchoolsPromise = await DataService.GetByLocationCodesByXY(this.context.config.Data, strnearBySchoolLocCodes, projectCenterPoint.x, projectCenterPoint.y);\r\n neayBySchools = await neayBySchoolsPromise;\r\n\r\n }\r\n\r\n ////////////////////// ZONE Data //////////////////////////////\r\n const zoningData = data.geoInfo.SchoolInfo;\r\n const zoneLocCodes = Utils.getUniqueLocCode(zoningData);\r\n\r\n //Zone Points and Display\r\n var zoneSchools = null;\r\n if (zoneLocCodes && zoneLocCodes.length > 0) {\r\n const strzoneLocCodes = zoneLocCodes.join();\r\n\r\n const zoneSchoolsPromise = await DataService.GetByLocationCodesByXY(this.context.config.Data, strzoneLocCodes, projectCenterPoint.x, projectCenterPoint.y);\r\n zoneSchools = await zoneSchoolsPromise;\r\n\r\n }\r\n\r\n\r\n //Filter Schools if Grade selected\r\n if (this.context.selectedGrade != \"\") {\r\n\r\n zoneSchools = zoneSchools.length > 0 ? zoneSchools.filter(item => {\r\n return item.grades.indexOf(this.context.selectedGrade) != \"-1\";\r\n }) : [];\r\n\r\n neayBySchools = neayBySchools.length > 0 ? neayBySchools.filter(item => {\r\n\r\n return item.grades.indexOf(this.context.selectedGrade) != \"-1\";\r\n }) : [];\r\n }\r\n\r\n neayBySchools = neayBySchools && neayBySchools.length === 0 ? null : neayBySchools;\r\n zoneSchools = zoneSchools && zoneSchools.length === 0 ? null : zoneSchools;\r\n\r\n //Update the Context\r\n this.context.setSchoolZoneData(neayBySchools, zoneSchools, zoningData, this.context.selectedGrade);\r\n }\r\n\r\n async onChangeMapMode(e) {\r\n \r\n this.context.resetState();\r\n\r\n //Show Loader\r\n Utils.showLoader(this);\r\n\r\n //Reset Data Set in Context\r\n this.context.resetState(\"reset\");\r\n\r\n MapHelper.clearLayers(this);\r\n\r\n\r\n //HightLight The div for Selected Mode \r\n for (var x = 0; x <= 2; x++) {\r\n\r\n this.refs.MapModes.childNodes[x].className = \"mode\"\r\n }\r\n\r\n e.target.classList.add(\"selected\")\r\n\r\n var querytaskURL = null; var outFields = null;\r\n\r\n switch (e.target.textContent) {\r\n\r\n case \"Neighborhoods\":\r\n\r\n querytaskURL = this.context.config.Map + config.mapMode.neighborhoods.service;\r\n this._mode = 2;\r\n\r\n if (document.getElementById(\"addressDiv\"))\r\n document.getElementById(\"addressDiv\").style.display = \"none\";\r\n\r\n outFields = config.mapMode.neighborhoods.outFields\r\n break;\r\n\r\n case \"Districts\":\r\n\r\n querytaskURL = this.context.config.Map + config.mapMode.districts.service\r\n this._mode = 3;\r\n\r\n if (document.getElementById(\"addressDiv\"))\r\n document.getElementById(\"addressDiv\").style.display = \"none\";\r\n\r\n outFields = config.mapMode.districts.outFields\r\n break;\r\n\r\n default:\r\n this._mode = 1;\r\n Utils.hideLoader(this);\r\n break;\r\n\r\n }\r\n\r\n //If not Standard Mode\r\n if (this._mode === 2 || this._mode === 3) {\r\n\r\n const queryPromise = await MapHelper.getQueryTask(querytaskURL, outFields, \"1=1\", this);\r\n const queryData = await queryPromise;\r\n\r\n\r\n var symbol = this._symbol\r\n var features = queryData.features.map(function (graphic) {\r\n graphic.symbol = symbol;\r\n return graphic;\r\n });\r\n\r\n //Add returning Graphics from Query to Mode Layer\r\n this._modeLayer.addMany(features);\r\n\r\n //Adding Mode Layer to Map\r\n this.map.add(this._modeLayer, 2);\r\n\r\n //// animate to the results after they are added to the map\r\n this.view.goTo(features);\r\n\r\n //Hide Loader\r\n Utils.hideLoader(this);\r\n }\r\n\r\n }\r\n\r\n async onClickHighlightArea(response) {\r\n\r\n const _this = this\r\n\r\n //_this.context.setSchoolsData(schools, \"mode\"); \r\n\r\n if (response.results.length > 0) {\r\n\r\n //Get Hight light Area \r\n var modefeature = response.results.filter(function (result) {\r\n\r\n return result.graphic.layer === _this._modeLayer;\r\n });\r\n\r\n var iconfeature = response.results.filter(function (result) {\r\n\r\n return result.graphic.layer === _this._iconLayer;\r\n });\r\n\r\n\r\n if (iconfeature.length === 0 && modefeature.length > 0) {\r\n\r\n var modefeature1 = modefeature[0].graphic;\r\n\r\n _this.view.goTo(modefeature1);\r\n\r\n //Clear Highlighted Part\r\n _this._activeModeLayer.removeAll();\r\n\r\n\r\n loadModules(['esri/Graphic'], config.options).then(([Graphic]) => {\r\n\r\n _this._activeModeLayer.add(new Graphic(modefeature1.geometry, _this._selectedSymbol));\r\n\r\n //Adding Address Layer to Map\r\n _this.map.add(_this._activeModeLayer, 2);\r\n });\r\n\r\n //Get Schools by gromtry\r\n const geometryPromise = await MapHelper.getNearBySchoolsByGeometry(modefeature1.geometry, \"LOC_CODE\", this);\r\n const locCodes = await geometryPromise;\r\n\r\n //Clear Icons\r\n _this._iconLayer.removeAll();\r\n\r\n //Get Schools by Loc Codes and Then Display \r\n DataService.GetSchoolsByLocCodes(_this.context.config.Data, locCodes).then(function (schools) {\r\n\r\n //Set Schools to Context\r\n _this.context.setSchoolsData(schools, \"mode\");\r\n })\r\n\r\n }\r\n }\r\n }\r\n \r\n render() {\r\n const msg = \"Changing the map view will clear your search results. Are you sure you want to proceed?\";\r\n return (\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n { if (window.confirm(msg)) { this.onChangeMapMode(e) } }} >Standard \r\n { if (window.confirm(msg)) { this.onChangeMapMode(e) } }} >Neighborhoods \r\n { if (window.confirm(msg)) { this.onChangeMapMode(e) } }} >Districts \r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n
\r\n )\r\n }\r\n} ","import React, { Component } from 'react';\r\nimport { BreadCrumb } from './BreadCrumb';\r\nimport LeftNav from './LeftNav';\r\nimport { Search } from './Search';\r\nimport { MapView } from './MapView';\r\n\r\nexport class Container extends Component {\r\n\r\n constructor(props) {\r\n\r\n super(props);\r\n this.state = { showMenu: false };\r\n }\r\n\r\n ToggleMenu = () => {\r\n this.setState({ showMenu: !this.state.showMenu })\r\n }\r\n\r\n render() {\r\n const menuVis = this.state.showMenu ? 'd-none' : 'd-block';\r\n const handlerBtn = this.state.showMenu ? 'collapseBtn' : 'expandBtn';\r\n\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Find a School \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n );\r\n }\r\n}","import React, { Component } from 'react';\r\nimport \"babel-polyfill\";\r\nimport { Header } from './Header';\r\nimport { Footer } from './Footer';\r\nimport { Container } from './Container';\r\nimport { DataProvider } from \"../common/context/DataContext\";\r\n\r\nexport class Layout extends Component {\r\n static displayName = Layout.name; \r\n\r\n render() {\r\n\r\n return (\r\n <>\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n\r\n );\r\n }\r\n}\r\n","import './assets/css/stylesheet.css';\r\nimport React, { Component } from 'react';\r\nimport { Layout } from './components/Layout'; \r\nimport ReactGA from 'react-ga';\r\n\r\nfunction InitializeGoogleAnalytics() {\r\n //ReactGA.initialize('UA-174915049-1');\r\n ReactGA.initialize('UA-173985042-2');\r\n ReactGA.pageview(window.location.pathname + window.location.search);\r\n console.log(window.location.pathname + window.location.search);\r\n}\r\n\r\nexport default class App extends Component {\r\n render() {\r\n InitializeGoogleAnalytics();\r\n return (\r\n
\r\n );\r\n }\r\n}\r\n","// In production, we register a service worker to serve assets from local cache.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\r\n// cached resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\r\n// This link also includes instructions on opting out of this behavior.\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === 'localhost' ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === '[::1]' ||\r\n // 127.0.0.1/8 is considered localhost for IPv4.\r\n window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n )\r\n);\r\n\r\nexport default function register () {\r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Lets check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl);\r\n } else {\r\n // Is not local host. Just register service worker\r\n registerValidSW(swUrl);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW (swUrl) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then(registration => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the old content will have been purged and\r\n // the fresh content will have been added to the cache.\r\n // It's the perfect time to display a \"New content is\r\n // available; please refresh.\" message in your web app.\r\n console.log('New content is available; please refresh.');\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log('Content is cached for offline use.');\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch(error => {\r\n console.error('Error during service worker registration:', error);\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker (swUrl) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl)\r\n .then(response => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n if (\r\n response.status === 404 ||\r\n response.headers.get('content-type').indexOf('javascript') === -1\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl);\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\r\n 'No internet connection found. App is running in offline mode.'\r\n );\r\n });\r\n}\r\n\r\nexport function unregister () {\r\n if ('serviceWorker' in navigator) {\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister();\r\n });\r\n }\r\n}\r\n","import 'bootstrap/dist/css/bootstrap.min.css';\r\nimport 'bootstrap/dist/js/bootstrap.min.js';\r\n\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport App from './App';\r\nimport registerServiceWorker from './registerServiceWorker';\r\n\r\n//const baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');\r\nconst rootElement = document.getElementById('root');\r\n\r\n// the show/hide functions are passed as props\r\nReactDOM.render(\r\n
,\r\n rootElement\r\n)\r\n\r\nregisterServiceWorker();\r\n"],"sourceRoot":""}