\n
<%- poi.name %> \n\n <% if (poi.address) { %>\n
<%- poi.address %>
\n <% } %> \n\n <% if (poi.landlines) { %>\n
Landline: <%- poi.landlines %>
\n <% } %> \n\n <% if (poi.mobiles) { %>\n
Mobile: <%- poi.mobiles %>
\n <% } %> \n\n <% if (poi.owner) { %>\n
Owner: <%- poi.owner %>
\n <% } %>\n\n <% if (poi.refillingPlants) { %>\n
\n
Servicing Plant: <%- poi.refillingPlants %>
\n <% } %> \n\n <% if (poi.spDistance) { %>\n <% var time = poi.spTravelTime %>\n <% var timeSplit = time.split(\":\"); %>\n
\n
Plant Delivery Reference \n
Distance: <%- poi.spDistance %>km
\n <% if (timeSplit) { %>\n
Travel Time: <%- timeSplit[0] %>hr/s <%- timeSplit[1] %>mins
\n <% } %>\n \n <% } %> \n\n <% if (poi.remarks) { %>\n
\n
Remarks: <%- poi.remarks %>
\n <% } %> \n\n
: null;\n return (\n \n
\n\n {deleteWrapper(deleteAction) } } disabled={buttonDisabled} >\n \n
\n
\n {loader}\n
\n
\n
\n \n \n Exit Edit Mode\n \n \n
\n
\n
\n Geofence Settings \n\n \n\n
\n
\n
Fill Color \n
setFillColorToggle(!fillColorToggle)} >\n
\n
{fillColor}
\n { fillColorToggle ?
[close picker]
: null}\n \n
\n { \n fillColorToggle ? \n
\n \n
\n : null \n } \n
\n
\n\n
\n
\n
Border Color \n
setStrokeColorToggle(!strokeColorToggle) } >\n
\n
{strokeColor}
\n {strokeColorToggle ?
[close picker]
: null}\n \n
\n { \n strokeColorToggle ? \n
\n \n
\n : null \n }\n
\n
\n\n
\n
\n { clearGeofence(selectedShape) }}>Clear Geofence \n \n {\n setBuildMode(false);\n exitGeofenceMode( selectedShape );\n drawingManager({mode: false});\n }}>Exit Geofence Mode \n\n
\n
\n\n
\n );\n }\n return (\n \n {\n setBuildMode(true); \n drawingManager({mode: true, map, maps, hasPolygon: hasPolygon, hasPolygonHandler: setHasPolygon, polygonCoordsHandler: setPolygonCoords, polygonSelector: setSelectedShape, shape: selectedShape})}\n }>Geofence Mode \n \n );\n\n\n\n};\n\nexport default BoundarySettings;","import React, {useState} from \"react\";\nimport {isEmpty} from \"lodash\";\n\nconst PointOfInterestRadius = props => {\n const {marker, maps, map} = props;\n\n let options = [];\n for (var ctr = 1; ctr <=10; ctr++) {\n options.push({ctr} )\n }\n\n const [toggleView, setToggleView] = useState(true);\n const [radiusMarker, setRadiusMarker] = useState(null);\n const [radiusUnit, setRadiusUnit] = useState(5);\n\n // useEffect(() => {\n // if (!marker) {\n // setRadiusMarker(null);\n // }\n // }, []);\n \n // console.log(\"maps:\", maps);\n if ( isEmpty(map) && isEmpty(maps) ) {\n return null;\n }\n\n if (radiusMarker && !toggleView) {\n radiusMarker.setVisible(false);\n }\n\n if (marker && radiusMarker) {\n maps.event.addListener(marker, 'dragend', function(event) {\n radiusMarker.setCenter( event.latLng );\n }); \n }\n\n // console.log(\"marker:\", marker);\n if (marker && toggleView) {\n\n const lat = marker.getPosition().lat();\n const lng = marker.getPosition().lng();\n\n if (radiusMarker) {\n radiusMarker.setVisible(true);\n radiusMarker.setCenter( new maps.LatLng( lat, lng ) );\n radiusMarker.setRadius(radiusUnit * 1000); // * 1000 to convert to km\n } else {\n if (!isEmpty(maps) ) {\n // console.log(\"maps:\", maps);\n let _radiusMarker = new maps.Circle({\n strokeColor: '#fc8403',\n strokeOpacity: 0.8,\n strokeWeight: 2,\n fillColor: '#fcba03',\n fillOpacity: 0.35,\n map: map,\n center: new maps.LatLng( lat, lng ),\n radius: (radiusUnit * 1000) // * 1000 to convert to km\n }); \n setRadiusMarker(_radiusMarker); \n }\n\n }\n \n }\n\n return (\n \n
\n
\n Radius \n \n setRadiusUnit(e.target.value)} defaultValue={radiusUnit}>\n {options}\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
\n
\n
\n\n
\n\n\n {/* OTHER HALF OF THE FORM */}\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
\n
\n\n\n
\n\n\n
\n\n
\n\n \n\n \n );\n}\n\nconst MapContainer = props => {\n\n // console.log(\"MapContainer:\", props);\n\n const {mapObjHandler, mapsObjHandler, markerObjHandler} = props;\n let createMapOptions = function (maps) {\n return {\n styles: [{\n \"featureType\": \"all\",\n \"elementType\": \"labels\",\n \"stylers\": [{\n \"visibility\": \"#on\"\n }]\n }],\n streetViewControl: true \n }\n } \n\n let bootstrapURLKeys = {\n key: MapConfig.apiKey,\n libraries: ['drawing', 'places', 'geometry'].join(',')\n } \n\n if (!_.isEmpty(props.geometry)) {\n return (\n \n
Click anywhere on the map to pin location..
\n
{\n mapObjHandler(map);\n mapsObjHandler(maps);\n pinLocation(map, maps, props.geometryHandler, props.geometry || {}, markerObjHandler); \n } }\n yesIWantToUseGoogleMapApiInternals >\n \n
\n
Click anywhere on the map to pin location..
\n
{\n mapObjHandler(map);\n mapsObjHandler(maps);\n pinLocation(map, maps, props.geometryHandler, {}, markerObjHandler); \n } }\n yesIWantToUseGoogleMapApiInternals >\n \n
\n \n );\n }\n if (success) {\n return (\n \n
\n \n ) \n }\n if (dependencyComplete || error) {\n return (\n \n \n
\n \n
\n {/*
Register Point of Interest */}\n\n
\n
\n
\n );\n } else {\n return
\n }\n }\n}\n\nexport default PointOfInterest;","import React, {Fragment} from \"react\";\nimport {NavLink} from \"react-router-dom\";\nimport Util from \"../../services/Util\";\n\n\nconst RecordMetaData = ({createdAt, updatedAt, updatedBy, createdBy}) => {\n return (\n \n Meta Data \n \n \n\n );\n}\n\nexport default RecordMetaData;\n","import React, { Component, Fragment } from \"react\";\nimport _ from \"lodash\";\nimport BreadCrumbs from \"../../layout/breadcrumbs\";\nimport {Redirect} from \"react-router-dom\";\nimport RecordMetaData from \"../../layout/metadata\";\nimport Errors from \"../../common/notif/errors\";\nimport Success from \"../../common/notif/success\";\nimport Loader from \"../../common/loader\";\n\n/*Load Models*/\nimport Poi from \"../../../models/Poi\";\nimport _PoiEntity from \"../../../models/PoiEntity\";\n// import District from \"../../../models/District\";\nimport Brand from \"../../../models/Brand\";\nimport Type from \"../../../models/Type\";\nimport Province from \"../../../models/Province\";\n// import Owner from \"../../../models/Owner\";\nimport PoiGeofence from \"../../../models/PoiGeofence\";\n\nimport AclService from \"../../../services/AclService\";\n\n\n/**/\nimport Form from \"../../views/point-of-interest/pin/form\";\nlet RefillingPlant = new _PoiEntity(\"refilling plant\");\n\nclass PointOfInterest extends Component {\n _currentUserRole = null;\n _permittedBrands = null;\n _brandManageAccess = null;\n\n constructor (props) {\n super(props);\n this.poiId = _.get(this.props, \"match.params.id\");\n\n this.onChangeName = this.onChangeName.bind(this);\n this.onChangeDistrict = this.onChangeDistrict.bind(this);\n this.onChangeBrand = this.onChangeBrand.bind(this);\n this.onChangeType = this.onChangeType.bind(this);\n this.onChangeSubType = this.onChangeSubType.bind(this);\n this.onChangeAddress = this.onChangeAddress.bind(this);\n this.onChangeProvince = this.onChangeProvince.bind(this);\n this.onChangeMunicipality = this.onChangeMunicipality.bind(this);\n this.onChangeLandMark = this.onChangeLandMark.bind(this);\n this.onChangeOwner = this.onChangeOwner.bind(this);\n this.onChangeRemarks = this.onChangeRemarks.bind(this);\n this.onChangeLandline = this.onChangeLandline.bind(this);\n this.onChangeLandline2 = this.onChangeLandline2.bind(this);\n this.onChangeLandline3 = this.onChangeLandline3.bind(this);\n this.onChangeMobile = this.onChangeMobile.bind(this);\n this.onChangeMobile2 = this.onChangeMobile2.bind(this);\n this.onChangeMobile3 = this.onChangeMobile3.bind(this);\n this.geometryHandler = this.geometryHandler.bind(this);\n this.onChangePoiEntity = this.onChangePoiEntity.bind(this);\n this.enableEditMode = this.enableEditMode.bind(this);\n this.disableEditMode = this.disableEditMode.bind(this);\n this.deleteAction = this.deleteAction.bind(this);\n this.setGeofence = this.setGeofence.bind(this);\n this.onSubmit = this.onSubmit.bind(this);\n\n this.onChangeSpTravelTime = this.onChangeSpTravelTime.bind(this);\n this.onChangeSpDistance = this.onChangeSpDistance.bind(this);\n\n\n this._currentUserRole = AclService.getRole();\n if (this._currentUserRole === \"user\") {\n this._permittedBrands = _.map(AclService.getBrandPermissions(), \"id\");\n this._brandManageAccess = _.map(_.filter(AclService.getBrandPermissions(), (obj) => {return obj.manage}), \"id\"); \n }\n\n\n\n this.state = {\n\n //on page states\n buttonDisabled: false,\n showLoader: false,\n error: null,\n success: null,\n dependencyComplete: false,\n typeList: [],\n provinceList: [],\n hasSubType: false,\n subTypeList: [],\n isEditMode: false,\n\n //dropdown states\n districts: [],\n brands: [],\n types: [],\n provinces: [],\n municipalities: [],\n owners: [],\n refillingPlants: [], \n\n //field states\n name: \"\",\n district: \"\",\n brand: \"\",\n brandObject: {},\n type: \"\",\n subType: \"\",\n address: \"\",\n province: \"\",\n municipality: \"\",\n landMark: \"\",\n landLine: \"\",\n landLine2: \"\",\n landLine3: \"\",\n mobile: \"\",\n mobile2: \"\",\n mobile3: \"\",\n remarks: \"\",\n geometry: {},\n poientity: \"\", \n createdAt: \"\",\n updatedAt: \"\",\n geofence: {},\n geofenceData: {},\n updatedBy: \"\",\n createdBy: \"\",\n spDistance: \"\",\n spTravelTime: \"\"\n\n \n };\n\n }\n\n\n setGeofence (gValues) {\n this.setState({\n geofence: gValues\n });\n }\n\n\n\n async deleteAction () {\n this.setState({\n buttonDisabled: true,\n showLoader: true,\n error: null,\n isEditMode: false\n });\n\n let {data, error} = await Poi.Delete(this.poiId);\n if (data) {\n this.setState({\n redirect: true,\n success: \"Point of Interest Deleted\",\n error: null,\n showLoader: false,\n buttonDisabled: false,\n });\n }\n if (error) {\n this.setState({\n error: error,\n buttonDisabled: false,\n showLoader: false\n });\n window.scrollTo(0, 0); \n } \n } \n\n onChangeSpDistance (e) {\n this.setState({\n spDistance: e.target.value\n });\n }\n\n onChangeSpTravelTime (time) {\n this.setState({\n spTravelTime: time\n });\n }\n\n\n onChangeName (e) {\n this.setState({\n name: e.target.value\n });\n }\n\n geometryHandler (coords) {\n let geometry = {\n \"type\": \"Point\",\n \"coordinates\": [coords.lat(), coords.lng()]\n };\n this.setState({\n geometry: geometry \n });\n }\n\n onChangeDistrict (e) {\n this.setState({\n district: e.target.value\n });\n }\n\n onChangeBrand (e) {\n this.setState({\n brand: e.target.value\n });\n }\n\n onChangeSubType (e) {\n this.setState({\n subType: e.target.value || undefined\n });\n }\n\n onChangeAddress (e) {\n this.setState({\n address: e.target.value\n });\n }\n\n onChangeLandMark (e) {\n this.setState({\n landMark: e.target.value\n });\n }\n\n onChangeOwner (e) {\n this.setState({\n owner: e.target.value || \"\"\n });\n }\n\n onChangeRemarks (e) {\n this.setState({\n remarks: e.target.value\n });\n }\n\n onChangeMobile (e) {\n this.setState({\n mobile: e.target.value\n });\n }\n onChangeMobile2 (e) {\n this.setState({\n mobile2: e.target.value\n });\n }\n onChangeMobile3 (e) {\n this.setState({\n mobile3: e.target.value\n });\n }\n\n onChangeLandline (e) {\n this.setState({\n landLine: e.target.value\n });\n }\n\n onChangeLandline2 (e) {\n this.setState({\n landLine2: e.target.value\n });\n }\n\n onChangeLandline3 (e) {\n this.setState({\n landLine3: e.target.value\n });\n }\n\n enableEditMode () {\n this.setState({\n isEditMode: true\n });\n }\n\n disableEditMode () {\n this.setState({\n isEditMode: false\n });\n }\n\n onChangeProvince (e) {\n \n let provinceId = e.target.value;\n let provinceList = this.state.provinceList;\n let selectedProvince = _.find(provinceList, {id: provinceId}) || {};\n let municipalities = [];\n if (_.size(selectedProvince.municipalities) > 0) {\n _.each(selectedProvince.municipalities, (item) => {\n municipalities.push({\n key: item.id,\n value: item.id,\n label: item.name\n });\n } );\n }\n this.setState({\n province: e.target.value,\n municipalities: municipalities\n });\n }\n\n onChangeMunicipality (e) {\n this.setState({\n municipality: e.target.value\n });\n }\n\n onChangeType (e) {\n let typeId = e.target.value;\n let typeList = this.state.typeList;\n let selectedType = _.find(typeList, {id: typeId}) || {};\n let hasSubType = false;\n let subTypeList = [];\n if (_.size(selectedType.subTypeList) > 0) {\n hasSubType = true;\n _.each(selectedType.subTypeList, (item) => {\n subTypeList.push({\n key: item,\n value: item,\n label: item\n });\n } ); \n }\n this.setState({\n type: e.target.value || undefined,\n hasSubType: hasSubType,\n subTypeList: subTypeList\n });\n }\n\n onChangePoiEntity (e) {\n this.setState({\n poientity: e.target.value\n });\n } \n\n\n async onSubmit (e) {\n e.preventDefault();\n let {geometry, geofence} = this.state;\n if (_.isEmpty(geometry)) {\n this.setState({\n error: \"Please pin a location on the map.\"\n });\n window.scrollTo(0, 0); \n return false;\n } \n \n this.setState({\n buttonDisabled: true,\n showLoader: true,\n error: null\n });\n\n let params = {\n name: this.state.name,\n address: this.state.address,\n district: this.state.district,\n brand: this.state.brand,\n municipality: this.state.municipality,\n province: this.state.province,\n type: this.state.type || null,\n subType: this.state.subType || null,\n landMark: this.state.landMark,\n landLine: this.state.landLine,\n landLine2: this.state.landLine2,\n landLine3: this.state.landLine3,\n owner: this.state.owner || \"\",\n mobile: this.state.mobile,\n mobile2: this.state.mobile2,\n mobile3: this.state.mobile3,\n remarks: this.state.remarks,\n geometry: geometry,\n poientity: this.state.poientity,\n spDistance: this.state.spDistance,\n spTravelTime: this.state.spTravelTime\n\n };\n\n let {data, error} = await Poi.Update(this.poiId, params);\n if (data) {\n geofence.poiId = this.poiId;\n await PoiGeofence.Create(geofence);\n\n this.setState({\n success: \"Point of Interest Updated.\",\n error: null,\n showLoader: false,\n buttonDisabled: false\n }); \n window.scrollTo(0, 0); \n }\n if (error) {\n this.setState({\n error: error,\n buttonDisabled: false,\n showLoader: false\n });\n window.scrollTo(0, 0); \n } \n\n }\n\n\n async getDropdownValues () {\n //district\n // let districtResult = await District.GetDropdownList();\n // if (districtResult.error) { \n // this.setState({ dependencyError: districtResult.error});\n // } else {\n // this.setState({districts: districtResult.data});\n // }\n\n //brand\n let brandResult = await Brand.GetDropdownList();\n if (brandResult.error) { \n this.setState({ dependencyError: brandResult.error});\n } else {\n this.setState({brands: brandResult.data});\n }\n\n //type\n let typeResult = await Type.GetDropdownList();\n if (typeResult.error) { \n this.setState({ dependencyError: typeResult.error});\n } else {\n this.setState({types: typeResult.data, typeList: typeResult.list});\n }\n\n //provinces\n let provinceResult = await Province.GetDropdown();\n if (provinceResult.error) { \n this.setState({ dependencyError: provinceResult.error});\n } else {\n this.setState({provinces: provinceResult.data, provinceList: provinceResult.list});\n }\n\n //owners\n // let ownerResult = await Owner.GetDropdownList();\n // if (ownerResult.error) { \n // this.setState({ dependencyError: ownerResult.error});\n // } else {\n // this.setState({owners: ownerResult.data});\n // }\n\n\n //refilling plants\n let refillingPlantResult = await RefillingPlant.GetDropdownList();\n if (refillingPlantResult.error) { \n this.setState({dependencyError: refillingPlantResult.error});\n } else {\n this.setState({refillingPlants: refillingPlantResult.data});\n }\n\n\n this.setState({\n dependencyComplete: true\n });\n\n }\n\n\n async componentDidMount () {\n let {data} = this.state;\n await this.getDropdownValues();\n if (_.isEmpty(data) || _.isNil(data) ) {\n await this.getData(this.poiId);\n }\n }\n\n async getData ( id ) {\n let {data, error} = await Poi.Show( id );\n let geofenceResult = await PoiGeofence.Show( id );\n if (error) this.setState({error: error});\n const provinceId = _.get(data, \"province.id\");\n const typeId = _.get(data, \"type.id\");\n this.onChangeProvince({target: {value: provinceId}});\n this.onChangeType({target: {value: typeId}});\n if (data && _.size(data) > 0) {\n this.setState({\n data: data,\n name: data.name,\n address: data.address,\n district: _.get(data, \"district.id\"),\n province: _.get(data, \"province.id\"),\n municipality: _.get(data, \"municipality.id\"),\n landMark: data.landMark,\n landLine: data.landLine,\n landLine2: data.landLine2,\n landLine3: data.landLine3,\n mobile: data.mobile,\n mobile2: data.mobile2,\n mobile3: data.mobile3,\n owner: data.owner,\n brand: _.get(data, \"brand.id\"),\n brandObject: data.brand,\n type: _.get(data, \"type.id\"),\n poientity: _.get(data, \"poientity.id\"),\n subType: data.subType,\n remarks: data.remarks,\n geometry: data.geometry,\n updatedAt: data.updatedAt,\n createdAt: data.createdAt,\n geofenceData: geofenceResult.data || {},\n updatedBy: data.updatedBy,\n createdBy: data.createdBy,\n spDistance: data.spDistance,\n spTravelTime: data.spTravelTime,\n dependencyComplete: true,\n\n });\n \n } else {\n this.setState({error: \"No Record\"});\n }\n } \n\n render () {\n\n let {dependencyComplete, dependencyError, error, success, redirect} = this.state;\n const btnClass = (this.state.isEditMode) ? \"hide \" : null; \n const recordMetaData = {createdAt: this.state.createdAt, updatedAt: this.state.updatedAt, updatedBy: this.state.updatedBy, createdBy: this.state.createdBy};\n let showEdit = true;\n if (this._currentUserRole === \"user\") {\n if (!_.includes(this._brandManageAccess, this.state.brand)) {\n showEdit = false;\n }\n }\n if (dependencyError) {\n return (\n \n \n );\n }\n if (redirect) {\n return (\n \n
\n \n
\n \n\n
\n
\n
\n { \n (showEdit) ?\n
\n \n \n
\n : null\n }\n \n
\n
\n\n
\n \n \n
\n
\n\n
\n );\n } else {\n return
\n }\n }\n};\n\nexport default PointOfInterest;","import React from \"react\";\n\nconst TableHeader = props => {\n return (\n \n \n {\n props.headers.map( (column, i) => {\n return {column} \n })\n }\n \n \n );\n}\n\nexport default TableHeader;","\nimport React from \"react\";\nimport { NavLink } from \"react-router-dom\";\nimport _ from \"lodash\";\n\n\nconst TableBody = props => {\n return (\n 0) ? \"table-container\" : null}>\n \n ); \n};\n\nconst Rows = props => {\n return props.data.map((row, i) => {\n return \n \n \n });\n\n};\n\nconst Columns = ({row, linkField, linkPath}) => {\n return _.keys(row).map((prop, key) => {\n if (prop !== \"id\") {\n return (prop === linkField) ? : {row[prop]} ;\n }\n return null;\n }); \n};\n\nconst TableLink = ({props}) => {\n const {link, id, label} = props;\n return {label} \n};\n\nexport default TableBody;","import React from \"react\";\nimport TableHeader from \"./table-header\";\nimport TableBody from \"./table-body\";\n\nconst Table = props => {\n return (\n \n );\n};\n\nexport default Table;","import React, { Component } from \"react\";\nimport _ from \"lodash\";\nclass Filter extends Component {\n\n //Reference::: https://codepen.io/mtclmn/pen/QyPVJp\n constructor (props) {\n super(props);\n this.filterList = this.filterList.bind(this);\n this.state = {\n items: props.data,\n initialItems: [],\n setFilter: props.setFilter,\n message: \"\"\n }\n }\n\n\n componentWillMount () {\n this.setState({initialItems: this.state.items } )\n }\n\n filterList (e) {\n let updatedList = this.state.initialItems;\n const filtered = _.filter(updatedList, (item) => {\n return _.find( _.values(item), (column) => {\n return _.includes( _.toLower(column), _.toLower( e.target.value) );\n });\n });\n this.state.setFilter(filtered);\n }\n\n render () {\n const { message } = this.state;\n return (\n \n
\n
\n
{message} \n
\n
\n
\n\n
\n\n { element && (\n \n \n \n
\n )\n }\n\n { children && children}\n
\n\n \n
\n
\n \n );\n }\n\n DisplayTable () {\n\n let {data, error, success} = this.state;\n if (_.size(data) > 0 || error) {\n return (\n \n \n
\n\n \n \n \n \n
\n \n\n \n \n );\n } else {\n return
\n }\n }\n\n}\n\nexport default List;","import React, {Fragment} from \"react\";\n\n//common\nimport Input from \"../../../common/form/input\";\nimport Select from \"../../../common/form/select\";\n\n\n\nconst Form = props => {\n const {isEditMode} = props.state; \n\n\n const DeleteRefillingPlant = () => {\n const ans = window.confirm(\"Are you sure you want to delete this Refilling Plant\");\n if (ans) {\n props.deleteAction();\n }\n } \n return (\n \n \n
\n
\n
\n\n
\n\n
\n\n\n {/* OTHER HALF OF THE FORM */}\n
\n\n
\n
\n\n
Submit \n\n\n { props.poiEntityId && ( <>\n \n
\n \n \n
\n \n\n )}\n\n\n\n\n
\n );\n}\n\n\n// const MapContainer = props => {\n\n// let createMapOptions = function (maps) {\n// return {\n// styles: [{\n// \"featureType\": \"all\",\n// \"elementType\": \"labels\",\n// \"stylers\": [{\n// \"visibility\": \"#on\"\n// }]\n// }],\n// streetViewControl: true \n// }\n// } \n// let bootstrapURLKeys = {\n// key: MapConfig.apiKey,\n// libraries: ['drawing', 'places', 'geometry'].join(',')\n// } \n \n// if (!_.isEmpty(props.geometry)) {\n// return (\n// \n//
Click anywhere on the map to pin location..
\n//
pinLocation(map, maps, props.geometryHandler, props.geometry)}\n// yesIWantToUseGoogleMapApiInternals >\n// \n\n//
\n//
Click anywhere on the map to pin location..
\n//
pinLocation(map, maps, props.geometryHandler, {})}\n// yesIWantToUseGoogleMapApiInternals >\n// \n//
\n \n );\n }\n if (success) {\n\n return (\n \n \n
\n \n \n );\n } else {\n return
\n }\n }\n}\n\nexport default RegisterRefillingPlant;","import CoreService from \"../services/Core\";\nimport _ from \"lodash\";\n\nclass Owner {\n\n constructor () {\n this.path = \"/owners\";\n \n this.table = {\n headers: [\"Name\", \"Type\", \"Email\", \"Contact Number\"],\n listKeys: [\"name\", \"type\", \"email\", \"contactNumber\", \"id\"],\n linkPath: \"/admin/owners\",\n linkField: \"name\"\n }\n }\n\n\n async GetDropdownList () {\n let {data, error} = await this.Get();\n let _data = [];\n _.each(data, (item) => {\n _data.push({\n key: item.id,\n value: item.id,\n label: item.name\n });\n } );\n return {data: _data, error};\n } \n\n async Show (id) {\n let result = { data: null, error: null };\n try {\n let response = await CoreService.get(`${this.path}/${id}`);\n _.set(result, \"data\", response.data.data );\n } catch (e) {\n _.set(result, \"error\", ((e.response)) ? _.get(e, \"response.data.error.message\") : \"Cannot Communicate to the API Server.\" );\n }\n return result;\n }\n\n\n async Get () {\n let result = { data: null, error: null };\n try {\n let response = await CoreService.get(this.path);\n _.set(result, \"data\", this.reduceData( response.data ) );\n } catch (e) {\n _.set(result, \"error\", ((e.response)) ? _.get(e, \"response.data.error.message\") : \"Cannot Communicate to the API Server.\" );\n }\n return result;\n }\n\n async Create (params) {\n let result = { data: null, error: null };\n try {\n let response = await CoreService.post(this.path, params);\n _.set(result, \"data\", this.reduceData( response.data ) );\n } catch (e) {\n let _error = \"Cannot Communicate to the API Server.\";\n if (e.response) {\n _error = _.get(e, \"response.data.meta.message\");\n }\n _.set(result, \"error\", _error);\n }\n return result;\n }\n\n async Update (id, params) {\n let result = { data: null, error: null };\n try {\n let response = await CoreService.patch(`${this.path}/${id}`, params);\n _.set(result, \"data\", response.data.data );\n } catch (e) {\n let _error = \"Cannot Communicate to the API Server.\";\n if (e.response) {\n _error = _.get(e, \"response.data.meta.message\");\n }\n _.set(result, \"error\", _error);\n }\n return result;\n }\n\n async Delete (id) {\n let result = { data: null, error: null };\n try {\n let response = await CoreService.delete(`${this.path}/${id}`);\n _.set(result, \"data\", response.data.data );\n } catch (e) {\n let _error = \"Cannot Communicate to the API Server.\";\n if (e.response) {\n _error = _.get(e, \"response.data.meta.message\");\n }\n _.set(result, \"error\", _error);\n }\n return result;\n }\n\n\n\n\n //------------------------------------------------------------------------ \n /**helpers*/\n reduceData (result) {\n let newData = _.transform(result.data, (r, n, k) => { \n r.push( _.pick(n, _.get(this, \"table.listKeys\")) );\n }, []);\n return newData;\n }\n\n}\n\nexport default new Owner();","import React, {useEffect, useState} from \"react\";\nimport Table from \"../../../common/table/table\";\nimport Poi from \"../../../../models/Poi\";\nimport ElasticSearch from \"../../../../models/ElasticSearch\";\nimport Loader from \"../../../common/loader\";\n\nconst PoiList = props => {\n\n const {poiEntityId} = props;\n\n const [pois, setPois] = useState([]);\n const [complete, setComplete] = useState(false);\n\n useEffect(() => {\n\n const GetPoiList = async () => {\n // //poi list\n let {data} = await ElasticSearch.GetPOIs({poientity: poiEntityId});\n if (data) setPois(data); \n setComplete(true);\n };\n\n GetPoiList();//eslint-disable-next-line react-hooks/exhaustive-deps\n }, []); \n\n if (!complete) {\n return \n
\n
\n \n );\n }\n let {redirect = null} = this.state;\n if (redirect) {\n return (\n \n
\n \n \n \n );\n } else {\n return
\n }\n }\n};\n\nexport default RefillingPlantShow;","import React from \"react\";\nimport GoogleMapReact from \"google-map-react\";\nimport MapConfig from \"../../../config/map\";\n\nconst MapContainer = props => {\n\n let bootstrapURLKeys = {\n key: MapConfig.apiKey,\n libraries: ['drawing', 'places', 'geometry'].join(',')\n }\n\n let createMapOptions = function (maps) {\n return {\n styles: [{\n \"featureType\": \"all\",\n \"elementType\": \"labels\",\n \"stylers\": [{\n \"visibility\": \"#on\"\n }]\n }] \n }\n }\n\n return (\n \n \n props.handler(map, maps)}\n yesIWantToUseGoogleMapApiInternals />\n
\n \n );\n};\n\nexport default MapContainer; ","import React, {Component} from \"react\";\nimport _ from \"lodash\";\nimport MapContainer from \"./list/map\";\nimport {Redirect} from \"react-router-dom\";\nimport Errors from \"../common/notif/errors\";\nimport Success from \"../common/notif/success\";\nimport Loader from \"../common/loader\";\n// import GeofenceItemList from \"./list/item-list\";\nimport Geofence from \"../../models/Geofence\";\n\nimport Util from \"../../services/Util\";\n\nlet polygonList = [];\nclass List extends Component {\n constructor (props) {\n super(props);\n this.mapHandler = this.mapHandler.bind(this);\n this.state = {\n data: [],\n dependencyComplete: false, \n dependencyError: \"\",\n geofenceRedirectId: \"\"\n };\n\n } \n\n async componentDidMount () {\n let {dependencyComplete} = this.state;\n if (!dependencyComplete > 0) {\n await this.getData();\n }\n\n let updateNotif = _.get(this, \"props.location.state.updateNotif\", null);\n this.setState({\n success: updateNotif\n }); \n }\n\n async getData () {\n let {data, error} = await Geofence.Get();\n if (error) this.setState({error: error});\n if (data && _.size(data) > 0) {\n this.setState({data: data, error: null});\n } else {\n this.setState({error: \"No Record\"});\n } \n this.setState({\n dependencyComplete: true\n });\n\n }\n\n clickPolygon (id) {\n this.setState({\n geofenceRedirectId: id\n });\n }\n\n\n mapHandler (map, maps) {\n map.mapTypeControl = true;\n let fences = this.state.data;\n let self = this;\n\n maps.event.addListener(map, \"maptypeid_changed\", function (e) {\n const mapType = map.getMapTypeId();\n if (mapType === \"satellite\" || mapType === \"hybrid\") {\n _.each(polygonList, (i) => {\n i.setOptions({ fillOpacity: 0.7});\n });\n } else {\n _.each(polygonList, (i) => {\n i.setOptions({ fillOpacity: 0.3});\n });\n }\n });\n\n _.each(fences, (geofence, k) => {\n let coords = Util.convertCoordinates(geofence.polygonCoords);\n let polygon = new maps.Polygon({\n path: coords,\n strokeColor: geofence.strokeColor,\n strokeOpacity: 0.8,\n strokeWeight: 2,\n fillColor: geofence.fillColor,\n fillOpacity: 0.3,\n editable: false\n });\n\n if (maps.geometry) {\n let area = maps.geometry.spherical.computeArea(polygon.getPath());\n _.set(geofence, \"area\", `${(area / 1e+6).toFixed(2)} sqkm`);\n }\n\n polygon.setMap(map)\n\n polygonList.push(polygon);\n _.set(geofence, \"polygon\", polygon);\n \n let infowindow = new maps.InfoWindow({\n content: PolygonInfoTemplate({name: geofence.name, owner: geofence.owner || \"Unassigned\" })\n });\n\n polygon.set(\"id\", geofence.id);\n polygon.addListener(\"click\", function() {\n self.clickPolygon(this.get(\"id\"));\n });\n\n polygon.addListener(\"mouseover\", function(event) {\n infowindow.setPosition(event.latLng); \n infowindow.open(map);\n });\n\n polygon.addListener(\"mouseout\", function () {\n infowindow.close(map);\n });\n\n });\n\n this.setState({\n data: fences\n });\n\n }\n\n render () {\n\n let {dependencyComplete, data, error, success, geofenceRedirectId} = this.state;\n\n if (geofenceRedirectId) {\n return \n \n
\n \n
\n
\n\n \n\n
\n\n{/*
\n
\n*/}\n
\n
\n ) \n } else {\n return
\n } \n\n }\n}\n\nexport default List;\n\nconst PolygonInfoTemplate = _.template(`\n
<%- name %> \n
Owner: <%- owner %>
\n
: null;\n if (redirectToList) {\n return \n \n
\n
*/}\n \n\n
\n
\n
\n
Fill Color \n
\n
\n
{fillColor}
\n {displayColorPickerFillColor ?
[close picker]
: null}\n \n
\n { \n displayColorPickerFillColor ? \n
\n \n
\n : null \n } \n
\n\n
\n
Border Color \n
\n
\n
{strokeColor}
\n {displayColorPickerStrokeColor ?
[close picker]
: null}\n \n
\n { \n displayColorPickerStrokeColor ? \n
\n \n
\n : null \n }\n
\n\n
\n \n
\n\n \n \n \n \n Cancel\n \n\n\n
\n \n \n );\n }\n\n\n};\nexport default RegisterForm;\n\n\nconst RemoveButton = props => {\n let {buttonDisabled} = props.state;\n return (\n \n {\n let ans = window.confirm(\"Are you sure you want to delete this item?\");\n return (ans) ? props.deleteAction() : () => {}\n }} disabled={buttonDisabled} >\n \n \n \n \n\n \n );\n};","import React, { Component } from \"react\";\nimport BreadCrumbs from \"../layout/breadcrumbs\";\nimport ReactDOM from \"react-dom\";\nimport {Redirect} from \"react-router-dom\";\nimport _ from \"lodash\";\nimport MapConfig from \"../../config/map\";\nimport MapContainer from \"./list/map\";\nimport Loader from \"../common/loader\";\nimport Errors from \"../common/notif/errors\";\nimport Success from \"../common/notif/success\";\nimport RegisterForm from \"../views/geofence/form\";\nimport Owner from \"../../models/Owner\";\nimport Geofence from \"../../models/Geofence\";\nimport Util from \"../../services/Util\";\n\nlet selectedShape;\nlet drawingManager;\nlet polygonList = [];\n\nclass Register extends Component {\n\n constructor (props) {\n super(props);\n this.updatePolygonProps = this.updatePolygonProps.bind(this);\n this.mapHandler = this.mapHandler.bind(this);\n this.onChangeOwner = this.onChangeOwner.bind(this);\n this.onChangeName = this.onChangeName.bind(this);\n this.onSubmit = this.onSubmit.bind(this);\n this.removePolygon = this.removePolygon.bind(this);\n\n this.state = {\n\n //on page states\n hasPolygon: false,\n dependencyError: false,\n dependencyComplete: false,\n buttonDisabled: false,\n showLoader: false,\n error: null,\n success: null,\n\n //field states\n data: [],\n owner: \"\",\n name: \"\",\n polygonCoords: [],\n fillColor: \"\",\n strokeColor: \"\",\n\n //dropdown states\n owners: [],\n geofences: [],\n redirect: \"\"\n };\n\n }\n\n onChangeOwner (e) {\n this.setState({\n owner: e.target.value\n });\n }\n\n onChangeName (e) {\n this.setState({\n name: e.target.value\n });\n }\n\n async onSubmit (e) {\n e.preventDefault();\n\n this.setState({\n buttonDisabled: true,\n showLoader: true,\n error: null\n });\n\n let params = {\n owner: this.state.owner,\n name: this.state.name,\n polygonCoords: this.state.polygonCoords,\n fillColor: this.state.fillColor || MapConfig.polygon.fillColor,\n strokeColor: this.state.strokeColor || MapConfig.polygon.strokeColor\n };\n\n if (_.isEmpty(params.polygonCoords)) {\n this.setState({\n error: \"Please draw fence boundary on the map.\",\n buttonDisabled: false,\n showLoader: false\n });\n window.scrollTo(0, 0); \n return false;\n }\n let {data, error} = await Geofence.Create(params);\n if (data) {\n this.setState({\n success: \"New Geofence Registered\",\n error: null,\n buttonDisabled: false,\n showLoader: false,\n redirect: `/geofence/${_.get(data, \"data.id\")}`\n });\n }\n if (error) {\n this.setState({\n error: error,\n buttonDisabled: false,\n showLoader: false\n });\n }\n window.scrollTo(0, 0); \n } \n\n\n async componentDidUpdate(prevProps) {\n let {dependencyComplete} = this.state;\n if (!dependencyComplete > 0) {\n await this.getData();\n }\n }\n\n\n async componentDidMount () {\n let {dependencyComplete} = this.state;\n if (!dependencyComplete > 0) {\n await this.getData();\n await this.getDropdownValues();\n }\n }\n\n async getDropdownValues () {\n if ( _.isEmpty(this.state.owners) ) {\n //owners\n let ownerResult = await Owner.GetDropdownList();\n if (ownerResult.error) { \n this.setState({ dependencyError: ownerResult.error});\n } else {\n this.setState({owners: ownerResult.data});\n }\n this.setState({\n dependencyComplete: true\n });\n }\n } \n\n async getData () {\n let {data, error} = await Geofence.Get();\n if (error) this.setState({error: error});\n if (data && _.size(data) > 0) {\n this.setState({geofences: data, error: null});\n } else {\n // this.setState({error: \"No Record\"});\n }\n this.setState({\n dependencyComplete: true\n });\n }\n\n updatePolygonProps (params) {\n this.setState(params);\n if (!_.isEmpty(selectedShape)) {\n selectedShape.setOptions(params);\n } else {\n let polygonOptions = drawingManager.polygonOptions;\n drawingManager.setOptions({polygonOptions: _.merge(polygonOptions, params)});\n }\n }\n\n\n drawingManager (map, maps) {\n map.mapTypeControl = true;\n let self = this;\n\n if (maps.drawing) {\n drawingManager = new maps.drawing.DrawingManager({\n drawingMode: maps.drawing.OverlayType.POLYGON,\n drawingControl: false,\n drawingControlOptions: {\n position: maps.ControlPosition.TOP_CENTER,\n drawingModes: [\n maps.drawing.OverlayType.POLYGON,\n ]\n },\n polygonOptions: {\n clickable: true,\n draggable: true,\n editable: true,\n fillColor: MapConfig.polygon.fillColor,\n fillOpacity: 0.5,\n strokeWeight: MapConfig.polygon.strokeWeight,\n strokeColor: MapConfig.polygon.strokeColor\n }\n }); \n\n drawingManager.setMap(map);\n\n maps.event.addListener(drawingManager, 'polygoncomplete', function(event) {\n let len = event.getPath().getLength();\n let coords = [];\n for (let i = 0; i < len; i++) {\n coords.push(event.getPath().getAt(i).toUrlValue(5));\n self.setState({\n hasPolygon: true,\n polygonCoords: coords\n });\n }\n });\n\n maps.event.addListener(drawingManager, 'overlaycomplete', function(event) {\n let all_overlays = [];\n all_overlays.push(event);\n if (event.type !== maps.drawing.OverlayType.MARKER) {\n drawingManager.setDrawingMode(null);\n //Write code to select the newly selected object.\n\n var newShape = event.overlay;\n newShape.type = event.type;\n maps.event.addListener(newShape, 'click', function() {\n setSelection(newShape);\n });\n\n setSelection(newShape);\n }\n }); \n\n function setSelection(shape) {\n clearSelection();\n selectedShape = shape;\n shape.setEditable(true);\n }\n function clearSelection() {\n if (selectedShape) {\n selectedShape.setEditable(false);\n selectedShape = null;\n }\n }\n\n }\n \n }\n\n removePolygon () {\n\n if (selectedShape) {\n const answer = window.confirm(\"Are you sure you want to delete the current fence and start all over?\");\n if (answer) {\n selectedShape.setMap(null);\n drawingManager.setOptions({drawingMode: this.maps.drawing.OverlayType.POLYGON });\n this.setState({\n hasPolygon: false\n });\n }\n }\n\n }\n\n searchPlace (map, maps) {\n let input = ReactDOM.findDOMNode(this.refs.input);\n if (maps.places) {\n this.searchBox = new maps.places.SearchBox(input);\n this.searchBox.addListener('places_changed', this.onPlacesChanged);\n }\n }\n\n onPlacesChanged = () => {\n let places = this.searchBox.getPlaces();\n\n let bounds = new this.maps.LatLngBounds();\n places.forEach(function(place) {\n if (!place.geometry) {\n console.log(\"Returned place contains no geometry\");\n return;\n }\n bounds.extend(place.geometry.location);\n }); \n this.map.fitBounds(bounds); \n this.map.setZoom(MapConfig.geofenceZoom);\n }\n\n mapHandler (map, maps) {\n this.map = map;\n this.maps = maps;\n\n if (!maps) {\n return false;\n }\n\n maps.event.addListener(map, \"maptypeid_changed\", function (e) {\n const mapType = map.getMapTypeId();\n if (mapType === \"satellite\" || mapType === \"hybrid\") {\n _.each(polygonList, (i) => {\n i.setOptions({ fillOpacity: 0.7, fillColor: \"#efefef\"});\n });\n } else {\n _.each(polygonList, (i) => {\n i.setOptions({ fillOpacity: 0.3});\n });\n }\n });\n\n this.showCurrentFences(map, maps);\n\n this.drawingManager(map, maps);\n this.searchPlace(map, maps);\n\n } \n\n showCurrentFences (map, maps) {\n\n let fences = this.state.geofences;\n\n _.each(fences, (geofence, k) => {\n let coords = Util.convertCoordinates(geofence.polygonCoords);\n let polygon = new maps.Polygon({\n path: coords,\n strokeColor: \"#8C8484\",\n strokeOpacity: 0.8,\n strokeWeight: 2,\n fillColor: \"#8C8484\",\n fillOpacity: 0.3,\n editable: false\n });\n\n polygon.setMap(map);\n\n polygon.addListener(\"mouseover\", () => {\n console.log(\"test-hover\");\n console.log(this);\n });\n _.set(geofence, \"polygon\", polygon);\n polygonList.push(polygon);\n }); \n }\n\n render () {\n let {dependencyComplete, error, success, redirect} = this.state;\n if ( !_.isEmpty(redirect) ) {\n return \n \n
\n \n
\n
\n\n
\n\n
\n
\n \n
\n\n
\n
\n
\n
\n )\n\n } else {\n return
\n }\n }\n\n};\n\nexport default Register;","import React, { Component } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport BreadCrumbs from \"../layout/breadcrumbs\";\nimport {Redirect} from \"react-router-dom\";\nimport _ from \"lodash\";\nimport MapConfig from \"../../config/map\";\nimport MapContainer from \"./list/map\";\nimport Loader from \"../common/loader\";\nimport Errors from \"../common/notif/errors\";\nimport Success from \"../common/notif/success\";\nimport ShowForm from \"../views/geofence/form\";\nimport Owner from \"../../models/Owner\";\nimport Geofence from \"../../models/Geofence\";\nimport Util from \"../../services/Util\";\n\nlet selectedShape;\nlet drawingManager;\nlet polygonList = [];\n\nclass Show extends Component {\n\n constructor (props) {\n super(props);\n\n this.geofenceId = _.get(this.props, \"match.params.id\");\n\n this.updatePolygonProps = this.updatePolygonProps.bind(this);\n this.mapHandler = this.mapHandler.bind(this);\n this.onChangeOwner = this.onChangeOwner.bind(this);\n this.onChangeName = this.onChangeName.bind(this);\n this.deleteAction = this.deleteAction.bind(this);\n this.onSubmit = this.onSubmit.bind(this);\n this.removePolygon = this.removePolygon.bind(this);\n\n this.state = {\n\n //on page states\n hasPolygon: false,\n dependencyError: false,\n dependencyComplete: false,\n buttonDisabled: false,\n showLoader: false,\n error: null,\n success: null,\n\n //field states\n data: [],\n currentGeofence: null,\n owner: \"\",\n name: \"\",\n polygonCoords: [],\n fillColor: \"\",\n strokeColor: \"\",\n\n //dropdown states\n owners: [],\n geofences: [],\n redirect: \"\"\n };\n\n }\n\n\n async deleteAction () {\n this.setState({\n buttonDisabled: true,\n showLoader: true,\n error: null,\n isEditMode: false\n });\n\n let {data, error} = await Geofence.Delete(this.geofenceId);\n if (data) {\n this.setState({\n redirect: true,\n success: \"Geofence Deleted\",\n error: null,\n showLoader: false,\n buttonDisabled: false,\n });\n }\n if (error) {\n this.setState({\n error: error,\n buttonDisabled: false,\n showLoader: false\n });\n } \n } \n\n onChangeOwner (e) {\n this.setState({\n owner: e.target.value || undefined\n });\n }\n\n onChangeName (e) {\n this.setState({\n name: e.target.value\n });\n }\n\n getUpdatedCoords () {\n let len = selectedShape.getPath().getLength();\n let coords = [];\n for (let i = 0; i < len; i++) {\n coords.push(selectedShape.getPath().getAt(i).toUrlValue(5));\n }\n return coords;\n }\n\n async onSubmit (e) {\n e.preventDefault();\n this.setState({\n buttonDisabled: true,\n showLoader: true,\n error: null\n });\n\n let params = {\n owner: this.state.owner || \"\",\n name: this.state.name,\n polygonCoords: this.getUpdatedCoords(),\n fillColor: this.state.fillColor || MapConfig.polygon.fillColor,\n strokeColor: this.state.strokeColor || MapConfig.polygon.strokeColor\n };\n\n if (_.isEmpty(params.polygonCoords)) {\n this.setState({\n error: \"Please draw fence boundary on the map.\",\n buttonDisabled: false,\n showLoader: false\n });\n window.scrollTo(0, 0); \n return false;\n }\n let {data, error} = await Geofence.Update(this.geofenceId, params);\n if (data) {\n this.setState({\n success: \"Geofence Updated\",\n error: null,\n buttonDisabled: false,\n showLoader: false\n });\n }\n if (error) {\n this.setState({\n error: error,\n buttonDisabled: false,\n showLoader: false\n });\n }\n window.scrollTo(0, 0); \n } \n\n\n async componentDidUpdate(prevProps) {\n let {dependencyComplete} = this.state;\n if (!dependencyComplete > 0) {\n await this.getData();\n }\n }\n\n\n async componentDidMount () {\n let {dependencyComplete} = this.state;\n if (!dependencyComplete > 0) {\n await this.getData();\n await this.getDropdownValues();\n }\n }\n\n async getDropdownValues () {\n if ( _.isEmpty(this.state.owners) ) {\n //owners\n let ownerResult = await Owner.GetDropdownList();\n if (ownerResult.error) { \n this.setState({ dependencyError: ownerResult.error});\n } else {\n this.setState({owners: ownerResult.data});\n }\n this.setState({\n dependencyComplete: true\n });\n }\n } \n\n async getData () {\n let {data, error} = await Geofence.Get();\n\n if (error) this.setState({error: error});\n if (data && _.size(data) > 0) {\n let currentGeofence = _.find(data, {id: this.geofenceId});\n this.setState({\n geofences: data, \n currentGeofence: currentGeofence, \n owner: currentGeofence.owner,\n name: currentGeofence.name,\n polygonCoords: currentGeofence.polygonCoords || [],\n fillColor: currentGeofence.fillColor,\n strokeColor: currentGeofence.strokeColor,\n error: null\n });\n } else {\n this.setState({error: \"No Record\"});\n }\n this.setState({\n dependencyComplete: true\n });\n }\n\n updatePolygonProps (params) {\n this.setState(params);\n if (!_.isEmpty(selectedShape)) {\n selectedShape.setOptions(params);\n } else {\n let polygonOptions = drawingManager.polygonOptions;\n drawingManager.setOptions({polygonOptions: _.merge(polygonOptions, params)});\n }\n }\n\n\n drawingManager (map, maps) {\n map.mapTypeControl = true;\n let self = this;\n\n if (maps.drawing) {\n drawingManager = new maps.drawing.DrawingManager({\n // drawingMode: maps.drawing.OverlayType.POLYGON,\n drawingControl: false,\n drawingControlOptions: {\n position: maps.ControlPosition.TOP_CENTER,\n drawingModes: [\n maps.drawing.OverlayType.POLYGON,\n ]\n },\n polygonOptions: {\n clickable: true,\n draggable: true,\n editable: true,\n fillColor: MapConfig.polygon.fillColor,\n fillOpacity: 0.5,\n strokeWeight: MapConfig.polygon.strokeWeight,\n strokeColor: MapConfig.polygon.strokeColor\n }\n }); \n\n drawingManager.setMap(map);\n\n maps.event.addListener(drawingManager, 'polygoncomplete', function(event) {\n let len = event.getPath().getLength();\n let coords = [];\n for (let i = 0; i < len; i++) {\n coords.push(event.getPath().getAt(i).toUrlValue(5));\n self.setState({\n hasPolygon: true,\n polygonCoords: coords\n });\n }\n });\n\n maps.event.addListener(drawingManager, 'overlaycomplete', function(event) {\n let all_overlays = [];\n all_overlays.push(event);\n if (event.type !== maps.drawing.OverlayType.MARKER) {\n drawingManager.setDrawingMode(null);\n //Write code to select the newly selected object.\n\n var newShape = event.overlay;\n newShape.type = event.type;\n maps.event.addListener(newShape, 'click', function() {\n setSelection(newShape);\n });\n\n setSelection(newShape);\n }\n }); \n\n function setSelection(shape) {\n clearSelection();\n selectedShape = shape;\n shape.setEditable(true);\n }\n function clearSelection() {\n if (selectedShape) {\n selectedShape.setEditable(false);\n selectedShape = null;\n }\n }\n\n }\n \n }\n\n removePolygon () {\n\n if (selectedShape) {\n const answer = window.confirm(\"Are you sure you want to delete the current fence and start all over?\");\n if (answer) {\n selectedShape.setMap(null);\n drawingManager.setOptions({drawingMode: this.maps.drawing.OverlayType.POLYGON });\n this.setState({\n hasPolygon: false\n });\n }\n }\n\n }\n\n searchPlace (map, maps) {\n let input = ReactDOM.findDOMNode(this.refs.input);\n this.searchBox = new maps.places.SearchBox(input);\n this.searchBox.addListener('places_changed', this.onPlacesChanged);\n }\n\n onPlacesChanged = () => {\n let places = this.searchBox.getPlaces();\n\n let bounds = new this.maps.LatLngBounds();\n places.forEach(function(place) {\n if (!place.geometry) {\n console.log(\"Returned place contains no geometry\");\n return;\n }\n bounds.extend(place.geometry.location);\n }); \n this.map.fitBounds(bounds); \n this.map.setZoom(MapConfig.geofenceZoom);\n }\n\n mapHandler (map, maps) {\n this.map = map;\n this.maps = maps;\n\n if (!maps) {\n return false;\n }\n\n maps.event.addListener(map, \"maptypeid_changed\", function (e) {\n const mapType = map.getMapTypeId();\n if (mapType === \"satellite\" || mapType === \"hybrid\") {\n _.each(polygonList, (i) => {\n i.setOptions({ fillOpacity: 0.7, fillColor: \"#efefef\"});\n });\n } else {\n _.each(polygonList, (i) => {\n i.setOptions({ fillOpacity: 0.3});\n });\n }\n });\n\n this.showCurrentFences(map, maps);\n\n this.drawingManager(map, maps);\n this.searchPlace(map, maps);\n\n } \n\n showCurrentFences (map, maps) {\n\n let fences = this.state.geofences;\n\n _.each(fences, (geofence, k) => {\n\n if (geofence.id === this.state.currentGeofence.id) {\n let coords = Util.convertCoordinates(geofence.polygonCoords);\n let polygon = new maps.Polygon({\n path: coords,\n strokeColor: geofence.strokeColor,\n strokeOpacity: 0.8,\n strokeWeight: 2,\n fillColor: geofence.fillColor,\n fillOpacity: 0.3,\n editable: true,\n draggable: true\n });\n polygon.setMap(map);\n _.set(geofence, \"polygon\", polygon);\n polygonList.push(polygon);\n\n //set the selected polygon\n selectedShape = polygon; \n\n //re-center map based on current geofence\n let bounds = new maps.LatLngBounds();\n\n _.each(polygon.getPath().getArray(), (element) => {\n bounds.extend(element);\n });\n map.fitBounds(bounds); \n map.setZoom(MapConfig.geofenceZoom); \n } else {\n let coords = Util.convertCoordinates(geofence.polygonCoords);\n let polygon = new maps.Polygon({\n path: coords,\n strokeColor: \"#8C8484\",\n strokeOpacity: 0.8,\n strokeWeight: 2,\n fillColor: \"#8C8484\",\n fillOpacity: 0.3,\n editable: false\n });\n\n \n\n polygon.setMap(map);\n\n polygon.addListener(\"mouseover\", () => {\n console.log(\"test-hover\");\n console.log(this);\n });\n\n _.set(geofence, \"polygon\", polygon);\n polygonList.push(polygon);\n\n }\n\n }); \n }\n\n render () {\n let {dependencyComplete, error, success, redirect} = this.state;\n if (redirect) {\n return (\n \n
\n \n
\n
View / Update Geofence \n\n
\n\n
\n
\n\n
\n
\n \n
\n\n
\n
\n
\n
\n
\n )\n\n } else {\n return
\n }\n }\n\n};\n\nexport default Show;","import React from \"react\";\nimport { Route } from \"react-router-dom\";\nimport { withRouter } from \"react-router\";\nimport AclService from \"../services/AclService\";\nimport Errors from \"./common/notif/errors\";\n\nconst AclRoute = props => {\n let {roles = []} = props;\n let isRoleAllowed = AclService.checkRolePermission(roles);\n const currentRole = AclService.getRole();\n let isAllowed = true;\n\n if (isRoleAllowed) {//role based checking\n \n if ( props.module && props.roleChecking === currentRole) {\n isAllowed = AclService.checkModulePermission(props.module, props.manage);\n } else {\n isAllowed = true;\n }\n\n } else {\n isAllowed = false;\n }\n return (isAllowed) ? \n
\n )\n}\n\n\n\nexport default withRouter(AclRoute);","import React from \"react\";\nimport _ from \"lodash\";\n\nconst Modal = ({element, title, FormBody, isSuccessful, size=\"lg\"}) => {\n const modalClass = `modal-dialog modal-dialog-centered modal-${size}`;\n let formBody = (_.isFunction (FormBody) ) ? : FormBody;\n return (\n \n
\n
\n
\n
{ title } \n \n × \n \n \n\n
\n { formBody }\n
\n
\n
\n
\n
\n
\n { label && {label} }\n \n
\n \n \n \n
\n
\n {\n (props.state.iconUrl) ?
: null\n }\n
\n
\n\n
\n \n );\n}\n\n\nexport default Form;\n","\nimport React, { Fragment } from \"react\";\nimport Form from \"./form\";\nimport Loader from \"../../../common/loader\";\n\nconst Create = (props) => {\n props.state.isEditMode = true; \n return (\n \n : null;\n return (\n \n
\n
\n
\n {loader}\n
\n
\n
\n \n \n Close\n \n \n
\n
\n
\n {hasError}
\n \n );\n }\n\n\n}\n\nexport default Create;","import React, { Component } from \"react\";\nimport _ from \"lodash\";\n\n\n//common\nimport Table from \"../../common/table/table\";\nimport Modal from \"../../common/modal\";\nimport ControlBox from \"../../common/table/control-box\";\nimport Errors from \"../../common/notif/errors\";\nimport Success from \"../../common/notif/success\";\nimport Loader from \"../../common/loader\";\nimport BreadCrumbs from \"../../layout/breadcrumbs\";\n\n//model\nimport Brand from \"../../../models/Brand\";\n\n//misc\nimport Create from \"./create\";\n\nclass List extends Component {\n\n constructor (props) {\n super(props);\n\n this.isSuccessful = this.isSuccessful.bind( this );\n this.setFilter = this.setFilter.bind( this ); \n this.modalElement = \"#brand-modal\";\n\n this.brandId = _.get(this.props, \"match.params.id\");\n\n this.state = {\n data: [],\n error: null,\n success: null,\n dependencyComplete: false\n }\n }\n\n isSuccessful (message, e) {\n this.setState({\n success: message,\n data: [],\n dependencyComplete: false\n });\n } \n\n\n setFilter (data, e) {\n this.setState({ \n data: data\n });\n }\n\n async componentDidUpdate(prevProps) {\n let {dependencyComplete} = this.state;\n if (!dependencyComplete) {\n await this.getData();\n }\n } \n\n\n async componentDidMount () {\n let {dependencyComplete} = this.state;\n if (!dependencyComplete) {\n await this.getData();\n }\n\n let _deleteNotif = _.get(this, \"props.location.state.deleteSuccess\", null);\n this.setState({\n success: _deleteNotif\n });\n \n \n }\n\n async getData() {\n let {data, error} = await Brand.Get();\n if (error) this.setState({error: error});\n if (data && _.size(data) > 0) {\n this.setState({data: data, error: null});\n } else {\n this.setState({error: \"No Record\"});\n }\n this.setState({\n dependencyComplete: true\n });\n\n }\n\n render () {\n return (\n \n\n \n );\n }\n\n DisplayTable () {\n\n let {data, error, success} = this.state;\n if (_.size(data) > 0 || error) {\n return (\n \n \n
\n \n );\n } else {\n return
\n }\n } \n\n}\n\nexport default List;","import React from \"react\";\nimport {NavLink} from \"react-router-dom\";\nimport RecordMetaData from \"./metadata\";\nimport ButtonRow from \"./button-loader\";\n\nconst EditFormContainer = props => {\n\n const {\n cols = 8, \n listLink, \n isEditMode,\n form: Form,\n enableEditMode,\n recordMetaData,\n onSubmit } = props;\n\n const btnClass = (isEditMode) ? \"hide \" : null; \n const columnClass = `col-md-${cols}`;\n return (\n\n \n
\n
\n
\n « back to list \n
\n
\n \n \n
\n
\n
\n
\n
\n
\n \n
\n\n \n );\n } else {\n return
\n } \n }\n\n}\n\n\nexport default Show;","import React, { Fragment } from \"react\";\n\n//common\nimport Input from \"../../../common/form/input\";\n\nconst Form = props => {\n const {isEditMode} = props.state; \n return (\n\n \n \n \n\n );\n}\n\n\nexport default Form;\n","\nimport React, { Fragment } from \"react\";\nimport Form from \"./form\";\nimport Loader from \"../../../common/loader\";\n\nconst Create = (props) => {\n props.state.isEditMode = true; \n return (\n \n : null;\n return (\n \n
\n
\n
\n {loader}\n
\n
\n
\n \n \n Close\n \n \n
\n
\n
\n {hasError}
\n \n );\n }\n\n\n}\n\nexport default Create;","import React, { Component } from \"react\";\nimport _ from \"lodash\";\n\n\n//common\nimport Table from \"../../common/table/table\";\nimport Modal from \"../../common/modal\";\nimport ControlBox from \"../../common/table/control-box\";\nimport Errors from \"../../common/notif/errors\";\nimport Success from \"../../common/notif/success\";\nimport Loader from \"../../common/loader\";\nimport BreadCrumbs from \"../../layout/breadcrumbs\";\n\n//model\nimport Province from \"../../../models/Province\";\n\n//misc\nimport Create from \"./create\";\n\nclass List extends Component {\n\n constructor (props) {\n super(props);\n\n this.isSuccessful = this.isSuccessful.bind( this );\n this.setFilter = this.setFilter.bind( this );\n\n this.modalElement = \"#province-modal\";\n\n this.state = {\n data: [],\n error: null,\n success: null,\n dependencyComplete: false \n }\n }\n\n isSuccessful (message, e) {\n this.setState({\n success: message,\n dependencyComplete: false,\n data: []\n });\n }\n\n setFilter (data, e) {\n this.setState({ \n data: data\n });\n }\n\n async componentDidUpdate(prevProps) {\n let {dependencyComplete} = this.state;\n if (!dependencyComplete) {\n await this.getData();\n }\n } \n\n\n async componentDidMount () {\n let {dependencyComplete} = this.state;\n if (!dependencyComplete) {\n await this.getData();\n }\n let _deleteNotif = _.get(this, \"props.location.state.deleteSuccess\", null);\n this.setState({\n success: _deleteNotif\n });\n \n }\n\n async getData() {\n let {data, error} = await Province.Get();\n if (error) this.setState({error: error});\n if (data && _.size(data) > 0) {\n this.setState({data: data, error: null});\n } else {\n this.setState({error: \"No Record\"});\n }\n this.setState({\n dependencyComplete: true\n });\n \n }\n\n render () {\n return (\n \n \n );\n }\n\n DisplayTable () {\n\n let {data, error, success} = this.state;\n\n if (_.size(data) > 0 || error) {\n return (\n \n \n
\n \n );\n } else {\n return
\n }\n }\n\n}\n\nexport default List;","import CoreService from \"../services/Core\";\nimport Util from \"../services/Util\";\nimport _ from \"lodash\";\n\nclass Municipality {\n\n constructor () {\n this.path = \"/municipalities\";\n \n this.table = {\n headers: [\"Code\", \"Name\", \"Date Created\", \"Last Updated\"],\n listKeys: [\"code\", \"name\", \"createdAt\", \"updatedAt\", \"id\"],\n linkPath: \"/admin/municipalities\",\n linkField: \"code\"\n }\n }\n\n async Show (id) {\n let result = { data: null, error: null };\n try {\n let response = await CoreService.get(`${this.path}/${id}`);\n _.set(result, \"data\", response.data.data );\n } catch (e) {\n _.set(result, \"error\", ((e.response)) ? _.get(e, \"response.data.error.message\") : \"Cannot Communicate to the API Server.\" );\n }\n return result;\n }\n\n\n async Get () {\n let result = { data: null, error: null };\n try {\n let response = await CoreService.get(this.path);\n _.set(result, \"data\", this.reduceData( response.data ) );\n } catch (e) {\n _.set(result, \"error\", ((e.response)) ? _.get(e, \"response.data.error.message\") : \"Cannot Communicate to the API Server.\" );\n }\n return result;\n }\n\n async Create (params) {\n let result = { data: null, error: null };\n try {\n let response = await CoreService.post(this.path, params);\n _.set(result, \"data\", this.reduceData( response.data ) );\n } catch (e) {\n console.log(e);\n let _error = \"Cannot Communicate to the API Server.\";\n if (e.response) {\n _error = _.get(e, \"response.data.meta.message\");\n }\n _.set(result, \"error\", _error);\n }\n return result;\n }\n\n async Update (id, params) {\n let result = { data: null, error: null };\n try {\n let response = await CoreService.patch(`${this.path}/${id}`, params);\n _.set(result, \"data\", response.data.data );\n } catch (e) {\n let _error = \"Cannot Communicate to the API Server.\";\n if (e.response) {\n _error = _.get(e, \"response.data.meta.message\");\n }\n _.set(result, \"error\", _error);\n }\n return result;\n }\n\n\n async Delete (id) {\n let result = { data: null, error: null };\n try {\n let response = await CoreService.delete(`${this.path}/${id}`);\n _.set(result, \"data\", response.data.data );\n } catch (e) {\n let _error = \"Cannot Communicate to the API Server.\";\n if (e.response) {\n _error = _.get(e, \"response.data.meta.message\");\n }\n _.set(result, \"error\", _error);\n }\n return result;\n }\n \n\n //------------------------------------------------------------------------ \n /**helpers*/\n reduceData (result) {\n let newData = _.transform(result.data, (r, n, k) => { \n \n _.set(n, \"createdAt\", Util.readableDateFormat(n.createdAt) );\n _.set(n, \"updatedAt\", Util.readableDateFormat(n.updatedAt) );\n r.push( _.pick(n, _.get(this, \"table.listKeys\")) );\n }, []);\n return newData;\n }\n\n}\n\nexport default new Municipality();","import React, { Component } from \"react\";\n\n\nimport EditFormContainer from \"../../../layout/edit-form\";\nimport Form from \"./form\";\n\nclass Show extends Component {\n\n constructor (props) {\n super(props);\n this.enableEditMode = this.enableEditMode.bind(this);\n this.disableEditMode = this.disableEditMode.bind(this);\n\n this.onChangeName = props.onChangeName;\n this.onChangeCode = props.onChangeCode;\n this.deleteAction = props.deleteAction;\n this.onSubmit = props.onSubmit;\n\n this.state = {\n\n //form control\n isEditMode: props.isEditMode,\n\n //model fields\n data: props.state.data,\n name: props.state.name,\n code: props.state.code,\n createdAt: props.state.createdAt,\n updatedAt: props.state.updatedAt,\n\n }\n\n }\n\n UNSAFE_componentWillReceiveProps (nextProps) {\n this.setState({\n code: nextProps.state.code,\n name: nextProps.state.name,\n data: nextProps.state.data, \n buttonDisabled: nextProps.state.buttonDisabled,\n showLoader: nextProps.state.showLoader,\n createdAt: nextProps.state.createdAt,\n updatedAt: nextProps.state.updatedAt\n });\n }\n\n\n enableEditMode (e) {\n this.setState({\n isEditMode: true\n });\n }\n\n disableEditMode (e) {\n this.setState({\n isEditMode: false,\n code: this.state.data.code,\n name: this.state.data.name\n });\n } \n\n render () {\n const { isEditMode } = this.state;\n const recordMetaData = {\n createdAt: this.state.createdAt,\n updatedAt: this.state.updatedAt\n };\n return (\n\n \n// \n//
\n//
\n//
\n//
\n//
\n//
\n//
\n// );\n// }\n// }\n\n// export default Form;\n\n\nimport React, { Fragment } from \"react\";\n\n//common\nimport Input from \"../../../common/form/input\";\n\nconst Form = props => {\n const {isEditMode} = props.state; \n return (\n\n \n \n \n\n );\n}\n\n\nexport default Form;\n","import React, { Fragment } from \"react\";\nimport Form from \"./form\";\nimport Loader from \"../../../common/loader\";\n\nconst Create = (props) => {\n props.state.isEditMode = true; \n return (\n \n : null;\n return (\n \n
\n
\n
\n {loader}\n
\n
\n
\n \n \n Close\n \n \n
\n
\n
\n {hasError}
\n \n );\n }\n\n\n}\n\nexport default Create;","import React, { Component, Fragment } from \"react\";\nimport _ from \"lodash\";\nimport {Redirect} from \"react-router-dom\";\n\n//common\nimport BreadCrumbs from \"../../layout/breadcrumbs\";\nimport Loader from \"../../common/loader\";\nimport Errors from \"../../common/notif/errors\";\nimport Success from \"../../common/notif/success\";\nimport Table from \"../../common/table/table\";\nimport Modal from \"../../common/modal\";\n\n//model\nimport Province from \"../../../models/Province\";\nimport Municipality from \"../../../models/Municipality\";\n\n//view\nimport ShowView from \"../../views/admin/province/show\";\n//misc\nimport MunicipalityCreate from \"../municipality/create-modal\";\n\n\nclass Show extends Component {\n\n constructor (props) {\n\n super(props);\n\n this.modalElement = \"#municipality-modal\";\n\n this.provinceId = _.get(this.props, \"match.params.id\");\n this.onChangeName = this.onChangeName.bind(this);\n this.onChangeCode = this.onChangeCode.bind(this);\n this.deleteAction = this.deleteAction.bind(this);\n this.onSubmit = this.onSubmit.bind(this);\n this.municipalitySuccess = this.municipalitySuccess.bind(this);\n\n this.state = {\n buttonDisabled: false,\n showLoader: false,\n name: \"\",\n code: \"\",\n municipalities: [],\n updatedAt: \"\",\n createdAt: \"\",\n isSuccessful: props.isSuccessful,\n error: null,\n success: \"\",\n successMunicipality: \"\",\n data: []\n };\n\n }\n\n async deleteAction () {\n this.setState({\n buttonDisabled: true,\n showLoader: true,\n error: null,\n isEditMode: false\n });\n\n let {data, error} = await Province.Delete(this.provinceId);\n if (data) {\n this.setState({\n redirect: true,\n success: \"Province Deleted\",\n error: null,\n showLoader: false,\n buttonDisabled: false,\n });\n }\n if (error) {\n this.setState({\n error: error,\n buttonDisabled: false,\n showLoader: false\n });\n } \n } \n\n\n\n municipalitySuccess (message, e) {\n this.setState({\n successMunicipality: message,\n data: []\n });\n } \n\n\n onChangeName (e) {\n this.setState({\n name: e.target.value\n });\n }\n\n onChangeCode (e) {\n this.setState({\n code: e.target.value\n });\n }\n\n async componentDidUpdate(prevProps) {\n let {data} = this.state;\n if (_.isEmpty(data) || _.isNil(data) ) {\n await this.getData(this.provinceId);\n }\n } \n\n async componentDidMount () {\n let {data} = this.state;\n if (_.isEmpty(data) || _.isNil(data) ) {\n await this.getData(this.provinceId);\n }\n let _deleteNotif = _.get(this, \"props.location.state.deleteSuccess\", null);\n this.setState({\n success: _deleteNotif\n });\n \n }\n\n async getData ( id ) {\n let {data, error} = await Province.Show( id );\n if (error) this.setState({error: error});\n if (data && _.size(data) > 0) {\n this.setState({\n data: data,\n name: data.name,\n code: data.code,\n municipalities: data.municipalities,\n createdAt: data.createdAt,\n updatedAt: data.updatedAt\n });\n } else {\n this.setState({error: \"No Record\"});\n }\n }\n\n async onSubmit (e) {\n e.preventDefault();\n this.setState({\n buttonDisabled: true,\n showLoader: true,\n error: null\n });\n\n let {name, code } = this.state; \n const params = {\n name: name,\n code: code,\n };\n let {data, error} = await Province.Update(this.provinceId, params);\n if (data) {\n this.setState({\n data: data,\n success: \"Province Details Updated\",\n error: null,\n showLoader: false,\n buttonDisabled: false,\n updatedAt: data.updatedAt\n });\n }\n if (error) {\n this.setState({\n error: error,\n buttonDisabled: false,\n showLoader: false\n });\n }\n } \n\n render () {\n let {data, error, success, successMunicipality} = this.state; \n let {redirect = null} = this.state;\n if (redirect) {\n return (\n \n
\n\n \n );\n } else {\n return
\n } \n }\n\n}\n\n\n\nconst MunicipalityTable = props => {\n const mTable = _.clone(Municipality.table);\n _.set(mTable, \"linkPath\", `/admin/provinces/${props.provinceId}/municipalities`)\n return ( \n \n\n \n
\n\n
\n Municipalities \n \n \n \n \n
\n
\n \n \n\n\n );\n};\n\n\n\nexport default Show;","import React, { Component } from \"react\";\n\n\nimport EditFormContainer from \"../../../layout/edit-form\";\nimport Form from \"./form\";\n\nclass Show extends Component {\n\n constructor (props) {\n super(props);\n this.enableEditMode = this.enableEditMode.bind(this);\n this.disableEditMode = this.disableEditMode.bind(this);\n\n this.onChangeName = props.onChangeName;\n this.onChangeCode = props.onChangeCode;\n this.deleteAction = props.deleteAction;\n this.onSubmit = props.onSubmit;\n\n this.state = {\n\n //form control\n isEditMode: props.isEditMode,\n\n //model fields\n data: props.state.data,\n name: props.state.name,\n code: props.state.code,\n createdAt: props.state.createdAt,\n updatedAt: props.state.updatedAt,\n\n }\n\n }\n\n UNSAFE_componentWillReceiveProps (nextProps) {\n this.setState({\n code: nextProps.state.code,\n name: nextProps.state.name,\n data: nextProps.state.data, \n buttonDisabled: nextProps.state.buttonDisabled,\n showLoader: nextProps.state.showLoader,\n createdAt: nextProps.state.createdAt,\n updatedAt: nextProps.state.updatedAt\n });\n }\n\n\n enableEditMode (e) {\n this.setState({\n isEditMode: true\n });\n }\n\n disableEditMode (e) {\n this.setState({\n isEditMode: false,\n code: this.state.data.code,\n name: this.state.data.name\n });\n } \n\n render () {\n const { isEditMode } = this.state;\n const recordMetaData = {\n createdAt: this.state.createdAt,\n updatedAt: this.state.updatedAt\n };\n return (\n\n \n \n
\n\n \n );\n } else {\n return
\n } \n }\n\n}\n\n\nexport default Show;","import React, { Fragment } from \"react\";\n\n//common\nimport Input from \"../../../common/form/input\";\n\n//config\nconst Form = props => {\n const {isEditMode} = props.state;\n \n return (\n \n \n \n
\n
\n Sub Selection \n
\n
\n \n\n
\n \n
\n\n \n\n );\n}\n\n\nconst SubTypeBadge = ({list, remove, isEditMode = false}) => {\n return list.map( (item, i) => {\n return (\n {item}\n { \n (!isEditMode) ?\n \n × \n \n : null\n }\n \n )\n\n }); \n};\n\nexport default Form;","import React, { Fragment } from \"react\";\nimport Loader from \"../../../common/loader\";\n\nimport Form from \"./form\";\n\nconst Create = props => {\n //map fns\n props.state.isEditMode = true;\n return (\n \n );\n}\n\n\nconst ButtonRow = ({buttonDisabled, showLoader}) => {\n let loader = (showLoader) ? : null;\n return (\n \n
\n
\n
\n {loader}\n
\n
\n
\n \n \n Close\n \n \n
\n
\n
\n {hasError}
\n \n );\n }\n\n\n}\n\nexport default Create;","import React, { Component } from \"react\";\nimport _ from \"lodash\";\n\n\n//common\nimport Table from \"../../common/table/table\";\nimport Modal from \"../../common/modal\";\nimport ControlBox from \"../../common/table/control-box\";\nimport Errors from \"../../common/notif/errors\";\nimport Success from \"../../common/notif/success\";\nimport Loader from \"../../common/loader\";\nimport BreadCrumbs from \"../../layout/breadcrumbs\";\n\n//model\nimport Type from \"../../../models/Type\";\n\n//misc\nimport Create from \"./create\";\n\nclass List extends Component {\n\n constructor (props) {\n super(props);\n\n this.isSuccessful = this.isSuccessful.bind( this );\n this.setFilter = this.setFilter.bind( this );\n\n this.modalElement = \"#type-modal\";\n\n this.state = {\n data: [],\n error: null,\n success: null,\n dependencyComplete: false \n }\n }\n\n isSuccessful (message, e) {\n this.setState({\n success: message,\n dependencyComplete: false,\n data: []\n });\n }\n\n setFilter (data, e) {\n this.setState({ \n data: data\n });\n }\n\n async componentDidUpdate(prevProps) {\n let {dependencyComplete} = this.state;\n if (!dependencyComplete) {\n await this.getData();\n }\n } \n\n async componentDidMount () {\n let {dependencyComplete} = this.state;\n if (!dependencyComplete) {\n await this.getData();\n }\n\n let _deleteNotif = _.get(this, \"props.location.state.deleteSuccess\", null);\n this.setState({\n success: _deleteNotif\n });\n \n }\n\n async getData() {\n let {data, error} = await Type.Get();\n if (error) this.setState({error: error});\n if (data && _.size(data) > 0) {\n this.setState({data: data, error: null});\n } else {\n this.setState({error: \"No Record\"});\n }\n this.setState({\n dependencyComplete: true\n });\n\n }\n\n render () {\n return (\n \n \n );\n }\n\n DisplayTable () {\n\n let {data, error, success} = this.state;\n\n if (_.size(data) > 0 || error) {\n return (\n \n \n
\n\n\n \n );\n } else {\n return
\n }\n }\n\n}\n\nexport default List;","import React, { Component } from \"react\";\nimport _ from \"lodash\";\n\nimport EditFormContainer from \"../../../layout/edit-form\";\nimport Form from \"./form\";\n\nclass Show extends Component {\n\n constructor (props) {\n super(props);\n\n this.enableEditMode = this.enableEditMode.bind(this);\n this.disableEditMode = this.disableEditMode.bind(this);\n\n this.onChangeName = props.onChangeName;\n this.onChangePinColor = props.onChangePinColor;\n this.addSubSelection = props.addSubSelection;\n this.removeSubSelection = props.removeSubSelection;\n this.showColorPicker = props.showColorPicker;\n this.closeColorPicker = props.colorPickerChange;\n this.colorPickerChange = props.colorPickerChange;\n this.deleteAction = props.deleteAction;\n \n this.onSubmit = props.onSubmit;\n\n this.state = {\n\n //form control\n isEditMode: false,\n displayColorPicker: false,\n data: props.state.data,\n name: props.state.name,\n pinColor: props.state.pinColor,\n hasSubType: props.state.hasSubType,\n subType: props.state.subType,\n subTypeList: props.state.subTypeList,\n createdAt: props.state.createdAt,\n updatedAt: props.state.updatedAt,\n isSuccessful: props.isSuccessful\n }\n\n }\n\n onChangeName (e) {\n this.setState({\n name: e.target.value\n });\n }\n\n colorPickerChange (color) {\n this.setState({\n pinColor: color.hex\n });\n }\n\n closeColorPicker (color) {\n this.setState({ displayColorPicker: false })\n }\n\n showColorPicker () {\n this.setState({ displayColorPicker: !this.state.displayColorPicker })\n }\n\n onChangePinColor (e) {\n this.setState({\n pinColor: e.target.value\n });\n } \n\n addSubSelection (e) {\n if (e.key === \"Enter\") {\n let tmpSubtype = _.clone(this.state.subTypeList);\n tmpSubtype.push(e.target.value);\n e.target.value = \"\";\n e.preventDefault();\n this.setState({\n subType: \"\",\n subTypeList: tmpSubtype\n });\n }\n }\n\n removeSubSelection (e) {\n let tmpSubtype = _.clone(this.state.subTypeList);\n _.pullAt(tmpSubtype, e.currentTarget.value) \n this.setState({\n subTypeList: tmpSubtype\n });\n \n }\n\n\n enableEditMode (e) {\n this.setState({\n isEditMode: true\n });\n } \n\n disableEditMode (e) {\n this.setState({\n isEditMode: false,\n name: this.state.data.name,\n type: this.state.data.type,\n email: this.state.data.email,\n contactNumber: this.state.data.contactNumber,\n address: this.state.data.address \n });\n } \n\n\n UNSAFE_componentWillReceiveProps (nextProps) {\n this.setState({\n data: nextProps.state.data,\n name: nextProps.state.name,\n pinColor: nextProps.state.pinColor,\n hasSubType: nextProps.state.hasSubType,\n subTypeList: nextProps.state.subTypeList,\n buttonDisabled: nextProps.state.buttonDisabled,\n showLoader: nextProps.state.showLoader,\n createdAt: nextProps.state.createdAt,\n updatedAt: nextProps.state.updatedAt,\n isSuccessful: nextProps.isSuccessful,\n displayColorPicker: nextProps.state.displayColorPicker\n });\n }\n\n render () {\n const { isEditMode } = this.state;\n const recordMetaData = {\n createdAt: this.state.createdAt,\n updatedAt: this.state.updatedAt\n };\n return (\n\n \n\n \n
\n\n \n ); \n\n } else {\n return
\n }\n\n\n }\n\n}\n\n\nexport default Show;","import React from \"react\";\nimport _ from \"lodash\";\n\nconst Modal = props => {\n const {title, element} = props;\n const modalClass = `modal-dialog modal-dialog-centered modal-md`;\n // let formBody = (_.isFunction (FormBody) ) ? : FormBody;\n return (\n \n
\n
\n
\n
{ title } \n \n × \n \n \n\n
\n { props.children }\n
\n
\n
\n
\n \n \n
\n
Employee \n \n\n
\n
Role \n \n\n
\n
\n
\n { employees.map( (emp, i) => \n );\n\n};\n\nconst Employee = props => {\n const {disableAll, disableHandler} = props;\n\n const [role, setRole] = useState(\"user\");\n const [showLoader, setShowLoader] = useState(false);\n const [disabled, setDisabled] = useState(disableAll);\n const [error, setError] = useState(\"\");\n const [success, setSuccess] = useState(\"\");\n\n const InviteUser = async props => {\n\n // const ans = window.confirm(\"Are you sure you want to invite this user?\");\n // if (ans) {\n \n setShowLoader(true);\n disableHandler(true);\n\n let params = {\n userId: props.userId,\n employeeNo: props.employeeNo,\n lastName: props.lastName,\n firstName: props.firstName,\n email: props.companyEmail,\n role: role\n };\n let {data, error} = await UserModel.Create(params);\n if (error) {\n setError(error);\n }\n if (data) {\n setSuccess(\"User Added, Redirecting...\");\n setDisabled(true);\n window.location = `/admin/users/${data.data.id}`;\n }\n setShowLoader(false);\n // }\n\n };\n\n return (\n \n { error && \n
\n { upperFirst (toLower( props.firstName ) ) } { upperFirst (toLower( props.lastName) ) }\n {props.employeeNo}
\n\n
\n {setRole(e.target.value)} }\n disabled={disabled}\n />\n
\n\n
\n { showLoader && InviteUser( props ) } > : InviteUser( props ) } disabled={disableAll} > }\n
\n
\n );\n\n};\n\nexport default Form;","import React, { Component } from \"react\";\nimport _ from \"lodash\";\n\nimport BreadCrumbs from \"../../layout/breadcrumbs\";\n\nimport Loader from \"../../common/loader\";\nimport Errors from \"../../common/notif/errors\";\nimport Success from \"../../common/notif/success\";\nimport ControlBox from \"../../common/table/control-box\";\nimport Table from \"../../common/table/table\";\n\nimport Modal from \"./invite/modal\";\nimport Form from \"./invite/form\";\n\n\n\n//model\nimport User from \"../../../models/User\";\n\nclass List extends Component {\n\n constructor (props) {\n super(props);\n\n this.setFilter = this.setFilter.bind( this );\n this.isSuccessful = this.isSuccessful.bind( this );\n this.state = {\n data: [],\n error: null,\n success: null,\n dependencyComplete: false\n }\n\n this.modalElement = \"#user-modal\";\n }\n\n\n setFilter (data, e) {\n this.setState({ \n data: data\n });\n }\n\n isSuccessful (message, e) {\n this.setState({\n success: message,\n data: [],\n dependencyComplete: false\n });\n }\n\n\n // async componentDidUpdate(prevProps) {\n // let {dependencyComplete} = this.state;\n // if (!dependencyComplete) {\n // await this.getData();\n // }\n // } \n\n\n async componentDidMount () {\n let {dependencyComplete} = this.state;\n if (!dependencyComplete) {\n await this.getData();\n }\n }\n\n async getData() {\n let {data, error} = await User.Get();\n if (error) this.setState({error: error});\n if (data && _.size(data) > 0) {\n this.setState({data: data, error: null});\n } else {\n this.setState({error: \"No Record\"});\n }\n this.setState({\n dependencyComplete: true\n });\n \n }\n\n render () {\n let {data, error, success} = this.state;\n\n if (_.size(data) > 0 || error) {\n return (\n \n\n \n \n\n \n
\n \n );\n } else {\n return
\n } \n\n }\n}\n\nexport default List;","import React from \"react\";\nimport {NavLink} from \"react-router-dom\";\n\nconst Wrapper = props => {\n const {listLink} = props;\n return (\n \n
\n
\n
\n « back to list \n
\n
\n
\n
\n
\n
loading... \n }\n return (\n <>\n Dashboard Settings:
\n\n {\n (tileList.length > 0) && (\n <>\n {\n tileList.map( tile => {\n let currentTile = includes(permittedTiles, tile.id); \n return (\n \n
\n {tile.name} \n
\n
\n
\n
\n
PERMISSION SETTINGS:
\n
\n\n
\n\n Brand View Settings:
\n\n {\n brandError &&
Brand
Permission \n })\n }\n \n )\n }\n\n\n \n
\n
\n DeleteUser(data.id) } >\n \n
\n
\n {showLoader &&
\n\n
\n
\n {window.location=`/admin/users`}}>\n Cancel\n \n
\n
\n
\n \n
\n\n \n \n\n \n ); \n\n } else {\n return
\n }\n\n\n }\n\n}\n\n\nexport default Show;","import React, { Component } from \"react\";\nimport {withRouter, NavLink} from \"react-router-dom\";\nimport _ from \"lodash\";\n//common\nimport BreadCrumbs from \"../../layout/breadcrumbs\";\nimport Errors from \"../../common/notif/errors\";\nimport Success from \"../../common/notif/success\";\nimport Input from \"../../common/form/input\";\nimport ButtonRow from \"../../layout/button-loader\";\n\n//model\nimport User from \"../../../models/User\";\n\nclass ChangePassword extends Component {\n\n constructor (props) {\n super(props);\n this.userId = _.get(this.props, \"match.params.id\"); \n this.onChangePassword = this.onChangePassword.bind(this);\n this.onChangeCPassword = this.onChangeCPassword.bind(this);\n this.onSubmit = this.onSubmit.bind(this);\n this.state = {\n password: \"\",\n c_password: \"\",\n buttonDisabled: false,\n showLoader: false,\n error: null,\n data: null\n\n };\n }\n\n onChangePassword (e) {\n this.setState({\n password: e.target.value\n });\n }\n\n onChangeCPassword (e) {\n this.setState({\n c_password: e.target.value\n });\n }\n\n async onSubmit (e) {\n\n e.preventDefault();\n\n this.setState({\n buttonDisabled: true,\n showLoader: true,\n error: null\n });\n\n let {password, c_password} = this.state;\n if (password !== c_password) {\n this.setState({\n error: \"Password & Confirmation did not match\",\n buttonDisabled: false,\n showLoader: false\n });\n return false;\n }\n\n let {data, error} = await User.ChangePassword(this.userId, password); \n if (data) {\n this.setState({\n data: data,\n success: \"Password Updated\",\n error: null,\n showLoader: false,\n buttonDisabled: false\n });\n }\n if (error) {\n this.setState({\n error: error,\n buttonDisabled: false,\n showLoader: false\n });\n }\n\n }\n\n render () {\n let {error, success} = this.state;\n return (\n \n \n
\n\n \n
\n
\n
\n
{window.location.href= \"/admin/users/\" + this.props.match.params.id}}/>\n \n \n
\n
\n );\n }\n\n}\n\nconst Form = props => {\n return (\n \n \n\n );\n}\n\nexport default withRouter(ChangePassword);","import axios from \"axios\";\nimport _ from \"lodash\";\nimport AuthConfig from \"../config/auth\";\nimport SimpleEncryptor from \"simple-encryptor\";\n\n//load config\nimport Services from '../config/services';\n\nimport Login from \"../models/Login\";\n\nclass Auth {\n\n constructor () {\n\n let userInfo = this.extractUserInfo();\n\n let instance = axios.create({\n baseURL: Services.audit.url,\n headers: {\n 'X-Requested-By': 'Twisted Logix',\n 'Content-Type': 'application/json',\n 'Accept': 'application/json',\n 'Access-Control-Allow-Origin': '*'\n },\n validateStatus: function (status) {\n return status === 200 || status === 401; // default\n },\n });\n\n instance.interceptors.request.use( (config) => {\n config.headers.authorization = `bearer ${localStorage.getItem(AuthConfig.tokenKey)}`;\n return config;\n }, (error) => {\n return error;\n });\n\n instance.interceptors.response.use( async (response) => {\n let _error = _.get(response, \"data.error\", {});\n if (_error.code === 401) {\n let response = await Login.Token(userInfo.id);\n //update localstorage\n localStorage.setItem(AuthConfig.tokenKey, response.data.access_token);\n localStorage.setItem(AuthConfig.storageKey, response.data.id_token);\n localStorage.setItem(AuthConfig.adminKey, response.data.admin_token);\n return response;\n } else {\n return response;\n }\n }, (error) => {\n return Promise.reject(error)\n });\n\n return instance;\n\n }\n\n\n extractUserInfo () {\n const Cipher = SimpleEncryptor(AuthConfig.decryptKey);\n return Cipher.decrypt( localStorage.getItem(AuthConfig.storageKey) );\n }\n\n\n}\n\n\nexport default new Auth();","import React from \"react\";\nimport AuditService from \"../services/Audit\";\nimport Util from \"../services/Util\";\nimport _ from \"lodash\";\nimport querystring from \"querystring\";\n\nclass AuditLog {\n\n constructor () {\n this.path = \"/audit\";\n this.table = {\n headers: [\"Module\", \"Action\", \"User ID\", \"Date & Time\", \"Record ID\", \"User Full Name\" ],\n listKeys: [\"entity\", \"action\", \"actorId\", \"timestamp\", \"recordId\", \"userFullName\",]\n } \n this.moduleMap = {\n users: \"/admin/users\",\n types: \"/admin/types\",\n brands: \"/admin/brands\",\n provinces: \"/admin/provinces\",\n municipalities: \"/admin/provinces/{province_id}/municipalities\",\n point_of_interests: \"/point-of-interests\",\n poi_entities: \"/refilling-plants\",\n\n };\n }\n\n async Get (params) {\n let result = { data: null, error: null, meta: null };\n try {\n let response = await AuditService.get(`${this.path}?${querystring.stringify(params)}` );\n _.set(result, \"data\",this.reduceData( response.data ));\n _.set(result, \"meta\", response.data.meta || null);\n } catch (e) {\n _.set(result, \"error\", ((e.response)) ? _.get(e, \"response.data.error.message\") : \"Cannot Communicate to the API Server.\" );\n }\n\n return result; \n }\n\n async GetRecent (params) {\n let result = { data: null, error: null };\n try {\n let response = await AuditService.get(`${this.path}?${querystring.stringify(params)}` );\n _.set(result, \"data\", response.data.data );\n } catch (e) {\n _.set(result, \"error\", ((e.response)) ? _.get(e, \"response.data.error.message\") : \"Cannot Communicate to the API Server.\" );\n }\n return result;\n }\n\n\n /*helper functions*/\n reduceData (result) {\n let newData = _.transform(result.data, (r, n, k) => { \n let tableName = n.table;\n let href = `${this.moduleMap[n.table]}/${n.recordId}`;\n if (tableName === \"municipalities\") {\n if (n.data) {\n href = `/admin/provinces/${n.data.province}/municipalities/${n.recordId}`;\n }\n }\n if (n.entity === \"Brand\") {\n _.set(n, \"entity\", \"Category\");\n }\n _.set(n, \"timestamp\", Util.readableDateFormat(n.createdAt) );\n _.set(n, \"recordId\", {n.recordId} );\n r.push( _.pick(n, _.get(this, \"table.listKeys\")) );\n\n }, []);\n return newData;\n } \n\n}\n\nexport default new AuditLog();","import React, { Component } from \"react\";\nimport _ from \"lodash\";\nimport {withRouter} from \"react-router-dom\";\nimport qs from \"querystring\";\n//common\nimport Table from \"../../common/table/table\";\nimport Errors from \"../../common/notif/errors\";\nimport Success from \"../../common/notif/success\";\nimport Loader from \"../../common/loader\";\nimport BreadCrumbs from \"../../layout/breadcrumbs\";\n\n//model\nimport AuditLog from \"../../../models/AuditLog\";\nimport User from \"../../../models/User\";\n\n\nclass List extends Component {\n\n constructor (props) {\n super(props);\n\n // this.loadPage = this.loadPage.bind( this );\n this.state = {\n data: [],\n error: null,\n dependencyComplete: false,\n paginationMeta: {},\n currentPage: 0,\n users: [] \n }\n }\n\n isSuccessful (message, e) {\n this.setState({\n success: message,\n dependencyComplete: false,\n data: []\n });\n }\n\n // setFilter (data, e) {\n // this.setState({ \n // data: data\n // });\n // }\n\n // async componentDidUpdate (prevProps, prevState) {\n // console.log(\"prevProps:\", prevProps);\n // console.log(\"prevState:\", prevState);\n // console.log(\"currentState:\", this.state.currentPage);\n // const previousPage = prevState.currentPage;\n // const {currentPage} = this.state;\n // if (currentPage != previousPage) {\n // await this.getData( 10, currentPage);\n // }\n\n // }\n\n async componentDidMount () {\n let {dependencyComplete} = this.state;\n const {location} = this.props;\n let {search} = location;\n search = qs.parse( _.trim(search, \"?\") );\n\n if (!dependencyComplete) {\n await this.getData( search.limit || 50, search.page);\n }\n }\n\n async getData (limit = 10, pageNumber = 1) {\n let params = {\n limit: limit,\n page: pageNumber\n };\n let {data, error, meta} = await AuditLog.Get(params);\n let userResult = await User.Get(); \n let users = {};\n // console.log(\"userResult:\",userResult)\n if (userResult.data) {\n _.each(userResult.data, (u) => {\n users[u.userId] = _.startCase(_.toLower(`${u.firstName} ${u.lastName}`));\n });\n _.each(data, log => {\n log.userFullName = users[ log.actorId ] || log.actorId;\n });\n }\n if (error) this.setState({error: error});\n if (data && _.size(data) > 0) {\n this.setState({\n data: data, \n error: null,\n paginationMeta: meta\n });\n } else {\n this.setState({error: \"No Record\"});\n }\n this.setState({\n dependencyComplete: true\n });\n \n }\n\n // loadPage = data => {\n // window.location = `/admin/system-logs?limit=10&page=${(data.selected + 1)}`\n // // const pageNumber = data.selected;\n // // this.setState({\n // // currentPage: pageNumber + 1,\n // // dependencyComplete: false\n // // });\n\n // }; \n\n render () {\n let {data, error, success, dependencyComplete, paginationMeta} = this.state;\n\n if (!dependencyComplete) {\n return
\n }\n\n return (\n \n \n
\n \n\n \n \n\n\n );\n\n }\n}\n\nconst Paginate = props => {\n // console.log(\"props:\", props);\n const {totalPages, page} = props;\n const items = [];\n for (let i = 1; i <= totalPages; i++) {\n let isActive = (page === i) ? `active` : null;\n let params = qs.stringify({\n limit: props.limit,\n page: i\n });\n items.push({i} \n
\n
\n
\n
{error.message || \"Oops! Server responded with an error.\" }
\n
Please try again.. \n \n
\n \n\n
\n
\n
\n
\n
\n
\n
Obtaining login information... \n \n
\n
\n \n \n \n ); \n}\n\nexport default Form;","import React, { Component } from \"react\";\n\nimport Modal from \"../../common/modal\";\nimport Form from \"./form\";\nimport Loader from \"../../common/loader\";\nimport Tile from \"../../../models/Tile\";\nimport {remove, includes} from \"lodash\";\nimport DragSortableList from \"react-drag-sortable\";\nimport BreadCrumbs from \"../../layout/breadcrumbs\";\n\nimport Errors from \"../../common/notif/errors\";\nimport Success from \"../../common/notif/success\";\n\n\nclass DragAndDropApp extends Component {\n\n constructor (props) {\n \n super(props);\n this.onSort = this.onSort.bind(this);\n this.deleteHandler = this.deleteHandler.bind(this);\n\n this.state = {\n data: [],\n error: \"\",\n success: \"\",\n dependencyComplete: false,\n }\n }\n\n onDragStart = (ev, id) => {\n ev.dataTransfer.setData(\"id\", id);\n };\n\n async onSort (list, e) {\n const orders = {};\n list.forEach( item => {\n orders[item.content.props.id] = (item.rank + 1); //always increase rank by 1 (starts with zero)\n });\n\n await Tile.UpdateOrder( orders );\n }\n\n\n async componentDidMount () {\n const {dependencyComplete} = this.state;\n\n const {search} = this.props.location;\n\n if (includes(search, \"create\")) {\n this.setState({\n success: \"New Tile Added.\"\n });\n }\n\n if (!dependencyComplete) {\n await this.getData();\n }\n }\n\n async getData() {\n let {data, error} = await Tile.Get();\n this.setState({\n data: data,\n error: error,\n dependencyComplete: true\n });\n } \n\n async deleteHandler(id) {\n const ans = window.confirm(\"Are you sure you want to delete this tile?\");\n if (ans) {\n await Tile.Delete(id);\n const _data = this.state.data;\n remove(_data, {id: id});\n this.setState({\n data: _data,\n success: \"Tile Deleted.\"\n });\n }\n \n } \n\n render() {\n\n const {dependencyComplete, data, success, error} = this.state;\n\n if (!dependencyComplete) {\n return \n }) \n )\n\n }\n\n var placeholder = (\n drop here.
\n );\n\n return (\n <>\n \n
\n
\n
\n
\n
\n
\n
\n
Selected Brands: {brands.length} \n
\n
\n \n
\n
\n
\n
Edit \n
{props.deleteHandler(props.id)} }>Delete \n
\n
\n \n
\n
\n
\n \n \n \n ); \n}\n\nexport default withRouter(Form);","import React, { Component } from \"react\";\n//common\nimport BreadCrumbs from \"../../layout/breadcrumbs\";\n// import Loader from \"../../common/loader\";\n// import Errors from \"../../common/notif/errors\";\n// import Success from \"../../common/notif/success\";\n\n//model\n// import Tile from \"../../../models/Tile\";\n\n//view\nimport Form from \"./show/form\";\n\nclass Show extends Component {\n\n \n render () {\n\n\n return (\n <>\n \n // \n //
\n\n // \n // );\n // } else {\n // return
\n // } \n }\n\n}\n\n\nexport default Show;","import React, { Component } from \"react\";\nimport { Switch } from \"react-router-dom\";\nimport AuthConfig from \"../config/auth\";\nimport { withRouter } from \"react-router\";\n\n/*Dynamic Components*/\nimport NotFound from \"./layout/notfound\";\nimport Dashboard from \"./Dashboard\";\nimport Profile from \"./Profile\";\nimport ChangePassword from \"./ChangePassword\";\nimport Login from \"./Login\";\nimport MapOverview from \"./MapOverview\";\n\n/*PIN Components*/\nimport PinList from \"./point-of-interest/pin/list\";\nimport PinRegister from \"./point-of-interest/pin/register\";\nimport PinShow from \"./point-of-interest/pin/show\";\n\n/*Refilling Plants Components*/\nimport RefillingPlantList from \"./admin/refilling-plants/list\"\nimport RefillingPlantRegister from \"./point-of-interest/refilling-plants/register\";\nimport RefillingPlantShow from \"./point-of-interest/refilling-plants/show\";\n\n/*Geofence Components*/\nimport GeofenceList from \"./geofence/list\";\nimport GeofenceRegister from \"./geofence/register\";\nimport GeofenceShow from \"./geofence/show\";\n\nimport AclRoute from \"./AclRoute\";\n\nimport BrandList from \"./admin/brand/list\";\nimport BrandShow from \"./admin/brand/show\";\n\nimport ProvinceList from \"./admin/province/list\";\nimport ProvinceShow from \"./admin/province/show\";\n\n\n// import MunicipalityList from \"./admin/municipality/list\";\nimport MunicipalityShow from \"./admin/municipality/show\";\n\nimport TypeList from \"./admin/type/list\";\nimport TypeShow from \"./admin/type/show\";\n\n\nimport UserList from \"./admin/user/list\";\nimport UserShow from \"./admin/user/show\";\nimport UserChangePassword from \"./admin/user/change-password\";\n\nimport SystemLogs from \"./admin/system-logs/list\";\nimport AuthCallBack from \"./auth/callback\";\n\nimport TileList from \"./admin/tile/list\";\nimport TileListShow from \"./admin/tile/show\";\n\nclass Routes extends Component {\n\n render () {\n return (\n \n\n {\n localStorage.removeItem(AuthConfig.storageKey);\n localStorage.removeItem(AuthConfig.tokenKey);\n localStorage.removeItem(AuthConfig.adminKey);\n localStorage.removeItem(AuthConfig.rbacKey);\n window.location.href=\"/login\";\n }} roles={\"*\"} > \n\n \n \n );\n }\n}\n\nexport default withRouter(Routes);","/**\nMAIN ENTRY POINT FOR DYNAMIC COMPONENTS & ROUTING\n**/\n\nimport React, { Component } from \"react\";\n\n/*Load Routes*/\nimport Routes from \"../Routes\";\n\nclass Main extends Component {\n render () {\n return ( \n \n
\n Toggle navigation \n \n
\n
\n \n \n {this.responsiveToggle()}\n {this.profileBar()}\n \n
\n \n );\n\n }\n\n}\n\nexport default TopNav;","import React, { Component } from \"react\";\nimport Sidebar from \"./components/layout/sidebar\";\nimport Main from \"./components/layout/main\";\nimport Login from \"./components/Login\";\nimport AuthConfig from \"./config/auth\";\nimport jsonwebtoken from \"jsonwebtoken\";\nimport AclService from \"./services/AclService\";\nimport { withRouter } from \"react-router\";\n\n\nimport AuthCallback from \"./components/auth/callback\";\n\n// import Errors from \"./components/common/notif/errors\";\n//layout\nimport TopNav from \"./components/layout/topnav\";\n\nclass App extends Component {\n\n constructor (props) {\n super(props);\n this.authenticated = false;\n let hasLocalStorage = localStorage.getItem(AuthConfig.storageKey);\n if (hasLocalStorage) {\n this.authenticated = true;\n }\n this.callBackPath = \"/auth/callback\";\n }\n\n initPermission () {\n let currentPath = window.location.pathname;\n return AclService.checkPagePermission(currentPath);\n }\n\n render() {\n\n let {location} = this.props;\n \n if (location.pathname === this.callBackPath) {\n return \n // \n // \n // )\n // }\n const sessionExpired = this.isSessionExpired();\n if (sessionExpired) {\n return window.location.href=\"/login?session-expired\";\n }\n return (\n \n \n ); \n }\n\n }\n\n isSessionExpired () {\n let accessToken = localStorage.getItem(AuthConfig.tokenKey);\n let decoded = jsonwebtoken.decode(accessToken) || {};\n let currentTime = ((Date.parse( new Date() ) / 1000) - 300);\n let isExpired = false;\n if (currentTime > decoded.exp) {\n isExpired = true;\n localStorage.removeItem(AuthConfig.storageKey);\n localStorage.removeItem(AuthConfig.tokenKey);\n localStorage.removeItem(AuthConfig.adminKey);\n }\n return isExpired;\n }\n}\n\nexport default withRouter(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 http://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 http://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 http://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","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\nimport { BrowserRouter } from \"react-router-dom\";\nrequire(\"dotenv\").config();\nReactDOM.render(\n \n , \n document.getElementById('root')\n);\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: http://bit.ly/CRA-PWA\nserviceWorker.unregister();","const _ = require(\"lodash\");\n\nmodule.exports = {\n\n readableDateFormat: (date) => {\n let converted = new Date(date);\n return converted.toLocaleString(\"en-US\", {\n month: 'numeric', day: 'numeric', year: 'numeric',\n hour: 'numeric', minute: 'numeric', hour12: true\n });\n\n },\n\n convertCoordinates: (flatCoords) => {\n let coords = [];\n _.each(flatCoords, (position) => {\n let ltLng = _.split(position, \",\");\n coords.push({\n lat: _.toNumber(ltLng[0]),\n lng: _.toNumber(ltLng[1])\n });\n });\n return coords;\n }\n\n\n};\n","module.exports = __webpack_public_path__ + \"static/media/logo.9726296c.png\";","module.exports = \"data:image/jpeg;base64,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\"","module.exports = {\n roles: [\n {\n key: \"super_admin\",\n value: \"super_admin\",\n label: \"Super Administrator\"\n },\n {\n key: \"admin\",\n value: \"admin\",\n label: \"Administrator\"\n },\n {\n key: \"user\",\n value: \"user\",\n label: \"User\"\n }\n ],\n\n \n};"],"sourceRoot":""}
\n \n Business Mapper & GEO Fencing App\n