\r\n \r\n
\r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { LocationsService } from 'src/app/services/locations-service/locations.service';\r\n\r\n@Component({\r\n selector: 'app-charging-sessions-csv-gen',\r\n templateUrl: './charging-sessions-csv-gen.component.html',\r\n styleUrls: ['./charging-sessions-csv-gen.component.scss']\r\n})\r\nexport class ChargingSessionsCsvGenComponent implements OnInit {\r\n\r\n locationsArr: Object[];\r\n canSubmit: boolean;\r\n\r\n dateFromValue: string = null;\r\n dateToValue: string = null;\r\n\r\n constructor( public locations: LocationsService) { }\r\n\r\n ngOnInit(): void {\r\n this.locations.getAllLocations().toPromise()\r\n .then(response => {\r\n this.locationsArr = response[0].locations;\r\n });\r\n }\r\n\r\n getLocation(event: any) : void {\r\n\r\n // Only add if not already added\r\n let selectedLength = document.getElementsByClassName('selectedContainer')[0].children.length;\r\n\r\n let existing = '';\r\n let divSelects = document.getElementsByClassName('selectedContainer')[0].querySelectorAll('div');\r\n\r\n if(selectedLength > 0) {\r\n for(let i = 0; i < divSelects.length; i++) {\r\n existing += divSelects[i].textContent;\r\n }\r\n }\r\n \r\n let submitContainer = document.createElement('div') as any;\r\n let text = event.target.textContent.trim() as string;\r\n \r\n if(text.startsWith('IE*')) {\r\n text += ' ' + event.target.parentElement.children[1].textContent;\r\n } else if(text.startsWith('EasyGo')) {\r\n text = event.target.parentElement.children[0].textContent + ' ' + text;\r\n }\r\n\r\n\r\n if(!existing.includes(text)) {\r\n submitContainer.textContent = text;\r\n const selectedContainer = document.getElementsByClassName('selectedContainer')[0] as any;\r\n selectedContainer.appendChild(submitContainer);\r\n submitContainer.style.opacity = '0';\r\n selectedContainer.style.opacity = '0';\r\n selectedContainer.style.marginTop = '1rem';\r\n \r\n // used to create a transition appearing effect\r\n setTimeout(() => {\r\n document.getElementById('submitButton').style.transition = 'opacity 1s';\r\n document.getElementById('submitButton').style.opacity = '1';\r\n selectedContainer.style.transition = 'opacity 1s';\r\n submitContainer.style.transition = 'opacity 1s';\r\n selectedContainer.style.opacity = '1';\r\n submitContainer.style.opacity = '1';\r\n \r\n document.getElementById('datePicker').style.transition = 'opacity 1s';\r\n document.getElementById('datePicker').style.opacity = '1';\r\n }, 10)\r\n\r\n }\r\n\r\n const chargingFrom = (document.getElementById('chargingFrom') as any).value;\r\n const chargingTo = (document.getElementById('chargingTo') as any).value;\r\n\r\n if(chargingFrom === '' || chargingTo === '') {\r\n document.getElementById('submitBut').style.backgroundColor = '#8d8d8d';\r\n document.getElementById('submitBut').style.color = 'black';\r\n document.getElementById('submitBut').style.cursor = 'not-allowed';\r\n } else if(chargingFrom !== '' || chargingTo !== '') {\r\n document.getElementById('submitBut').style.backgroundColor = '#97d204';\r\n document.getElementById('submitBut').style.color = 'white';\r\n document.getElementById('submitBut').style.cursor = 'pointer';\r\n }\r\n }\r\n\r\n createCsvFiles(event: any) {\r\n\r\n if(document.getElementById('submitBut').style.cursor !== 'not-allowed') {\r\n let locationsLocal = event.target.parentElement.parentElement.getElementsByClassName('selectedContainer')[0].children;\r\n \r\n let postObject = {\r\n locations: [],\r\n chargingFrom: '',\r\n chargingTo: ''\r\n };\r\n\r\n // Post to API to create CSV files\r\n let locationsToPost = [];\r\n \r\n for(let location of locationsLocal) {\r\n locationsToPost.push(location.textContent.trim());\r\n }\r\n\r\n if( (this.dateFromValue !== null && this.dateFromValue !== '') && (this.dateToValue !== null && this.dateToValue !== '') ) { \r\n\r\n postObject.locations = locationsToPost;\r\n postObject.chargingFrom = this.dateFromValue;\r\n postObject.chargingTo = this.dateToValue;\r\n\r\n this.locations.postLocationsForCsvCreation(postObject);\r\n }\r\n }\r\n }\r\n\r\n checkDates() {\r\n\r\n document.getElementById('errorMessages').style.display = 'block';\r\n\r\n setTimeout(() => {\r\n document.getElementById('errorMessages').style.transition = 'opacity 1s';\r\n document.getElementById('errorMessages').style.opacity = '1';\r\n }, 10);\r\n\r\n this.dateFromValue = (document.getElementById('chargingFrom') as any).value;\r\n this.dateToValue = (document.getElementById('chargingTo') as any).value;\r\n\r\n let dateNow = new Date();\r\n let dateFrom = new Date(this.dateFromValue);\r\n let dateTo = new Date(this.dateToValue);\r\n\r\n if( (dateNow.getTime() < dateTo.getTime()) || (dateNow.getTime() < dateFrom.getTime()) ) {\r\n let futureTimeMessage = document.createElement('div');\r\n futureTimeMessage.textContent = 'Please select a to date in the past';\r\n document.getElementById('errorMessages').appendChild(futureTimeMessage);\r\n }\r\n\r\n if(dateTo.getTime() < dateFrom.getTime()) {\r\n let toDateGreaterThanFromDate = document.createElement('div');\r\n toDateGreaterThanFromDate.textContent = 'From date must be before to date';\r\n document.getElementById('errorMessages').appendChild(toDateGreaterThanFromDate);\r\n }\r\n }\r\n\r\n}\r\n","\r\n \r\n
\r\n\r\n
\r\n \r\n Select a location\r\n
\r\n | \r\n Friendly Code\r\n | \r\n\r\n Friendly Name\r\n | \r\n
|---|---|
| \r\n {{location.FriendlyCode}}\r\n | \r\n\r\n {{location.FriendlyName}}\r\n\r\n | \r\n
\r\n Generate CSV file \r\n
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Please select a 'from date' from the date picker\r\n
\r\n \r\n Please select a 'to date' from the date picker\r\n
\r\n\r\n \r\n ![\"easy](\"./../../../assets/EasyGo-nolettering-logo.svg\")
\r\n
\r\n\r\n\r\n {{name}}\r\n
\r\n\r\n {{userRole}}\r\n
\r\n\r\n\r\n \r\n Heatmap \r\n Charger Map\r\n\r\n","import { Injectable } from '@angular/core';\r\n\r\nconst TOKEN_KEY = 'auth-token';\r\nconst USER_KEY = 'auth-user';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class TokenStorageService {\r\n\r\n constructor() {}\r\n\r\n signOut(): void {\r\n window.sessionStorage.clear();\r\n }\r\n\r\n public saveToken(token: string): void {\r\n window.sessionStorage.removeItem(TOKEN_KEY);\r\n window.sessionStorage.setItem(TOKEN_KEY, token);\r\n }\r\n\r\n public getToken(): string | null {\r\n return window.sessionStorage.getItem(TOKEN_KEY);\r\n }\r\n\r\n public saveUser(user: any): void {\r\n window.sessionStorage.removeItem(USER_KEY);\r\n window.sessionStorage.setItem(USER_KEY, JSON.stringify(user));\r\n }\r\n\r\n public getUser(): any {\r\n const user = window.sessionStorage.getItem(USER_KEY);\r\n if (user) {\r\n return JSON.parse(user);\r\n }\r\n\r\n return {};\r\n }\r\n}\r\n","import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';\r\nimport { Injectable } from '@angular/core';\r\nimport { EMPTY } from 'rxjs';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class HeatmapService {\r\n\r\n url: string = 'https://www.easygo-dev.com:8030/v1';\r\n\r\n url2: string = 'https://www.easygo-dev.com:8030/api';\r\n constructor(private http: HttpClient) { }\r\n\r\n esbData: Object;\r\n\r\n public getAllEsbChargingSessions() {\r\n try {\r\n return this.http.get(this.url + '/getAllEsbSessions');\r\n } catch (error) {\r\n console.error(error);\r\n return EMPTY;\r\n }\r\n }\r\n\r\n public postZipFile(file: any) {\r\n const data = new FormData();\r\n data.append('zipFile', file);\r\n try {\r\n return this.http.post(`${this.url}/saveEsbSessions`, data);\r\n } catch (error) {\r\n console.error(error);\r\n }\r\n }\r\n\r\n getESBChargingSessionsWithinDateRange(dayRange: any) {\r\n try {\r\n let headers = new HttpHeaders();\r\n headers = headers\r\n .set('Accept', 'application/json')\r\n .set('Access-Control-Allow-Origin', '*')\r\n .set('Content-Type', 'application/json')\r\n .set('Access-Control-Allow-Methods', 'POST');\r\n let httpParams = new HttpParams().set('days', dayRange)\r\n const req = this.http.get(`${this.url}/getSpecificEsbSessionsDaily`,\r\n { headers: headers, params: httpParams, responseType: 'text' as 'json' });\r\n req.subscribe(response => {\r\n })\r\n } catch (error) {\r\n console.error(error);\r\n return EMPTY;\r\n }\r\n }\r\n\r\n getTimesAndSessionsPerSiteMonthly(monthlySessions) {\r\n try {\r\n let headers = new HttpHeaders();\r\n headers = headers\r\n .set('Accept', 'application/json')\r\n .set('Access-Control-Allow-Origin', 'https://www.easygo-dev.com')\r\n .set('Content-Type', 'application/json')\r\n .set('Access-Control-Allow-Methods', 'GET');\r\n\r\n\r\n let esbButtonContainer = document.getElementById('esbDataSubmit') as HTMLElement;\r\n if (document.getElementById('esbReturnedMessage') != null) {\r\n document.getElementById('esbReturnedMessage').remove();\r\n }\r\n let returnedMessageContainer = document.createElement('div');\r\n returnedMessageContainer.style.marginTop = '.6rem';\r\n returnedMessageContainer.style.opacity = '0';\r\n setTimeout(() => {\r\n returnedMessageContainer.style.opacity = '1';\r\n returnedMessageContainer.style.transition = '1.6s';\r\n }, 10);\r\n\r\n\r\n returnedMessageContainer.id = 'esbReturnedMessage';\r\n returnedMessageContainer.textContent = 'Please wait, this is a large dataset';\r\n esbButtonContainer.appendChild(returnedMessageContainer);\r\n\r\n const body = JSON.stringify(monthlySessions);\r\n return this.http.post(`${this.url}/getSessionsByMonths`,\r\n body,\r\n { headers: headers, responseType: 'json' })\r\n\r\n } catch (error) {\r\n console.error(error);\r\n return EMPTY;\r\n }\r\n\r\n }\r\n\r\n getMarkersPerSiteMonthly(monthlySessions) {\r\n try {\r\n let headers = new HttpHeaders();\r\n headers = headers\r\n .set('Accept', 'application/json')\r\n .set('Access-Control-Allow-Origin', 'https://www.easygo-dev.com')\r\n .set('Content-Type', 'application/json')\r\n .set('Access-Control-Allow-Methods', 'GET');\r\n\r\n\r\n const body = JSON.stringify(monthlySessions);\r\n return this.http.post(`${this.url}/getSessionsByMonths`,\r\n body,\r\n { headers: headers, responseType: 'json' })\r\n\r\n } catch (error) {\r\n console.error(error);\r\n return EMPTY;\r\n }\r\n\r\n }\r\n\r\n getLocations() {\r\n try {\r\n let headers = new HttpHeaders();\r\n headers = headers\r\n .set('Accept', 'application/json')\r\n .set('Access-Control-Allow-Origin', 'https://www.easygo-dev.com')\r\n .set('Content-Type', 'application/json')\r\n .set('Access-Control-Allow-Methods', 'GET');\r\n\r\n return this.http.post(`${this.url2}/getEasyGoLocations`, {}, \r\n { headers: headers, responseType: 'json' })\r\n } catch (error) {\r\n }\r\n }\r\n\r\n getAllLocations() {\r\n try {\r\n let headers = new HttpHeaders();\r\n headers = headers\r\n .set('Accept', 'application/json')\r\n .set('Access-Control-Allow-Origin', 'https://www.easygo-dev.com')\r\n .set('Content-Type', 'application/json')\r\n .set('Access-Control-Allow-Methods', 'GET');\r\n\r\n return this.http.get(`${this.url2}/getEasyGoLocations`, \r\n { headers: headers, responseType: 'json' })\r\n } catch (error) {\r\n }\r\n }\r\n\r\n getLocationsWithFilter(data) {\r\n try {\r\n let headers = new HttpHeaders();\r\n headers = headers\r\n .set('Accept', 'application/json')\r\n .set('Access-Control-Allow-Origin', 'https://www.easygo-dev.com')\r\n .set('Content-Type', 'application/json')\r\n .set('Access-Control-Allow-Methods', 'GET');\r\n\r\n let url = `${this.url2}/getEasyGoLocations`;\r\n\r\n return this.http.post(url, data,\r\n { headers: headers, responseType: 'json' })\r\n } catch (error) {\r\n }\r\n }\r\n\r\n getIonityLocations(data) {\r\n try {\r\n let headers = new HttpHeaders();\r\n headers = headers\r\n .set('Accept', 'application/json')\r\n .set('Access-Control-Allow-Origin', 'https://www.easygo-dev.com')\r\n .set('Content-Type', 'application/json')\r\n .set('Access-Control-Allow-Methods', 'GET');\r\n\r\n let url = `${this.url2}/getIonityLocations`;\r\n\r\n\r\n return this.http.post(url, \r\n data,\r\n { headers: headers, responseType: 'json' })\r\n } catch (error) {\r\n }\r\n }\r\n\r\n getTeslaLocations(data) {\r\n try {\r\n let headers = new HttpHeaders();\r\n headers = headers\r\n .set('Accept', 'application/json')\r\n .set('Access-Control-Allow-Origin', 'https://www.easygo-dev.com')\r\n .set('Content-Type', 'application/json')\r\n .set('Access-Control-Allow-Methods', 'GET');\r\n\r\n let url = `${this.url2}/getTeslaLocations`;\r\n\r\n return this.http.post(url, \r\n data,\r\n { headers: headers, responseType: 'json' })\r\n } catch (error) {\r\n }\r\n }\r\n\r\n getESBLocations(data) {\r\n try {\r\n let headers = new HttpHeaders();\r\n headers = headers\r\n .set('Accept', 'application/json')\r\n .set('Access-Control-Allow-Origin', 'https://www.easygo-dev.com')\r\n .set('Content-Type', 'application/json')\r\n .set('Access-Control-Allow-Methods', 'GET');\r\n\r\n let url = `${this.url2}/getEsbLocations`;\r\n\r\n return this.http.post(url, \r\n data,\r\n { headers: headers, responseType: 'json' })\r\n } catch (error) {\r\n }\r\n }\r\n\r\n getEirLocations(type: string) {\r\n try {\r\n let headers = new HttpHeaders();\r\n headers = headers\r\n .set('Accept', 'application/json')\r\n .set('Access-Control-Allow-Origin', 'https://www.easygo-dev.com')\r\n .set('Content-Type', 'application/json')\r\n .set('Access-Control-Allow-Methods', 'GET');\r\n\r\n return this.http.get(`${this.url2}/getEirLocations/${type}`, \r\n { headers: headers, responseType: 'json' })\r\n } catch (error) {\r\n }\r\n }\r\n\r\n getHeatmapSessions(data) {\r\n try {\r\n let headers = new HttpHeaders();\r\n headers = headers\r\n .set('Accept', 'application/json')\r\n .set('Access-Control-Allow-Origin', 'https://www.easygo-dev.com')\r\n .set('Content-Type', 'application/json')\r\n .set('Access-Control-Allow-Methods', 'GET');\r\n\r\n return this.http.post(`${this.url2}/getHeatmapSessions`, data,\r\n { headers: headers, responseType: 'json' })\r\n } catch (error) {\r\n }\r\n }\r\n\r\n getLocationMarker(data) {\r\n try {\r\n let headers = new HttpHeaders();\r\n headers = headers\r\n .set('Accept', 'application/json')\r\n .set('Access-Control-Allow-Origin', 'https://www.easygo-dev.com')\r\n .set('Content-Type', 'application/json')\r\n .set('Access-Control-Allow-Methods', 'GET');\r\n\r\n return this.http.post(`${this.url2}/getEasyGoSessions`, data,\r\n { headers: headers, responseType: 'json' })\r\n } catch (error) {\r\n }\r\n }\r\n\r\n getESBMarker(data) {\r\n try {\r\n let headers = new HttpHeaders();\r\n headers = headers\r\n .set('Accept', 'application/json')\r\n .set('Access-Control-Allow-Origin', 'https://www.easygo-dev.com')\r\n .set('Content-Type', 'application/json')\r\n .set('Access-Control-Allow-Methods', 'GET');\r\n\r\n return this.http.post(`${this.url2}/getEsbSessions`, data,\r\n { headers: headers, responseType: 'json' })\r\n } catch (error) {\r\n }\r\n }\r\n\r\n getCounts(data) {\r\n try {\r\n let headers = new HttpHeaders();\r\n headers = headers\r\n .set('Accept', 'application/json')\r\n .set('Access-Control-Allow-Origin', 'https://www.easygo-dev.com')\r\n .set('Content-Type', 'application/json')\r\n .set('Access-Control-Allow-Methods', 'GET');\r\n\r\n return this.http.post(`${this.url2}/getEasyGoSessionsCounts`, data,\r\n { headers: headers, responseType: 'json' })\r\n } catch (error) {\r\n }\r\n }\r\n\r\n getChartData(data) {\r\n try {\r\n let headers = new HttpHeaders();\r\n headers = headers\r\n .set('Accept', 'application/json')\r\n .set('Access-Control-Allow-Origin', 'https://www.easygo-dev.com')\r\n .set('Content-Type', 'application/json')\r\n .set('Access-Control-Allow-Methods', 'GET');\r\n\r\n return this.http.post(`${this.url2}/getEasyGoSessionsChartData`, data,\r\n { headers: headers, responseType: 'json' })\r\n } catch (error) {\r\n }\r\n }\r\n\r\n\r\n}\r\n\r\n","export class CompanyCrudUtils {\r\n\r\n createMinusButton(): Element {\r\n \r\n let minusButton = document.createElement('button');\r\n minusButton.className = 'fa fa-minus';\r\n minusButton.id = 'minusId';\r\n minusButton.onclick = () => {\r\n \r\n let tableRows = document.querySelector('table').querySelectorAll('tr');\r\n for(let row = 0; row < tableRows.length; row++) {\r\n tableRows.item(row).id = `row_${row}`;\r\n }\r\n }\r\n \r\n minusButton.onmouseenter = () => {\r\n minusButton.style.backgroundColor = 'rgb(255 221 220 / 1)';\r\n minusButton.style.color = '#960000';\r\n }\r\n minusButton.onmouseleave = () => {\r\n minusButton.style.backgroundColor = 'red';\r\n minusButton.style.color = 'white';\r\n }\r\n \r\n minusButton.style.backgroundColor = 'red';\r\n return minusButton;\r\n }\r\n\r\n sortCompany(company: any) {\r\n company.sort((companyA, companyB) => {\r\n if(companyA.name.toLowerCase() < companyB.name.toLowerCase()) {\r\n return -1;\r\n }\r\n if(companyA.name.toLowerCase() > companyB.name.toLowerCase()) {\r\n return 1;\r\n }\r\n return 0\r\n });\r\n }\r\n}","import { Component, OnInit, ViewChild } from '@angular/core';\r\nimport { GoogleMap, MapInfoWindow, MapMarker } from '@angular/google-maps';\r\nimport { MatSnackBar } from '@angular/material/snack-bar';\r\nimport { Router } from '@angular/router';\r\nimport { HeatmapService } from 'src/app/services/heatmap-service/heatmap.service';\r\n\r\n@Component({\r\n selector: 'app-chargers-map-new',\r\n templateUrl: './chargers-map-new.component.html',\r\n styleUrls: ['./chargers-map-new.component.scss']\r\n})\r\nexport class ChargersMapNewComponent implements OnInit {\r\n @ViewChild('gMap', { static: false }) gMap: GoogleMap;\r\n @ViewChild(MapInfoWindow) infoWindow: MapInfoWindow;\r\n\r\n options: google.maps.MapOptions = {\r\n center: { lat: 53.355603353851706, lng: -8.208030896545232 },\r\n zoom: 7,\r\n minZoom: 7,\r\n styles: []\r\n };\r\n heatmapOptions = { radius: 5 };\r\n mapMarkers: any = [];\r\n currentZoomLevel = 7;\r\n isLoading: boolean;\r\n currentFilter: any;\r\n selectedMarker: any;\r\n hoveredMarker: any = {};\r\n\r\n constructor(private heatMapService: HeatmapService,\r\n private _snackBar: MatSnackBar,\r\n private router: Router) { }\r\n\r\n ngOnInit(): void {\r\n const today = new Date();\r\n const month = today.toLocaleString('en', { month: 'short' });\r\n const year = today.getFullYear();\r\n // this.getLocations({});\r\n // this.getIonityLocations({});\r\n }\r\n\r\n\r\n generateMarkers(res, icon, isEir = false) {\r\n const locations = res.locations;\r\n const mapMarkers = locations.map((location) => {\r\n location.lat = Number(location.latitude);\r\n location.lng = Number(location.longitude);\r\n if(isEir) {\r\n const customIcon = icon.replace(\"{eir-icon}\", location.status);\r\n location.options = {\r\n icon: customIcon\r\n }\r\n } else {\r\n if(location.friendlyCode.includes('EGO')) {\r\n const egoIcon = location.chargePointOwner === 'Client' ? 'easygo-client-marker' : 'easygo-marker';\r\n\r\n location.options = {\r\n icon: `../../../assets/${egoIcon}.png`\r\n }\r\n } else {\r\n location.options = {\r\n icon: icon\r\n }\r\n }\r\n \r\n }\r\n\r\n return location;\r\n });\r\n\r\n this.mapMarkers = [...this.mapMarkers, ...mapMarkers];\r\n }\r\n\r\n getMarkers(filter) {\r\n this.mapMarkers = [];\r\n this.currentFilter = filter;\r\n\r\n if(filter.charger.includes('EasyGo')) {\r\n this.getLocations(filter);\r\n } \r\n\r\n if(filter.charger.includes('Ionity')) {\r\n this.getIonityLocations(filter);\r\n }\r\n if(filter.charger.includes('Eir')) {\r\n this.getEirLocations(filter);\r\n } \r\n\r\n if(filter.charger.includes('Tesla')) {\r\n this.getTeslaLocations(filter);\r\n }\r\n\r\n if(filter.charger.includes(\"ESB\")) {\r\n this.getESBLocations(filter);\r\n }\r\n \r\n if(!filter.charger.length) {\r\n this.mapMarkers = [];\r\n this.selectedMarker = null;\r\n this.currentFilter = null;\r\n }\r\n }\r\n\r\n getLocations(data) {\r\n this.isLoading = true;\r\n const params = {\r\n chargeType: data.chargeType,\r\n accessType: data.accessType,\r\n chargePointOwnerType: data.chargePointOwnerType\r\n }\r\n this.heatMapService.getLocationsWithFilter(params).subscribe((res: any) => {\r\n\r\n if (res.locations.length) {\r\n this.generateMarkers(res, \"../../../assets/easygo-marker.png\");\r\n }\r\n else {\r\n this.isLoading = false;\r\n this.openSnackBar(\"No data found in the selected period\", \"Close\");\r\n }\r\n this.isLoading = false;\r\n }, (error) => {\r\n this.isLoading = false;\r\n this.openSnackBar(\"Something went wrong!\", \"Close\")\r\n })\r\n }\r\n\r\n getIonityLocations(data) {\r\n this.isLoading = true;\r\n const params = {\r\n chargeType: data.chargeType,\r\n accessType: data.accessType,\r\n chargePointOwnerType: data.chargePointOwnerType\r\n }\r\n this.heatMapService.getIonityLocations(params).subscribe((res: any) => {\r\n \r\n if (res.locations.length) {\r\n this.generateMarkers(res, \"../../../assets/ionity-marker.png\");\r\n }\r\n else {\r\n this.openSnackBar(\"No data found in the selected period\", \"Close\");\r\n }\r\n this.isLoading = false;\r\n }, (error) => {\r\n this.isLoading = false;\r\n this.openSnackBar(\"Something went wrong!\", \"Close\")\r\n })\r\n }\r\n\r\n getTeslaLocations(data) {\r\n this.isLoading = true;\r\n const params = {\r\n chargeType: data.chargeType,\r\n accessType: data.accessType,\r\n chargePointOwnerType: data.chargePointOwnerType\r\n }\r\n this.heatMapService.getTeslaLocations(params).subscribe((res: any) => {\r\n if (res.locations.length) {\r\n this.generateMarkers(res, \"../../../assets/tesla-marker.png\");\r\n }\r\n else {\r\n this.openSnackBar(\"No data found in the selected period\", \"Close\");\r\n }\r\n this.isLoading = false;\r\n }, (error) => {\r\n this.isLoading = false;\r\n this.openSnackBar(\"Something went wrong!\", \"Close\")\r\n })\r\n }\r\n\r\n getESBLocations(data) {\r\n this.isLoading = true;\r\n const params = {\r\n chargeType: data.chargeType,\r\n accessType: data.accessType,\r\n chargePointOwnerType: data.chargePointOwnerType\r\n }\r\n this.heatMapService.getESBLocations(params).subscribe((res: any) => {\r\n if (res.locations.length) {\r\n this.generateMarkers(res, \"../../../assets/esb-marker.png\");\r\n }\r\n else {\r\n this.openSnackBar(\"No data found in the selected period\", \"Close\");\r\n }\r\n this.isLoading = false;\r\n }, (error) => {\r\n this.isLoading = false;\r\n this.openSnackBar(\"Something went wrong!\", \"Close\")\r\n })\r\n }\r\n\r\n getEirLocations(data) {\r\n this.isLoading = true;\r\n this.heatMapService.getEirLocations(data.eirType.toString()).subscribe((res: any) => {\r\n\r\n if (res.locations.length) {\r\n this.generateMarkers(res, `../../../assets/eir/{eir-icon}.png`, true);\r\n }\r\n else {\r\n this.openSnackBar(\"No data found in the selected period\", \"Close\");\r\n }\r\n this.isLoading = false;\r\n }, (error) => {\r\n this.isLoading = false;\r\n this.openSnackBar(\"Something went wrong!\", \"Close\")\r\n })\r\n }\r\n\r\n\r\n zoomChange() {\r\n this.currentZoomLevel = this.gMap.getZoom();\r\n }\r\n\r\n openSnackBar(message: string, action: string) {\r\n this._snackBar.open(message, action, {\r\n duration: 5000\r\n });\r\n }\r\n\r\n openInfoWindow(markerEle: MapMarker, marker) {\r\n this.hoveredMarker = {...marker};\r\n this.infoWindow.open(markerEle);\r\n }\r\n\r\n closeInfoWindow() {\r\n this.hoveredMarker = {};\r\n this.infoWindow.close();\r\n }\r\n\r\n onMarkClick(e, marker) {\r\n this.selectedMarker = { ...marker };\r\n // marker.locationId = \"IE*EGO0526\";\r\n // this.router.navigate(['/chart'], {\r\n // queryParams: {\r\n // locationId: marker.locationId,\r\n // year: this.currentFilter.year,\r\n // months: this.currentFilter.months.toString(),\r\n // charger: 'DC'\r\n // }\r\n // })\r\n // console.log(\"MARK CLIENT\", marker);\r\n }\r\n\r\n\r\n}\r\n","(`${this.url}postUser/`, body, { headers: headers, responseType: 'json'});\r\n req.subscribe(data => {\r\n\r\n let message = document.createElement('div');\r\n message.textContent = data;\r\n message.style.opacity = '0';\r\n message.style.margin = '.25rem';\r\n setTimeout(() => {\r\n message.style.opacity = '1';\r\n message.style.transition = '.5s';\r\n }, 10);\r\n document.getElementById('returnedMessages').appendChild(message);\r\n this.userCreationCounter++;\r\n })\r\n } catch(error) {\r\n console.error(error);\r\n return EMPTY;\r\n }\r\n }\r\n}\r\n","import { HttpClient, HttpHeaders } from '@angular/common/http';\r\nimport { Injectable } from '@angular/core';\r\nimport { EMPTY } from 'rxjs';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class TariffLocationsService {\r\n\r\n url:string = 'https://www.easygo-dev.com:8081/v1' // for production in digitalocean TODO: change url\r\n\r\n tariffLocationsList: any;\r\n responseMessage: string;\r\n\r\n constructor(private http: HttpClient) { }\r\n\r\n public getAllTariffLocations() {\r\n try {\r\n return this.http.get(`${this.url}/tariffLocations`)\r\n } catch (error) {\r\n console.error(error);\r\n return EMPTY;\r\n }\r\n }\r\n\r\n public getAllCompanies() {\r\n try {\r\n return this.http.get(`${this.url}/companies`)\r\n } catch (error) {\r\n console.error(error());\r\n return EMPTY;\r\n }\r\n }\r\n\r\n public postTariffLocations(tariffLocationsObject: any) {\r\n try { \r\n let headers = new HttpHeaders();\r\n headers = headers.set('Accept', 'application/json')\r\n .set('Content-Type', 'application/json')\r\n .set('Access-Control-Allow-Origin', '*')\r\n .set('Access-Control-Allow-Methods', 'POST');\r\n let body = `{\"tariffData\":${JSON.stringify(tariffLocationsObject)}}`;\r\n const req = this.http.post(`${this.url}/postLocationTariffs`, body, {headers: headers, responseType: 'json'});\r\n req.subscribe( (response) => {\r\n this.responseMessage = response;\r\n });\r\n\r\n } catch(error) {\r\n console.error(error);\r\n return EMPTY;\r\n }\r\n }\r\n\r\n}\r\n","var map = {\n\t\"./af\": \"K/tc\",\n\t\"./af.js\": \"K/tc\",\n\t\"./ar\": \"jnO4\",\n\t\"./ar-dz\": \"o1bE\",\n\t\"./ar-dz.js\": \"o1bE\",\n\t\"./ar-kw\": \"Qj4J\",\n\t\"./ar-kw.js\": \"Qj4J\",\n\t\"./ar-ly\": \"HP3h\",\n\t\"./ar-ly.js\": \"HP3h\",\n\t\"./ar-ma\": \"CoRJ\",\n\t\"./ar-ma.js\": \"CoRJ\",\n\t\"./ar-sa\": \"gjCT\",\n\t\"./ar-sa.js\": \"gjCT\",\n\t\"./ar-tn\": \"bYM6\",\n\t\"./ar-tn.js\": \"bYM6\",\n\t\"./ar.js\": \"jnO4\",\n\t\"./az\": \"SFxW\",\n\t\"./az.js\": \"SFxW\",\n\t\"./be\": \"H8ED\",\n\t\"./be.js\": \"H8ED\",\n\t\"./bg\": \"hKrs\",\n\t\"./bg.js\": \"hKrs\",\n\t\"./bm\": \"p/rL\",\n\t\"./bm.js\": \"p/rL\",\n\t\"./bn\": \"kEOa\",\n\t\"./bn-bd\": \"loYQ\",\n\t\"./bn-bd.js\": \"loYQ\",\n\t\"./bn.js\": \"kEOa\",\n\t\"./bo\": \"0mo+\",\n\t\"./bo.js\": \"0mo+\",\n\t\"./br\": \"aIdf\",\n\t\"./br.js\": \"aIdf\",\n\t\"./bs\": \"JVSJ\",\n\t\"./bs.js\": \"JVSJ\",\n\t\"./ca\": \"1xZ4\",\n\t\"./ca.js\": \"1xZ4\",\n\t\"./cs\": \"PA2r\",\n\t\"./cs.js\": \"PA2r\",\n\t\"./cv\": \"A+xa\",\n\t\"./cv.js\": \"A+xa\",\n\t\"./cy\": \"l5ep\",\n\t\"./cy.js\": \"l5ep\",\n\t\"./da\": \"DxQv\",\n\t\"./da.js\": \"DxQv\",\n\t\"./de\": \"tGlX\",\n\t\"./de-at\": \"s+uk\",\n\t\"./de-at.js\": \"s+uk\",\n\t\"./de-ch\": \"u3GI\",\n\t\"./de-ch.js\": \"u3GI\",\n\t\"./de.js\": \"tGlX\",\n\t\"./dv\": \"WYrj\",\n\t\"./dv.js\": \"WYrj\",\n\t\"./el\": \"jUeY\",\n\t\"./el.js\": \"jUeY\",\n\t\"./en-au\": \"Dmvi\",\n\t\"./en-au.js\": \"Dmvi\",\n\t\"./en-ca\": \"OIYi\",\n\t\"./en-ca.js\": \"OIYi\",\n\t\"./en-gb\": \"Oaa7\",\n\t\"./en-gb.js\": \"Oaa7\",\n\t\"./en-ie\": \"4dOw\",\n\t\"./en-ie.js\": \"4dOw\",\n\t\"./en-il\": \"czMo\",\n\t\"./en-il.js\": \"czMo\",\n\t\"./en-in\": \"7C5Q\",\n\t\"./en-in.js\": \"7C5Q\",\n\t\"./en-nz\": \"b1Dy\",\n\t\"./en-nz.js\": \"b1Dy\",\n\t\"./en-sg\": \"t+mt\",\n\t\"./en-sg.js\": \"t+mt\",\n\t\"./eo\": \"Zduo\",\n\t\"./eo.js\": \"Zduo\",\n\t\"./es\": \"iYuL\",\n\t\"./es-do\": \"CjzT\",\n\t\"./es-do.js\": \"CjzT\",\n\t\"./es-mx\": \"tbfe\",\n\t\"./es-mx.js\": \"tbfe\",\n\t\"./es-us\": \"Vclq\",\n\t\"./es-us.js\": \"Vclq\",\n\t\"./es.js\": \"iYuL\",\n\t\"./et\": \"7BjC\",\n\t\"./et.js\": \"7BjC\",\n\t\"./eu\": \"D/JM\",\n\t\"./eu.js\": \"D/JM\",\n\t\"./fa\": \"jfSC\",\n\t\"./fa.js\": \"jfSC\",\n\t\"./fi\": \"gekB\",\n\t\"./fi.js\": \"gekB\",\n\t\"./fil\": \"1ppg\",\n\t\"./fil.js\": \"1ppg\",\n\t\"./fo\": \"ByF4\",\n\t\"./fo.js\": \"ByF4\",\n\t\"./fr\": \"nyYc\",\n\t\"./fr-ca\": \"2fjn\",\n\t\"./fr-ca.js\": \"2fjn\",\n\t\"./fr-ch\": \"Dkky\",\n\t\"./fr-ch.js\": \"Dkky\",\n\t\"./fr.js\": \"nyYc\",\n\t\"./fy\": \"cRix\",\n\t\"./fy.js\": \"cRix\",\n\t\"./ga\": \"USCx\",\n\t\"./ga.js\": \"USCx\",\n\t\"./gd\": \"9rRi\",\n\t\"./gd.js\": \"9rRi\",\n\t\"./gl\": \"iEDd\",\n\t\"./gl.js\": \"iEDd\",\n\t\"./gom-deva\": \"qvJo\",\n\t\"./gom-deva.js\": \"qvJo\",\n\t\"./gom-latn\": \"DKr+\",\n\t\"./gom-latn.js\": \"DKr+\",\n\t\"./gu\": \"4MV3\",\n\t\"./gu.js\": \"4MV3\",\n\t\"./he\": \"x6pH\",\n\t\"./he.js\": \"x6pH\",\n\t\"./hi\": \"3E1r\",\n\t\"./hi.js\": \"3E1r\",\n\t\"./hr\": \"S6ln\",\n\t\"./hr.js\": \"S6ln\",\n\t\"./hu\": \"WxRl\",\n\t\"./hu.js\": \"WxRl\",\n\t\"./hy-am\": \"1rYy\",\n\t\"./hy-am.js\": \"1rYy\",\n\t\"./id\": \"UDhR\",\n\t\"./id.js\": \"UDhR\",\n\t\"./is\": \"BVg3\",\n\t\"./is.js\": \"BVg3\",\n\t\"./it\": \"bpih\",\n\t\"./it-ch\": \"bxKX\",\n\t\"./it-ch.js\": \"bxKX\",\n\t\"./it.js\": \"bpih\",\n\t\"./ja\": \"B55N\",\n\t\"./ja.js\": \"B55N\",\n\t\"./jv\": \"tUCv\",\n\t\"./jv.js\": \"tUCv\",\n\t\"./ka\": \"IBtZ\",\n\t\"./ka.js\": \"IBtZ\",\n\t\"./kk\": \"bXm7\",\n\t\"./kk.js\": \"bXm7\",\n\t\"./km\": \"6B0Y\",\n\t\"./km.js\": \"6B0Y\",\n\t\"./kn\": \"PpIw\",\n\t\"./kn.js\": \"PpIw\",\n\t\"./ko\": \"Ivi+\",\n\t\"./ko.js\": \"Ivi+\",\n\t\"./ku\": \"JCF/\",\n\t\"./ku.js\": \"JCF/\",\n\t\"./ky\": \"lgnt\",\n\t\"./ky.js\": \"lgnt\",\n\t\"./lb\": \"RAwQ\",\n\t\"./lb.js\": \"RAwQ\",\n\t\"./lo\": \"sp3z\",\n\t\"./lo.js\": \"sp3z\",\n\t\"./lt\": \"JvlW\",\n\t\"./lt.js\": \"JvlW\",\n\t\"./lv\": \"uXwI\",\n\t\"./lv.js\": \"uXwI\",\n\t\"./me\": \"KTz0\",\n\t\"./me.js\": \"KTz0\",\n\t\"./mi\": \"aIsn\",\n\t\"./mi.js\": \"aIsn\",\n\t\"./mk\": \"aQkU\",\n\t\"./mk.js\": \"aQkU\",\n\t\"./ml\": \"AvvY\",\n\t\"./ml.js\": \"AvvY\",\n\t\"./mn\": \"lYtQ\",\n\t\"./mn.js\": \"lYtQ\",\n\t\"./mr\": \"Ob0Z\",\n\t\"./mr.js\": \"Ob0Z\",\n\t\"./ms\": \"6+QB\",\n\t\"./ms-my\": \"ZAMP\",\n\t\"./ms-my.js\": \"ZAMP\",\n\t\"./ms.js\": \"6+QB\",\n\t\"./mt\": \"G0Uy\",\n\t\"./mt.js\": \"G0Uy\",\n\t\"./my\": \"honF\",\n\t\"./my.js\": \"honF\",\n\t\"./nb\": \"bOMt\",\n\t\"./nb.js\": \"bOMt\",\n\t\"./ne\": \"OjkT\",\n\t\"./ne.js\": \"OjkT\",\n\t\"./nl\": \"+s0g\",\n\t\"./nl-be\": \"2ykv\",\n\t\"./nl-be.js\": \"2ykv\",\n\t\"./nl.js\": \"+s0g\",\n\t\"./nn\": \"uEye\",\n\t\"./nn.js\": \"uEye\",\n\t\"./oc-lnc\": \"Fnuy\",\n\t\"./oc-lnc.js\": \"Fnuy\",\n\t\"./pa-in\": \"8/+R\",\n\t\"./pa-in.js\": \"8/+R\",\n\t\"./pl\": \"jVdC\",\n\t\"./pl.js\": \"jVdC\",\n\t\"./pt\": \"8mBD\",\n\t\"./pt-br\": \"0tRk\",\n\t\"./pt-br.js\": \"0tRk\",\n\t\"./pt.js\": \"8mBD\",\n\t\"./ro\": \"lyxo\",\n\t\"./ro.js\": \"lyxo\",\n\t\"./ru\": \"lXzo\",\n\t\"./ru.js\": \"lXzo\",\n\t\"./sd\": \"Z4QM\",\n\t\"./sd.js\": \"Z4QM\",\n\t\"./se\": \"//9w\",\n\t\"./se.js\": \"//9w\",\n\t\"./si\": \"7aV9\",\n\t\"./si.js\": \"7aV9\",\n\t\"./sk\": \"e+ae\",\n\t\"./sk.js\": \"e+ae\",\n\t\"./sl\": \"gVVK\",\n\t\"./sl.js\": \"gVVK\",\n\t\"./sq\": \"yPMs\",\n\t\"./sq.js\": \"yPMs\",\n\t\"./sr\": \"zx6S\",\n\t\"./sr-cyrl\": \"E+lV\",\n\t\"./sr-cyrl.js\": \"E+lV\",\n\t\"./sr.js\": \"zx6S\",\n\t\"./ss\": \"Ur1D\",\n\t\"./ss.js\": \"Ur1D\",\n\t\"./sv\": \"X709\",\n\t\"./sv.js\": \"X709\",\n\t\"./sw\": \"dNwA\",\n\t\"./sw.js\": \"dNwA\",\n\t\"./ta\": \"PeUW\",\n\t\"./ta.js\": \"PeUW\",\n\t\"./te\": \"XLvN\",\n\t\"./te.js\": \"XLvN\",\n\t\"./tet\": \"V2x9\",\n\t\"./tet.js\": \"V2x9\",\n\t\"./tg\": \"Oxv6\",\n\t\"./tg.js\": \"Oxv6\",\n\t\"./th\": \"EOgW\",\n\t\"./th.js\": \"EOgW\",\n\t\"./tk\": \"Wv91\",\n\t\"./tk.js\": \"Wv91\",\n\t\"./tl-ph\": \"Dzi0\",\n\t\"./tl-ph.js\": \"Dzi0\",\n\t\"./tlh\": \"z3Vd\",\n\t\"./tlh.js\": \"z3Vd\",\n\t\"./tr\": \"DoHr\",\n\t\"./tr.js\": \"DoHr\",\n\t\"./tzl\": \"z1FC\",\n\t\"./tzl.js\": \"z1FC\",\n\t\"./tzm\": \"wQk9\",\n\t\"./tzm-latn\": \"tT3J\",\n\t\"./tzm-latn.js\": \"tT3J\",\n\t\"./tzm.js\": \"wQk9\",\n\t\"./ug-cn\": \"YRex\",\n\t\"./ug-cn.js\": \"YRex\",\n\t\"./uk\": \"raLr\",\n\t\"./uk.js\": \"raLr\",\n\t\"./ur\": \"UpQW\",\n\t\"./ur.js\": \"UpQW\",\n\t\"./uz\": \"Loxo\",\n\t\"./uz-latn\": \"AQ68\",\n\t\"./uz-latn.js\": \"AQ68\",\n\t\"./uz.js\": \"Loxo\",\n\t\"./vi\": \"KSF8\",\n\t\"./vi.js\": \"KSF8\",\n\t\"./x-pseudo\": \"/X5v\",\n\t\"./x-pseudo.js\": \"/X5v\",\n\t\"./yo\": \"fzPg\",\n\t\"./yo.js\": \"fzPg\",\n\t\"./zh-cn\": \"XDpg\",\n\t\"./zh-cn.js\": \"XDpg\",\n\t\"./zh-hk\": \"SatO\",\n\t\"./zh-hk.js\": \"SatO\",\n\t\"./zh-mo\": \"OmwH\",\n\t\"./zh-mo.js\": \"OmwH\",\n\t\"./zh-tw\": \"kOpN\",\n\t\"./zh-tw.js\": \"kOpN\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"RnhZ\";","\r\n (e.target);\r\n if (target.files.length !== 1) throw new Error('Cannot use multiple files!');\r\n const reader: FileReader = new FileReader();\r\n\r\n reader.onload = (event: any) => {\r\n const bStr: string = event.target.result;\r\n const wb: XLSX.WorkBook = XLSX.read(bStr, { type: 'binary'});\r\n const wsname = wb.SheetNames[1];\r\n const ws: XLSX.WorkSheet = wb.Sheets[wsname];\r\n this.excelData = (XLSX.utils.sheet_to_json(ws, {header: 1})) as any;\r\n\r\n const wsname2: string = wb.SheetNames[0];\r\n const ws2: XLSX.WorkSheet = wb.Sheets[wsname2];\r\n this.excelData2 = (XLSX.utils.sheet_to_json(ws2, {header: 1}))\r\n\r\n const companyName = this.excelData2[9];\r\n if(companyName[2] === undefined) {\r\n document.getElementById('companyNameWarning').style.display = 'block';\r\n document.getElementById('companyNameWarning').style.visibility = 'visible';\r\n\r\n } else {\r\n\r\n if(document.getElementById('companyNameWarning').style.display === 'block') {\r\n document.getElementById('companyNameWarning').style.display = 'none';\r\n }\r\n if(document.getElementById('companyNameWarning').style.visibility === 'visible') {\r\n document.getElementById('companyNameWarning').style.visibility = 'hidden';\r\n }\r\n\r\n let companyN: string = companyName[2];\r\n if(companyN !== undefined) {\r\n companyN = companyN.trim();\r\n }\r\n \r\n const companyNumber = this.excelData2[21];\r\n const companyNum: string = companyNumber[2];\r\n \r\n let fleetSubUsers = [];\r\n \r\n for (let i = 11; i < this.excelData.length; i++) {\r\n \r\n if(this.excelData[i][2] === undefined) {\r\n continue;\r\n } else {\r\n fleetSubUsers.push(this.excelData[i]);\r\n }\r\n }\r\n \r\n for (let i = 0; i < fleetSubUsers.length; i++) {\r\n if(fleetSubUsers[i][6] === false && fleetSubUsers[i][7] === false) {\r\n continue;\r\n } else {\r\n fleetSubUsers[i] = fleetSubUsers[i].splice(1, fleetSubUsers[i].length);\r\n fleetSubUsers[i][2] = fleetSubUsers[i][2].toString();\r\n }\r\n }\r\n \r\n \r\n const companyDetails = {\r\n name: companyN,\r\n companyNumber: companyNum,\r\n countryId: 140\r\n }\r\n this.populateTable(fleetSubUsers, companyDetails);\r\n }\r\n \r\n };\r\n\r\n reader.readAsBinaryString(target.files[0]);\r\n }\r\n\r\n populateTable(fleetUsers: [][], companyDetails: any) : void {\r\n\r\n // console.log(fleetUsers);\r\n\r\n for(let row = 0; row < fleetUsers.length; row++) {\r\n let tempNameArr = [];\r\n for(let col = 0; col < fleetUsers[row].length; col++) {\r\n let firstName = (fleetUsers[row][col] as string).split(' ')[0];\r\n let lastName = '';\r\n for(let i = 1; i < ((fleetUsers[row][col]) as string).split(' ').length; i++ ) {\r\n lastName += (fleetUsers[row][col] as string).split(' ')[i] + ' ';\r\n }\r\n lastName = lastName.trim();\r\n\r\n // Double first name checks\r\n if(lastName.startsWith('Jane')) {\r\n lastName = lastName.split('Jane')[1];\r\n firstName = firstName + ' ' + 'Jane';\r\n } else if(lastName.startsWith('John')) {\r\n lastName = lastName.split('John')[1];\r\n firstName = firstName + ' ' + 'John';\r\n } else if(lastName.startsWith('Jack')) {\r\n lastName = lastName.split('Jack')[1];\r\n firstName = firstName + ' ' + 'Jack';\r\n } else if(lastName.startsWith('Jon')) {\r\n lastName = lastName.split('Jon')[1];\r\n firstName = firstName + ' ' + 'Jon';\r\n } else if(lastName.startsWith('Jonny')) {\r\n lastName = lastName.split('Jonny')[1];\r\n firstName = firstName + ' ' + 'Jonny';\r\n } else if(lastName.startsWith('Johny')) {\r\n lastName = lastName.split('Johny')[1];\r\n firstName = firstName + ' ' + 'Johny';\r\n } else if(lastName.startsWith('Paul')) {\r\n lastName = lastName.split('Paul')[1];\r\n firstName = firstName + ' ' + 'Paul';\r\n } else if(lastName.startsWith('James')) {\r\n lastName = lastName.split('James')[1];\r\n firstName = firstName + ' ' + 'James';\r\n } else if(lastName.startsWith('Jamie')) {\r\n lastName = lastName.split('Jamie')[1];\r\n firstName = firstName + ' ' + 'Jamie';\r\n } else if(lastName.startsWith('Jimmy')) {\r\n lastName = lastName.split('Jimmy')[1];\r\n firstName = firstName + ' ' + 'Jimmy';\r\n } else if(lastName.startsWith('Jim')) {\r\n lastName = lastName.split('Jim')[1];\r\n firstName = firstName + ' ' + 'Jim';\r\n } else if(lastName.startsWith('Joe')) {\r\n lastName = lastName.split('Joe')[1];\r\n firstName = firstName + ' ' + 'Joe';\r\n } else if(lastName.startsWith('Joseph')) {\r\n lastName = lastName.split('Joseph')[1];\r\n firstName = firstName + ' ' + 'Joseph';\r\n } else if(lastName.startsWith('Mike')) {\r\n lastName = lastName.split('Mike')[1];\r\n firstName = firstName + ' ' + 'Mike';\r\n } else if(lastName.startsWith('Mic')) {\r\n lastName = lastName.split('Mic')[1];\r\n firstName = firstName + ' ' + 'Mic';\r\n } else if(lastName.startsWith('Mick')) {\r\n lastName = lastName.split('Mick')[1];\r\n firstName = firstName + ' ' + 'Mick';\r\n } else if(lastName.startsWith('Mark')) {\r\n lastName = lastName.split('Mark')[1];\r\n firstName = firstName + ' ' + 'Mark';\r\n } else if(lastName.startsWith('Markus')) {\r\n lastName = lastName.split('Markus')[1];\r\n firstName = firstName + ' ' + 'Markus';\r\n } else if(lastName.startsWith('Peter')) {\r\n lastName = lastName.split('Peter')[1];\r\n firstName = firstName + ' ' + 'Peter';\r\n } else if(lastName.startsWith('Pete')) {\r\n lastName = lastName.split('Pete')[1];\r\n firstName = firstName + ' ' + 'Pete';\r\n } else if(lastName.startsWith('Dave')) {\r\n lastName = lastName.split('Dave')[1];\r\n firstName = firstName + ' ' + 'Dave';\r\n } else if(lastName.startsWith('Brian')) {\r\n lastName = lastName.split('Brian')[1];\r\n firstName = firstName + ' ' + 'Brian';\r\n } else if(lastName.startsWith('Michael')) {\r\n lastName = lastName.split('Michael')[1];\r\n firstName = firstName + ' ' + 'Michael';\r\n } else if(lastName.startsWith('David')) {\r\n lastName = lastName.split('David')[1];\r\n firstName = firstName + ' ' + 'David';\r\n } else if(lastName.startsWith('Patrick')) {\r\n lastName = lastName.split('Patrick')[1];\r\n firstName = firstName + ' ' + 'Patrick';\r\n } else if(lastName.startsWith('Pat')) {\r\n lastName = lastName.split('Pat')[1];\r\n firstName = firstName + ' ' + 'Pat';\r\n } else if(lastName.startsWith('Paddy')) {\r\n lastName = lastName.split('Paddy')[1];\r\n firstName = firstName + ' ' + 'Paddy';\r\n }\r\n\r\n else if(lastName.startsWith('Grace')) {\r\n lastName = lastName.split('Grace')[1];\r\n firstName = firstName + ' ' + 'Grace';\r\n } else if(lastName.startsWith('Fiadh')) {\r\n lastName = lastName.split('Fiadh')[1];\r\n firstName = firstName + ' ' + 'Fiadh';\r\n } else if(lastName.startsWith('Emily')) {\r\n lastName = lastName.split('Emily')[1];\r\n firstName = firstName + ' ' + 'Emily';\r\n } else if(lastName.startsWith('Sarah')) {\r\n lastName = lastName.split('Sarah')[1];\r\n firstName = firstName + ' ' + 'Sarah';\r\n } else if(lastName.startsWith('Sara')) {\r\n lastName = lastName.split('Sara')[1];\r\n firstName = firstName + ' ' + 'Sara';\r\n } else if(lastName.startsWith('Ann')) {\r\n lastName = lastName.split('Ann')[1];\r\n firstName = firstName + ' ' + 'Ann';\r\n } else if(lastName.startsWith('Anne')) {\r\n lastName = lastName.split('Anne')[1];\r\n firstName = firstName + ' ' + 'Anne';\r\n } else if(lastName.startsWith('Lily')) {\r\n lastName = lastName.split('Lily')[1];\r\n firstName = firstName + ' ' + 'Lily';\r\n } else if(lastName.startsWith('Ellie')) {\r\n lastName = lastName.split('Ellie')[1];\r\n firstName = firstName + ' ' + 'Ellie';\r\n } else if(lastName.startsWith('Molly')) {\r\n lastName = lastName.split('Molly')[1];\r\n firstName = firstName + ' ' + 'Molly';\r\n } else if(lastName.startsWith('Katie')) {\r\n lastName = lastName.split('Katie')[1];\r\n firstName = firstName + ' ' + 'Katie';\r\n } else if(lastName.startsWith('Kate')) {\r\n lastName = lastName.split('Kate')[1];\r\n firstName = firstName + ' ' + 'Kate';\r\n } else if(lastName.startsWith('Alice')) {\r\n lastName = lastName.split('Alice')[1];\r\n firstName = firstName + ' ' + 'Alice';\r\n } else if(lastName.startsWith('Leah')) {\r\n lastName = lastName.split('Leah')[1];\r\n firstName = firstName + ' ' + 'Leah';\r\n } else if(lastName.startsWith('Ciara')) {\r\n lastName = lastName.split('Ciara')[1];\r\n firstName = firstName + ' ' + 'Ciara';\r\n }\r\n\r\n tempNameArr.push(firstName);\r\n tempNameArr.push(lastName);\r\n\r\n break;\r\n }\r\n fleetUsers[row] = (tempNameArr as any).concat(fleetUsers[row].splice(1, fleetUsers[row].length));\r\n }\r\n\r\n const tableContainer = document.getElementById('tableContainer');\r\n\r\n let table = document.createElement('table');\r\n table.style.backgroundColor = 'rgb(177, 177, 177)';\r\n table.style.opacity = '0';\r\n \r\n setTimeout(() => {\r\n table.style.transition = 'opacity 1s';\r\n table.style.opacity = '1';\r\n\r\n }, 10)\r\n\r\n tableContainer.appendChild(table);\r\n\r\n let firstNameHeaderCell = document.createElement('th');\r\n firstNameHeaderCell.style.backgroundColor = 'rgb(168, 202, 153)';\r\n firstNameHeaderCell.style.color = 'rgb(52, 52, 52)';\r\n firstNameHeaderCell.style.marginLeft = '0.3rem';\r\n firstNameHeaderCell.style.marginRight = '0.3rem';\r\n firstNameHeaderCell.style.paddingLeft = '0.3rem';\r\n firstNameHeaderCell.style.paddingRight = '0.3rem';\r\n firstNameHeaderCell.textContent = 'First Name';\r\n\r\n\r\n let lastNameHeaderCell = document.createElement('th');\r\n lastNameHeaderCell.textContent = 'Last Name';\r\n lastNameHeaderCell.style.backgroundColor = 'rgb(168, 202, 153)';\r\n lastNameHeaderCell.style.color = 'rgb(52, 52, 52)';\r\n lastNameHeaderCell.style.marginLeft = '0.3rem';\r\n lastNameHeaderCell.style.marginRight = '0.3rem';\r\n lastNameHeaderCell.style.paddingLeft = '0.3rem';\r\n lastNameHeaderCell.style.paddingRight = '0.3rem';\r\n\r\n let emailHeaderCell = document.createElement('th')\r\n emailHeaderCell.textContent = 'Email';\r\n emailHeaderCell.style.backgroundColor = 'rgb(168, 202, 153)';\r\n emailHeaderCell.style.color = 'rgb(52, 52, 52)';\r\n emailHeaderCell.style.marginLeft = '0.3rem';\r\n emailHeaderCell.style.marginRight = '0.3rem';\r\n emailHeaderCell.style.paddingLeft = '0.3rem';\r\n emailHeaderCell.style.paddingRight = '0.3rem';\r\n\r\n let phoneNumberHeaderCell = document.createElement('th');\r\n phoneNumberHeaderCell.textContent = 'Phone Number';\r\n phoneNumberHeaderCell.style.backgroundColor = 'rgb(168, 202, 153)';\r\n phoneNumberHeaderCell.style.color = 'rgb(52, 52, 52)';\r\n phoneNumberHeaderCell.style.marginLeft = '0.3rem';\r\n phoneNumberHeaderCell.style.marginRight = '0.3rem';\r\n phoneNumberHeaderCell.style.paddingLeft = '0.3rem';\r\n phoneNumberHeaderCell.style.paddingRight = '0.3rem';\r\n\r\n let countryHeaderCell = document.createElement('th');\r\n countryHeaderCell.textContent = 'County';\r\n countryHeaderCell.style.backgroundColor = 'rgb(168, 202, 153)';\r\n countryHeaderCell.style.color = 'rgb(52, 52, 52)';\r\n countryHeaderCell.style.marginLeft = '0.3rem';\r\n countryHeaderCell.style.marginRight = '0.3rem';\r\n countryHeaderCell.style.paddingLeft = '0.3rem';\r\n countryHeaderCell.style.paddingRight = '0.3rem';\r\n\r\n let districtHeaderCell = document.createElement('th');\r\n districtHeaderCell.textContent = 'District';\r\n districtHeaderCell.style.backgroundColor = 'rgb(168, 202, 153)';\r\n districtHeaderCell.style.color = 'rgb(52, 52, 52)';\r\n districtHeaderCell.style.marginLeft = '0.3rem';\r\n districtHeaderCell.style.marginRight = '0.3rem';\r\n districtHeaderCell.style.paddingLeft = '0.3rem';\r\n districtHeaderCell.style.paddingRight = '0.3rem';\r\n\r\n let postalCodeHeaderCell = document.createElement('th');\r\n postalCodeHeaderCell.textContent = 'Postal Code';\r\n postalCodeHeaderCell.style.backgroundColor = 'rgb(168, 202, 153)';\r\n postalCodeHeaderCell.style.color = 'rgb(52, 52, 52)';\r\n postalCodeHeaderCell.style.marginLeft = '0.3rem';\r\n postalCodeHeaderCell.style.marginRight = '0.3rem';\r\n postalCodeHeaderCell.style.paddingLeft = '0.3rem';\r\n postalCodeHeaderCell.style.paddingRight = '0.3rem';\r\n\r\n let streetNameHeaderCell = document.createElement('th');\r\n streetNameHeaderCell.textContent = 'Street Name';\r\n streetNameHeaderCell.style.backgroundColor = 'rgb(168, 202, 153)';\r\n streetNameHeaderCell.style.color = 'rgb(52, 52, 52)';\r\n streetNameHeaderCell.style.marginLeft = '0.3rem';\r\n streetNameHeaderCell.style.marginRight = '0.3rem';\r\n streetNameHeaderCell.style.paddingLeft = '0.3rem';\r\n streetNameHeaderCell.style.paddingRight = '0.3rem';\r\n\r\n let fobHeaderCell = document.createElement('th');\r\n fobHeaderCell.textContent = 'Fob';\r\n fobHeaderCell.style.backgroundColor = 'rgb(168, 202, 153)';\r\n fobHeaderCell.style.color = 'rgb(52, 52, 52)';\r\n fobHeaderCell.style.marginLeft = '0.3rem';\r\n fobHeaderCell.style.marginRight = '0.3rem';\r\n fobHeaderCell.style.paddingLeft = '0.3rem';\r\n fobHeaderCell.style.paddingRight = '0.3rem';\r\n\r\n let appAccess = document.createElement('th');\r\n appAccess.textContent = 'App Access';\r\n appAccess.style.backgroundColor = 'rgb(168, 202, 153)';\r\n appAccess.style.color = 'rgb(52, 52, 52)';\r\n appAccess.style.marginLeft = '0.3rem';\r\n appAccess.style.marginRight = '0.3rem';\r\n appAccess.style.paddingLeft = '0.3rem';\r\n appAccess.style.paddingRight = '0.3rem';\r\n\r\n table.appendChild(firstNameHeaderCell);\r\n table.appendChild(lastNameHeaderCell);\r\n table.appendChild(emailHeaderCell);\r\n table.appendChild(phoneNumberHeaderCell);\r\n table.appendChild(countryHeaderCell);\r\n table.appendChild(districtHeaderCell);\r\n table.appendChild(postalCodeHeaderCell);\r\n table.appendChild(streetNameHeaderCell);\r\n table.appendChild(fobHeaderCell);\r\n table.appendChild(appAccess);\r\n\r\n for(let row = 0; row < fleetUsers.length; row++) {\r\n let newRow = document.createElement('tr');\r\n newRow.contentEditable = 'true';\r\n newRow.style.cursor = 'text';\r\n newRow.style.color = 'rgb(52, 52, 52)';\r\n let defaultBackgroundColour = '';\r\n \r\n if(row % 2 === 0) {\r\n newRow.style.backgroundColor = 'white';\r\n defaultBackgroundColour = 'white';\r\n } else {\r\n newRow.style.backgroundColor = 'rgb(238, 238, 238)';\r\n defaultBackgroundColour = 'rgb(238, 238, 238)';\r\n }\r\n \r\n newRow.onmouseenter = () => {\r\n newRow.style.backgroundColor = '#ffffd4';\r\n }\r\n\r\n newRow.onmouseleave = () => {\r\n newRow.style.backgroundColor = defaultBackgroundColour;\r\n }\r\n\r\n for(let cell = 0; cell < fleetUsers[row].length; cell++) {\r\n let newCell = document.createElement('td');\r\n newCell.style.paddingLeft = '0.3rem';\r\n newCell.style.paddingRight = '0.3rem';\r\n let currentRow = fleetUsers[row] as any;\r\n let cellText = currentRow[cell];\r\n newCell.append(cellText);\r\n if(cell === 8 || cell === 9) {\r\n const oldBgColourOfCell = newCell.style.backgroundColor;\r\n\r\n newCell.onmouseenter = (event) => {\r\n (event.target as HTMLElement).style.cursor = 'pointer';\r\n (event.target as HTMLElement).style.backgroundColor = '#ff6d35';\r\n }\r\n newCell.onmouseleave = (event) => {\r\n (event.target as HTMLElement).style.backgroundColor = oldBgColourOfCell;\r\n }\r\n newCell.onclick = (event) => {\r\n (event.target as HTMLElement).style.backgroundColor = '#ffc3ad';\r\n if( (event.target as HTMLElement).textContent == 'false') {\r\n newCell.textContent = 'true';\r\n } else {\r\n newCell.textContent = 'false';\r\n }\r\n }\r\n }\r\n newRow.appendChild(newCell);\r\n }\r\n table.appendChild(newRow);\r\n }\r\n\r\n const users: any = [];\r\n let tableRows = document.getElementById('tableContainer').querySelectorAll('tr');\r\n\r\n for(let i = 0; i < tableRows.length; i++) {\r\n let user = {\r\n FirstName: tableRows[i].childNodes[0].textContent.trim(),\r\n LastName: tableRows[i].childNodes[1].textContent.trim(),\r\n CompanyName: companyDetails.name.trim(),\r\n IsCompany: true,\r\n CompanyRegistrationNumber : null,\r\n Nationality: null,\r\n Email: tableRows[i].childNodes[2].textContent.trim(),\r\n Address: {\r\n Country: {\r\n Id: 140\r\n },\r\n CityName: tableRows[i].childNodes[4].textContent.trim(),\r\n CityDistrictName : tableRows[i].childNodes[5].textContent.trim(),\r\n PostNumber: tableRows[i].childNodes[6].textContent.trim(),\r\n StreetName: tableRows[i].childNodes[7].textContent.trim(),\r\n HouseNumber: '',\r\n RoomNumber: ''\r\n },\r\n LocalEmsp: {\r\n Id: null\r\n },\r\n ExternalCode: null,\r\n ExternalCodeSecondary: null,\r\n TelephoneNumber: null,\r\n GSM: tableRows[i].childNodes[3].textContent.trim().replace(' ', ''),\r\n TaxNumber: null,\r\n NationalIdentityNumber: null,\r\n UiCulture: {\r\n Id: 'en-ie'\r\n },\r\n CommunicationChannel: {\r\n Id: 4\r\n },\r\n DateOfBirth: '',\r\n DefaultTimeZone: 0,\r\n DaylightSavingEnabled: moment().isDST()\r\n }\r\n users.push(user);\r\n }\r\n this.createUsers(users);\r\n }\r\n\r\n createUsers( users: []): void {\r\n let tableCell = document.getElementById('tableContainer');\r\n let buttonContainer = document.createElement('div');\r\n let createUsersButton = document.createElement('button');\r\n createUsersButton.textContent = 'Create New Users';\r\n createUsersButton.style.marginTop = '1.3rem';\r\n createUsersButton.style.opacity = '0';\r\n createUsersButton.style.backgroundColor = 'rgb(31, 76, 255)';\r\n createUsersButton.style.color = 'white';\r\n\r\n createUsersButton.onmouseenter = (event) => {\r\n (event.target as HTMLElement).style.backgroundColor = 'rgb(217, 225, 255)';\r\n (event.target as HTMLElement).style.color = '#555';\r\n }\r\n createUsersButton.onmouseleave = (event) => {\r\n (event.target as HTMLElement).style.backgroundColor = 'rgb(31, 76, 255)';\r\n (event.target as HTMLElement).style.color = 'white';\r\n }\r\n\r\n setTimeout(() => {\r\n createUsersButton.style.opacity = '1';\r\n createUsersButton.style.transition = '.5s';\r\n }, 10);\r\n\r\n buttonContainer.appendChild(createUsersButton);\r\n tableCell.appendChild(buttonContainer);\r\n\r\n createUsersButton.onclick = () => {\r\n this.createButtonPressed = true;\r\n for(let i = 0; i < users.length; i++ ) {\r\n this.registerFormService.postNewUsers(users[i]);\r\n }\r\n }\r\n this.usersNumber = users.length;\r\n }\r\n\r\n}\r\n","\r\n
\r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { AuthguardGuard } from 'src/app/guards/authguard.guard';\r\nimport { AuthService } from 'src/app/services/auth/auth.service';\r\nimport { Input } from '@angular/core';\r\n\r\n\r\n@Component({\r\n selector: 'app-side-navbar',\r\n templateUrl: './side-navbar.component.html',\r\n styleUrls: ['./side-navbar.component.scss']\r\n \r\n})\r\nexport class SideNavbarComponent implements OnInit {\r\n showInvoiceDropdown: boolean = false;\r\n showTariffsDropdown: boolean = false;\r\n showCompaniesDropdown: boolean = false;\r\n showMapsDropdown: boolean = false;\r\n showKeyFobAddressRequestDropdown: boolean = false;\r\n name: string = '';\r\n userRole: string = '';\r\n\r\n constructor(public authGuard: AuthguardGuard, public authService: AuthService) { }\r\n\r\n ngOnInit(): void {\r\n this.name = this.authService.user.name.replace('_', ' ');\r\n if(this.authService.user.roles.includes('ROLE_MODERATOR')) {\r\n this.userRole = 'Admin';\r\n document.getElementById('nameColour').style.backgroundColor = '#ff2222';\r\n document.getElementById('roleBgColour').style.backgroundColor = '#bb0000';\r\n } else if(this.authService.user.roles.includes('ROLE_SALES')) {\r\n this.userRole = 'Sales';\r\n }\r\n }\r\n\r\n invoicesDropdown() {\r\n this.showInvoiceDropdown = !this.showInvoiceDropdown;\r\n }\r\n\r\n tariffsDropdown() {\r\n this.showTariffsDropdown = !this.showTariffsDropdown;\r\n }\r\n\r\n companiesDropdown() {\r\n this.showCompaniesDropdown = !this.showCompaniesDropdown;\r\n }\r\n\r\n mapsDropdown() {\r\n this.showMapsDropdown = !this.showMapsDropdown;\r\n }\r\n\r\n keyFobAddressesRequestDropdown() {\r\n this.showKeyFobAddressRequestDropdown = !this.showKeyFobAddressRequestDropdown;\r\n }\r\n\r\n}\r\n","// This file can be replaced during build by using the `fileReplacements` array.\r\n// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.\r\n// The list of file replacements can be found in `angular.json`.\r\n\r\nexport const environment = {\r\n production: false,\r\n apiUrl: 'https://localhost:8300'\r\n};\r\n\r\n/*\r\n * For easier debugging in development mode, you can import the following file\r\n * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.\r\n *\r\n * This import should be commented out in production mode because it will have a negative impact\r\n * on performance if an error is thrown.\r\n */\r\n// import 'zone.js/dist/zone-error'; // Included with Angular CLI.\r\n","import { Component, Input, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'app-tab-navigator',\r\n templateUrl: './tab-navigator.component.html',\r\n styleUrls: ['./tab-navigator.component.scss']\r\n})\r\nexport class TabNavigatorComponent implements OnInit {\r\n @Input() mapType = \"charger-map\";\r\n constructor(private router: Router) { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n onMapChange(e) {\r\n this.router.navigate([e.value]);\r\n }\r\n}\r\n","\r\n \r\n ![](\"../../../assets/drawing.svg\")
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n\r\n
\r\n","import { HttpClient, HttpHeaders } from '@angular/common/http';\r\nimport { Injectable } from '@angular/core';\r\nimport { EMPTY } from 'rxjs';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class RegistrationFormService {\r\n\r\n url: string = 'https://www.easygo-dev.com:8081/v1/'; // production\r\n // url: string = 'https://localhost:8081/v1/'; // development\r\n\r\n\r\n\r\n returnedMessage: string = '';\r\n userCreationCounter: number = 0;\r\n\r\n constructor(private http: HttpClient) {}\r\n\r\n postNewUsers(user: {}) {\r\n\r\n try {\r\n let headers = new HttpHeaders();\r\n headers = headers.set('Accept', 'application/json')\r\n .set('Content-Type', 'application/json')\r\n .set('Access-Control-Allow-Origin', 'https://www.easygo-dev.com')\r\n .set('Access-Control-Allow-Methods', 'POST');\r\n \r\n let body = JSON.stringify(user);\r\n const req = this.http.post\r\n \r\n \r\n \r\n \r\n \r\n {{ hoveredMarker.friendlyName || hoveredMarker.address }}\r\n \r\n \r\n \r\n
\r\n \r\n\r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n ","import { Component } from '@angular/core';\r\nimport { AuthguardGuard } from './guards/authguard.guard';\r\n\r\n@Component({\r\n selector: 'app-root',\r\n templateUrl: './app.component.html',\r\n styleUrls: ['./app.component.scss']\r\n})\r\nexport class AppComponent {\r\n isLoggedOn:boolean;\r\n title:string = 'Easy Go Client Side';\r\n\r\n constructor(public authGuard : AuthguardGuard) {}\r\n\r\n ngOnInit(): void {\r\n this.isLoggedOn = this.authGuard.isUserLoggedIn();\r\n }\r\n\r\n\r\n}\r\n","import { Component } from '@angular/core';\r\nimport * as XLSX from 'xlsx';\r\nimport * as moment from 'moment';\r\nimport { RegistrationFormService } from 'src/app/services/registration_form_service/registration-form.service';\r\n\r\n@Component({\r\n selector: 'app-registration-form',\r\n templateUrl: './registration-form.component.html',\r\n styleUrls: ['./registration-form.component.scss']\r\n})\r\nexport class RegistrationFormComponent {\r\n\r\n excelData: any;\r\n excelData2: any;\r\n usersNumber: number = 0;\r\n createButtonPressed: boolean = false;\r\n \r\n constructor(public registerFormService: RegistrationFormService) { }\r\n\r\n \r\n onFileChange(e : any) {\r\n const target : DataTransfer = \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n","\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n
\r\n \r\n\r\n
\r\n \r\n \r\n\r\n
\r\n\r\n There is a bug in the Etrel Urchin API when it comes to creating users. Please press the create button again to add the missing remaining users.\r\n
\r\n \r\n Please select a company name in the first sheet\r\n
\r\n \r\n\r\n \r\n\r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n Username is required!\r\n
\r\n \r\n \r\n \r\n
\r\n Password is required
\r\n \r\n Password must be at least 8 characters\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Login Failed: {{errorMessage}}\r\n
\r\n\r\n \r\n Logged in as {{ roles }}.\r\n
\r\n\r\n \r\n\r\n\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { AuthService } from 'src/app/services/auth/auth.service';\r\nimport { TokenStorageService } from 'src/app/services/token-storage/token-storage.service';\r\n\r\n@Component({\r\n selector: 'app-login',\r\n templateUrl: './login.component.html',\r\n styleUrls: ['./login.component.scss']\r\n})\r\nexport class LoginComponent implements OnInit {\r\n form: any = {\r\n username: null,\r\n password: null\r\n };\r\n isLoggedIn = false;\r\n isLoginFailed = false;\r\n errorMessage = '';\r\n roles: string[] = [];\r\n\r\n\r\n constructor(private authService: AuthService, private tokenStorage: TokenStorageService) { }\r\n\r\n ngOnInit(): void {\r\n if (this.tokenStorage.getToken()) {\r\n this.isLoggedIn = true;\r\n this.roles = this.tokenStorage.getUser().roles;\r\n }\r\n }\r\n\r\n onSubmit(): void {\r\n const { username, password } = this.form;\r\n\r\n this.authService.login(username, password).subscribe(\r\n data => {\r\n this.tokenStorage.saveToken(data.accessToken);\r\n this.tokenStorage.saveUser(data);\r\n\r\n this.isLoginFailed = false;\r\n this.isLoggedIn = true;\r\n\r\n \r\n const userDetails = this.tokenStorage.getUser();\r\n this.authService.user.roles = JSON.parse(atob(userDetails.accessToken.split('.')[1])).authorisations;\r\n this.authService.user.name = JSON.parse(atob(userDetails.accessToken.split('.')[1])).sub.replace('_', ' ');\r\n this.authService.user.id = JSON.parse(sessionStorage.getItem('auth-user')).id;\r\n this.reloadPage();\r\n },\r\n err => {\r\n this.errorMessage = err.error.message;\r\n this.isLoginFailed = true;\r\n }\r\n )\r\n }\r\n\r\n reloadPage(): void {\r\n window.location.reload();\r\n }\r\n\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { TariffLocationsService } from '../../services/tariff-locations-service/tariff-locations-service.service';\r\nimport { SaveFleetSubsService } from '../../services/save-fleet-subs-service/save-fleet-subs.service';\r\nimport { CompanyCrudUtils } from './companies-crud-utils';\r\nimport { CompanyCrudHelper } from './companies-crud-helper';\r\n\r\n@Component({\r\n selector: 'app-companies-crud',\r\n templateUrl: './companies-crud.component.html',\r\n styleUrls: ['./companies-crud.component.scss']\r\n})\r\nexport class CompaniesCrudComponent implements OnInit {\r\n\r\n private companyCrudUtils: any = new CompanyCrudUtils();\r\n private companyCrudHelper: any = new CompanyCrudHelper();\r\n\r\n fleetSubscribers: any;\r\n singleCompanies: any;\r\n freeAccess: any;\r\n createTable: any;\r\n deleteWarning: boolean;\r\n clickedRow: any;\r\n\r\n constructor( public companies: TariffLocationsService, public fleetSubsService: SaveFleetSubsService) { }\r\n\r\n ngOnInit() {\r\n this.companies.getAllCompanies().toPromise()\r\n .then(response => this.createFleetSubTable(response[response.length - 1].company.fleetplan))\r\n .then(tableFragment => this.renderButton(tableFragment))\r\n .then(res => console.log(res))\r\n .catch(err => { console.log(err)})\r\n }\r\n\r\n removeModal(e:any) {\r\n this.clickedRow = e.id;\r\n document.getElementById('warningModal').style.visibility = 'visible';\r\n document.getElementById('warningModal').style.transition = 'visibility 0s, opacity 2.5s linear';\r\n }\r\n\r\n\r\n removeCompanyYes() {\r\n document.getElementById('warningModal').style.visibility = 'hidden';\r\n document.getElementById(this.clickedRow).remove();\r\n\r\n // TODO change the ids of all the rows\r\n let tableRows = document.querySelector('table').getElementsByTagName('tr');\r\n for(let i = 1; i < tableRows.length; i++) {\r\n tableRows[i].id = `row_${i}`;\r\n }\r\n }\r\n\r\n removeCompanyNo() {\r\n document.getElementById('warningModal').style.visibility = 'hidden';\r\n }\r\n\r\n\r\n createFleetSubTable(fleetSubscribers: any): any {\r\n\r\n this.fleetSubscribers = this.companyCrudUtils.sortCompany(fleetSubscribers) // Sorting by alphabetical order\r\n try {\r\n this.createTable = document.createDocumentFragment();\r\n const table = document.createElement('table');\r\n table.style.backgroundColor = '#b1b1b1';\r\n const tableRow = document.createElement('tr');\r\n tableRow.appendChild(document.createElement('th'));\r\n tableRow.style.backgroundColor = '#a8ca99';\r\n tableRow.style.color = '#343434';\r\n\r\n this.companyCrudHelper.createTableHeaders(table, tableRow);\r\n\r\n // Create appropriate cell for each row/fleet subscriber\r\n let counter = 0;\r\n for(let company = 0; company < fleetSubscribers.length; company++) {\r\n counter++;\r\n\r\n let newRow = document.createElement('tr')\r\n newRow.id = `row_${counter}`; \r\n\r\n let removeRow = document.createElement('td')\r\n let minusButton = this.createMinusButton(table) as any;\r\n removeRow.appendChild(minusButton);\r\n\r\n removeRow.style.color = '#ff4503';\r\n minusButton.style.cursor = 'pointer';\r\n\r\n counter % 2 === 0 ? removeRow.style.backgroundColor = 'white' : removeRow.style.backgroundColor = 'rgb(238, 238, 238)';\r\n\r\n removeRow.addEventListener('click', () => this.removeModal(newRow) );\r\n newRow.appendChild(removeRow);\r\n\r\n this.companyCrudHelper.createFleetRow(newRow, fleetSubscribers[company], counter);\r\n\r\n table.appendChild(newRow);\r\n }\r\n this.createTable.appendChild(table);\r\n\r\n return this.createTable;\r\n } catch(e) {\r\n console.error(e);\r\n }\r\n }\r\n\r\n renderButton(area: any) {\r\n let createRowButtonContainer = document.createElement('div');\r\n\r\n // Add Client button\r\n let addRowButton = document.createElement('button');\r\n addRowButton.append('Add Client');\r\n addRowButton.style.marginTop = '1rem';\r\n addRowButton.style.marginRight = '.5rem';\r\n addRowButton.style.maxWidth = '6rem';\r\n \r\n\r\n addRowButton.onclick = () => {\r\n this.createNewRow(this.companyCrudUtils);\r\n }\r\n\r\n area.appendChild(createRowButtonContainer);\r\n\r\n let buttonsContainer = document.createElement('buttonsContainer');\r\n buttonsContainer.style.display = 'grid';\r\n buttonsContainer.style.gridTemplateColumns = '1fr 1fr';\r\n buttonsContainer.style.maxWidth = '18rem';\r\n\r\n let saveButton = document.createElement('button');\r\n saveButton.append('Save All');\r\n saveButton.style.marginLeft = '.5rem';\r\n saveButton.style.maxWidth = '6rem';\r\n saveButton.style.marginTop = '1rem';\r\n saveButton.style.float = 'right';\r\n saveButton.style.backgroundColor = '#1f4cff';\r\n saveButton.id = 'saveButton';\r\n saveButton.onclick = (event: any) => {\r\n this.gatherFleetSubTableData(event.target.parentElement.parentElement.parentElement.querySelector('table'));\r\n }\r\n saveButton.onmouseenter = () => {\r\n saveButton.style.backgroundColor = '#d9e1ff';\r\n }\r\n saveButton.onmouseleave = () => {\r\n saveButton.style.backgroundColor = '#1f4cff';\r\n }\r\n\r\n buttonsContainer.appendChild(addRowButton)\r\n buttonsContainer.appendChild(saveButton);\r\n\r\n createRowButtonContainer.appendChild(buttonsContainer)\r\n area.appendChild(createRowButtonContainer)\r\n document.querySelector('#table-container').appendChild(area);\r\n }\r\n\r\n gatherFleetSubTableData(table: any): void {\r\n\r\n let fleetSubs = []\r\n for(let row = 1; row < table.querySelectorAll('tr').length; row++) {\r\n let sub = table.querySelectorAll('tr')[row];\r\n\r\n let fleetSub = {\r\n 'name' : sub.querySelectorAll('td')[1].textContent,\r\n 'clientId' : sub.querySelectorAll('td')[2].textContent,\r\n 'contactName' : sub.querySelectorAll('td')[3].textContent,\r\n 'contactEmail' : sub.querySelectorAll('td')[4].textContent,\r\n 'driverInvoicing' : sub.querySelector('.driverCheckbox').checked,\r\n 'oceanUK' : sub.querySelector('.oceanCheckbox').checked\r\n }\r\n fleetSubs.push(fleetSub)\r\n }\r\n\r\n this.fleetSubsService.postFleetSubAccounts(fleetSubs);\r\n }\r\n\r\n\r\n createMinusButton(table: any) {\r\n \r\n let minusButton = document.createElement('button');\r\n minusButton.className = 'fa fa-minus';\r\n minusButton.id = 'minusId';\r\n minusButton.onclick = () => {\r\n \r\n let tableRows = table.querySelectorAll('tr');\r\n for(let row = 0; row < tableRows.length; row++) {\r\n tableRows.item(row).id = `row_${row}`;\r\n }\r\n }\r\n\r\n minusButton.onmouseenter = () => {\r\n minusButton.style.backgroundColor = 'rgb(255 221 220 / 1)';\r\n minusButton.style.color = '#960000';\r\n }\r\n minusButton.onmouseleave = () => {\r\n minusButton.style.backgroundColor = 'red';\r\n minusButton.style.color = 'white';\r\n }\r\n\r\n minusButton.style.backgroundColor = 'red';\r\n return minusButton;\r\n }\r\n\r\n sortCompany(company: any) {\r\n company.sort((companyA, companyB) => {\r\n if(companyA.name.toLowerCase() < companyB.name.toLowerCase()) {\r\n return -1;\r\n }\r\n if(companyA.name.toLowerCase() > companyB.name.toLowerCase()) {\r\n return 1;\r\n }\r\n return 0\r\n });\r\n }\r\n\r\n createNewRow(companyCrudUtils: any) {\r\n let table = document.querySelector('table');\r\n let rowCount = table.querySelectorAll('tr').length;\r\n let newRow = document.createElement('tr');\r\n newRow.id = `row_${rowCount}`;\r\n let newMinusButton = companyCrudUtils.createMinusButton();\r\n let newMinusButtonContainer = document.createElement('td');\r\n newMinusButtonContainer.appendChild(newMinusButton);\r\n\r\n newMinusButton.onclick = (e) => {\r\n this.removeModal(e.target.parentElement.parentElement)\r\n }\r\n\r\n let newUserPayerId = document.createElement('td');\r\n let newClient = document.createElement('td');\r\n let newName = document.createElement('td');\r\n let newEmail = document.createElement('td');\r\n let newDriverInvoicing = document.createElement('td');\r\n let newOceanUK = document.createElement('td');\r\n\r\n if(rowCount % 2 == 0) {\r\n newMinusButtonContainer.style.backgroundColor = 'rgb(238, 238, 238)';\r\n newUserPayerId.style.backgroundColor = 'rgb(238, 238, 238)';\r\n newClient.style.backgroundColor = 'rgb(238, 238, 238)';\r\n newName.style.backgroundColor = 'rgb(238, 238, 238)';\r\n newEmail.style.backgroundColor = 'rgb(238, 238, 238)';\r\n newDriverInvoicing.style.backgroundColor = 'rgb(238, 238, 238)';\r\n newOceanUK.style.backgroundColor = 'rgb(238, 238, 238)';\r\n } else {\r\n newMinusButtonContainer.style.backgroundColor = 'white';\r\n newUserPayerId.style.backgroundColor = 'white';\r\n newClient.style.backgroundColor = 'white';\r\n newName.style.backgroundColor = 'white';\r\n newEmail.style.backgroundColor = 'white';\r\n newDriverInvoicing.style.backgroundColor = 'white';\r\n newOceanUK.style.backgroundColor = 'white';\r\n }\r\n newUserPayerId.append('-');\r\n newUserPayerId.style.color = 'rgb(52, 52, 52)';\r\n newUserPayerId.style.textAlign = 'centre';\r\n newUserPayerId.contentEditable = 'true';\r\n newUserPayerId.style.cursor = 'default';\r\n\r\n newClient.append('-');\r\n newClient.style.color = 'rgb(52, 52, 52)';\r\n newClient.style.textAlign = 'center';\r\n newClient.contentEditable = 'true';\r\n\r\n newName.append('-');\r\n newName.style.color = 'rgb(52, 52, 52)';\r\n newName.style.textAlign = 'center';\r\n newName.contentEditable = 'true';\r\n\r\n newEmail.append('-');\r\n newEmail.style.color = 'rgb(52, 52, 52)';\r\n newEmail.style.textAlign = 'center';\r\n newEmail.contentEditable = 'true';\r\n\r\n let driverCheckbox = document.createElement('input');\r\n driverCheckbox.type = \"checkbox\";\r\n driverCheckbox.className = \"driverCheckbox\";\r\n newDriverInvoicing.append(driverCheckbox);\r\n newDriverInvoicing.style.color = 'rgb(52, 52, 52)';\r\n newDriverInvoicing.style.textAlign = 'center';\r\n newDriverInvoicing.contentEditable = 'true';\r\n\r\n let oceanUkCheckbox = document.createElement('input');\r\n oceanUkCheckbox.type = \"checkbox\";\r\n oceanUkCheckbox.className = \"oceanCheckbox\";\r\n newOceanUK.append(oceanUkCheckbox);\r\n newOceanUK.style.color = 'rgb(52, 52, 52)';\r\n newOceanUK.style.textAlign = 'center';\r\n newOceanUK.contentEditable = 'true';\r\n\r\n newRow.appendChild(newMinusButtonContainer);\r\n newRow.appendChild(newUserPayerId);\r\n newRow.appendChild(newClient);\r\n newRow.appendChild(newName);\r\n newRow.appendChild(newEmail);\r\n newRow.appendChild(newDriverInvoicing);\r\n newRow.appendChild(newOceanUK);\r\n table.appendChild(newRow);\r\n}\r\n\r\n}","\r\n\r\n\r\n
\r\n","import { Injectable } from '@angular/core';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class StateManagementService {\r\n showSingleCompanies: boolean = false;\r\n\r\n\r\n}\r\n","import { HTTP_INTERCEPTORS, HttpEvent } from '@angular/common/http';\r\nimport { HttpInterceptor, HttpRequest, HttpHandler } from '@angular/common/http';\r\nimport { Injectable } from '@angular/core';\r\nimport { Observable } from 'rxjs';\r\nimport { TokenStorageService } from '../../services/token-storage/token-storage.service';\r\n\r\nconst TOKEN_HEADER_KEY = 'Authorization';\r\n\r\n@Injectable()\r\nexport class AuthInterceptorService implements HttpInterceptor {\r\n isLoggedIn: boolean = false;\r\n\r\n constructor(private token: TokenStorageService) { }\r\n\r\n intercept(req: HttpRequest\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n Are you sure?\r\n
\r\n\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-tariff-test-records',\r\n templateUrl: './tariff-test-records.component.html',\r\n styleUrls: ['./tariff-test-records.component.scss']\r\n})\r\nexport class TariffTestRecordsComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","\r\n \r\n
\r\n
\r\n | Tariff Name | \r\nContract Type | \r\nAccess Fee(€) | \r\nAccess Fee Valid After(mins) | \r\nCharge Time Fee(€) | \r\nChargetime Fee Valid After(mins) | \r\nConsumed Energy Fee(€) | \r\nConsumed Energy Fee After(mins) | \r\nParking fee(€) | \r\nParking fee valid after(mins) | \r\nOverstay Fee(€) | \r\nOverstay Fee Valid After(hrs) | \r\nValid From | \r\nValid To | \r\nTested | \r\n
|---|
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {{this.tariffData.savedConfirm}}\r\n
\r\ntariff-test-records works!
\r\n","import { NgModule } from '@angular/core';\r\nimport { BrowserModule } from '@angular/platform-browser';\r\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\r\n\r\nimport { StoreModule } from '@ngrx/store';\r\nimport { simpleReducer } from '../app/reducers/simpleReducer';\r\n\r\nimport { CsvInvoiceComponent } from './components/csv-invoice/csv-invoice.component';\r\nimport { ApiInvoiceComponent } from './components/api-invoice/api-invoice.component';\r\nimport { ApiInvoiceSiteComponent } from './components/api-invoice-site/api-invoice-site.component';\r\nimport { RfidAddressesComponent } from './components/rfid-addresses/rfid-addresses.component';\r\nimport { TariffsComponent } from './components/tariffs/tariffs.component';\r\nimport { TariffLocationsComponent } from './components/tariff-locations/tariff-locations.component';\r\nimport { TariffTestRecordsComponent } from './components/tariff-test-records/tariff-test-records.component';\r\n\r\nimport { RegistrationFormComponent } from './components/registration-form/registration-form.component';\r\nimport { ChargingSessionsCsvGenComponent } from './components/charging-sessions-csv-gen/charging-sessions-csv-gen.component';\r\nimport { CompaniesCrudComponent } from './components/companies-crud/companies-crud.component';\r\n\r\nimport { AppComponent } from './app.component';\r\nimport { AppRoutingModule } from './app-routing.module';\r\nimport { HttpClientModule } from '@angular/common/http';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { SideNavbarComponent } from './components/side-navbar/side-navbar.component';\r\nimport { AngularFileUploaderModule } from 'angular-file-uploader';\r\nimport { CommonModule } from '@angular/common';\r\nimport { NpnSliderModule } from 'npn-slider';\r\nimport { LoginComponent } from './components/login/login.component';\r\n\r\nimport { authInterceptorProviders } from '../app/helper/auth-interceptor/auth-interceptor.service';\r\nimport { GHeatMapComponent } from './components/g-heat-map/g-heat-map.component';\r\nimport { GoogleMapsModule } from \"@angular/google-maps\";\r\nimport { MapSidebarComponent } from './components/map-sidebar/map-sidebar.component';\r\nimport {\r\n MatSelectModule\r\n} from '@angular/material/select';\r\nimport {\r\n MatButtonModule\r\n} from '@angular/material/button';\r\nimport {\r\n MatCheckboxModule\r\n} from '@angular/material/checkbox';\r\nimport {\r\n MatDatepickerModule\r\n} from '@angular/material/datepicker';\r\nimport {\r\n MatNativeDateModule\r\n} from '@angular/material/core';\r\nimport {\r\n MatFormFieldModule,\r\n} from '@angular/material/form-field';\r\nimport {\r\n MatProgressBarModule\r\n} from '@angular/material/progress-bar';\r\nimport {\r\n MatProgressSpinnerModule\r\n} from '@angular/material/progress-spinner';\r\nimport {\r\n MatRadioModule\r\n} from '@angular/material/radio';\r\nimport { MatSnackBarModule } from '@angular/material/snack-bar';\r\nimport { SiteDetailsComponent } from './components/site-details/site-details.component';\r\nimport { MatCardModule } from '@angular/material/card';\r\nimport { CardContentComponent } from './components/card-content/card-content.component';\r\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { ChargersMapNewComponent } from './components/chargers-map-new/chargers-map-new.component';\r\nimport { ChargerSidebarComponent } from './components/charger-sidebar/charger-sidebar.component';\r\nimport { MatButtonToggleModule } from '@angular/material/button-toggle';\r\nimport { TabNavigatorComponent } from './components/tab-navigator/tab-navigator.component';\r\nimport { MatTabsModule } from '@angular/material/tabs';\r\nimport { MatInputModule } from '@angular/material/input';\r\n\r\n@NgModule({\r\n declarations: [\r\n AppComponent,\r\n CsvInvoiceComponent,\r\n ApiInvoiceComponent,\r\n ApiInvoiceSiteComponent,\r\n RfidAddressesComponent,\r\n SideNavbarComponent,\r\n TariffsComponent,\r\n TariffLocationsComponent,\r\n TariffTestRecordsComponent,\r\n CompaniesCrudComponent,\r\n ChargingSessionsCsvGenComponent,\r\n RegistrationFormComponent,\r\n LoginComponent,\r\n GHeatMapComponent,\r\n MapSidebarComponent,\r\n SiteDetailsComponent,\r\n CardContentComponent,\r\n ChargersMapNewComponent,\r\n ChargerSidebarComponent,\r\n TabNavigatorComponent\r\n ],\r\n imports: [\r\n CommonModule,\r\n BrowserModule,\r\n BrowserAnimationsModule,\r\n AppRoutingModule,\r\n HttpClientModule,\r\n FormsModule,\r\n ReactiveFormsModule,\r\n AngularFileUploaderModule,\r\n NpnSliderModule,\r\n GoogleMapsModule,\r\n MatButtonModule,\r\n MatCheckboxModule,\r\n MatDatepickerModule,\r\n MatNativeDateModule,\r\n MatFormFieldModule,\r\n MatProgressBarModule,\r\n MatProgressSpinnerModule,\r\n MatRadioModule,\r\n MatSelectModule,\r\n MatSnackBarModule,\r\n MatCardModule,\r\n MatAutocompleteModule,\r\n MatIconModule,\r\n ReactiveFormsModule,\r\n MatButtonToggleModule,\r\n MatTabsModule,\r\n MatInputModule,\r\n StoreModule.forRoot({ message: simpleReducer })\r\n ],\r\n exports: [\r\n FormsModule\r\n ],\r\n providers: [authInterceptorProviders],\r\n bootstrap: [AppComponent]\r\n})\r\nexport class AppModule { }\r\n","import { Component, OnInit, ViewChild } from '@angular/core';\r\nimport { GoogleMap, MapInfoWindow, MapMarker } from '@angular/google-maps';\r\nimport { MatSnackBar } from '@angular/material/snack-bar';\r\nimport { Router } from '@angular/router';\r\nimport { HeatmapService } from 'src/app/services/heatmap-service/heatmap.service';\r\n\r\n@Component({\r\n selector: 'app-g-heat-map',\r\n templateUrl: './g-heat-map.component.html',\r\n styleUrls: ['./g-heat-map.component.scss']\r\n})\r\nexport class GHeatMapComponent implements OnInit {\r\n @ViewChild('gMap', { static: false }) gMap: GoogleMap;\r\n @ViewChild(MapInfoWindow) infoWindow: MapInfoWindow;\r\n options: google.maps.MapOptions = {\r\n center: { lat: 53.355603353851706, lng: -8.208030896545232 },\r\n zoom: 7,\r\n minZoom: 7,\r\n styles: []\r\n };\r\n heatmapOptions = { radius: 5 };\r\n mapMarkers: any = [];\r\n currentZoomLevel = 7;\r\n isLoading: boolean = true;\r\n currentFilter: any;\r\n selectedMarker: any = null;\r\n hoveredMarker: any = {};\r\n heatMap: google.maps.visualization.HeatmapLayer;\r\n\r\n constructor(private heatMapService: HeatmapService,\r\n private _snackBar: MatSnackBar,\r\n private router: Router) { }\r\n\r\n ngOnInit(): void {\r\n const today = new Date();\r\n const month = today.toLocaleString('en', { month: 'short' });\r\n const year = today.getFullYear();\r\n // this.getEasyGodata([`${month} ${year}`]);\r\n }\r\n\r\n\r\n filterChange(data) {\r\n this.mapMarkers = [];\r\n this.selectedMarker = null;\r\n this.currentFilter = null;\r\n if(this.heatMap) {\r\n this.heatMap.setMap(null);\r\n }\r\n\r\n\r\n if (!data) {\r\n return;\r\n }\r\n\r\n // if (data.sessionType === 'EasyGo') {\r\n // this.getEasyGodata(data);\r\n // } else if (data.sessionType === 'ESB') {\r\n // this.getESBdata(data);\r\n // }\r\n\r\n this.getMapData(data)\r\n }\r\n\r\n generateMarker(res) {\r\n const markers = []\r\n for (let key in res) {\r\n let icon = '';\r\n const isEasyGo = key.includes('EGO') ? true : false;\r\n \r\n const currentData = res[key];\r\n currentData.lat = Number(currentData.latitude);\r\n currentData.lng = Number(currentData.longitude);\r\n currentData.friendlyCode = key;\r\n\r\n if(isEasyGo) {\r\n icon = currentData.chargePointOwner === 'Client' ? 'easygo-client-marker' : 'easygo-marker';\r\n currentData.options = {\r\n icon: `../../../assets/${icon}.png`\r\n }\r\n } else {\r\n icon = 'esb-marker'\r\n currentData.options = {\r\n icon: `../../../assets/${icon}.png`\r\n }\r\n }\r\n\r\n \r\n markers.push(currentData);\r\n }\r\n this.mapMarkers = markers;\r\n }\r\n\r\n getMapData(data) {\r\n\r\n this.currentFilter = { year: data.year, months: data.months };\r\n this.isLoading = true;\r\n\r\n this.heatMapService.getHeatmapSessions(data).subscribe((res: any) => {\r\n if (Object.keys(res).length) {\r\n // this.generateMarker(res, 'easygo-marker');\r\n this.generateMarker(res);\r\n\r\n this.initHeatMap();\r\n this.isLoading = false;\r\n }\r\n else {\r\n this.isLoading = false;\r\n this.openSnackBar(\"No data found in the selected period\", \"Close\");\r\n }\r\n\r\n }, (error) => {\r\n this.isLoading = false;\r\n this.openSnackBar(\"Something went wrong!\", \"Close\")\r\n })\r\n }\r\n\r\n getEasyGodata(data) {\r\n\r\n this.currentFilter = { year: data.year, months: data.months };\r\n this.isLoading = true;\r\n\r\n this.heatMapService.getLocationMarker(data).subscribe((res: any) => {\r\n if (Object.keys(res).length) {\r\n this.generateMarker(res);\r\n this.initHeatMap();\r\n this.isLoading = false;\r\n }\r\n else {\r\n this.isLoading = false;\r\n this.openSnackBar(\"No data found in the selected period\", \"Close\");\r\n }\r\n\r\n }, (error) => {\r\n this.isLoading = false;\r\n this.openSnackBar(\"Something went wrong!\", \"Close\")\r\n })\r\n }\r\n\r\n getESBdata(data) {\r\n\r\n this.currentFilter = { year: data.year, months: data.months };\r\n this.isLoading = true;\r\n this.heatMapService.getESBMarker(data).subscribe((res: any) => {\r\n if (Object.keys(res).length) {\r\n this.generateMarker(res);\r\n this.initHeatMap();\r\n this.isLoading = false;\r\n }\r\n else {\r\n this.isLoading = false;\r\n this.openSnackBar(\"No data found in the selected period\", \"Close\");\r\n }\r\n\r\n }, (error) => {\r\n this.isLoading = false;\r\n this.openSnackBar(\"Something went wrong!\", \"Close\")\r\n })\r\n }\r\n\r\n ngAfterViewInit() {\r\n this.initHeatMap();\r\n }\r\n\r\n initHeatMap() {\r\n if (this.heatMap) {\r\n this.heatMap.setMap(null);\r\n }\r\n\r\n if (this.mapMarkers.length) {\r\n this.heatMap = new google.maps.visualization.HeatmapLayer({\r\n radius: 12,\r\n opacity: .8,\r\n maxIntensity: 600,\r\n data: this.mapMarkers.map((d) => {\r\n return {location: new google.maps.LatLng(d.lat, d.lng), weight: d.noOfSessions};\r\n })\r\n });\r\n this.heatMap.setMap(this.gMap.googleMap);\r\n }\r\n\r\n }\r\n\r\n zoomChange() {\r\n this.currentZoomLevel = this.gMap.getZoom();\r\n }\r\n\r\n openSnackBar(message: string, action: string) {\r\n this._snackBar.open(message, action, {\r\n duration: 5000\r\n });\r\n }\r\n\r\n openInfoWindow(markerEle: MapMarker, marker) {\r\n this.hoveredMarker = { ...marker };\r\n this.infoWindow.open(markerEle);\r\n }\r\n\r\n closeInfoWindow() {\r\n this.hoveredMarker = {};\r\n this.infoWindow.close();\r\n }\r\n\r\n onMarkClick(e, marker) {\r\n this.selectedMarker = { ...marker };\r\n // marker.locationId = \"IE*EGO0526\";\r\n // this.router.navigate(['/chart'], {\r\n // queryParams: {\r\n // locationId: marker.locationId,\r\n // year: this.currentFilter.year,\r\n // months: this.currentFilter.months.toString(),\r\n // chargeType: 'DC'\r\n // }\r\n // })\r\n // console.log(\"MARK CLIENT\", marker);\r\n }\r\n\r\n}\r\n","\r\n
\r\n\r\n\r\n
\r\n","import { HttpClient } from '@angular/common/http';\r\nimport { Injectable } from '@angular/core';\r\nimport { EMPTY } from 'rxjs';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class CouponService {\r\n\r\n getUrl:string = 'https://www.easygo-dev.com:8081/v1/getCouponTypes'; // production\r\n // getUrl:string = 'https://localhost:8081/v1/getCouponTypes'; // development\r\n\r\n postUrl:string = \"https://www.easygo-dev.com:8081/v1/issueMerchantCoupons\" // production\r\n // postUrl:string = \"https://localhost:8081/v1/issueMerchantCoupons\" // development\r\n\r\n returnedMessage: string = '';\r\n\r\n constructor(private http: HttpClient) { }\r\n\r\n postCouponsInstructions(couponPostData: Object): any {\r\n \r\n try { \r\n const headers = { 'Content-Type': 'application/json'};\r\n let body = `${JSON.stringify(couponPostData)}`;\r\n const req = this.http.post\r\n \r\n = 10\">\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n{{\r\n hoveredMarker.friendlyName || hoveredMarker.address\r\n }}
\r\n \r\n Number of Sessions: {{\r\n hoveredMarker.noOfSessions\r\n }}\r\n
\r\n \r\n\r\n
\r\n\r\n\r\n","export class CompanyCrudHelper {\r\n\r\n createTableHeaders(table: any, tableRow: any) {\r\n // Client header cell\r\n const tdCompany = document.createElement('th');\r\n this.createHeaderCell(tdCompany, \"Client\");\r\n tableRow.appendChild(tdCompany);\r\n table.appendChild(tableRow);\r\n\r\n // UserPayerID header cell\r\n const tdUserPayerId = document.createElement('th');\r\n this.createHeaderCell(tdUserPayerId, \"Payer ID\");\r\n tableRow.appendChild(tdUserPayerId);\r\n table.appendChild(tableRow);\r\n\r\n // Name header cell\r\n const tdName = document.createElement('th');\r\n this.createHeaderCell(tdName, \"Name\");\r\n tableRow.appendChild(tdName);\r\n table.appendChild(tableRow);\r\n\r\n // Email header cell\r\n const tdEmail = document.createElement('th');\r\n this.createHeaderCell(tdEmail, \"Email\");\r\n tableRow.appendChild(tdEmail);\r\n table.appendChild(tableRow);\r\n\r\n // Driver Invoicing header cell\r\n const tdDriver = document.createElement('th');\r\n this.createHeaderCell(tdDriver, \"Driver Invoicing\");\r\n tableRow.appendChild(tdDriver);\r\n table.appendChild(tableRow);\r\n\r\n // OceanUK Fleet header cell\r\n const tdOceanUk = document.createElement('th');\r\n this.createHeaderCell(tdOceanUk, \"Ocean UK\");\r\n tableRow.appendChild(tdOceanUk);\r\n table.appendChild(tableRow);\r\n }\r\n\r\n private createHeaderCell(element: any, heading: string) {\r\n element.style.marginLeft = '0.3rem';\r\n element.style.marginRight = '0.3rem';\r\n element.style.paddingLeft = '0.3rem';\r\n element.style.paddingRight = '0.3rem';\r\n element.append(heading);\r\n }\r\n\r\n createFleetRow(newFleetRow: any, company: any, counter: number) {\r\n // Client\r\n let companyRowCell = document.createElement('td');\r\n this.createTextRowCell(companyRowCell, company.name, counter);\r\n newFleetRow.appendChild(companyRowCell);\r\n\r\n // User Payer ID\r\n let userPayerIdRowCell = document.createElement('td');\r\n this.createTextRowCell(userPayerIdRowCell, company.clientId, counter);\r\n newFleetRow.appendChild(userPayerIdRowCell);\r\n\r\n // Contact Name\r\n let nameRowCell = document.createElement('td');\r\n this.createTextRowCell(nameRowCell, company.contactName, counter);\r\n newFleetRow.appendChild(nameRowCell);\r\n\r\n // Contact Email\r\n let emailRowCell = document.createElement('td');\r\n this.createTextRowCell(emailRowCell, company.email, counter);\r\n newFleetRow.appendChild(emailRowCell);\r\n\r\n // Driver Invoicing checkbox\r\n // To determine if fleet should receive invoice/reports based on number of drivers\r\n let driverInvoicingRowCell = document.createElement('td');\r\n this.createCheckboxRowCell(driverInvoicingRowCell, company.driverInvoicing, counter, \"driverCheckbox\");\r\n newFleetRow.appendChild(driverInvoicingRowCell);\r\n\r\n // Ocean UK fleet checkbox\r\n // To determine if a fleet is on Ocean UK or Ireland\r\n let oceanUkRowCell = document.createElement('td');\r\n this.createCheckboxRowCell(oceanUkRowCell, company.oceanUK, counter, \"oceanCheckbox\");\r\n newFleetRow.appendChild(oceanUkRowCell);\r\n }\r\n\r\n private createTextRowCell(element: any, text: string, counter: number) {\r\n element.append(text);\r\n element.style.paddingRight = '.5rem';\r\n element.style.paddingLeft = '.5rem';\r\n element.style.marginRight = '1.3rem';\r\n element.style.marginLeft = '1.3rem';\r\n element.style.textAlign = 'center';\r\n element.style.color = '#343434';\r\n element.style.cursor = 'default';\r\n counter % 2 === 0 ? element.style.backgroundColor = 'white' : element.style.backgroundColor = 'rgb(238, 238, 238)';\r\n }\r\n\r\n private createCheckboxRowCell(element: any, checkboxTicked: boolean, counter: number, className: string) {\r\n let checkbox = document.createElement('input');\r\n checkbox.type = \"checkbox\";\r\n checkbox.name = \"checkbox\" + counter;\r\n checkbox.checked = checkboxTicked;\r\n checkbox.className = className;\r\n\r\n element.append(checkbox);\r\n this.createTextRowCell(element, \"\", counter);\r\n }\r\n\r\n}","import { HttpClient, HttpHeaders } from '@angular/common/http';\r\nimport { Injectable } from '@angular/core';\r\nimport { EMPTY } from 'rxjs';\r\nimport * as FileSaver from 'file-saver';\r\nimport * as moment from 'moment';\r\n\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class RfidAddressesService {\r\n\r\n url:string = 'https://www.easygo-dev.com:8081/v1/';\r\n // url:string = 'https://localhost:8081/v1/';\r\n\r\n returnedMessage: string;\r\n\r\n constructor(private http: HttpClient) {}\r\n\r\n public getRfidAddressesPdf() {\r\n try {\r\n let headers = new HttpHeaders();\r\n headers = headers.set('Accept', 'application/pdf')\r\n .set('Access-Control-Allow-Origin', 'https://www.easygo-dev.com')\r\n .set('Access-Control-Allow-Methods', 'POST')\r\n\r\n let body = null;\r\n let req = this.http.post\r\n \r\n \r\n \r\n\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n\r\n \r\n \r\n\r\n
\r\n\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {{returnedData}}
\r\n \r\n Data found for: \r\n \r\n {{companySaved}}, \r\n \r\n \r\n
\r\n \r\n \r\n CSV Invoice template and charging sessions report for {{companySaved}} has been saved to \"Invoices/{{companySaved}}\"
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n\r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n Attempting to retrieve charging sessions and generate invoice report
\r\n \r\n {{companies.pdfFleetStatus}}\r\n
\r\n \r\n
\r\n\r\n
\r\n\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n Attempting to retrieve charging sessions for selected fleet subscribers and generate invoice reports
\r\n \r\n \r\n
\r\n
\r\n\r\n\r\n| Session Id | \r\nUser Id | \r\nSum of Costs | \r\nEnergy Consumed | \r\nLocation Name | \r\nCharging From | \r\nCharging To | \r\nMins Charging | \r\nAccess Type | \r\n
|---|---|---|---|---|---|---|---|---|
| {{company.sessionId}} | \r\n{{company.identificationUserId}} | \r\n{{company.sumOfCosts | number : '1.0-2' }} | \r\n{{company.activeEnergyConsumption | number : '1.0-2' }} | \r\n{{company.locationName}} | \r\n{{company.chargingFrom | date : 'short' }} | \r\n{{company.chargingTo | date : 'short' }} | \r\n{{company.minsCharging | number : '1.0-2' }} | \r\n{{company.accessType}} | \r\n
\r\n
\r\n\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { TariffLocationsService } from '../../services/tariff-locations-service/tariff-locations-service.service';\r\n\r\n@Component({\r\n selector: 'app-tariff-locations',\r\n templateUrl: './tariff-locations.component.html',\r\n styleUrls: ['./tariff-locations.component.scss']\r\n})\r\nexport class TariffLocationsComponent implements OnInit {\r\n\r\n private tariffLocations: any;\r\n private newLocation: any;\r\n private previousRowColour: string;\r\n\r\n constructor(public tariffLocationData: TariffLocationsService) { }\r\n\r\n public ngOnInit(): void {\r\n this.generateTariffLocationsTable();\r\n }\r\n\r\n public generateTariffLocationsTable(): void {\r\n this.tariffLocationData.getAllTariffLocations().subscribe((data: any) => {\r\n \r\n this.tariffLocations = data[data.length-1].tariff;\r\n\r\n let table = document.getElementById('tariff-locations-table') as any;\r\n\r\n for(let i = 0; i < this.tariffLocations.length; i++) {\r\n let temp = table.insertRow().insertCell();\r\n temp.innerText = this.tariffLocations[i].title;\r\n temp.contentEditable = true;\r\n }\r\n let table2 = document.getElementById('tariff-locations-table-details') as any;\r\n \r\n for(let i = 0; i < this.tariffLocations.length; i++) {\r\n \r\n let row = table2.insertRow()\r\n if(i % 2 === 0) {\r\n row.style.backgroundColor = '#eee';\r\n } else {\r\n row.style.backgroundColor = '#d9d9d9';\r\n }\r\n\r\n row.style.color = '#222'\r\n\r\n for(let k = 0; k < this.tariffLocations[i].locations.length; k++) {\r\n let cell = row.insertCell();\r\n cell.contentEditable = true;\r\n cell.innerText = this.tariffLocations[i].locations[k];\r\n cell.style.margin = '3px';\r\n cell.style.padding = '5px';\r\n cell.style.cursor = 'cell';\r\n }\r\n \r\n let addLocations = document.getElementsByClassName('add_locations') as any;\r\n for(let loc = 0; loc < addLocations.length; loc++) {\r\n addLocations[loc].style.float = 'right';\r\n addLocations[loc].style.marginRight = '12px';\r\n }\r\n let removePre = row.insertCell();\r\n let plusIcon = document.createElement('i');\r\n plusIcon.className = ('fa fa-minus');\r\n removePre.appendChild(plusIcon);\r\n plusIcon.style.marginRight = '8px';\r\n plusIcon.style.float = 'right';\r\n plusIcon.style.cursor = 'pointer';\r\n }\r\n\r\n let menuCells = document.getElementById('tariff-locations-table').querySelectorAll('td') as any;\r\n\r\n for(let i = 0; i < menuCells.length; i++) {\r\n\r\n menuCells[i].style.color = '#333';\r\n if(i % 2 === 0) {\r\n menuCells[i].style.backgroundColor = '#eee';\r\n } else {\r\n menuCells[i].style.backgroundColor = '#dedede';\r\n }\r\n menuCells[i].style.padding = \"5px\";\r\n }\r\n\r\n });\r\n }\r\n\r\n public addLocation(e: any): void {\r\n e.path[1].querySelectorAll('td')[e.path[1].querySelectorAll('td').length-1].querySelector('i').remove();\r\n e.path[1].querySelectorAll('td')[e.path[1].querySelectorAll('td').length-1].contentEditable = true;\r\n let positionToAddLocation = e.path[0].closest('tr'); \r\n this.newLocation = positionToAddLocation.insertCell();\r\n this.newLocation.contentEditable = true;\r\n this.newLocation.style.minWidth = '69px';\r\n\r\n let plusIcon = document.createElement('i');\r\n plusIcon.className = ('fa fa-minus');\r\n plusIcon.id = ('minus');\r\n e.path[1].querySelectorAll('td')[e.path[1].querySelectorAll('td').length-1].appendChild(plusIcon);\r\n plusIcon.style.marginRight = '8px';\r\n plusIcon.style.float = 'right';\r\n plusIcon.style.cursor = 'pointer';\r\n }\r\n\r\n public highlightRowLocations(e: any): void {\r\n if(e.path[0].attributes[0] !== undefined && e.path[0].attributes[0].textContent === 'fa fa-minus') {\r\n let rowCells = e.path[2].querySelectorAll('td').length - 2;\r\n for(let i = 0; i < e.path[2].querySelectorAll('td').length; i++) {\r\n if(i === rowCells) {\r\n e.path[2].querySelectorAll('td')[i].remove();\r\n break;\r\n }\r\n }\r\n }\r\n\r\n let highlightedRow = e.path[1];\r\n\r\n if(highlightedRow.style.backgroundColor !== 'rgb(255, 255, 146)') {\r\n this.previousRowColour = highlightedRow.style.backgroundColor;\r\n }\r\n if(highlightedRow.style.backgroundColor !== 'rgb(255, 255, 146)') {\r\n highlightedRow.style.backgroundColor = 'rgb(255, 255, 146)';\r\n } else {\r\n highlightedRow.style.backgroundColor = this.previousRowColour;\r\n }\r\n }\r\n\r\n public highlightRowHeaders(e: any): void {\r\n let highlightedRow = e.path[0];\r\n\r\n if(highlightedRow.style.backgroundColor !== 'rgb(255, 255, 146)') {\r\n this.previousRowColour = highlightedRow.style.backgroundColor;\r\n }\r\n if(highlightedRow.style.backgroundColor !== 'rgb(255, 255, 146)') {\r\n highlightedRow.style.backgroundColor = 'rgb(255, 255, 146)';\r\n } else {\r\n highlightedRow.style.backgroundColor = this.previousRowColour;\r\n }\r\n }\r\n\r\n public saveNewLocations(): void {\r\n const tariffLocationsArr = [];\r\n const tableLocationsHeaders = document.getElementById('tariff-locations-table').querySelectorAll('td') as any;\r\n const tableLocationsRows = document.getElementById('tariff-locations-table-details').querySelectorAll('tr') as any;\r\n \r\n for(let i = 0; i < tableLocationsRows.length; i++) {\r\n let tr = []\r\n for(let j = 0; j < tableLocationsRows[i].childNodes.length; j++) {\r\n\r\n if(tableLocationsRows[i].childNodes[j].innerText !== \"\") {\r\n\r\n tr.push( (tableLocationsRows[i].childNodes[j].innerText) )\r\n }\r\n }\r\n tariffLocationsArr.push( \r\n { \r\n 'Title': tableLocationsHeaders[i].textContent, \r\n 'Locations': tr\r\n }\r\n );\r\n }\r\n this.tariffLocationData.postTariffLocations(tariffLocationsArr);\r\n }\r\n\r\n \r\n}\r\n","\r\n\r\n \r\n
\r\n\r\n \r\n\r\n
\r\n \r\n\r\n
\r\n \r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n
\r\n
\r\n\r\n \r\n Step 2: Generate PDF report from the selected CSV file:\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n\r\n \r\n
\r\n\r\n\r\n
\r\n\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {{this.tariffLocationData.responseMessage}}\r\n \r\n \r\n
\r\n\r\n","import { Action } from '@ngrx/store';\r\n\r\nexport function simpleReducer(state: string = 'false', action: Action) {\r\n\r\n switch (action.type) {\r\n case 'FALSE' :\r\n return state = 'false';\r\n case 'TRUE' :\r\n return state = 'true';\r\n }\r\n\r\n}","import { Component, OnInit } from '@angular/core';\r\nimport { RfidAddressesService } from 'src/app/services/rfid-addresses-service/rfid-addresses.service';\r\n\r\n@Component({\r\n selector: 'app-rfid-addresses',\r\n templateUrl: './rfid-addresses.component.html',\r\n styleUrls: ['./rfid-addresses.component.scss']\r\n})\r\nexport class RfidAddressesComponent implements OnInit {\r\n\r\n constructor(\r\n public rfidAddressesService: RfidAddressesService\r\n ) { }\r\n\r\n ngOnInit(): void {}\r\n\r\n getRfidAddressesPDF() {\r\n this.rfidAddressesService.getRfidAddressesPdf();\r\n }\r\n\r\n}\r\n","\r\n
\r\n\r\n\r\n\r\n
\r\n \r\n Generate addresses for key fob postage ->\r\n
\r\n \r\n \r\n \r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n {{this.rfidAddressesService.returnedMessage}}\r\n
","import { Injectable } from '@angular/core';\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { EMPTY } from 'rxjs';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class TariffsService {\r\n\r\n url:string = \"https://www.easygo-dev.com:8081/v1\"; // for production in digitalocean TODO change url\r\n\r\n savedConfirm: string;\r\n timestamp: Date;\r\n\r\n constructor(private http: HttpClient) { }\r\n\r\n public getAllTariffs() {\r\n try {\r\n return this.http.get\r\n
\r\n\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n Please select a coupon type:\r\n
\r\n \r\n \r\n
\r\n
\r\n | Id | \r\nTitle | \r\n \r\nDescription | \r\n \r\nValid From | \r\nValid To | \r\nUsage Flavour Id | \r\nMerchant Company Name | \r\n\r\n
|---|
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n {{this.numberOfCoupons}} {{this.couponService.returnedMessage}}\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-api-invoice-site',\r\n templateUrl: './api-invoice-site.component.html',\r\n styleUrls: ['./api-invoice-site.component.scss']\r\n})\r\nexport class ApiInvoiceSiteComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","api-invoice-site works!
\r\n","import { NgModule } from '@angular/core';\r\nimport { Routes, RouterModule } from '@angular/router';\r\nimport { ChargersMapNewComponent } from './components/chargers-map-new/chargers-map-new.component';\r\nimport { GHeatMapComponent } from './components/g-heat-map/g-heat-map.component';\r\nimport { LoginComponent } from './components/login/login.component';\r\nimport { SiteDetailsComponent } from './components/site-details/site-details.component';\r\nimport { AuthguardGuard as AuthGuard } from './guards/authguard.guard';\r\nimport { ApiInvoiceComponent } from './components/api-invoice/api-invoice.component';\r\nimport { ApiInvoiceSiteComponent } from './components/api-invoice-site/api-invoice-site.component';\r\nimport { CsvInvoiceComponent } from './components/csv-invoice/csv-invoice.component';\r\nimport { TariffsComponent } from './components/tariffs/tariffs.component';\r\nimport { TariffLocationsComponent } from './components/tariff-locations/tariff-locations.component';\r\nimport { TariffTestRecordsComponent } from './components/tariff-test-records/tariff-test-records.component';\r\nimport { RfidAddressesComponent } from './components/rfid-addresses/rfid-addresses.component';\r\nimport { ChargingSessionsCsvGenComponent } from './components/charging-sessions-csv-gen/charging-sessions-csv-gen.component';\r\nimport { CompaniesCrudComponent } from './components/companies-crud/companies-crud.component';\r\nimport { CouponInterfaceComponent } from './components/coupon-interface/coupon-interface.component';\r\nimport { RegistrationFormComponent } from './components/registration-form/registration-form.component';\r\n\r\nexport const routes: Routes = [\r\n\r\n { path: 'api-invoice', component: ApiInvoiceComponent, \r\n canActivate: [AuthGuard],\r\n data: { \r\n role: 'ROLE_MODERATOR' \r\n }\r\n },\r\n { path: 'api-invoice-site', component: ApiInvoiceSiteComponent, \r\n canActivate: [AuthGuard],\r\n data: { \r\n role: 'ROLE_MODERATOR' \r\n }\r\n },\r\n { path: 'csv-invoice', component: CsvInvoiceComponent, \r\n canActivate: [AuthGuard],\r\n data: {\r\n role: 'ROLE_MODERATOR'\r\n }\r\n },\r\n { path: 'tariffs', component: TariffsComponent, \r\n canActivate: [AuthGuard],\r\n data: {\r\n role: 'ROLE_MODERATOR'\r\n }\r\n \r\n },\r\n { path: 'tariff-locations', component: TariffLocationsComponent, \r\n canActivate: [AuthGuard],\r\n data: {\r\n role: 'ROLE_MODERATOR'\r\n }\r\n \r\n },\r\n { path: 'tariff-test-records', component: TariffTestRecordsComponent,\r\n canActivate: [AuthGuard],\r\n data: {\r\n role: 'ROLE_MODERATOR'\r\n }\r\n \r\n },\r\n {\r\n path: 'charger-map', component: ChargersMapNewComponent,\r\n canActivate: [AuthGuard],\r\n data: {\r\n role: 'ROLE_SALES'\r\n }\r\n },\r\n { path: 'fleetcompanies', component: CompaniesCrudComponent, \r\n canActivate: [AuthGuard], \r\n data: {\r\n role: 'ROLE_MODERATOR'\r\n }\r\n },\r\n { path: 'coupons', component: CouponInterfaceComponent,\r\n canActivate: [AuthGuard],\r\n data: {\r\n role: 'ROLE_MODERATOR'\r\n }\r\n },\r\n { path: 'company-users-reg', component: RegistrationFormComponent, \r\n canActivate: [AuthGuard], \r\n data: {\r\n role: 'ROLE_MODERATOR'\r\n }\r\n },\r\n { path: 'chargingSessionsCsvGen', component: ChargingSessionsCsvGenComponent, \r\n canActivate: [AuthGuard],\r\n data: {\r\n role: 'ROLE_MODERATOR'\r\n } \r\n },\r\n {\r\n path: 'heatmapnew', component: GHeatMapComponent,\r\n canActivate: [AuthGuard],\r\n data: {\r\n role: 'ROLE_SALES'\r\n }\r\n },\r\n {\r\n path: 'chart', component: SiteDetailsComponent,\r\n canActivate: [AuthGuard],\r\n data: {\r\n role: 'ROLE_SALES'\r\n }\r\n },\r\n { path: 'rfid-addresses', component: RfidAddressesComponent, \r\n canActivate: [AuthGuard],\r\n data: {\r\n role: 'ROLE_MODERATOR'\r\n } \r\n },\r\n { path: 'login', component: LoginComponent },\r\n { path: '', redirectTo: 'login', pathMatch: 'full' }\r\n];\r\n\r\n@NgModule({\r\n imports: [RouterModule.forRoot(routes)],\r\n exports: [RouterModule]\r\n})\r\n\r\nexport class AppRoutingModule { }","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\r\nimport { FormGroup, FormControl } from \"@angular/forms\";\r\nimport { FormBuilder } from '@angular/forms';\r\nimport { HeatmapService } from 'src/app/services/heatmap-service/heatmap.service';\r\nimport { MatSnackBar } from '@angular/material/snack-bar';\r\nimport { Router } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'app-map-sidebar',\r\n templateUrl: './map-sidebar.component.html',\r\n styleUrls: ['./map-sidebar.component.scss']\r\n})\r\nexport class MapSidebarComponent implements OnInit {\r\n dateForm: FormGroup;\r\n private zipFiles: File = null;\r\n isLoading = false;\r\n chargeTypes: any = ['AC', 'DC'];\r\n months: any = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];\r\n years: any = [];\r\n sessionTypes: any = ['EasyGo', 'ESB'];\r\n easyGoTypes: any = ['Public', 'Private'];\r\n chargeTypeControl: FormControl = new FormControl(['AC'], []);\r\n sessionControl: FormControl = new FormControl(['EasyGo'], []);\r\n monthControl: FormControl = new FormControl([], []);\r\n yearControl: FormControl = new FormControl('', []);\r\n easyGoControl: FormControl = new FormControl(['Public', 'Private'], []);\r\n @Output() onDateApply = new EventEmitter\r\n
\r\n\r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n","import { Injectable } from '@angular/core';\r\nimport { ActivatedRouteSnapshot, CanActivate, Router, RouterStateSnapshot, UrlTree } from '@angular/router';\r\nimport { AuthService } from '../services/auth/auth.service';\r\nimport * as _ from 'lodash';\r\nimport { Observable } from 'rxjs';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class AuthguardGuard implements CanActivate {\r\n\r\n constructor(private authenticationService: AuthService, private router: Router) {}\r\n\r\n canActivate( \r\n route: ActivatedRouteSnapshot, \r\n state: RouterStateSnapshot): \r\n | Observable\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n