})
Select Community
\r\n {communities}\r\n\r\n
\r\n
\r\n Go to Hardware Registration\r\n
{item}
);\r\n\r\n const dialogJsx = (\r\n \r\n );\r\n\r\n ReactDOM.render(dialogJsx, kendoAlertContainer);\r\n}\r\n\r\nexport function kendoConfirm(text, title, onConfirmCallback, onCancelCallback, width = null, okayButtonText = 'OK', cancelButtonText = 'Cancel') {\r\n const kendoAlertContainer = document.createElement(\"div\");\r\n document.body.append(kendoAlertContainer);\r\n\r\n const onConfirm = () => {\r\n //Destroy dialog component and remove container from DOM\r\n ReactDOM.unmountComponentAtNode(kendoAlertContainer);\r\n kendoAlertContainer.remove();\r\n\r\n //Call the callback passed as a parameter, if any\r\n if (onConfirmCallback) onConfirmCallback();\r\n }\r\n\r\n const onCancel = () => {\r\n //Destroy dialog component and remove container from DOM\r\n ReactDOM.unmountComponentAtNode(kendoAlertContainer);\r\n kendoAlertContainer.remove();\r\n\r\n if (onCancelCallback) onCancelCallback();\r\n }\r\n\r\n if (!title) title = '\\xa0'; \r\n\r\n const dialogJsx = (\r\n \r\n );\r\n\r\n ReactDOM.render(dialogJsx, kendoAlertContainer);\r\n}","import React from 'react';\r\n\r\nexport default () => (\r\n\" + text + \"
\").center().open();\r\n }\r\n else {\r\n mWindow.data(\"kendoWindow\").title(boxtitle ? boxtitle : \"Error\").content(\"\" + text + \"
\").open();\r\n }\r\n //Add OK button to close the message window\r\n var $closeButton = $('');\r\n $closeButton.click(function () {\r\n mWindow.data('kendoWindow').close();\r\n });\r\n $('').append($closeButton).insertAfter(mWindow.children('p').last());\r\n },\r\n charLimit: (str, limit) => {\r\n if ($.trim(str).length <= limit) return str;\r\n limit -= 3;\r\n return $.trim(str.substring(0, limit)) + '...';\r\n },\r\n roundToPrecision: function (val, precision) {\r\n if (Util.isNullOrUndefined(val)) return null;\r\n var multiplier = Math.pow(10, precision);\r\n return Math.round(val * multiplier) / multiplier;\r\n },\r\n flatDataToHierarchical: (data, idFieldName, parentIdFieldName, parentIdentifier) => {\r\n var hierarchicalDataArr = [];\r\n for (var i = 0; i < data.length; i++) {\r\n if (!data[i][parentIdFieldName]) {\r\n var newItem = $.extend(true, {}, data[i]);\r\n Util.populateHierarchicalChildren(data, newItem, idFieldName, parentIdFieldName, parentIdentifier);\r\n hierarchicalDataArr.push(newItem);\r\n }\r\n }\r\n return hierarchicalDataArr;\r\n },\r\n populateHierarchicalChildren: (data, parentItem, idFieldName, parentIdFieldName, parentIdentifier) => {\r\n var subItems = [];\r\n for (var i = 0; i < data.length; i++) {\r\n if (data[i][parentIdFieldName] == parentItem[idFieldName] && (!parentIdentifier || parentItem[parentIdentifier])) {\r\n var newItem = $.extend(true, {}, data[i]);\r\n Util.populateHierarchicalChildren(data, newItem, idFieldName, parentIdFieldName, parentIdentifier);\r\n subItems.push(newItem);\r\n }\r\n }\r\n if (subItems) parentItem.items = subItems;\r\n },\r\n flattenHierarchicalData: (data, childrenArrayName, flatDataArr) => {\r\n if (!data || data.length === 0) return flatDataArr;\r\n if (!childrenArrayName) childrenArrayName = 'items';\r\n if (!flatDataArr) flatDataArr = [];\r\n for (var i = 0; i < data.length; i++) {\r\n var newItem = $.extend(true, {}, data[i]);\r\n var childArr = data[i][childrenArrayName];\r\n delete newItem[childrenArrayName];\r\n flatDataArr.push(newItem);\r\n Util.flattenHierarchicalData(childArr, childrenArrayName, flatDataArr);\r\n }\r\n return flatDataArr;\r\n },\r\n getQueryStringParameterByName: (name, queryString) => {\r\n if (Util.isNullOrUndefined(queryString)) queryString = decodeURI(window.location.search);\r\n if (!queryString) return '';\r\n if (queryString.substr(0, 1) != '?') queryString = '?' + queryString;\r\n name = name.replace(/[\\[]/, \"\\\\[\").replace(/[\\]]/, \"\\\\]\");\r\n var pattern = '[\\\\?&]' + name + '(\\\\[([^\\\\]]+)\\\\])+=[^&#]*';\r\n var o_reg = new RegExp(pattern, 'g');\r\n var matches = queryString.match(o_reg);\r\n\r\n if (matches && matches.length > 0) {\r\n var firstMatchArr = matches[0].split('=');\r\n var splitFirstKey = firstMatchArr[0].split('[');\r\n splitFirstKey.shift();\r\n var depth = splitFirstKey.length;\r\n var indexIsObject = [];\r\n for (var i = 0; i < splitFirstKey.length; i++) {\r\n if (isNaN(splitFirstKey[i].substring(0, splitFirstKey[i].length - 1))) indexIsObject.push(true); //Index is for an object if key is not a number\r\n else indexIsObject.push(false); //Otherwise index is for an array\r\n }\r\n var parent = indexIsObject[0] ? {} : [];\r\n for (var j = 0; j < matches.length; j++) {\r\n var kvp = matches[j].split('=');\r\n var value = kvp[1];\r\n var splitKey = kvp[0].split('[');\r\n splitKey.shift();\r\n var objToCheck = parent;\r\n for (var k = 0; k < splitKey.length; k++) {\r\n var subKey = splitKey[k].substring(0, splitKey[k].length - 1);\r\n if (k == splitKey.length - 1) {\r\n objToCheck[subKey] = value;\r\n }\r\n else {\r\n if (objToCheck[subKey] === undefined) {\r\n if (indexIsObject[k + 1]) objToCheck[subKey] = {};\r\n else objToCheck[subKey] = [];\r\n }\r\n }\r\n objToCheck = objToCheck[subKey];\r\n }\r\n }\r\n return parent;\r\n }\r\n\r\n var regex = new RegExp(\"[\\\\?&]\" + name + \"=([^&#]*)\"),\r\n results = regex.exec(queryString);\r\n return results == null ? \"\" : decodeURIComponent(results[1].replace(/\\+/g, \" \"));\r\n },\r\n getDistanceBetweenLatLngPoints: function (lat1, lng1, lat2, lng2) {\r\n var radiusOfEarth = 6371100;\r\n var deltaLat = Util.degreeToRadian(lat2 - lat1);\r\n var deltaLng = Util.degreeToRadian(lng2 - lng1);\r\n var a = Math.sin(deltaLat / 2) * Math.sin(deltaLat / 2) + Math.cos(Util.degreeToRadian(lat1)) * Math.cos(Util.degreeToRadian(lat2)) * Math.sin(deltaLng / 2) * Math.sin(deltaLng / 2);\r\n var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));\r\n return c * radiusOfEarth;\r\n },\r\n\r\n /* Converts angle from degrees to radian\r\n */\r\n degreeToRadian: function (angle) {\r\n return Math.PI * angle / 180.0;\r\n },\r\n\r\n /* Converts angle from radian to degrees\r\n */\r\n radianToDegree: function (angle) {\r\n return angle * (180.0 / Math.PI);\r\n },\r\n findDistanceToLineSegment: function (x1, y1, x2, y2, pointX, pointY, isLatLng) {\r\n var diffX = x2 - x1;\r\n var diffY = y2 - y1;\r\n if ((diffX == 0) && (diffY == 0)) {\r\n if (isLatLng) return Util.getDistanceBetweenLatLngPoints(pointX, pointY, x1, y1);\r\n diffX = pointX - x1;\r\n diffY = pointY - y1;\r\n return Math.sqrt(diffX * diffX + diffY * diffY);\r\n }\r\n\r\n var t = ((pointX - x1) * diffX + (pointY - y1) * diffY) / (diffX * diffX + diffY * diffY);\r\n\r\n if (t < 0) {\r\n //point is nearest to the first point i.e x1 and y1\r\n if (isLatLng) return Util.getDistanceBetweenLatLngPoints(pointX, pointY, x1, y1);\r\n diffX = pointX - x1;\r\n diffY = pointY - y1;\r\n }\r\n else if (t > 1) {\r\n //point is nearest to the end point i.e x2 and y2\r\n if (isLatLng) return Util.getDistanceBetweenLatLngPoints(pointX, pointY, x2, y2);\r\n diffX = pointX - x2;\r\n diffY = pointY - y2;\r\n }\r\n else {\r\n //if perpendicular line intersect the line segment.\r\n if (isLatLng) return Util.getDistanceBetweenLatLngPoints(pointX, pointY, (x1 + t * diffX), (y1 + t * diffY));\r\n diffX = pointX - (x1 + t * diffX);\r\n diffY = pointY - (y1 + t * diffY);\r\n }\r\n\r\n //returning shortest distance\r\n return Math.sqrt(diffX * diffX + diffY * diffY);\r\n },\r\n findDistanceBetweenLineSegments: function (l1x1, l1y1, l1x2, l1y2, l2x1, l2y1, l2x2, l2y2, isLatLng) {\r\n if (Util.checkIfLinesIntersect(l1x1, l1y1, l1x2, l1y2, l2x1, l2y1, l2x2, l2y2)) return 0;\r\n return Math.min(\r\n Util.findDistanceToLineSegment(l1x1, l1y1, l1x2, l1y2, l2x1, l2y1, isLatLng),\r\n Util.findDistanceToLineSegment(l1x1, l1y1, l1x2, l1y2, l2x2, l2y2, isLatLng),\r\n Util.findDistanceToLineSegment(l2x1, l2y1, l2x2, l2y2, l1x1, l1y1, isLatLng),\r\n Util.findDistanceToLineSegment(l2x1, l2y1, l2x2, l2y2, l1x2, l1y2, isLatLng)\r\n );\r\n },\r\n checkIfLinesIntersect: function (x1, y1, x2, y2, x3, y3, x4, y4) {\r\n var x = ((x1 * y2 - y1 * x2) * (x3 - x4) - (x1 - x2) * (x3 * y4 - y3 * x4)) / ((x1 - x2) * (y3 - y4) - (y1 - y2) * (x3 - x4));\r\n var y = ((x1 * y2 - y1 * x2) * (y3 - y4) - (y1 - y2) * (x3 * y4 - y3 * x4)) / ((x1 - x2) * (y3 - y4) - (y1 - y2) * (x3 - x4));\r\n if (isNaN(x) || isNaN(y)) {\r\n return false;\r\n } else {\r\n if (x1 >= x2) {\r\n if (!(x2 <= x && x <= x1)) { return false; }\r\n } else {\r\n if (!(x1 <= x && x <= x2)) { return false; }\r\n }\r\n if (y1 >= y2) {\r\n if (!(y2 <= y && y <= y1)) { return false; }\r\n } else {\r\n if (!(y1 <= y && y <= y2)) { return false; }\r\n }\r\n if (x3 >= x4) {\r\n if (!(x4 <= x && x <= x3)) { return false; }\r\n } else {\r\n if (!(x3 <= x && x <= x4)) { return false; }\r\n }\r\n if (y3 >= y4) {\r\n if (!(y4 <= y && y <= y3)) { return false; }\r\n } else {\r\n if (!(y3 <= y && y <= y4)) { return false; }\r\n }\r\n }\r\n return true;\r\n },\r\n trim: function (str, char) {\r\n if (!char) return str.replace(/(^\\s+)|(\\s+$)/g, \"\");\r\n var escapedChar = Util.escapeStringForRegExp(char);\r\n var regexStr = '(^' + escapedChar + '+)|(' + escapedChar + '+$)';\r\n return str.replace(new RegExp(regexStr, 'g'), \"\");\r\n },\r\n /* Escape string for use in a regular expression */\r\n escapeStringForRegExp: function (str) {\r\n return str.replace(/[\\-\\[\\]\\/\\{\\}\\(\\)\\*\\+\\?\\.\\\\\\^\\$\\|]/g, \"\\\\$&\");\r\n },\r\n /* Checks if a string starts with a value. An array of strings can be provided as the startsWithVal parameter\r\n * in which case true will be returned if the string starts with any of the substrings in the array\r\n */\r\n startsWith: function (str, startsWithVal, caseInsensitive) {\r\n if (caseInsensitive !== true) caseInsensitive = false;\r\n else str = str.toLowerCase();\r\n if (startsWithVal instanceof Array) {\r\n for (var i = 0; i < startsWithVal.length; i++) {\r\n var valToCheck = caseInsensitive ? startsWithVal[i].toLowerCase() : startsWithVal[i];\r\n if (str.lastIndexOf(valToCheck, 0) === 0) return true;\r\n }\r\n return false;\r\n }\r\n else return this.startsWith(str, [startsWithVal], caseInsensitive);\r\n },\r\n /* Forces all grids on page to appear loading\r\n */\r\n loadingOn: function () {\r\n this.currentlyLoading = true;\r\n var self = this; \r\n $('body').addClass('gridHelper-loading');\r\n //do not show progress forever:\r\n if (window._loadingOnCancelTimer !== undefined) {\r\n window.clearTimeout(window._loadingOnCancelTimer);\r\n delete window._loadingOnCancelTimer;\r\n }\r\n window._loadingOnCancelTimer = window.setTimeout(function () {\r\n delete window._loadingOnCancelTimer;\r\n if (self.currentlyLoading) {\r\n Util.loadingOff();\r\n console.error('loadingOff was not called before timeout');\r\n }\r\n }, 20000);\r\n },\r\n\r\n /* Removes loading state from all grids on page\r\n */\r\n loadingOff: function () {\r\n this.currentlyLoading = false; \r\n $('body').removeClass('gridHelper-loading');\r\n },\r\n setCookie: function (c_name, value, exdays) {\r\n var exdate = new Date();\r\n exdate.setDate(exdate.getDate() + exdays);\r\n var c_value = escape(value) + ((exdays === null) ? \"\" : \"; expires=\" + exdate.toUTCString());\r\n document.cookie = c_name + \"=\" + c_value;\r\n },\r\n\r\n getCookie: function (c_name) {\r\n var i, x, y, ARRcookies = document.cookie.split(\";\");\r\n for (i = 0; i < ARRcookies.length; i++) {\r\n x = ARRcookies[i].substr(0, ARRcookies[i].indexOf(\"=\"));\r\n y = ARRcookies[i].substr(ARRcookies[i].indexOf(\"=\") + 1);\r\n x = x.replace(/^\\s+|\\s+$/g, \"\");\r\n if (x === c_name) {\r\n return unescape(y);\r\n }\r\n }\r\n },\r\n copyTextToClipboard: function (text) {\r\n // Create the textarea input to hold our text.\r\n const element = document.createElement('textarea');\r\n element.value = text;\r\n // Add it to the document so that it can be focused.\r\n document.body.appendChild(element);\r\n // Focus on the element so that it can be copied.\r\n element.focus();\r\n element.setSelectionRange(0, element.value.length);\r\n // Execute the copy command.\r\n document.execCommand('copy');\r\n // Remove the element to keep the document clear.\r\n document.body.removeChild(element);\r\n },\r\n lastDummyIdUsed: 0,\r\n getNewDummyId: function () {\r\n Util.lastDummyIdUsed--;\r\n return Util.lastDummyIdUsed;\r\n },\r\n /* Generates the new name of an object copied from another\r\n */\r\n getCopyName: function (itemToCopy, items, nameField, otherFieldsToMatch) {\r\n if (!otherFieldsToMatch || !(otherFieldsToMatch instanceof Array)) otherFieldsToMatch = [];\r\n //Create regex used for counting how many copies of this row there already are:\r\n var name = itemToCopy[nameField];\r\n var cleanName = name.replace(/(\\s+\\(copy(\\s[0-9]+)?\\))?$/i, '');\r\n var namePattern = new RegExp('^' + Util.escapeStringForRegExp(cleanName) + '(\\\\s\\\\(copy(\\\\s[0-9]+)?\\\\))?$');\r\n\r\n var copyCount = 0;\r\n for (var i = 0; i < items.length; i++) {\r\n if (!items[i][nameField]) continue;\r\n if (namePattern.test(items[i][nameField])) {\r\n var otherFieldsMatch = true;\r\n for (var j = 0; j < otherFieldsToMatch.length; j++) {\r\n var fieldToMatch = otherFieldsToMatch[j];\r\n if (items[i][fieldToMatch] != itemToCopy[fieldToMatch]) {\r\n otherFieldsMatch = false;\r\n break;\r\n }\r\n }\r\n if (otherFieldsMatch) copyCount++;\r\n }\r\n }\r\n\r\n if (copyCount == 0) return cleanName;\r\n else if (copyCount == 1) return cleanName + ' (copy)';\r\n else return cleanName + ' (copy ' + copyCount + ')';\r\n }\r\n};\r\n\r\n//GUID generation function from https://gist.github.com/jed/982883\r\nexport function getGuid(a) { return a ? (a ^ ((Math.random() * 16) >> (a / 4))).toString(16) : ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, getGuid) }\r\n\r\nexport default Util;","export const MapActionTypes = {\r\n SELECT_MULTIPLE_STOPS: 'MAP/SELECT_MULTIPLE_STOPS', \r\n SELECT_ROUTE: 'MAP/SELECT_ROUTE',\r\n SELECT_STOP: 'MAP/SELECT_STOP', \r\n ADD_MARKER_GROUP: 'MAP/ADD_MARKER_GROUP',\r\n REMOVE_MARKER_GROUP: 'MAP/REMOVE_MARKER_GROUP',\r\n ADD_TRIP_DATA: 'MAP/ADD_TRIP_DATA',\r\n VEHICLE_POSITION: 'MAP/VEHICLE_POSITION',\r\n VEHICLE_FIXTAKEN:'MAP/VEHICLE_FIXTAKEN',\r\n VEHICLE_AUDIT_LOGS: 'MAP/VEHICLE_AUDIT_LOGS',\r\n CLUSTER_MARKERS: 'MAP/CLUSTER_MARKERS',\r\n VEHICLE_MARKER: 'MAP/VEHICLE_MARKER',\r\n HISTORY_ROUTE_LINES: 'MAP/HISTORY_ROUTE_LINES',\r\n STOP_MARKERS: 'MAP/STOP_MARKERS',\r\n ROUTE_LINES: 'MAP/ROUTE_LINES',\r\n CIRCLE_MARKERS: 'MAP/CIRCLE_MARKERS',\r\n MAP_ZOOM_POSITION:'MAP/MAP_ZOOM_POSITION',\r\n BOUND_POSITION: 'MAP/BOUND_POSITION',\r\n POLYGONS: 'MAP/POLYGONS',\r\n DRAWABLE_ROUTES: 'MAP/DRAWABLE_ROUTES',\r\n CLEAR_MAP: 'MAP/CLEAR_MAP',\r\n SET_MAP_REF:'MAP/REF'\r\n}\r\n\r\nexport const initialState = {\r\n SelectedStop: null,\r\n Route: null,\r\n MarkerGroups: [],\r\n TripPoints: [],\r\n VehiclePosition: null,\r\n VehicleFixTaken: null,\r\n VehicleAuditLogs: [],\r\n ClusterMarkers: null,\r\n VehicleMarker: null,\r\n HistoryRouteLines: null,\r\n StopMarkers: null,\r\n RouteLines: null,\r\n CircleMarkers: null,\r\n MapZoomPosition: null,\r\n BoundPosition: [],\r\n Polygons: null,\r\n Stops: null,\r\n MapRef: null\r\n}\r\n\r\n// Reducer\r\nexport default (state = initialState, action) => {\r\n switch (action.type) {\r\n case MapActionTypes.SELECT_MULTIPLE_STOPS:\r\n return { ...state, Stops: action.stops };\r\n case MapActionTypes.SELECT_ROUTE: \r\n return { ...state, Route: action.route };\r\n case MapActionTypes.SELECT_STOP:\r\n return { ...state, SelectedStop: action.stop };\r\n case MapActionTypes.ADD_MARKER_GROUP: \r\n return { ...state, MarkerGroups: state.MarkerGroups.push({ Name: action.name, Markers: action.markers, ShouldZoom: action.shouldZoom }) };\r\n case MapActionTypes.REMOVE_MARKER_GROUP:\r\n return { ...state, MarkerGroups: state.MarkerGroups.filter(function (g) { return g.Name !== action.name }) };\r\n case MapActionTypes.ADD_TRIP_DATA:\r\n return { ...state, TripPoints: action.tripData };\r\n case MapActionTypes.VEHICLE_POSITION:\r\n return { ...state, VehiclePosition: action.vehiclePosition };\r\n case MapActionTypes.VEHICLE_FIXTAKEN:\r\n return { ...state, VehicleFixTaken: action.vehicleFixTaken };\r\n case MapActionTypes.VEHICLE_AUDIT_LOGS:\r\n return { ...state, VehicleAuditLogs: action.vehicleAuditLogs };\r\n case MapActionTypes.CLUSTER_MARKERS:\r\n return { ...state, ClusterMarkers: action.clusterMarkers };\r\n case MapActionTypes.VEHICLE_MARKER:\r\n return { ...state, VehicleMarker: action.vehicleMarker };\r\n case MapActionTypes.HISTORY_ROUTE_LINES:\r\n return { ...state, HistoryRouteLines: action.historyRouteLines };\r\n case MapActionTypes.STOP_MARKERS:\r\n return { ...state, StopMarkers: action.stopMarkers };\r\n case MapActionTypes.ROUTE_LINES:\r\n return { ...state, RouteLines: action.routeLines };\r\n case MapActionTypes.CIRCLE_MARKERS:\r\n return { ...state, CircleMarkers: action.circleMarkers };\r\n case MapActionTypes.MAP_ZOOM_POSITION:\r\n return { ...state, MapZoomPosition: action.zoomPosition };\r\n case MapActionTypes.BOUND_POSITION:\r\n return { ...state, BoundPosition: action.boundPosition };\r\n case MapActionTypes.POLYGONS: \r\n return { ...state, Polygons: action.polygons };\r\n case MapActionTypes.DRAWABLE_ROUTES:\r\n return { ...state, DrawableRoutes: action.drawableRoutes };\r\n case MapActionTypes.SET_MAP_REF:\r\n return { ...state, MapRef: action.mapRef};\r\n case MapActionTypes.CLEAR_MAP:\r\n return { ...initialState, MapRef: state.MapRef};\r\n default:\r\n return state\r\n }\r\n}\r\n\r\n//Action Creators\r\nexport const actions = {\r\n setMultipleStops: (stops) => ({ type: MapActionTypes.SELECT_MULTIPLE_STOPS, stops }),\r\n setRoute: (route) => ({ type: MapActionTypes.SELECT_ROUTE, route }),\r\n setSeletedStop: (stop) => ({ type: MapActionTypes.SELECT_STOP, stop }),\r\n addMarkerGroup: (name, markers, shouldZoom) => ({ type: MapActionTypes.ADD_MARKER_GROUP, name, markers, shouldZoom }),\r\n removeMarkerGroup: (name) => ({ type: MapActionTypes.REMOVE_MARKER_GROUP, name}),\r\n addTripData: (tripData) => ({ type: MapActionTypes.tripData, tripData }),\r\n setVehiclePosition: (vehiclePosition) => ({ type: MapActionTypes.VEHICLE_POSITION, vehiclePosition }),\r\n setVehicleFixTaken: (vehicleFixTaken) => ({ type: MapActionTypes.VEHICLE_FIXTAKEN, vehicleFixTaken }),\r\n setVehicleAuditLogs: (vehicleAuditLogs) => ({ type: MapActionTypes.VEHICLE_AUDIT_LOGS, vehicleAuditLogs }),\r\n setClusterMarkers: (clusterMarkers) => ({ type: MapActionTypes.CLUSTER_MARKERS, clusterMarkers }),\r\n setVehicleMarker: (vehicleMarker) => ({ type: MapActionTypes.VEHICLE_MARKER, vehicleMarker }),\r\n setHistoryRouteLines: (historyRouteLines) => ({ type: MapActionTypes.HISTORY_ROUTE_LINES, historyRouteLines }),\r\n setStopMarkers: (stopMarkers) => ({ type: MapActionTypes.STOP_MARKERS, stopMarkers }),\r\n setRouteLines: (routeLines) => ({ type: MapActionTypes.ROUTE_LINES, routeLines }),\r\n setCircleMarkers: (circleMarkers) => ({ type: MapActionTypes.CIRCLE_MARKERS, circleMarkers }),\r\n setMapZoomPosition: (zoomPosition) => ({ type: MapActionTypes.MAP_ZOOM_POSITION, zoomPosition }),\r\n setBoundPosition: (boundPosition) => ({ type: MapActionTypes.BOUND_POSITION, boundPosition }),\r\n setPolygons: (polygons) => ({ type: MapActionTypes.POLYGONS, polygons }),\r\n setDrawableRoutes: (drawableRoutes) => ({ type: MapActionTypes.DRAWABLE_ROUTES, drawableRoutes }),\r\n setMapRef: (mapRef) => ({ type: MapActionTypes.SET_MAP_REF, mapRef }),\r\n clearMap: () => ({ type: MapActionTypes.CLEAR_MAP})\r\n}","import React from 'react';\r\nimport axios from 'axios';\r\nimport '../../styles/MobileClient/SwitchCommunity.scss';\r\nimport { Router, Link } from 'react-router-dom';\r\nimport { createBrowserHistory } from 'history';\r\nimport MainPage from '../../components/MainPage/MainPage';\r\nimport HardwareRegistrationPage from '../Mobile/HardwareRegistrationPage';\r\n\r\nexport default class SwitchCommunity extends React.Component {\r\n state = {\r\n communityList: [],\r\n loading: false\r\n };\r\n\r\n loggedInUser = '';\r\n\r\n componentDidMount() {\r\n //Load sitemap and get list of communities from it\r\n\r\n var currentUser = JSON.parse(localStorage.getItem('user'));\r\n this.loggedInUser = currentUser.username;\r\n console.log(this.loggedInUser);\r\n\r\n axios.get('/api/Menu').then(result => {\r\n const sitemap = result.data.menuTree.subMenu;\r\n const communityItem = sitemap.find(n => n.title == \"COMMUNITY\");\r\n if (communityItem) {\r\n this.setState({ communityList: communityItem.subMenu });\r\n }\r\n })\r\n .catch(function (e) {\r\n if (e && e.response && e.response.status === 401)\r\n window.location = window.location.origin;\r\n });\r\n }\r\n\r\n headers= {\r\n 'Content-Type': 'application/json;charset=UTF-8',\r\n \"Access-Control-Allow-Origin\": \"*\"\r\n }\r\n\r\n\r\n goToCommunity(url) {\r\n this.setState({ loading: true });\r\n const parsedUrl = new URL(url);\r\n axios.get('/api/SwitchCommunity?serverName=' + encodeURIComponent(parsedUrl.hostname), { headers: this.headers }).then(response => {\r\n const ticket = response.data;\r\n if (ticket && /[A-Fa-f0-9]{64}/.test(ticket)) {\r\n const username = this.loggedInUser;\r\n window.location.href = `${url}?ticket=${encodeURIComponent(ticket)}&username=${encodeURIComponent(username)}&IsMobileLogin=True`;\r\n }\r\n else {\r\n alert(\"Unable to authenticate community. Please check configuration.\");\r\n }\r\n }).catch(err => {\r\n alert(\"Unable to authenticate community. Please check configuration.\");\r\n console.log(err);\r\n })\r\n .then(() => {\r\n this.setState({ loading: false });\r\n });\r\n }\r\n\r\n baseUrl = \"/\"\r\n history = createBrowserHistory({ basename: this.baseUrl });\r\n\r\n updatePage() {\r\n setTimeout(() => window.location.reload());\r\n }\r\n\r\n render() {\r\n\r\n if (window.location.pathname == \"/Maintain/Hardware/Registration\") {\r\n returnthis.goToCommunity(c.url)}>{c.title}
);\r\n\r\n return (\r\nPlease update your password
\r\n| \r\n | \r\n |
| \r\n | \r\n |
| \r\n | \r\n |
{context.passwordPolicy ? `Passwords must be ${context.passwordPolicy.description}` : \"\"}
\r\nCheck your email for your new temporary password.
);\r\n\r\n\r\n return (\r\n\r\n Best viewed on Google Chrome, Microsoft Edge, or Mozilla Firefox
\r\n Ideal screen resolution of at least 1376x768\r\n
Incident {state.IncidentId}: {state.IncidentType}
\r\n☹
\r\nThe application has encountered an error. A notification has been sent to our team of expert developers and we'll look into it. In the meantime you may want to try using a different feature of the app or reloading and trying again.
\r\n}){kind=logo}
Unable to load report engine. Please contact Strategic Mapping for assistance.
\r\nLocation where emergency reported
\r\n