\r\n
\r\n","export class RouterHelperService {\r\n\r\n static appBaseRoute = {\r\n home: '',\r\n personProfile: 'person-profile',\r\n placeProfile: 'place-profile',\r\n searchResults: 'search-results',\r\n };\r\n\r\n // Url param string values have to match the names expected by web api\r\n static urlParam = {\r\n id: 'id',\r\n term: 'term',\r\n location: 'location',\r\n searchType: 'type',\r\n defaultCategory: 'defaultCategory',\r\n latitude: 'latitude',\r\n longitude: 'longitude',\r\n serviceCategory: 'serviceCategory',\r\n serviceCategoryFilter: 'serviceCategoryFilter',\r\n serviceSelected: 'serviceSelected',\r\n specialtySelected: 'specialtySelected',\r\n service: 'service',\r\n specialty: 'specialty',\r\n easyClaim: 'easyClaim',\r\n telehealth: 'telehealth',\r\n distance: 'distance',\r\n distanceKms: 'distanceKms',\r\n affiliatedProvider: 'affiliatedProvider',\r\n affiliatedProviderConsult: 'affiliatedProviderConsult',\r\n sort: \"sort\",\r\n myLocationLabel: \"myLocationLabel\"\r\n };\r\n\r\n static routeType = {\r\n home: 'home',\r\n personProfile: 'personProfile',\r\n placeProfile: 'placeProfile',\r\n searchResults: 'searchResults'\r\n };\r\n\r\n static getRoute(routeType: string, id: string, name: string, queryParams: {}): RouteUrl {\r\n\r\n // Add slash, can't add it in appBaseRoute becasue it's used in router configuration\r\n // which doesn't accept a / at the start of the route\r\n const baseRoute = '/' + RouterHelperService.appBaseRoute[routeType];\r\n\r\n let route = [];\r\n\r\n // Remove special characters from the name and replace spaces with hyphens to make it look tidier in th url.\r\n // The name is not used anywhere, it's just to make the urls urer and search engine friendly.\r\n if (name) {\r\n name = name.replace(/[^a-z0-9 ]+/gi, '').replace(/\\s+/g, '-');\r\n name = encodeURIComponent(name);\r\n }\r\n\r\n if (routeType === RouterHelperService.routeType.personProfile || routeType === RouterHelperService.routeType.placeProfile) {\r\n route = (name) ? [baseRoute, id, name] : [baseRoute, id];\r\n } else {\r\n route = [baseRoute];\r\n }\r\n\r\n return (queryParams) ? new RouteUrl(route, queryParams) : new RouteUrl(route, null);\r\n }\r\n}\r\n\r\nexport class RouteUrl {\r\n constructor(public link: any[], public query: {}) { }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { throwError } from 'rxjs';\r\n\r\nimport { StateService } from './state.service';\r\n\r\n@Injectable()\r\nexport class ErrorHandlingService {\r\n constructor(private _stateService: StateService) { }\r\n\r\n /** Http error handler. The 'catch' statement seems to be optional when calling an http service.\r\n * The error will be passed to the calling component and should be handled there.\r\n * Use this method for generic error handling.\r\n */\r\n catchThrowError(error: any) {\r\n\r\n // Add some handling here?\r\n\r\n return throwError(error);\r\n }\r\n\r\n // Notify UI to display a friendly message\r\n friendlyErrorHandler(isError: boolean) {\r\n this._stateService.hasError(isError);\r\n }\r\n}\r\n","import { HttpClient, HttpParams, HttpResponse } from '@angular/common/http';\r\nimport { Injectable } from '@angular/core';\r\nimport { Observable } from 'rxjs';\r\nimport { catchError, map } from 'rxjs/operators';\r\n\r\nimport { WebApiModel } from '../models/web-api.model';\r\nimport { ErrorHandlingService } from './error-handling.service';\r\nimport { RouterHelperService } from './router-helper.service';\r\nimport { SettingsService } from './settings.service';\r\n\r\n@Injectable()\r\nexport class ProfileService {\r\n constructor(private http: HttpClient, private _errorHandlingService: ErrorHandlingService) { }\r\n\r\n getPerson(id: string): Observable\r\n
\r\n Find a health professional that suits your needs
\r\nThis is for information only and doesn’t confirm coverage under your policy.
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n Affiliated Providers
\r\n\r\n
\r\n \r\n \r\n
\r\n Easy-Claim partners
\r\n\r\n
\r\n\r\n
\r\n - \r\n
- Affiliated Providers are doctors, specialists or medical facilities contracted to provide Southern Cross\r\n members with certain healthcare services at agreed prices. \r\n
- Some healthcare services are 'Affiliated\r\n Provider-only', which means they're only covered by your policy if performed by an Affiliated Provider.\r\n \r\n
\r\n
\r\n - \r\n
- Easy-Claim partners\r\n provide a convenient way for Southern Cross members to claim for eligible day-to-day healthcare services at\r\n the time of purchase. \r\n
- Just show your Member card (it's on the app) or mention your number and they’ll do the rest. If your plan\r\n covers the product or service, we'll reimburse the provider directly and you'll only pay any remaining\r\n contribution you're responsible for. \r\n
\r\n \r\n {{placeDetail.practiceName}}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n
\r\n","import { Component, Input, OnChanges, ViewEncapsulation } from '@angular/core';\r\n\r\nimport { WebApiModel } from '../../../models/web-api.model';\r\nimport { RouterHelperService } from '../../../services/router-helper.service';\r\nimport { SettingsService } from '../../../services/settings.service';\r\n\r\n@Component({\r\n selector: 'hcf-place-detail',\r\n templateUrl: './place-detail.component.html',\r\n styleUrls: ['./place-detail.component.scss'],\r\n encapsulation: ViewEncapsulation.None\r\n})\r\nexport class PlaceDetailComponent implements OnChanges {\r\n\r\n @Input() placeDetail: WebApiModel.Place;\r\n @Input() serviceCategoryName: string;\r\n\r\n placeLink: any[];\r\n services: string[];\r\n settings = SettingsService;\r\n\r\n ngOnChanges() {\r\n const id = this.placeDetail.id;\r\n const routeType = RouterHelperService.routeType.placeProfile;\r\n const route = RouterHelperService.getRoute(routeType, id, this.placeDetail.practiceName, null);\r\n this.placeLink = route.link;\r\n // Get services\r\n this.placeDetail.serviceCategories.forEach((category) => {\r\n if (category.name === this.serviceCategoryName) {\r\n // Filter null or empty\r\n this.services = category.services.filter((serviceName) => { if (serviceName) { return serviceName; } });\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 {{placeDetail.facilityName}}
\r\n {{placeDetail.receptionLocation}}
\r\n {{placeDetail.address}}\r\n {{placeDetail.suburb}}
\r\n {{placeDetail.city}} {{placeDetail.postcode}}
\r\n - \r\n
- \r\n {{service}}\r\n \r\n
\r\n
","import { Component, Input, OnChanges, OnInit, ViewEncapsulation } from '@angular/core';\r\nimport { WebApiModel } from '../../../models/web-api.model';\r\n\r\n@Component({\r\n selector: 'hcf-person-service-category',\r\n templateUrl: './person-service-category.component.html',\r\n styleUrls: ['./person-service-category.component.scss'],\r\n encapsulation: ViewEncapsulation.None\r\n})\r\nexport class PersonServiceCategoryComponent implements OnInit, OnChanges {\r\n @Input() serviceCategoryName: string;\r\n @Input() placeDetails: WebApiModel.Place[];\r\n @Input() componentIndex: number;\r\n @Input() numberOfServiceCategories: number;\r\n\r\n filteredPlaceDetails: WebApiModel.Place[];\r\n detailsHidden: boolean = true;\r\n numberOfPlaces: number = 0;\r\n\r\n ngOnInit(): void {\r\n // Don't use ngOnInit, it's only triggered once when loading the first profile,\r\n // doesn't fire again when navigating to another person profile.\r\n // This is the default angular router behavour - reusing components.\r\n // There was an issue when this component wasn't refreshing when the 'serviceCategory' variable in ngFor in the parenent component\r\n // had the same value as the previous person profile, e.g. when browsing people who all had 'General practitioner' service category\r\n // the locations didn't update when navigating between the GP profiles.\r\n }\r\n\r\n ngOnChanges() {\r\n // expand the first category by default if there are more than one\r\n this.detailsHidden = (this.numberOfServiceCategories > 1 || this.componentIndex > 0);\r\n\r\n // or always expand the first one\r\n // this.detailsHidden = (this.componentIndex > 0);\r\n\r\n const filteredPlacesByServiceCategory: WebApiModel.Place[] = [];\r\n this.placeDetails.forEach((place) => {\r\n place.serviceCategories.forEach((category) => {\r\n if (category.name === this.serviceCategoryName) {\r\n filteredPlacesByServiceCategory.push(place);\r\n }\r\n });\r\n });\r\n this.filteredPlaceDetails = filteredPlacesByServiceCategory;\r\n\r\n if (this.filteredPlaceDetails) {\r\n this.numberOfPlaces = this.filteredPlaceDetails.length;\r\n }\r\n }\r\n\r\n setDetailsVisible(): void {\r\n this.detailsHidden = !this.detailsHidden;\r\n }\r\n}\r\n","import { MapsAPILoader } from '@agm/core';\r\nimport { Injectable } from '@angular/core';\r\nimport { BehaviorSubject, from, Observable, Subject } from 'rxjs';\r\nimport { first, takeWhile } from 'rxjs/operators';\r\nimport { WebApiModel } from '../../models/web-api.model';\r\n\r\ndeclare var google: any;\r\n\r\n@Injectable()\r\nexport class MapService {\r\n\r\n constructor(private mapsAPILoader: MapsAPILoader){}\r\n\r\n setMapZoom(map: any, locations: any[], userLatLng: any) {\r\n let currentLat = 0;\r\n let currentLng = 0;\r\n let numberOfUniqueLocations = 0;\r\n let minLocationDistance = 0;\r\n let maxLocationDistance = 0;\r\n let closestLatLng: any;\r\n let farthestLatLng: any;\r\n\r\n const latlngbounds = new google.maps.LatLngBounds();\r\n\r\n for (const location of locations) {\r\n const currentLocation: WebApiModel.Location = location;\r\n\r\n // If there are multiple locations with the same coordinates then skip that location, otherwise\r\n // map bounds are not set properly below. The zoom is set to fit bounds instead of center and the map\r\n // is zoomed in too much, it was happening on the person profile pages. When doctor is working at\r\n // multiple facilities which were at the same address.\r\n if (currentLocation.longitude === currentLng && currentLocation.latitude === currentLat) {\r\n continue;\r\n }\r\n\r\n if (userLatLng) {\r\n const currentLatLng = new google.maps.LatLng(currentLocation.latitude, currentLocation.longitude);\r\n\r\n const locationDistance = google.maps.geometry.spherical.computeDistanceBetween(userLatLng, currentLatLng);\r\n if (locationDistance < minLocationDistance || minLocationDistance === 0) {\r\n minLocationDistance = locationDistance;\r\n closestLatLng = currentLatLng;\r\n }\r\n if (locationDistance > maxLocationDistance || maxLocationDistance === 0) {\r\n maxLocationDistance = locationDistance;\r\n farthestLatLng = currentLatLng;\r\n }\r\n }\r\n\r\n if (currentLocation.longitude !== 0 && currentLocation.latitude !== 0) {\r\n latlngbounds.extend(new google.maps.LatLng(currentLocation.latitude, currentLocation.longitude));\r\n numberOfUniqueLocations++;\r\n }\r\n\r\n currentLat = currentLocation.latitude;\r\n currentLng = currentLocation.longitude;\r\n }\r\n\r\n let initialZoom = true;\r\n\r\n // Listener to handle fitBounds zoom changes\r\n // When there are two marker located very close on the map and we use fitBounds then the map\r\n // will zoom in too much, setZoom right after fitBounds is not working but fitBounds will\r\n // fire zoom_changed and bounds_changed events, this is how we zoom the map back a little\r\n google.maps.event.addListener(map, 'zoom_changed', () => {\r\n\r\n const zoomChangeBoundsListener =\r\n google.maps.event.addListener(map, 'bounds_changed', () => {\r\n\r\n // double check after angular 7 upgrade\r\n if (map.getZoom() > 19 && initialZoom === true) {\r\n // Change max/min zoom here\r\n map.setZoom(19);\r\n }\r\n\r\n initialZoom = false;\r\n google.maps.event.removeListener(zoomChangeBoundsListener);\r\n });\r\n });\r\n\r\n\r\n if (userLatLng) {\r\n map.fitBounds(new google.maps.LatLngBounds().extend(userLatLng).extend(farthestLatLng),0); //.extend(closestLatLng));\r\n map.setZoom(map.getZoom() - 1);\r\n } else {\r\n if (numberOfUniqueLocations > 1) {\r\n map.fitBounds(latlngbounds,0);\r\n // Zoom level after fitBounds is handled by the zoom_changed event listener above.\r\n // setZoom() didn't work after fitBounds.\r\n } else if (numberOfUniqueLocations === 1) {\r\n map.setCenter(new google.maps.LatLng(locations[0].latitude, locations[0].longitude));\r\n map.setZoom(14); // Set zoom level for a single location, otherwise the default is a bit too far.\r\n }\r\n }\r\n }\r\n\r\n // Sets default view on the map with NZ showing\r\n setDefaultMap(map: any) {\r\n const country = 'New Zealand';\r\n const geocoder = new google.maps.Geocoder();\r\n geocoder.geocode({ address: country }, (results, status) => {\r\n if (status === google.maps.GeocoderStatus.OK) {\r\n map.setCenter(results[0].geometry.location);\r\n map.setZoom(4);\r\n }\r\n });\r\n }\r\n\r\n // Retrieve the latitude/longitude for an address\r\n // Returns a promise which can be awaited\r\n getLocationFromAddress(address: string) {\r\n return this.mapsAPILoader.load().then(() => {\r\n const geocoder = new google.maps.Geocoder();\r\n\r\n const ob = Observable.create(\r\n observer => geocoder.geocode({ address }, (results, status) => {\r\n if (status === google.maps.GeocoderStatus.OK) {\r\n const loc = results[0].geometry.location;\r\n observer.next({\r\n lat: loc.lat(),\r\n lng: loc.lng()\r\n });\r\n } else {\r\n observer.next(null);\r\n }\r\n })) as Observable<{lat: number, lng: number}>;\r\n\r\n return ob.pipe(first()).toPromise();\r\n });\r\n }\r\n}\r\n","import { GoogleMapsAPIWrapper } from '@agm/core';\r\nimport { Directive, Input } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport 'js-marker-clusterer/src/markerclusterer.js';\r\n\r\nimport { WebApiModel } from '../../models/web-api.model';\r\nimport { RouterHelperService, RouteUrl } from '../../services/router-helper.service';\r\nimport { StateService } from '../../services/state.service';\r\nimport { MapService } from './healthcarefinder-map.service';\r\n\r\ndeclare var google: any;\r\ndeclare var MarkerClusterer;\r\ndeclare function require(string): string;\r\nconst maxZoom = 14;\r\n\r\n@Directive({\r\n selector: '[hcfMarkerExtension]'\r\n})\r\nexport class MarkerExtensionDirective {\r\n\r\n private _markers = [];\r\n private _locations = [];\r\n private markerClusterer: any;\r\n lastSelectedMarker: any;\r\n lastSelectedlocation: WebApiModel.Location;\r\n @Input() latitude: number;\r\n @Input() longitude: number;\r\n @Input() isPopup: boolean;\r\n\r\n constructor(private _stateService: StateService,\r\n private _wrapper: GoogleMapsAPIWrapper,\r\n private _mapService: MapService,\r\n private _router: Router\r\n ) { }\r\n\r\n @Input()\r\n set data(locations: any[]) {\r\n this._locations = locations;\r\n this.setupMap(true);\r\n }\r\n\r\n setupMap(resetZoom: boolean) {\r\n // Remove any previously added markers from the map\r\n // for (let i = 0; i < this._markers.length; i++) {\r\n // this._markers[i].setMap(null);\r\n // }\r\n for (const marker of this._markers) {\r\n marker.setMap(null);\r\n }\r\n\r\n this._markers = []; // Reset markers each time new data is received.\r\n\r\n this._wrapper.getNativeMap()\r\n .then((map) => {\r\n\r\n const mapOptions = {\r\n fullscreenControl: false\r\n };\r\n map.setOptions(mapOptions);\r\n\r\n if (this.markerClusterer) {\r\n this.markerClusterer.clearMarkers();\r\n }\r\n\r\n // If no locations then no markers\r\n if (!this._locations || this._locations.length === 0) {\r\n this._mapService.setDefaultMap(map);\r\n return;\r\n }\r\n\r\n // One info window object reused by many markers, this way only one info window will be open on the map at a time.\r\n const infoWindow = new google.maps.InfoWindow();\r\n\r\n for (const location of this._locations) {\r\n const currentLocation: WebApiModel.Location = location;\r\n const latLng = new google.maps.LatLng(currentLocation.latitude, currentLocation.longitude);\r\n const icon = this.getIcon(currentLocation, false);\r\n const isMultiLocation = currentLocation.locationDetails.length > 1;\r\n \r\n const marker = new google.maps.Marker({\r\n map,\r\n optimized: false, // Needed for IE11, otherwise markers are not showing properly and zoom is not working well.\r\n icon: this.getIconImage(icon),\r\n position: latLng,\r\n title: isMultiLocation ? currentLocation.address : currentLocation.locationDetails[0].practiceName\r\n });\r\n\r\n if (isMultiLocation) {\r\n const label = {\r\n text: currentLocation.locationDetails.length.toString(),\r\n fontFamily: 'Arial',\r\n color: icon.isLabelBlue ? '#125687' : '#85ac59',\r\n fontWeight: '600'\r\n };\r\n marker.setLabel(label);\r\n }\r\n\r\n // Add info window content and marker click handler\r\n marker.addListener('click', () => {\r\n if (isMultiLocation) {\r\n infoWindow.close();\r\n if (!this.isPopup) {\r\n this._stateService.openPopupMap([currentLocation]);\r\n }\r\n this._stateService.toggleMapSidebar(currentLocation);\r\n } else {\r\n const infoWindowContent = this.buildInfoWindow(currentLocation);\r\n infoWindow.setContent(infoWindowContent);\r\n infoWindow.open(map, marker);\r\n this._stateService.toggleMapSidebar(null);\r\n }\r\n\r\n if (this.lastSelectedMarker && this.lastSelectedlocation) {\r\n this.lastSelectedMarker.setIcon(this.getIconImage(this.getIcon(this.lastSelectedlocation, false)));\r\n }\r\n\r\n const theIcon = this.getIcon(currentLocation, true);\r\n marker.setIcon(this.getIconImage(theIcon));\r\n\r\n this.lastSelectedMarker = marker;\r\n this.lastSelectedlocation = currentLocation;\r\n map.setCenter(new google.maps.LatLng(currentLocation.latitude, currentLocation.longitude));\r\n if (map.getZoom() < maxZoom) {\r\n map.setZoom(maxZoom);\r\n }\r\n });\r\n\r\n this._markers.push(marker);\r\n }\r\n\r\n const clusterStyles = [\r\n {\r\n url: '../../../assets/svg/ic-map-cluster.svg',\r\n width: 32,\r\n height: 32,\r\n textColor: '#ffffff',\r\n textSize: 13\r\n }\r\n ];\r\n\r\n const options = {\r\n gridSize: 36,\r\n styles: clusterStyles,\r\n maxZoom\r\n };\r\n\r\n this.markerClusterer = new MarkerClusterer(map, this._markers, options);\r\n\r\n google.maps.event.addListener(infoWindow, 'closeclick', () => {\r\n this.setupMap(false);\r\n });\r\n\r\n if (resetZoom) {\r\n this._mapService.setMapZoom(map, this._locations, this.getLatLng(this.latitude, this.longitude));\r\n }\r\n });\r\n }\r\n\r\n getLatLng(latitude: number, longitude: number): any {\r\n if (latitude && longitude) {\r\n return new google.maps.LatLng(latitude, longitude);\r\n }\r\n return null;\r\n }\r\n\r\n buildMapIcon(urlString: string, width: number, height: number, isLabelBlue: boolean, origin: any): MapIcon {\r\n const icon = {\r\n url: urlString,\r\n width,\r\n height,\r\n isLabelBlue,\r\n origin\r\n };\r\n return icon;\r\n }\r\n\r\n getIconImage(icon: MapIcon): any { \r\n return {\r\n url: icon.url,\r\n origin: new google.maps.Point(0, 0),\r\n anchor: new google.maps.Point(icon.width / 2, icon.height),\r\n labelOrigin: icon.origin,\r\n scaledSize: new google.maps.Size(icon.width, icon.height) // Scale down hi-res image for hi-res displays\r\n };\r\n }\r\n\r\n getIcon(location: WebApiModel.Location, isSelected: boolean): MapIcon {\r\n\r\n // Icons will be embedded into js by webpack because of 'require', they won't be copied to the webroot folder.\r\n let icon: MapIcon;\r\n let origin = new google.maps.Point(0, 0);\r\n const adjustLabel = isSelected ? 2 : 0;\r\n\r\n if (location.locationDetails.length > 1) {\r\n if (location.locationDetails.length > 19) {\r\n origin = new google.maps.Point(13 + adjustLabel, 14 + adjustLabel);\r\n } else if (location.locationDetails.length > 9) {\r\n origin = new google.maps.Point(14 + adjustLabel, 14 + adjustLabel);\r\n } else {\r\n origin = new google.maps.Point(15 + adjustLabel, 14 + adjustLabel);\r\n }\r\n\r\n if (isSelected) {\r\n icon = this.buildMapIcon('../../../assets/svg/ic-pin-green-cluster-selected.svg',\r\n 34, 48, false, origin);\r\n } else {\r\n icon = this.buildMapIcon('../../../assets/svg/ic-pin-green-cluster.svg', 29, 43, false, origin);\r\n }\r\n\r\n if (location.isAffiliatedProvider && location.isEasyClaim) {\r\n if (location.locationDetails.length > 9) {\r\n origin = new google.maps.Point(14 + (adjustLabel * 1.5), 16 + adjustLabel);\r\n } else {\r\n origin = new google.maps.Point(15 + (adjustLabel * 1.5), 15 + adjustLabel);\r\n }\r\n\r\n if (isSelected) {\r\n icon = this.buildMapIcon('../../../assets/svg/ic-pin-ec-and-ap-cluster-selected.svg',\r\n 41, 51, true, origin);\r\n } else {\r\n icon = this.buildMapIcon('../../../assets/svg/ic-pin-ec-and-ap-cluster.svg', 34, 45, true, origin);\r\n }\r\n } else if (location.isAffiliatedProvider) {\r\n if (isSelected) {\r\n icon = this.buildMapIcon('../../../assets/svg/ic-pin-blue-cluster-selected.svg',\r\n 34, 48, true, origin);\r\n } else {\r\n icon = this.buildMapIcon('../../../assets/svg/ic-pin-blue-cluster.svg', 29, 43, true, origin);\r\n }\r\n }\r\n } else {\r\n if (isSelected) {\r\n icon = this.buildMapIcon('../../../assets/svg/ic-pin-day-to-day-selected.svg', 34, 48, false, origin);\r\n } else {\r\n icon = this.buildMapIcon('../../../assets/svg/ic-pin-day-to-day.svg', 29, 43, false, origin);\r\n }\r\n\r\n const locationDetails = location.locationDetails[0];\r\n\r\n if (locationDetails.isAffiliatedProvider && locationDetails.isEasyClaim) {\r\n if (isSelected) {\r\n icon = this.buildMapIcon('../../../assets/svg/ic-pin-ec-and-ap-selected.svg', 41, 51, true, origin);\r\n } else {\r\n icon = this.buildMapIcon('../../../assets/svg/ic-pin-ec-and-ap.svg', 34, 45, true, origin);\r\n }\r\n } else if (locationDetails.isAffiliatedProvider) {\r\n if (isSelected) {\r\n icon = this.buildMapIcon('../../../assets/svg/ic-pin-affiliated-selected.svg',\r\n 34, 48, true, origin);\r\n } else {\r\n icon = this.buildMapIcon('../../../assets/svg/ic-pin-affiliated.svg', 29, 43, true, origin);\r\n }\r\n } else if (locationDetails.isEasyClaim) {\r\n if (isSelected) {\r\n icon = this.buildMapIcon('../../../assets/svg/ic-pin-easy-claim-selected.svg',\r\n 34, 48, false, origin);\r\n } else {\r\n icon = this.buildMapIcon('../../../assets/svg/ic-pin-easy-claim.svg', 29, 43, false, origin);\r\n }\r\n }\r\n }\r\n\r\n return icon;\r\n }\r\n\r\n buildInfoWindow(location: WebApiModel.Location): HTMLElement {\r\n\r\n const locationDetail = location.locationDetails[0];\r\n let address = '';\r\n\r\n const placeRoute: RouteUrl = RouterHelperService.getRoute(\r\n RouterHelperService.routeType.placeProfile, locationDetail.id, locationDetail.practiceName, null);\r\n\r\n const personRoute: RouteUrl = RouterHelperService.getRoute(\r\n RouterHelperService.routeType.personProfile, locationDetail.personId, locationDetail.displayName, null);\r\n\r\n // Create a wrapper container\r\n const infoContainer: HTMLElement = document.createElement('div');\r\n infoContainer.className = 'map-info-container';\r\n\r\n // Add practice link and AP|EC icons\r\n if (locationDetail.practiceName) {\r\n const practiceLink: HTMLAnchorElement = document.createElement('a');\r\n practiceLink.innerHTML = `${locationDetail.practiceName} `;\r\n practiceLink.href = placeRoute.link.join('/');\r\n practiceLink.className = 'marker-place-link';\r\n\r\n practiceLink.addEventListener('click', (event) => { this.linkClick(event, placeRoute); });\r\n if (locationDetail.isAffiliatedProvider) {\r\n const apStatus: HTMLElement = document.createElement('span');\r\n practiceLink.appendChild(apStatus);\r\n }\r\n\r\n if (locationDetail.isEasyClaim) {\r\n const ecStatus: HTMLElement = document.createElement('span');\r\n practiceLink.appendChild(ecStatus);\r\n }\r\n infoContainer.appendChild(practiceLink);\r\n }\r\n\r\n // Add person link, used on the search results map\r\n if (locationDetail.displayName) {\r\n const personLink: HTMLAnchorElement = document.createElement('a');\r\n const title = locationDetail.title ? locationDetail.title + ' ' : '';\r\n personLink.innerText = title + ' ' + locationDetail.displayName;\r\n personLink.href = personRoute.link.join('/');\r\n personLink.className = 'marker-person-link';\r\n personLink.addEventListener('click', (event) => { this.linkClick(event, personRoute); });\r\n infoContainer.appendChild(personLink);\r\n }\r\n\r\n const addressContainer: HTMLElement = document.createElement('div');\r\n\r\n address = this.buildString(address, locationDetail.receptionLocation);\r\n address = this.buildString(address, location.address);\r\n address = this.buildString(address, location.suburb);\r\n address = this.buildString(address, location.city);\r\n\r\n if (location.city && location.postcode) {\r\n address = address + ' ' + location.postcode;\r\n } else if (location.postcode) {\r\n address = this.buildString(address, location.postcode);\r\n }\r\n\r\n if (location.latitude && location.longitude) {\r\n const getDirections = 'Get directions';\r\n address = this.buildString(address, getDirections);\r\n }\r\n\r\n addressContainer.innerHTML = address;\r\n\r\n infoContainer.appendChild(addressContainer);\r\n\r\n return infoContainer;\r\n }\r\n\r\n linkClick(event, routeLink: RouteUrl) {\r\n event.preventDefault();\r\n this._router.navigate(routeLink.link);\r\n }\r\n\r\n /**\r\n * Helper to build a concatinated string and skip blank items\r\n */\r\n buildString(s: string, addressLine: string) {\r\n if (addressLine) {\r\n s = (s) ? s + '\r\n {{serviceCategoryName}} View locations
\r\n\r\n
\r\n' + addressLine : addressLine;\r\n }\r\n return s;\r\n }\r\n}\r\n\r\ninterface MapIcon {\r\n url: string;\r\n width: number;\r\n height: number;\r\n isLabelBlue: boolean;\r\n origin: any;\r\n}\r\n","import { Component, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'hcf-map',\r\n templateUrl: './healthcarefinder-map.component.html',\r\n styleUrls: ['./healthcarefinder-map.component.scss'],\r\n})\r\nexport class MapComponent {\r\n @Input() places: any;\r\n @Input() latitude: number;\r\n @Input() longitude: number;\r\n @Input() isPopup: boolean;\r\n}\r\n","
- \r\n
- {{i+1}} {{footnote}} \r\n
Report incorrect details for '{{personFullName || (place && place.practiceName)}}'
\r\n\r\n If the details for this place or person aren't right, let us know by completing the details below.\r\n
\r\n\r\n Note: if you need to contact this person/place now, please try their website (if listed) to find\r\n their contact details. We appreciate you taking the time to report the error(s) to us so we can correct them.\r\n
\r\n\r\n
I am a...
\r\n \r\n\r\n
\r\nSuccess
\r\nYour request has been submitted to Southern Cross for review.
Thanks for your help!
\r\n
","import { Component, EventEmitter, Input, OnChanges, Output, ViewEncapsulation } from '@angular/core';\r\n\r\nimport { WebApiModel } from '../../models/web-api.model';\r\nimport { StateService } from '../../services/state.service';\r\nimport { UiService } from '../../services/ui.service';\r\nimport { ReportIncorrectDetails } from './report-incorrect-details.model';\r\nimport { ReportIncorrectDetailsService } from './report-incorrect-details.service';\r\n\r\n@Component({\r\n selector: 'hcf-report-form',\r\n templateUrl: './report-form.component.html',\r\n styleUrls: ['./report-form.component.scss'],\r\n encapsulation: ViewEncapsulation.None\r\n})\r\nexport class ReportFormComponent implements OnChanges {\r\n\r\n @Input() person: WebApiModel.Person;\r\n @Input() personFullName: string;\r\n @Input() place: WebApiModel.Place;\r\n @Output() closePopupHandler = new EventEmitter();\r\n\r\n // Enum object with items that can be reported\r\n reportItem = { name: 'name', phone: 'phone', fax: 'fax', web: 'web', email: 'email', address: 'address' };\r\n reportType: number = null;\r\n reportResult: ReportIncorrectDetails;\r\n reportSubmittedSuccess: boolean = false;\r\n reportSubmittedError: boolean = false;\r\n\r\n private _checkBoxCount: number = 0;\r\n private _captchaResponse: string = null;\r\n\r\n constructor(\r\n private _uiService: UiService,\r\n private _stateService: StateService,\r\n private _reportService: ReportIncorrectDetailsService) {\r\n\r\n }\r\n\r\n ngOnChanges() {\r\n this.reportResult = new ReportIncorrectDetails();\r\n // Reset the report type, it fill trigger ngIf and it will reset the radio and checkbox state\r\n this.reportType = null;\r\n\r\n if (this.person) {\r\n this.reportResult.reportType = 'person';\r\n this.reportResult.id = this.person.id;\r\n } else if (this.place) {\r\n this.reportResult.reportType = 'place';\r\n this.reportResult.id = this.place.id;\r\n } else {\r\n return;\r\n }\r\n\r\n this.reportResult.url = this._uiService.getCurrentUrl();\r\n }\r\n\r\n reportIncorrectDetails() {\r\n\r\n if (this.formIsValid()) {\r\n\r\n this._stateService.isComponentLoading(true);\r\n\r\n this._reportService.sendReport(this.reportResult).subscribe(\r\n (response: boolean) => {\r\n if (response) {\r\n this.reportSubmittedError = false;\r\n this.reportSubmittedSuccess = true;\r\n } else {\r\n this.reportSubmittedSuccess = false;\r\n this.reportSubmittedError = true;\r\n }\r\n this._stateService.isComponentLoading(false);\r\n this._uiService.scrollToTop();\r\n },\r\n () => {\r\n // Show an error message\r\n this.reportSubmittedSuccess = false;\r\n this.reportSubmittedError = true;\r\n this._stateService.isComponentLoading(false);\r\n this._uiService.scrollToTop();\r\n }\r\n );\r\n }\r\n }\r\n\r\n selectReportType(reportType: number) {\r\n if (this.reportType !== reportType) {\r\n this.reportType = reportType;\r\n this._checkBoxCount = 0; // When switching the report type all checkboxes are reset so we reset the count.\r\n }\r\n }\r\n\r\n /** Adds/removes options from the final report object when checkboxes are selected\r\n */\r\n optionCheck(event, reportItem: string) {\r\n if (!event.target) {\r\n return;\r\n }\r\n\r\n const t = event.target;\r\n\r\n let itemValue = null;\r\n\r\n if (t.checked) {\r\n itemValue = t.value;\r\n this._checkBoxCount++;\r\n } else {\r\n this._checkBoxCount--;\r\n }\r\n\r\n if (reportItem === this.reportItem.name) {\r\n this.reportResult.name = itemValue;\r\n } else if (reportItem === this.reportItem.fax) {\r\n this.reportResult.fax = itemValue;\r\n } else if (reportItem === this.reportItem.web) {\r\n this.reportResult.webAddress = itemValue;\r\n } else if (reportItem === this.reportItem.email) {\r\n this.reportResult.emailAddress = itemValue;\r\n } else if (reportItem === this.reportItem.address) {\r\n this.reportResult.address = itemValue;\r\n } else if (reportItem === this.reportItem.phone) {\r\n if (!this.reportResult.phones) {\r\n this.reportResult.phones = [];\r\n }\r\n if (t.checked) {\r\n this.reportResult.phones.push(t.value);\r\n } else {\r\n this.reportResult.phones = this.reportResult.phones.filter(x => x !== t.value);\r\n }\r\n }\r\n\r\n // Custom checkbox icons require a class set on the label element,\r\n // Find current checkbox parent label and toggle the class 'checked'\r\n this._uiService.toggleParentClass(t, 'label', 'checked');\r\n }\r\n\r\n formIsValid() {\r\n return (this._checkBoxCount > 0 && this._captchaResponse);\r\n }\r\n\r\n captchaResolved(captchaResponse: string) {\r\n this._captchaResponse = captchaResponse;\r\n this.reportResult.captchaResponse = captchaResponse;\r\n }\r\n\r\n done() {\r\n this._stateService.closePopup();\r\n }\r\n\r\n tryAgain() {\r\n this.reportSubmittedSuccess = false;\r\n this.reportSubmittedError = false;\r\n this._captchaResponse = null;\r\n }\r\n}\r\n","import { Component, OnDestroy, ViewEncapsulation } from '@angular/core';\r\nimport { Subscription } from 'rxjs';\r\n\r\nimport { StateRxService } from '../../services/staterx.service';\r\nimport { UiService } from '../../services/ui.service';\r\n\r\n@Component({\r\n selector: 'hcf-popup',\r\n templateUrl: './popup.component.html',\r\n styleUrls: ['./popup.component.scss'],\r\n encapsulation: ViewEncapsulation.None\r\n})\r\nexport class PopupComponent implements OnDestroy {\r\n\r\n showPopup: boolean = false;\r\n\r\n private _subscriptionEscPressed: Subscription;\r\n private _subscriptionClosePopup: Subscription;\r\n\r\n constructor(_stateRx: StateRxService, private _uiService: UiService) {\r\n this._subscriptionEscPressed = _stateRx.escPressed.rxSubscribe(() => {\r\n this.closePopup();\r\n });\r\n\r\n this._subscriptionClosePopup = _stateRx.closePopup.rxSubscribe(() => {\r\n this.closePopup();\r\n });\r\n }\r\n\r\n openPopup() {\r\n this.showPopup = true;\r\n this._uiService.scrollToTop();\r\n }\r\n\r\n closePopup() {\r\n this.showPopup = false;\r\n }\r\n\r\n ngOnDestroy() {\r\n this._subscriptionEscPressed.unsubscribe();\r\n this._subscriptionClosePopup.unsubscribe();\r\n }\r\n}\r\n","\r\n","Error
\r\nSomething went wrong and we couldn't submit your request.
Please try again.
\r\n
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n {{person.emailAddress}} \r\n \r\n \r\n
\r\n {{name}}\r\n \r\n \r\n \r\n \r\n
\r\n{{person.specialist}}
\r\nSpecial interest(s): {{person.specialInterest}}\r\n
\r\n - \r\n \r\n
{{person.fax}}
\r\n View map\r\n
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n\r\n 0\"> \r\n\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n\r\n \r\n
","import { Component, Input, OnChanges, ViewEncapsulation } from '@angular/core';\r\n\r\nimport { WebApiModel } from '../../../models/web-api.model';\r\n\r\n@Component({\r\n selector: 'hcf-place-service-category',\r\n templateUrl: './place-service-category.component.html',\r\n styleUrls: ['./place-service-category.component.scss'],\r\n encapsulation: ViewEncapsulation.None\r\n})\r\nexport class PlaceServiceCategoryComponent implements OnChanges {\r\n @Input() serviceCategory: WebApiModel.ServiceCategory;\r\n @Input() componentIndex: number;\r\n @Input() numberOfServiceCategories: number;\r\n\r\n detailsHidden: boolean = false;\r\n numberOfServices: number = 0;\r\n\r\n ngOnChanges() {\r\n // expand the first category by default if it's the only one\r\n // this.detailsHidden = (this.numberOfServiceCategories > 1 || this.componentIndex > 0);\r\n\r\n // or always expand the frist one\r\n // this.detailsHidden = (this.componentIndex > 0);\r\n }\r\n\r\n setDetailsVisible(): void {\r\n this.detailsHidden = !this.detailsHidden;\r\n }\r\n}\r\n","\r\n {{serviceCategory.name}} \r\n
\r\n\r\n
\r\n- \r\n
- {{service}} \r\n
\r\n \r\n {{personName}}\r\n \r\n \r\n \r\n \r\n
\r\n{{person.specialty}}
\r\nSpecial interest(s): {{person.specialInterest}}
\r\n- \r\n \r\n
\r\n
","import { Component, Input, OnChanges } from '@angular/core';\r\nimport { WebApiModel } from '../../../models/web-api.model';\r\n\r\n@Component({\r\n selector: 'hcf-person-by-service-category',\r\n templateUrl: './person-by-service-category.component.html',\r\n styleUrls: ['./person-detail.component.scss']\r\n})\r\nexport class PersonByServiceCategroyComponent implements OnChanges {\r\n\r\n @Input() serviceCategory: WebApiModel.ServiceCategory;\r\n @Input() placeDetail: WebApiModel.Place;\r\n @Input() componentIndex: number;\r\n @Input() numberOfServiceCategories: number;\r\n\r\n peopleBySerivceCategory: WebApiModel.Person[] = [];\r\n detailsHidden: boolean = false;\r\n numberOfDoctors: number = 0;\r\n\r\n ngOnChanges() {\r\n\r\n // expand the first category by default if there is only one\r\n //this.detailsHidden = (this.numberOfServiceCategories > 1 || this.componentIndex > 0);\r\n\r\n // or always expand the first category\r\n // this.detailsHidden = this.componentIndex > 0;\r\n\r\n // Group people by service category.\r\n const filteredPeopleByServiceCategory: WebApiModel.Person[] = [];\r\n this.placeDetail.people.forEach((person) => {\r\n person.serviceCategories.forEach((category) => {\r\n if (category.name === this.serviceCategory.name) {\r\n filteredPeopleByServiceCategory.push(person);\r\n }\r\n });\r\n });\r\n\r\n this.peopleBySerivceCategory = filteredPeopleByServiceCategory;\r\n }\r\n\r\n setDetailsVisible(): void {\r\n this.detailsHidden = !this.detailsHidden;\r\n }\r\n}\r\n","\r\n {{serviceCategory.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 {{place.practiceName}}\r\n \r\n \r\n \r\n
\r\n \r\n{{place.fax}}
\r\n \r\n
\r\n \r\n \r\n \r\n {{place.facilityName}}
\r\n {{place.receptionLocation}}
\r\n {{place.address}}\r\n {{place.suburb}}
\r\n {{place.city}} {{place.postcode}}
\r\n View map\r\n
\r\n \r\n\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n","import { Component, EventEmitter, Input, OnChanges, Output, ViewChild } from '@angular/core';\r\n\r\nimport { Profile } from '../../models/search.model';\r\nimport { WebApiModel } from '../../models/web-api.model';\r\nimport { RouterHelperService, RouteUrl } from '../../services/router-helper.service';\r\nimport { SettingsService } from '../../services/settings.service';\r\nimport { PopupMapComponent } from '../maps/popup-map/popup-map.component';\r\n\r\n@Component({\r\n selector: 'hcf-search-result-detail',\r\n templateUrl: './search-result-detail.component.html',\r\n styleUrls: ['./search-result-detail.component.scss']\r\n})\r\nexport class SearchResultDetailComponent implements OnChanges {\r\n @Input() searchResult: Profile;\r\n @Input() typeFilter: string;\r\n @Input() places: WebApiModel.Location[];\r\n @Output() openPopupMap: EventEmitter\r\n \r\n {{searchResult.data.firstName}} {{searchResult.data.lastName}}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n{{searchResult.data.specialist}}
\r\nSpecial interest(s):\r\n {{searchResult.data.specialInterest}}
\r\n \r\n \r\n {{searchResult.data.practiceName}}\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 {{searchResult.data.facilityName}}
\r\n {{searchResult.data.receptionLocation}}
\r\n {{searchResult.data.address}}\r\n {{searchResult.data.suburb}}
\r\n {{searchResult.data.city}}\r\n {{searchResult.data.postcode}}
\r\n \r\n
\r\n \r\n {{searchResult.data.emailAddress}}\r\n
\r\n 0\">Service category
\r\n- \r\n
- {{serviceCategory}} \r\n
\r\n
\r\n","","import { Component, Input, OnChanges, ViewEncapsulation } from '@angular/core';\r\n\r\nimport { WebApiModel } from '../../../models/web-api.model';\r\nimport { RouterHelperService } from '../../../services/router-helper.service';\r\n\r\n@Component({\r\n selector: 'sidebar-detail',\r\n templateUrl: './sidebar-detail.component.html',\r\n styleUrls: ['./sidebar-detail.component.scss'],\r\n encapsulation: ViewEncapsulation.None\r\n})\r\nexport class SidebarDetailComponent implements OnChanges {\r\n @Input() locationDetail: WebApiModel.LocationDetail;\r\n placeLink: any[];\r\n personLink: any[];\r\n\r\n constructor() { }\r\n\r\n ngOnChanges() {\r\n if (this.locationDetail.practiceName) {\r\n const id = this.locationDetail.id;\r\n const routeType = RouterHelperService.routeType.placeProfile;\r\n const route = RouterHelperService.getRoute(routeType, id, this.locationDetail.practiceName, null);\r\n this.placeLink = route.link;\r\n }\r\n if (this.locationDetail.displayName) {\r\n const personId = this.locationDetail.personId;\r\n const routeType = RouterHelperService.routeType.personProfile;\r\n const route = RouterHelperService.getRoute(routeType, personId, this.locationDetail.displayName, null);\r\n this.personLink = route.link;\r\n }\r\n }\r\n}\r\n","","import { Component, Input, Output, EventEmitter, ViewEncapsulation } from '@angular/core';\r\nimport { WebApiModel } from '../../../models/web-api.model';\r\n\r\n@Component({\r\n selector: 'sidebar',\r\n templateUrl: './sidebar.component.html',\r\n styleUrls: ['./sidebar.component.scss'],\r\n encapsulation: ViewEncapsulation.None\r\n})\r\nexport class SidebarComponent {\r\n @Input() location: WebApiModel.Location;\r\n @Input() locationType: string;\r\n @Output() closeMapEventEmitter: EventEmitterHealthcare provider types
\r\n\r\n Affiliated Providers\r\n \r\n
\r\nAn Affiliated Provider is a doctor, specialist or medical facility contracted to provide Southern Cross members\r\n with certain healthcare services at agreed prices.
\r\nSome healthcare services are 'Affiliated\r\n Provider-only', which means they’re only covered by your policy if they're performed by an Affiliated\r\n Provider.
\r\nUsing an Affiliated Provider is also easier – no forms and no fuss as prior approval and claiming are sorted for\r\n you directly with them.
\r\n\r\n \r\n If you see this while you’re searching – this means an Affiliated\r\n Provider who performs specialist consultations. Please check their profile to ensure they offer the specific\r\n healthcare service or consultation you need.\r\n
\r\n\r\n \r\n This icon represents Affiliated Providers who perform specialist initial and follow-up consultations via telehealth. A telehealth consultation\r\n is the use of video or phone to deliver healthcare consultations when Southern Cross patients and Affiliated Providers are in different physical\r\n locations and when no physical examination is required.\r\n
\r\nIf you're unable to find an Affiliated Provider near you that offers the healthcare service you need, please
\r\n Easy-Claim partners\r\n \r\n
\r\nEasy-Claim partners provide a convenient way for Southern Cross members to claim for eligible day-to-day healthcare\r\n services at the time of purchase. Easy-Claim is available at participating General Practices, Optometrists,\r\n Dentists, Physiotherapists, Audiologists, Chiropractors, Podiatrists, Osteopaths, Remedial Massage Therapists, and\r\n Pharmacies.
\r\nJust show your Member card (it’s on the app) or mention your member number and they’ll do the rest. If your plan\r\n covers the product or service, we'll reimburse the provider directly and you'll only pay any remaining contribution\r\n you're responsible for.
\r\nLog in to My Southern Cross to\r\n see your benefit balances and plan documents, or download the My Southern Cross\r\n app.
\r\n\r\n \r\n \r\n
\r\n","import { Component, Input, OnDestroy, ViewEncapsulation } from '@angular/core';\r\nimport { Subscription } from 'rxjs';\r\n\r\nimport { WebApiModel } from '../../../models/web-api.model';\r\nimport { StateRxService } from '../../../services/staterx.service';\r\n\r\n@Component({\r\n selector: 'hcf-popup-map',\r\n templateUrl: './popup-map.component.html',\r\n styleUrls: ['./popup-map.component.scss'],\r\n encapsulation: ViewEncapsulation.None\r\n})\r\nexport class PopupMapComponent implements OnDestroy {\r\n\r\n mapExpanded: boolean = false;\r\n showSidebar: boolean = false;\r\n selectedLocation: WebApiModel.Location;\r\n locationType: string;\r\n\r\n @Input() placesForMap: WebApiModel.Location[];\r\n @Input() latitude: number;\r\n @Input() longitude: number;\r\n\r\n private _subscriptionToggleSidebar: Subscription;\r\n\r\n constructor(_stateRx: StateRxService) {\r\n this._subscriptionToggleSidebar = _stateRx.toggleMapSidebar.rxSubscribe(location => {\r\n this.toggleSidebar(location);\r\n });\r\n }\r\n\r\n done() {\r\n this.mapExpanded = false;\r\n }\r\n\r\n openPopupMap() {\r\n this.showSidebar = false;\r\n this.mapExpanded = true;\r\n }\r\n\r\n closePopupMap() {\r\n this.showSidebar = false;\r\n this.mapExpanded = false;\r\n }\r\n\r\n backTo() {\r\n if (this.showSidebar) {\r\n this.toggleSidebar(null); // will close the side bar and go back to the map\r\n } else {\r\n // Otherwise close the map\r\n this.closePopupMap();\r\n }\r\n }\r\n\r\n toggleSidebar(location: WebApiModel.Location) {\r\n if (location) {\r\n this.selectedLocation = location;\r\n this.showSidebar = true;\r\n if (location.locationDetails.findIndex(x => x.displayName != null) >= 0) {\r\n this.locationType = 'Doctors';\r\n } else {\r\n this.locationType = 'Practices';\r\n }\r\n } else {\r\n this.showSidebar = false;\r\n }\r\n }\r\n\r\n ngOnDestroy() {\r\n this._subscriptionToggleSidebar.unsubscribe();\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 View map
\r\n \r\n \r\n\r\n
\r\n\r\n \r\n {{searchTermDisplay}}\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 Affiliated Provider (AP)\r\n \r\n
\r\n \r\n Affiliated Providers are contracted with us to perform certain healthcare services at certain healthcare facilities. Click the \"Check services\" button on a search result to see what healthcare services are available and where they can be performed.\r\n
\r\n \r\n
\r\n \r\n \r\n Affiliated Provider (AP) healthcare facilities\r\n \r\n
\r\n \r\n Some Affiliated Providers are only contracted with us to perform certain healthcare services at certain healthcare facilities. Clicking the \"View facility details\" button on a result below will show you all the healthcare services and APs available at that healthcare facility. \r\n
\r\n \r\n
\r\n\r\n
\r\n Search filters
\r\n\r\n \r\n
\r\n \r\n Providers\r\n \r\n Healthcare provider types\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 Services\r\n 0)\">\r\n \r\n Reset\r\n
\r\n\r\n
\r\n - \r\n
- \r\n {{serviceCategorySearchTerm}} \r\n \r\n {{serviceCategorySearchTerm}}\r\n \r\n \r\n {{serviceCategorySearchTerm}}\r\n \r\n
- \r\n \r\n {{service.name}} ({{service.total}})\r\n \r\n \r\n
- \r\n
- \r\n {{serviceCategory.name}}\r\n ({{serviceCategory.total}})\r\n \r\n
\r\n \r\n \r\n Show more results\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Sort\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {{noResultsText}}
\r\n- \r\n
If you searched by person or healthcare facility, try searching by the type of healthcare service, service category or specialty instead e.g. gynaecology.
\r\n Suggestions for results will appear in a drop-down menu as you start typing in the search bar.
\r\n You can widen or narrow your search location by using the “Include nearby locations” slider in the filter panel options.
\r\n Try using a different search term or keyword(s).
\r\n If you're still unable to find what you need, please contact us.
\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n Disclaimer
\r\n\r\n Southern Cross Health Society (Southern Cross) has made the Healthcare finder available to\r\n assist its members and others in finding a health services provider in their area. While Southern Cross will\r\n endeavour to keep the contents of the Healthcare finder up to date, accurate and complete we do not warrant or\r\n represent to any user or other third party that such content is accurate, up to date or complete at all times.\r\n The Southern Cross website \r\n Terms of\r\n Use\r\n apply to any use of the Healthcare finder. Any listing of any healthcare provider on the Healthcare\r\n finder in no way indicates any recommendation or endorsement of a healthcare provider by Southern Cross. Any use\r\n of the Healthcare finder or a particular provider is at the user's own risk.
Where you have allowed us to\r\n track your physical location we will only use this information to sort the results you see on Healthcare Finder,\r\n and will not share this information with any third parties.\r\n
\r\n
\r\n\r\n
\r\nQuick links
\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\nSouthern Cross websites
\r\n- \r\n
- \r\n \r\n
Go to Southern Cross websites
\r\n \r\n \r\n - \r\n Health Insurance\r\n \r\n
- \r\n Healthcare & Hospitals\r\n \r\n
- \r\n Pet Insurance\r\n \r\n
- \r\n Travel Insurance\r\n \r\n
- \r\n Life Insurance\r\n \r\n
- \r\n About the Group\r\n \r\n
\r\n
\r\n\r\n","/**\r\n * Web api model\r\n */\r\nexport namespace WebApiModel {\r\n\r\n export class AutocompleteItem {\r\n type: string; // This would be one of People, Places, Service Categories, and Service Descriptions\r\n name: string;\r\n id: string;\r\n placeLocation: string; // Autocomplete places have a separate field for location to be displayed in the dropdown list\r\n //defaultCategory: string;\r\n defaultCategory?: string; // Make it optional with a \"?\" and provide a default value if needed\r\n allResultsCount: number;\r\n }\r\n\r\n export class AutocompleteLocationItem {\r\n name: string;\r\n }\r\n\r\n export class ServiceCategory {\r\n name: string;\r\n services: string[];\r\n }\r\n\r\n export interface ProfileDetail {\r\n id: string;\r\n }\r\n\r\n export class Phone {\r\n description: string;\r\n number: number;\r\n }\r\n\r\n export class Person implements ProfileDetail {\r\n id: string;\r\n sortField: string;\r\n title: string;\r\n firstName: string;\r\n lastName: string;\r\n notes: string;\r\n specialty: string;\r\n subSpecialty: string;\r\n specialInterest: string;\r\n specialist: string;\r\n isAffiliatedProvider: boolean;\r\n isConsultant: boolean;\r\n isTelehealth: boolean;\r\n phones: Phone[];\r\n fax: string;\r\n emailAddress: string;\r\n webAddress: string;\r\n serviceCategoryNames: string[];\r\n serviceCategories: ServiceCategory[];\r\n places: Place[];\r\n }\r\n\r\n export class Place implements ProfileDetail {\r\n id: string;\r\n sortField: string;\r\n practiceName: string;\r\n facilityName: string;\r\n receptionLocation: string;\r\n address: string;\r\n suburb: string;\r\n city: string;\r\n postcode: string;\r\n region: string;\r\n notes: string;\r\n isAffiliatedProvider: boolean;\r\n isEasyClaim: boolean;\r\n isConsultant: boolean;\r\n isTelehealth: boolean;\r\n phones: string[];\r\n fax: string;\r\n emailAddress: string;\r\n webAddress: string;\r\n latitude: number;\r\n longitude: number;\r\n serviceCategories: ServiceCategory[];\r\n serviceCategoryNames: string[];\r\n people: Person[];\r\n distance:number;\r\n }\r\n\r\n export class Location {\r\n address: string;\r\n suburb: string;\r\n city: string;\r\n postcode: string;\r\n latitude: number;\r\n longitude: number;\r\n locationDetails: LocationDetail[];\r\n isAffiliatedProvider: boolean;\r\n isEasyClaim: boolean;\r\n isTelehealth: boolean;\r\n }\r\n\r\n export class LocationDetail {\r\n id: string;\r\n practiceName: string;\r\n receptionLocation: string;\r\n isAffiliatedProvider: boolean;\r\n isEasyClaim: boolean;\r\n personId: string;\r\n title: string;\r\n displayName: string;\r\n webAddress: string;\r\n isConsultant: boolean;\r\n isTelehealth: boolean;\r\n }\r\n}\r\n","import { WebApiModel } from '../../models/web-api.model';\r\nimport { RouteUrl } from '../../services/router-helper.service';\r\n\r\n/** Search request type. */\r\nexport class SearchRequest {\r\n constructor(\r\n public keywords: string,\r\n public location: string, // Location name, i.e. 'Auckland'.\r\n public latitude: string,\r\n public longitude: string) { }\r\n}\r\n\r\n/** Item bound to the autocomplete dropdown list. */\r\nexport class AutocompleteUiItem {\r\n data: WebApiModel.AutocompleteItem;\r\n route: RouteUrl;\r\n selected: boolean;\r\n index: number;\r\n name: string;\r\n /* Places will have an extra bit of information - location. Use a generic name because AutocompleteUiItem is also used by the location autocomplete. */\r\n subName: string;\r\n isHeader: boolean;\r\n /** Person or place profile */\r\n isProfile: boolean;\r\n isClickable: boolean;\r\n cssClass: string;\r\n // When item is selected from the dropdown the input textbox is populated with the items name,\r\n // we don't want this behaviour for the autocomplte headers. This flag is a way to control the behaviour.\r\n populateInputWithName: boolean;\r\n\r\n // Populate the url search term with either what user typed in the input box\r\n // or full name of the selected item.\r\n // For example when when service name is clicked we pass the service name to search results.\r\n // When People or Places header is clicke in the autocomplete dropdown we pass what was entered in the input box.\r\n populateSearchTermWithName: boolean;\r\n /**\r\n * Flag indicating if the name will be highlighted as you type. Not all autocomplete items will need\r\n * name highlighted, for example People, Places, 'See all results' can't be highlighted.\r\n */\r\n highlightName: boolean;\r\n}\r\n\r\n/** Search response when getting autocomplete data from web api */\r\nexport class AutocompleteSearchResponse {\r\n constructor(\r\n public request: SearchRequest,\r\n public results: WebApiModel.AutocompleteItem[]) { }\r\n}\r\n\r\nexport class AutocompleteSelectedItem {\r\n autocompleteUiItem: AutocompleteUiItem;\r\n /** Search input at the time when item was selected from the dropdown list. */\r\n searchInput: string;\r\n /** Search term to use on the search results page. */\r\n searchTerm: string;\r\n}\r\n\r\n/** Settings can be passed from the parent component to override defaults (optional). */\r\nexport class AutocompleteSettings {\r\n inputDelay: number;\r\n inputMinChar: number;\r\n inputPlaceholder: string;\r\n}\r\n","import { Injectable } from '@angular/core';\r\n\r\nimport { WebApiModel } from '../../models/web-api.model';\r\nimport { RouterHelperService, RouteUrl } from '../../services/router-helper.service';\r\nimport { SettingsService } from '../../services/settings.service';\r\nimport { StateService } from '../../services/state.service';\r\nimport { UiService } from '../../services/ui.service';\r\n\r\n@Injectable()\r\nexport class SearchInputHelperService {\r\n\r\n // Properties and 'type' value need to match the values coming from web api, the first letter is capital.\r\n get autocompleteItemType() {\r\n return {\r\n People: {\r\n type: 'People',\r\n cssClass: 'person',\r\n route: RouterHelperService.routeType.personProfile,\r\n searchResultsType: null\r\n },\r\n Places: {\r\n type: 'Places',\r\n cssClass: 'place',\r\n route: RouterHelperService.routeType.placeProfile,\r\n searchResultsType: null\r\n },\r\n HeaderPeople: {\r\n type: 'HeaderPeople',\r\n cssClass: 'header-people',\r\n route: RouterHelperService.routeType.searchResults,\r\n searchResultsType: SettingsService.searchResultsType.people\r\n },\r\n HeaderPlaces: {\r\n type: 'HeaderPlaces',\r\n cssClass: 'header-places',\r\n route: RouterHelperService.routeType.searchResults,\r\n searchResultsType: SettingsService.searchResultsType.places\r\n },\r\n HeaderServiceCategories: {\r\n type: 'HeaderServiceCategories',\r\n cssClass: 'header-service-categories',\r\n route: RouterHelperService.routeType.searchResults,\r\n searchResultsType: SettingsService.searchResultsType.serviceCategories\r\n },\r\n HeaderServiceDescriptions: {\r\n type: 'HeaderServiceDescriptions',\r\n cssClass: 'header-services',\r\n route: RouterHelperService.routeType.searchResults,\r\n searchResultsType: SettingsService.searchResultsType.services\r\n },\r\n ServiceCategories: {\r\n type: 'ServiceCategories',\r\n cssClass: 'service-category',\r\n route: RouterHelperService.routeType.searchResults,\r\n searchResultsType: SettingsService.searchResultsType.serviceCategory\r\n },\r\n ServiceDescriptions: {\r\n type: 'ServiceDescriptions',\r\n cssClass: 'service',\r\n route: RouterHelperService.routeType.searchResults,\r\n searchResultsType: SettingsService.searchResultsType.service\r\n },\r\n HeaderSpecialties: {\r\n type: 'HeaderSpecialties',\r\n cssClass: 'header-specialties',\r\n route: RouterHelperService.routeType.searchResults,\r\n searchResultsType: SettingsService.searchResultsType.specialties\r\n },\r\n Specialties: {\r\n type: 'Specialties',\r\n cssClass: 'specialty',\r\n route: RouterHelperService.routeType.searchResults,\r\n searchResultsType: SettingsService.searchResultsType.specialty\r\n },\r\n NoResults: {\r\n type: 'NoResults',\r\n cssClass: 'no-results',\r\n route: RouterHelperService.routeType.searchResults,\r\n searchResultsType: null\r\n },\r\n Location: { // Type for items in the locations dropdown\r\n type: 'Location',\r\n cssClass: null,\r\n route: null,\r\n searchResultsType: null\r\n },\r\n MyLocation: { // Type for the My Location item which will try to get current location\r\n type: 'MyLocation',\r\n cssClass: 'my-location',\r\n route: null,\r\n searchResultsType: null\r\n }\r\n };\r\n }\r\n\r\n constructor(private _stateService: StateService, private _uiService: UiService) {\r\n this.bindKeypress();\r\n }\r\n\r\n bindKeypress() {\r\n // Bind keypress event to the document, catch the Esc key so if Esc is pressed\r\n // then we close autocomplete dropdowns even when autocomplete input boxes are not in focus in case if we go\r\n // with the implementaiton when the dropdown is not closed on blur.\r\n this._uiService.bindKeyDown(document, (event) => {\r\n if (event.which === 27) {\r\n this._stateService.keyPressed(event.which);\r\n }\r\n });\r\n }\r\n\r\n /**\r\n * A helper method to get an atuocmplete item route based on the items type, i.e. Person, Place, etc.\r\n * @param location - Location name\r\n * @param latitude - My location\r\n * @param longitude - My location\r\n */\r\n getAutocompleteRoute(\r\n item: WebApiModel.AutocompleteItem,\r\n defaultCategory: string,\r\n searchTerm: string,\r\n location: string,\r\n latitude: string,\r\n longitude: string,\r\n myLocationLabel:string): RouteUrl {\r\n\r\n const autocompleteItemType = this.getAutocompeteItemType(item.type);\r\n const routeType = autocompleteItemType.route;\r\n const searchResultsType = autocompleteItemType.searchResultsType;\r\n\r\n return this.getRoute(routeType, item.id, item.name, defaultCategory, searchTerm, location, searchResultsType, latitude, longitude, myLocationLabel);\r\n }\r\n\r\n getRoute(\r\n routeType: string,\r\n id: string,\r\n name: string,\r\n defaultCategory: string,\r\n searchTerm: string,\r\n location: string,\r\n searchResultsType: string,\r\n latitude: string,\r\n longitude: string,\r\n myLocationLabel: string) {\r\n const urlParams = {};\r\n\r\n const lastDefaultCategory = this._stateService.getLastDefaultCategory();\r\n const lastSearchType = this._stateService.getLastSearchType();\r\n\r\n if (searchTerm) {\r\n urlParams[RouterHelperService.urlParam.term] = searchTerm.trim();\r\n }\r\n\r\n // Use either my location coordinates or location name in the query string.\r\n if (latitude && longitude) {\r\n urlParams[RouterHelperService.urlParam.latitude] = latitude;\r\n urlParams[RouterHelperService.urlParam.longitude] = longitude;\r\n }\r\n if (location) {\r\n urlParams[RouterHelperService.urlParam.location] = location.trim();\r\n }\r\n if (defaultCategory){\r\n urlParams[RouterHelperService.urlParam.defaultCategory] = defaultCategory;\r\n }\r\n if (lastDefaultCategory){\r\n urlParams[RouterHelperService.urlParam.defaultCategory] = lastDefaultCategory;\r\n // this._stateService.clearLastDefaultCategory();\r\n }\r\n if (searchResultsType) {\r\n urlParams[RouterHelperService.urlParam.searchType] = searchResultsType.toLowerCase();\r\n }\r\n if (lastSearchType){\r\n urlParams[RouterHelperService.urlParam.searchType] = lastSearchType.toLowerCase();\r\n this._stateService.clearLastSearchType();\r\n }\r\n\r\n if (myLocationLabel) {\r\n urlParams[RouterHelperService.urlParam.myLocationLabel] = myLocationLabel;\r\n }\r\n\r\n return RouterHelperService.getRoute(routeType, id, name, urlParams);\r\n }\r\n\r\n getAutocompeteItemType(type: string): IAutocompleteItemType {\r\n return (this.autocompleteItemType[type])\r\n ? this.autocompleteItemType[type] : { type: '', cssClass: '', route: '', searchResultsType: '' };\r\n }\r\n\r\n stripSearchTermPrefix(searchTerm: string): string {\r\n if (searchTerm) {\r\n const resultArray = searchTerm.split(':');\r\n if (resultArray.length > 1) {\r\n return resultArray[1];\r\n } else {\r\n return resultArray[0];\r\n }\r\n }\r\n return '';\r\n }\r\n\r\n getSearchTermPrefix(searchTerm: string): string {\r\n if (searchTerm) {\r\n const resultArray = searchTerm.split(':');\r\n if (resultArray.length > 1) {\r\n return resultArray[0];\r\n }\r\n }\r\n return null;\r\n }\r\n\r\n}\r\n\r\ninterface IAutocompleteItemType {\r\n type: string;\r\n cssClass: string;\r\n route: string;\r\n searchResultsType: string; // Passed to the search results page as a query string parameter\r\n}\r\n","import { HttpClient } from '@angular/common/http';\r\nimport { Injectable } from '@angular/core';\r\nimport { Observable, throwError } from 'rxjs';\r\nimport { catchError, map } from 'rxjs/operators';\r\n\r\nimport { WebApiModel } from '../../models/web-api.model';\r\nimport { RouterHelperService } from '../../services/router-helper.service';\r\nimport { SettingsService } from '../../services/settings.service';\r\nimport { StateService } from '../../services/state.service';\r\nimport { SearchInputHelperService } from './search-input-helper.service';\r\nimport { AutocompleteSearchResponse, AutocompleteUiItem, SearchRequest } from './search-input.model';\r\n\r\n@Injectable()\r\nexport class SearchInputService {\r\n\r\n displayOrder: string[];\r\n\r\n constructor(\r\n private http: HttpClient,\r\n private _helperService: SearchInputHelperService,\r\n private _stateService: StateService) {\r\n this.displayOrder = [\r\n _helperService.autocompleteItemType.HeaderSpecialties.type,\r\n _helperService.autocompleteItemType.Specialties.type,\r\n _helperService.autocompleteItemType.HeaderPeople.type,\r\n _helperService.autocompleteItemType.People.type,\r\n _helperService.autocompleteItemType.HeaderPlaces.type,\r\n _helperService.autocompleteItemType.Places.type,\r\n _helperService.autocompleteItemType.HeaderServiceCategories.type,\r\n _helperService.autocompleteItemType.ServiceCategories.type,\r\n _helperService.autocompleteItemType.HeaderServiceDescriptions.type,\r\n _helperService.autocompleteItemType.ServiceDescriptions.type\r\n ];\r\n }\r\n\r\n /**\r\n * Autocomplete items for the keywords search box, keywords will be always present in this search but location not always.\r\n */\r\n keywordLookup = (searchRequest: SearchRequest): Observable\r\n
\r\n\r\n © Southern Cross Medical Care Society\r\n
\r\n - \r\n
- \r\n\r\n \r\n
- \r\n \r\n Terms of use\r\n \r\n \r\n
- \r\n \r\n Financial Strength Rating and Solvency\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n My Southern Cross\r\n \r\n \r\n My Southern Cross\r\n \r\n Adviser Gateway\r\n \r\n Easy-Claim\r\n \r\n Provider Web\r\n \r\n Work Scheme Gateway\r\n \r\n \r\n \r\n Log in\r\n
\r\n","import { Component, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';\r\nimport { NavigationEnd, Router } from '@angular/router';\r\n\r\nimport { WebApiModel } from '../../models/web-api.model';\r\nimport { GoogleAnalyticsService } from '../../services/google-analytics.service';\r\nimport { RouterHelperService, RouteUrl } from '../../services/router-helper.service';\r\nimport { SettingsService } from '../../services/settings.service';\r\nimport { StateService } from '../../services/state.service';\r\nimport { StateRxService } from '../../services/staterx.service';\r\nimport { UiService } from '../../services/ui.service';\r\nimport { MapService } from '../maps/healthcarefinder-map.service';\r\nimport { AutocompleteComponent } from './autocomplete.component';\r\nimport { SearchInputHelperService } from './search-input-helper.service';\r\nimport { AutocompleteSearchResponse, AutocompleteSelectedItem, AutocompleteSettings, AutocompleteUiItem, SearchRequest } from './search-input.model';\r\nimport { SearchInputService } from './search-input.service';\r\nimport { PlatformLocation } from '@angular/common'\r\nimport { filter } from 'rxjs/operators';\r\ndeclare var navigator: any;\r\ndeclare var google: any;\r\n\r\n@Component({\r\n selector: 'hcf-search-input',\r\n templateUrl: './search-input.component.html',\r\n styleUrls: ['./search-input.component.scss'],\r\n encapsulation: ViewEncapsulation.None\r\n})\r\nexport class SearchInputComponent implements OnInit {\r\n\r\n @ViewChild('keywordsAutocompleteComponent') keywordsAutocompleteComponent: AutocompleteComponent;\r\n @ViewChild('locationAutocompleteComponent') locationAutocompleteComponent: AutocompleteComponent;\r\n\r\n // Store current user input coming from the autocomplete components.\r\n private _keywordInput: string;\r\n private _defaultCategory: string;\r\n private _locationInput: string;\r\n private readonly _inputDelay: number = 300;\r\n private readonly _inputMinChar: number = 2;\r\n private _myLocationLat: string = null;\r\n private _myLocationLng: string = null;\r\n\r\n usingMyLocation: boolean = false;\r\n lookingForLocation: boolean = false;\r\n keywordAutocompleteData: AutocompleteUiItem[];\r\n locationAutocompleteData: AutocompleteUiItem[];\r\n myLocationLabel: string = SettingsService.autoCompleteValues.useMyLocationText;\r\n myLocationFound: boolean = false;\r\n failedMyLocation: boolean = false;\r\n // Search results type to pass the the search results page\r\n searchResultsType: string = null;\r\n\r\n keywordAutocompleteSettings: AutocompleteSettings = {\r\n inputDelay: this._inputDelay,\r\n inputMinChar: this._inputMinChar,\r\n inputPlaceholder: SettingsService.values.keywordsInputPlaceholder\r\n };\r\n locationAutocompleteSettings: AutocompleteSettings = {\r\n inputDelay: this._inputDelay,\r\n inputMinChar: this._inputMinChar,\r\n inputPlaceholder: SettingsService.values.locationInputPlaceholder\r\n };\r\n\r\n constructor(\r\n private _searchService: SearchInputService,\r\n private _router: Router,\r\n private _helperService: SearchInputHelperService,\r\n private _gaService: GoogleAnalyticsService,\r\n private _uiService: UiService,\r\n private _stateRxService: StateRxService,\r\n private _stateService: StateService,\r\n private _mapService: MapService,\r\n private _location: PlatformLocation) {\r\n _location.onPopState(() => {\r\n if (window.location.pathname == \"/\") {\r\n this.onHomeClick();\r\n }\r\n });\r\n this._stateRxService.enterPressed.rxSubscribe(async () => {\r\n await this.onKeywordsGetData();\r\n });\r\n }\r\n\r\n ngOnInit() {\r\n this._router.events.subscribe(e => {\r\n if (e instanceof NavigationEnd) {\r\n // Reset the keywords input box after navigating to the home page.\r\n if (this._router.url === '/') {\r\n if (this.keywordsAutocompleteComponent) {\r\n this.keywordsAutocompleteComponent.resetInputValue('');\r\n }\r\n }\r\n }\r\n });\r\n\r\n this._uiService.bindWindowResize(() => {\r\n this.onWindowResize();\r\n });\r\n }\r\n\r\n onWindowResize(): void {\r\n this._uiService.drawCurveSvgHeader();\r\n }\r\n\r\n /**\r\n * Create a new item to bind to the UI based on the web api data. Add extra properties to the UI item.\r\n * @param item - Web api AutocompleteItem\r\n */\r\n buildAutocompleteItem(item: WebApiModel.AutocompleteItem, index: number): AutocompleteUiItem {\r\n return this._searchService.buildAutocompleteItem(item, index, this._keywordInput);\r\n }\r\n\r\n onAutocompleteKeywordSelected(item: AutocompleteSelectedItem) {\r\n // Autocomplete componenet returns a null item when nothing was selected from a dropdown and the Enter key was pressed\r\n // in this case we take user to the search results page\r\n if (item.autocompleteUiItem === null) {\r\n this.onFindClick();\r\n return;\r\n }\r\n\r\n // Update this component input with current up to date search input from the child, the child search input is passed with the item.\r\n this._keywordInput = item.searchInput;\r\n this._defaultCategory = item.autocompleteUiItem.data.defaultCategory;\r\n const location = this._locationInput ? this._locationInput : (this._myLocationLat && this._myLocationLng ? this.myLocationLabel : null);\r\n\r\n if (this._keywordInput) {\r\n this._gaService.sendAutocompleteResultsEvent(this._keywordInput, location);\r\n }\r\n\r\n // If item is not clickable then don't do anything, for example the no results item.\r\n if (!item.autocompleteUiItem.isClickable) {\r\n return;\r\n }\r\n\r\n const route = this._helperService.getAutocompleteRoute(\r\n item.autocompleteUiItem.data,\r\n item.autocompleteUiItem.data.defaultCategory,\r\n item.searchTerm,\r\n this._locationInput,\r\n this._myLocationLat,\r\n this._myLocationLng,\r\n this.myLocationLabel);\r\n\r\n if (item.autocompleteUiItem.isProfile) {// No query string for the profile pages\r\n this._router.navigate(route.link);\r\n this._uiService.scrollToTop();\r\n return;\r\n }\r\n\r\n // Set the search type when item is selected from dropdown\r\n this.searchResultsType = this._helperService.getAutocompeteItemType(item.autocompleteUiItem.data.type).searchResultsType;\r\n\r\n\r\n // If location is empty and is not my location then set focus on the location\r\n if (!this._locationInput && !this.usingMyLocation && !this.lookingForLocation && !this.failedMyLocation) {\r\n this.locationAutocompleteComponent.giveInputFocus();\r\n } else {\r\n // This is triggered when \"search all\" is clicked from the auto-complete search results\r\n // Will save the query string collection to the newly added searchParameters and then later remove queryParams from navigate()\r\n this._stateService.setSearchQueryParameters(route.query);\r\n this._router.navigate(route.link);\r\n this._uiService.scrollToTop();\r\n }\r\n }\r\n\r\n async onAutocompleteLocationSelected(item: AutocompleteSelectedItem) {\r\n\r\n this._locationInput = item.searchInput;\r\n const keywordInput = this._keywordInput ? this._keywordInput : null;\r\n\r\n if (this._locationInput) {\r\n this._gaService.sendLocationResultsEvent(keywordInput, this._locationInput);\r\n }\r\n\r\n // Fire normal search if item is null, it happens when the Enter key is pressed inside the location input.\r\n if (item.autocompleteUiItem === null) {\r\n this.onFindClick();\r\n return;\r\n }\r\n\r\n if (item.autocompleteUiItem.data.type === this._helperService.autocompleteItemType.MyLocation.type) {\r\n this.usingMyLocation = true;\r\n await this.getMyLocation();\r\n this.locationAutocompleteComponent.resetInputValue('');\r\n return;\r\n } else {\r\n this._myLocationLat = null;\r\n this._myLocationLng = null;\r\n this.usingMyLocation = false;\r\n }\r\n\r\n // Business requirement: submit search when location item is clicked and if search input is not empty\r\n if (this._keywordInput) {\r\n this.onFindClick();\r\n } else {\r\n // Business req: If location is selected but the keyword is empty then set focus to the keywords input\r\n this.keywordsAutocompleteComponent.giveInputFocus();\r\n }\r\n }\r\n\r\n /**\r\n * Handle Find button click event\r\n */\r\n onFindClick() {\r\n this._stateService.isSavingTopResult.pipe(filter(saving => saving !== true)).subscribe((saving) => {\r\n // Don't submit the search if the keywords input is empty or less than min char\r\n if (!this._keywordInput || this._keywordInput.length < this._inputMinChar) {\r\n this.keywordsAutocompleteComponent.giveInputFocus();\r\n return;\r\n }\r\n\r\n if (!this._locationInput && !this.myLocationFound) {\r\n this._myLocationLat = null;\r\n this._myLocationLng = null;\r\n }\r\n\r\n const topResult = this._stateService.getLastTopSearchResponse();\r\n let searchResultsType = topResult ? topResult.cssClass : this.searchResultsType;\r\n let keyword, defaultCategory;\r\n keyword = topResult ? topResult.name : this._keywordInput;\r\n defaultCategory = topResult ? topResult.data.defaultCategory : this._defaultCategory;\r\n if (topResult && topResult.data.defaultCategory === '') {\r\n defaultCategory = topResult.data.type.toLowerCase();\r\n }\r\n if (topResult && (topResult.data.type.toLowerCase() === SettingsService.searchResultsType.people ||\r\n topResult.data.type.toLowerCase() === SettingsService.searchResultsType.places)) {\r\n keyword = this._keywordInput;\r\n searchResultsType = topResult.data.type;\r\n defaultCategory = searchResultsType;\r\n }\r\n const selectedResult = this.keywordAutocompleteData && this.keywordAutocompleteData.find(x => x.selected);\r\n const selectedType = selectedResult && selectedResult.data.type.replace('header-', '').replace('Header', '');\r\n if (selectedType) {\r\n keyword = this._keywordInput;\r\n searchResultsType = selectedType.toLowerCase();\r\n defaultCategory = selectedResult.data.defaultCategory ? selectedResult.data.defaultCategory : selectedResult.data.name;\r\n }\r\n const previousSelected = this._stateService.getLastSelected();\r\n if (previousSelected && previousSelected.searchTerm) {\r\n keyword = previousSelected.searchTerm;\r\n searchResultsType = previousSelected.autocompleteUiItem.data.type.toLowerCase();\r\n defaultCategory = previousSelected.autocompleteUiItem.data.defaultCategory ? previousSelected.autocompleteUiItem.data.defaultCategory :\r\n previousSelected.autocompleteUiItem.data.name;\r\n }\r\n if (defaultCategory && defaultCategory.toLowerCase() !== SettingsService.searchResultsType.places && defaultCategory.toLowerCase() !== SettingsService.searchResultsType.people) {\r\n defaultCategory = SettingsService.searchResultsType.places;\r\n }\r\n if (defaultCategory) {\r\n defaultCategory = defaultCategory.toLowerCase();\r\n }\r\n this._stateService.saveLastSearchType(searchResultsType);\r\n this._stateService.saveLastDefaultCategory(defaultCategory);\r\n\r\n if (!topResult && !previousSelected){\r\n this.onAutocompleteSkipped(keyword);\r\n return;\r\n }\r\n\r\n const routeUrl: RouteUrl = this._helperService.getRoute(\r\n RouterHelperService.routeType.searchResults,\r\n null,\r\n null,\r\n defaultCategory ? defaultCategory.toLowerCase() : defaultCategory,\r\n this._helperService.stripSearchTermPrefix(keyword),\r\n this._locationInput,\r\n searchResultsType ? searchResultsType.toLowerCase() : searchResultsType,\r\n this._myLocationLat,\r\n this._myLocationLng,\r\n this.myLocationLabel);\r\n\r\n // This is triggered when the \"find\" button is clicked\r\n // Will save the query string collection to the newly added searchParameters and then later remove queryParams from navigate()\r\n this._stateService.setSearchQueryParameters(routeUrl.query);\r\n\r\n this._router.navigate(routeUrl.link);\r\n this._uiService.scrollToTop();\r\n this._stateService.findClick();\r\n });\r\n }\r\n\r\n onHomeClick() {\r\n this.keywordsAutocompleteComponent.resetInputValue(\"\");\r\n this.locationAutocompleteComponent.resetInputValue(\"\");\r\n this.onMyLocationClick();\r\n }\r\n\r\n /**\r\n * Fired when keywords input changes in the child autocomplete component,\r\n * child component returns the input without a delay unlike the onKeywordsGetData event.\r\n * We need the input data without a delay in order to make the Find button work well when its clicked or when Enter key is pressed.\r\n */\r\n onKeywordsInput(event: string) {\r\n this._keywordInput = event;\r\n // Reset search type on a new lookup. If user is typing fast and no data comes back before they fire the search\r\n // we don't want to keep searchResultsType value from the previous search.\r\n this.searchResultsType = null;\r\n this._stateService.clearLastSelected();\r\n }\r\n\r\n async onKeywordsGetData() {\r\n this._stateService.clearLastTopSearchResponse();\r\n if (this._keywordInput) {\r\n const keywordInput = this._helperService.stripSearchTermPrefix(this._keywordInput);\r\n if (this.usingMyLocation && this._myLocationLat && this._myLocationLng) {\r\n this.doKeywordLookup(new SearchRequest(keywordInput, null, this._myLocationLat, this._myLocationLng));\r\n } else {\r\n await this.setLatLngFromLocation();\r\n this.doKeywordLookup(new SearchRequest(keywordInput, this._locationInput, this._myLocationLat, this._myLocationLng));\r\n }\r\n }\r\n }\r\n\r\n onLocationInput(event: string) {\r\n this._locationInput = event;\r\n\r\n // If location input is empty then show the MyLocation option.\r\n if (!event) {\r\n this.showMyLocationOption();\r\n }\r\n }\r\n\r\n async onLocationGetData() {\r\n if (this._locationInput) {\r\n await this.setLatLngFromLocation();\r\n this.doLocationLookup(new SearchRequest(null, this._locationInput, this._myLocationLat, this._myLocationLng));\r\n }\r\n }\r\n\r\n async onKeywordsInputFocus(event: boolean) {\r\n await this.onKeywordsGetData();\r\n }\r\n\r\n onLocationInputFocus(event: boolean) {\r\n // if in focus show my location option\r\n if (event) {\r\n this.showMyLocationOption();\r\n }\r\n }\r\n\r\n private showMyLocationOption() {\r\n const data: AutocompleteUiItem[] = [];\r\n\r\n if (!this._locationInput && navigator.geolocation) {\r\n const myLocationUiItem = this.buildCustomAutocompleteUiItem(SettingsService.autoCompleteValues.useMyLocationText,\r\n this._helperService.autocompleteItemType.MyLocation.type,\r\n null,\r\n null, 0);\r\n\r\n data.push(myLocationUiItem);\r\n this.locationAutocompleteData = data;\r\n }\r\n }\r\n\r\n /**\r\n * Get data from the service to populate the autocomplete dropdown.\r\n * @param request - Search request object\r\n */\r\n private doKeywordLookup(request: SearchRequest) {\r\n\r\n const storeResult = this._stateService.getLastTopSearchResponse();\r\n const keyword = storeResult ? storeResult.name : this._keywordInput;\r\n this.searchResultsType = storeResult ? storeResult.cssClass : this.searchResultsType;\r\n if (storeResult) {\r\n this._defaultCategory = storeResult ? storeResult.data.defaultCategory : this._defaultCategory;\r\n if (storeResult.data.defaultCategory === '') {\r\n this._defaultCategory = storeResult.data.type.toLowerCase();\r\n }\r\n this.onFindClick();\r\n this._stateService.clearLastTopSearchResponse();\r\n }\r\n\r\n this._searchService.keywordLookup(request).subscribe(\r\n (response: AutocompleteSearchResponse) => {\r\n\r\n // If data comes back but user has cleared the input box then don't show the data that came back,\r\n // i.e. don't show the autocomplete dropdown if the input is already blank.\r\n // It was happening when data retrieval was a bit slow and you press the backspace to clear the input,\r\n // by the time data came back the input was already blank and the data shouldn't have been displayed.\r\n if (!keyword) {\r\n this.keywordAutocompleteData = [];\r\n return;\r\n }\r\n\r\n // If there are results then populate the auto complete data.\r\n if (response && response.results) {\r\n\r\n const data = response.results.map((item, index) => {\r\n return this.buildAutocompleteItem(item, index);\r\n });\r\n\r\n if (!data || data.length <= 0) {\r\n // Add 'no results' item to the data\r\n const noDataUiItem = this.buildCustomAutocompleteUiItem(SettingsService.autoCompleteValues.noResultsText,\r\n this._helperService.autocompleteItemType.NoResults.type,\r\n keyword, this._locationInput, 0);\r\n data.push(noDataUiItem);\r\n\r\n const input = keyword;\r\n const locationInput = this._locationInput ? this._locationInput : null;\r\n this._gaService.sendNoAutocompleteResultsEvent(input, locationInput);\r\n } else {\r\n // if there is data, grab the first item type and use it as a default search type, this is for the Find button,\r\n // when nothing was selected from the dropdown and the Find button was clicked.\r\n const searchType = this._stateService.getLastSearchType();\r\n this.searchResultsType = searchType;\r\n }\r\n\r\n this.keywordAutocompleteData = data;\r\n }\r\n }, () => {\r\n // Show an error message if there is a connection error.\r\n // We may not want to show an error for the dropdown list in case if there are intermittent connectivity issues,\r\n // users can use the Find button to go to the search results page and if there is still a connection issue then\r\n // they will see a friendly error message. We will need to handle errors on the search results page.\r\n // this._errorHandlingService.friendlyErrorHandler(true);\r\n }\r\n );\r\n }\r\n\r\n private doLocationLookup(request: SearchRequest) {\r\n const searchInput = this._keywordInput ? this._keywordInput : null;\r\n this._searchService.locationLookup(request).subscribe(\r\n (response: AutocompleteSearchResponse) => {\r\n\r\n // If the input is blank (edited by the user) by the time we recieved the data then don't show the data.\r\n if (!this._locationInput) {\r\n this.locationAutocompleteData = [];\r\n return;\r\n }\r\n\r\n if (response && response.results) {\r\n\r\n const data = response.results\r\n .map((item, index) => {\r\n return this.buildAutocompleteItem(item, index);\r\n });\r\n\r\n // Add 'no results' item to the data\r\n if (!data || data.length === 0) {\r\n const noDataUiItem = this.buildCustomAutocompleteUiItem(SettingsService.autoCompleteValues.noResultsText,\r\n this._helperService.autocompleteItemType.NoResults.type,\r\n this._locationInput, // Location is the keyword in this case so the helper can generate the correct string\r\n null, 0);\r\n data.push(noDataUiItem);\r\n\r\n this._gaService.sendNoLocationResultsEvent(searchInput, this._locationInput);\r\n }\r\n\r\n // Add my location option as the last item of the dropdown list so the my location option is always available\r\n const myLocationUiItem = this.buildCustomAutocompleteUiItem(SettingsService.autoCompleteValues.useMyLocationText,\r\n this._helperService.autocompleteItemType.MyLocation.type,\r\n null,\r\n null, 0);\r\n\r\n data.push(myLocationUiItem);\r\n\r\n this.locationAutocompleteData = data;\r\n }\r\n }, () => {\r\n // Error handling is disabled for now, see explanation in the comments above.\r\n // this._errorHandlingService.friendlyErrorHandler(true);\r\n }\r\n );\r\n }\r\n\r\n /** Helper to add custom autocomplete items */\r\n private buildCustomAutocompleteUiItem(\r\n name: string, type: string, keyword: string, location: string, index: number): AutocompleteUiItem {\r\n const item = new WebApiModel.AutocompleteItem();\r\n\r\n let itemText = name;\r\n\r\n if (keyword) {\r\n itemText += ` for '${keyword}'`;\r\n\r\n if (location) {\r\n itemText += ` in '${location}'`;\r\n }\r\n }\r\n\r\n item.name = itemText;\r\n item.type = type;\r\n const uiItem = this.buildAutocompleteItem(item, index);\r\n return uiItem;\r\n }\r\n\r\n /**\r\n * Stop using my location\r\n */\r\n onMyLocationClick() {\r\n // Turn off search by my location and reset the coordinates\r\n this.usingMyLocation = false;\r\n this.myLocationFound = false;\r\n this.failedMyLocation = false;\r\n this._myLocationLat = null;\r\n this._myLocationLng = null;\r\n }\r\n\r\n async getMyLocation() {\r\n this.failedMyLocation = false;\r\n if (!navigator.geolocation) {\r\n return;\r\n }\r\n this.lookingForLocation = true;\r\n this.myLocationFound = false;\r\n this.myLocationLabel = SettingsService.autoCompleteValues.lookingForMyLocationText;\r\n\r\n try {\r\n const currentPosition: any = await this.getCurrentPosition();\r\n this.lookingForLocation = false;\r\n if (currentPosition && currentPosition.coords) {\r\n this.myLocationFound = true;\r\n this._myLocationLat = currentPosition.coords.latitude;\r\n this._myLocationLng = currentPosition.coords.longitude;\r\n // The locationTypes array is ordered, the order in which the items appears, is the order of specifity for the search:\r\n // first sublocality, then postal_town etc.\r\n const locationTypes = ['sublocality', 'postal_town', 'administrative_area_level_2', 'administrative_area_level_1'];\r\n let location: any;\r\n for (const locationType of locationTypes) {\r\n location = await this.getLocationAddress(this._myLocationLat, this._myLocationLng, locationType);\r\n if (location) {\r\n break;\r\n }\r\n }\r\n if (!location) {\r\n this.setLocationNotFound();\r\n return;\r\n }\r\n this.myLocationLabel = location.long_name;\r\n const searchInput = this._keywordInput ? this._keywordInput : null;\r\n this._gaService.sendLocationResultsEvent(searchInput, this.myLocationLabel, true);\r\n }\r\n } catch (exception) {\r\n this.setLocationNotFound();\r\n }\r\n }\r\n\r\n /**\r\n * Helper to reset the state of the UI when not location has been found with location detection\r\n */\r\n private setLocationNotFound() {\r\n this.lookingForLocation = false;\r\n this.myLocationFound = false;\r\n this.failedMyLocation = true;\r\n this._myLocationLat = null;\r\n this._myLocationLng = null;\r\n this.myLocationLabel = SettingsService.autoCompleteValues.failedMyLocation;\r\n }\r\n\r\n // Retrieve lat/lng of specified location\r\n private async setLatLngFromLocation() {\r\n if (this._locationInput && this._locationInput.length > 0) {\r\n const loc = await this._mapService.getLocationFromAddress(this._locationInput + ', New Zealand');\r\n\r\n if (loc) {\r\n this._myLocationLat = loc.lat.toString();\r\n this._myLocationLng = loc.lng.toString();\r\n }\r\n }\r\n }\r\n\r\n public async getLocationAddress(latitude, longitude, searchType) {\r\n const latlng = new google.maps.LatLng(latitude, longitude);\r\n try {\r\n const results: any = await this.geocode({ latLng: latlng });\r\n const filteredResults = results.filter(result => {\r\n return result.types.some(type => type === searchType);\r\n });\r\n const filteredAddress = filteredResults.find(filteredResult => {\r\n return filteredResult ? filteredResult.address_components.filter(passedAddressComponent => {\r\n return passedAddressComponent.types.find(type => type === searchType);\r\n }) : undefined;\r\n });\r\n const addressComponent = filteredAddress ? filteredAddress.address_components.find(passedAddressComponent => {\r\n return passedAddressComponent.types.some(type => type === searchType);\r\n }) : undefined;\r\n if (addressComponent) {\r\n return addressComponent;\r\n }\r\n return;\r\n } catch (exception) {\r\n this.setLocationNotFound();\r\n }\r\n }\r\n\r\n /**\r\n * Helper/wrapper to allow async/await for navigator.geolocation.getCurrentPosition\r\n * @param options the options that would have been sent to navigator.geolocation.getCurrentPosition - see\r\n * https://developer.mozilla.org/en-US/docs/Web/API/Geolocation/getCurrentPosition\r\n */\r\n public getCurrentPosition(options = {enableHighAccuracy: true, maximumAge: 0}) {\r\n return new Promise((resolve, reject) => {\r\n navigator.geolocation.getCurrentPosition(resolve, reject, options);\r\n });\r\n }\r\n\r\n /**\r\n * Helper/wrapper to allow async/await for geocoder.geocode\r\n * @param options the options that would have been sent to geocoder.geocode - see\r\n * https://angular-maps.com/api-docs/agm-core/injectables/agmgeocoder\r\n */\r\n public geocode(options = {}) {\r\n return new Promise((resolve, reject) => {\r\n const geocoder = new google.maps.Geocoder();\r\n geocoder.geocode(options, (results, status) => {\r\n if (status === google.maps.GeocoderStatus.OK) {\r\n if (results.length) {\r\n resolve(results);\r\n } else {\r\n reject(new Error('No results found'));\r\n }\r\n } else {\r\n reject(new Error('Geocoder failed due to: ' + status));\r\n }\r\n });\r\n });\r\n }\r\n\r\n onAutocompleteSkipped(keyword: string) {\r\n const request = {\r\n keywords: keyword,\r\n latitude: null,\r\n longitude: null,\r\n location: null\r\n };\r\n this._stateService.clearLastSelected();\r\n this._stateService.isSavingTopResult.next(true);\r\n this._searchService.keywordLookup(request).subscribe(\r\n (response: AutocompleteSearchResponse) => {\r\n // If there are results then populate the auto complete data.\r\n if (response && response.results && response.results.length) {\r\n\r\n const data = response.results.map((item, index) => {\r\n return this.buildAutocompleteItem(item, index);\r\n });\r\n\r\n if (!data || data.length <= 0) {\r\n const input = this._keywordInput;\r\n const locationInput = this._locationInput ? this._locationInput : null;\r\n this._gaService.sendNoAutocompleteResultsEvent(input, locationInput);\r\n const noDataUiItem = this.buildCustomAutocompleteUiItem(input,\r\n this._helperService.autocompleteItemType.NoResults.type,\r\n this._locationInput, // Location is the keyword in this case so the helper can generate the correct string\r\n null, 0);\r\n this._stateService.saveLastTopSearchResponse(noDataUiItem);\r\n this._stateService.isSavingTopResult.next(false);\r\n } else {\r\n // if there is data, grab the first item type and use it as a default search type, this is for the Find button,\r\n // when nothing was selected from the dropdown and the Find button was clicked.\r\n if (data && data[1]) {\r\n this._stateService.saveLastTopSearchResponse(data[1]);\r\n this._stateService.isSavingTopResult.next(false);\r\n }\r\n this.doKeywordLookup(request);\r\n }\r\n\r\n } else {\r\n const noDataUiItem = this.buildCustomAutocompleteUiItem(this._keywordInput,\r\n this._helperService.autocompleteItemType.NoResults.type,\r\n this._locationInput, // Location is the keyword in this case so the helper can generate the correct string\r\n null, 0);\r\n this._stateService.saveLastTopSearchResponse(noDataUiItem);\r\n this._stateService.isSavingTopResult.next(false);\r\n this.onFindClick();\r\n }\r\n }, () => {\r\n // Show an error message if there is a connection error.\r\n // We may not want to show an error for the dropdown list in case if there are intermittent connectivity issues,\r\n // users can use the Find button to go to the search results page and if there is still a connection issue then\r\n // they will see a friendly error message. We will need to handle errors on the search results page.\r\n // this._errorHandlingService.friendlyErrorHandler(true);\r\n }\r\n );\r\n }\r\n}\r\n","\r\n
\r\n","import { Component, OnInit, Input, ElementRef, AfterViewChecked, OnDestroy } from '@angular/core';\r\nimport { StateService } from '../../services/state.service';\r\nimport { StateRxService } from '../../services/staterx.service';\r\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\r\nimport { Router, NavigationEnd } from '@angular/router';\r\nimport { Subscription } from 'rxjs';\r\n\r\nexport enum BannerTypes {\r\n Information = \"information-banner\",\r\n Survey = \"survey-banner\"\r\n};\r\n\r\nexport enum BannerLocations {\r\n All = \"all\",\r\n Home = \"home\",\r\n Results = \"results\",\r\n Person = \"person\",\r\n Place = \"place\"\r\n};\r\n\r\n@Component({\r\n selector: 'hcf-banner',\r\n templateUrl: './banner.component.html',\r\n styleUrls: ['./banner.component.scss']\r\n})\r\nexport class BannerComponent implements OnInit, OnDestroy, AfterViewChecked {\r\n constructor(\r\n private _router: Router,\r\n private _stateRxService: StateRxService,\r\n private _stateService: StateService,\r\n private _elementRef: ElementRef,\r\n private _domSanitizer: DomSanitizer\r\n ) { }\r\n\r\n @Input() initialY:number = 0;\r\n bannerType: BannerTypes = BannerTypes.Information;\r\n bannerLocation: BannerLocations = BannerLocations.All;\r\n bannerText: SafeHtml = \"\";\r\n bannerOrigText: string = \"\";\r\n\r\n currentPageType: BannerLocations;\r\n isShown = false;\r\n\r\n customMessageSubscription: Subscription;\r\n routerSubscription: Subscription;\r\n \r\n ngOnInit() {\r\n // Retrieve GTM messages\r\n this.customMessageSubscription = this._stateRxService.customMessage.rxSubscribe(message => {\r\n if (message) {\r\n let displayMessage = '';\r\n\r\n // Set banner body text\r\n if (message.body) {\r\n // Truncate notification if too long\r\n // Allow for a 10 character buffer so that the \"split text/body\" isn't too short\r\n const maxLength = 70;\r\n if (message.body.indexOf('[!]') > -1 || message.body.length > maxLength + 10) {\r\n\r\n // Find next end of word after 50 characters\r\n if (message.body.indexOf('[!]') > -1) {\r\n const wordBoundaryIdx = message.body.indexOf('[!]');\r\n const title = message.body.substring(0, wordBoundaryIdx);\r\n const body = '\r\n \r\n
\r\n \r\n
\r\n\r\n Find an Affiliated Provider or see
\r\n
\r\n Healthcare finder
\r\nFind an Affiliated Provider or see
who offers Easy-Claim near you.
\r\n \r\n \r\n \r\n Healthcare finder\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 {{myLocationLabel}}\r\n \r\n
\r\n \r\n ' + message.body.substring(wordBoundaryIdx + 3) + '
';\r\n\r\n displayMessage = '' + title + \"
\" +\r\n ' read more' +\r\n '' + title +\r\n '... read more' +\r\n '
';\r\n }\r\n } else {\r\n displayMessage = message.body;\r\n }\r\n } else {\r\n displayMessage = '';\r\n }\r\n\r\n // Determine banner type (Informational, Survey)\r\n if (message.type === BannerTypes.Survey) {\r\n this.bannerType = BannerTypes.Survey;\r\n } else {\r\n this.bannerType = BannerTypes.Information;\r\n }\r\n\r\n // Determine banner location\r\n if (message.location) {\r\n this.bannerLocation = message.location;\r\n }\r\n\r\n this.bannerOrigText = displayMessage;\r\n this.bannerText = this.safeHtml(displayMessage);\r\n } else {\r\n this.bannerOrigText = '';\r\n this.bannerText = '';\r\n }\r\n\r\n // Determine if banner should be shown\r\n this.isShown = (\r\n this.bannerOrigText &&\r\n this.bannerOrigText.length > 0 && (\r\n this.bannerLocation === BannerLocations.All ||\r\n this.currentPageType === this.bannerLocation\r\n )\r\n );\r\n });\r\n\r\n // Retrieve type of current page\r\n this.routerSubscription = this._router.events.subscribe(event => {\r\n if (event instanceof NavigationEnd) {\r\n if (this._router.url.startsWith('/search-results')) {\r\n this.currentPageType = BannerLocations.Results;\r\n } else if (this._router.url.startsWith('/place-profile')) {\r\n this.currentPageType = BannerLocations.Place;\r\n } else if (this._router.url.startsWith('/person-profile')) {\r\n this.currentPageType = BannerLocations.Person;\r\n } else {\r\n this.currentPageType = BannerLocations.Home;\r\n }\r\n }\r\n\r\n // Determine if banner should be shown\r\n this.isShown = (\r\n this.bannerOrigText &&\r\n this.bannerOrigText.length > 0 && (\r\n this.bannerLocation === BannerLocations.All ||\r\n this.currentPageType === this.bannerLocation\r\n )\r\n );\r\n });\r\n }\r\n \r\n // Unsubscribe from message / router updates\r\n ngOnDestroy() {\r\n if(this.customMessageSubscription) {\r\n this.customMessageSubscription.unsubscribe();\r\n }\r\n\r\n if(this.routerSubscription) {\r\n this.routerSubscription.unsubscribe();\r\n }\r\n }\r\n\r\n ngAfterViewChecked () {\r\n const aNotification = this._elementRef.nativeElement.querySelector('#aNotification');\r\n const spNotification = this._elementRef.nativeElement.querySelector('#spNotification');\r\n const spEllipsis = this._elementRef.nativeElement.querySelector('#spEllipsis');\r\n if (aNotification) {\r\n aNotification.onclick = () => {\r\n aNotification.style.display = 'none';\r\n spEllipsis.style.display = 'none';\r\n spNotification.style.display = 'inline';\r\n };\r\n }\r\n }\r\n\r\n public closeBanner = () => {\r\n // Remove GTM message from store\r\n this._stateService.clearCustomMessage();\r\n }\r\n\r\n /**\r\n * Sanitize the text for rendering\r\n * @param text\r\n * @returns any\r\n */\r\n safeHtml(text: string) {\r\n return this._domSanitizer.bypassSecurityTrustHtml(text);\r\n }\r\n}\r\n","\r\n \r\n \r\n
\r\n","![](\"./assets/images/sx-logo-blue.png\"){kind=logo}
\r\nHealthcare finder
\r\n\r\n\r\n
\r\n
\r\n