\r\n \r\n \r\n ![](\"../../assets/images/acn-logo.png\")
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
","\r\n Sorry, you don't have access to this site.
\r\n \r\n To request an access, please send an email to: \r\n\r\n
\r\n ATCP.DP.Tools.Team\r\n
\r\n \r\n
\r\n
\r\n","import { Component, Inject, OnInit } from '@angular/core';\r\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\r\nimport { COMMA, ENTER } from '@angular/cdk/keycodes';\r\nimport { ElementRef, ViewChild } from '@angular/core';\r\nimport {\r\n FormBuilder,\r\n FormControl,\r\n FormGroup,\r\n Validators,\r\n} from '@angular/forms';\r\nimport { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';\r\nimport { Observable } from 'rxjs';\r\nimport { map, startWith } from 'rxjs/operators';\r\nimport { PeopleAccountingService } from 'src/app/service/people-accounting.service';\r\nimport { MatChipInputEvent, MatChipList } from '@angular/material/chips';\r\nimport { MatSnackBar } from '@angular/material/snack-bar';\r\n\r\n@Component({\r\n selector: 'app-people-acc-contact-form',\r\n templateUrl: './people-acc-contact-form.component.html',\r\n styleUrls: ['./people-acc-contact-form.component.scss'],\r\n})\r\nexport class PeopleAccContactFormComponent implements OnInit {\r\n dialogTitle: string = '';\r\n isEditContact: boolean = false;\r\n contactGroups: any[];\r\n selectable = true;\r\n removable = true;\r\n addOnBlur = true;\r\n contact = {\r\n eid: '',\r\n tag: '',\r\n groups: [],\r\n };\r\n filteredGroups: Observable\r\n
\r\n\r\n
\r\n {{ dialogTitle }}
\r\n \r\n \r\n close \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n EID \r\n \r\n EID is required \r\n EID is patterned in this format: \"juan.dela.cruz\" \r\n \r\n
\r\n \r\n \r\n Tag \r\n \r\n Tag is required \r\n \r\n
\r\n \r\n \r\n Group \r\n \r\n \r\n {{ group.name }}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {{ group.name }}\r\n \r\n \r\n \r\n At least 1 contact group is required \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n","import { Component, Inject, OnInit } from '@angular/core';\r\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\r\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\r\nimport { MatSnackBar } from '@angular/material/snack-bar';\r\nimport { PeopleAccountingService } from 'src/app/service/people-accounting.service';\r\n\r\n@Component({\r\n selector: 'app-people-acc-group-form',\r\n templateUrl: './people-acc-group-form.component.html',\r\n styleUrls: ['./people-acc-group-form.component.scss'],\r\n})\r\nexport class PeopleAccGroupFormComponent implements OnInit {\r\n dialogTitle = '';\r\n\r\n constructor(\r\n @Inject(MAT_DIALOG_DATA) public data: any,\r\n public dialogRef: MatDialogRef\r\n
\r\n\r\n
\r\n {{ dialogTitle }}
\r\n \r\n \r\n close \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Group Name \r\n \r\n Group name is required \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
","import { Component, OnInit, Inject } from '@angular/core';\r\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\r\n\r\n@Component({\r\n selector: 'app-people-accounting-delete-prompt',\r\n templateUrl: './people-accounting-delete-prompt.component.html',\r\n styleUrls: ['./people-accounting-delete-prompt.component.scss'],\r\n})\r\nexport class PeopleAccountingDeletePromptComponent implements OnInit {\r\n dialogTitle = '';\r\n\r\n constructor(\r\n @Inject(MAT_DIALOG_DATA) public data: any,\r\n public dialogRef: MatDialogRef\r\n
\r\n \r\n Are you sure you want to leave this page? \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n","import { Component, OnInit, Inject } from '@angular/core';\r\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\r\n\r\n@Component({\r\n selector: 'app-privacy-decline-prompt',\r\n templateUrl: './privacy-decline-prompt.component.html',\r\n styleUrls: ['./privacy-decline-prompt.component.scss']\r\n})\r\nexport class PrivacyDeclinePromptComponent implements OnInit {\r\n\r\n constructor(\r\n @Inject(MAT_DIALOG_DATA) public data: any,\r\n public dialogRef: MatDialogRef\r\n
\r\n \r\n Do you want to delete {{ data.deleteFormTitle }}?\r\n
\r\n \r\n \r\n close \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n Confirm\r\n \r\n
\r\n \r\n
\r\n \r\n ","import { Component, Inject, OnInit } from '@angular/core';\r\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\r\n\r\n@Component({\r\n selector: 'app-prompt',\r\n templateUrl: './prompt.component.html',\r\n styleUrls: ['./prompt.component.scss']\r\n})\r\nexport class PromptComponent implements OnInit {\r\n\r\n constructor(\r\n @Inject(MAT_DIALOG_DATA) public data: any,\r\n public dialogRef: MatDialogRef\r\n
\r\n \r\n Are you sure you want to decline?\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n","import { Component, Inject, OnInit } from '@angular/core';\r\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\r\n\r\n@Component({\r\n selector: 'app-reg-instruct',\r\n templateUrl: './reg-instruct.component.html',\r\n styleUrls: ['./reg-instruct.component.scss']\r\n})\r\nexport class RegInstructComponent implements OnInit {\r\n regStatus;\r\n regInstruction;\r\n regCode;\r\n\r\n constructor(@Inject(MAT_DIALOG_DATA) public data: any,\r\n private dialogRef: MatDialogRef\r\n
\r\n \r\n \r\n Confirm Delete\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {{ regStatus }}\r\n
\r\n \r\n \r\n
\r\n {{regInstruction}}
\r\n1. Open RAVEN application on your mobile device.
\r\n2. Log in to your RAVEN account.
\r\n3. Navigate to Register Device
\r\n4. Enter the 6 digit code on your device.
\r\n\r\n \r\n \r\n {{regCode}}\r\n \r\n \r\n
\r\n\r\n
\r\n","\r\n
\r\n \r\n Do you want to unregister?\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n ![](\"assets/images/accenture_logo.png\"/)
\r\n
\r\n \r\n \r\n |\r\n
\r\n \r\n RAVEN\r\n
\r\n \r\n \r\n Administrator\r\n \r\n
\r\n \r\n \r\n person \r\n {{currentUser.name}}\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { ActivatedRoute } from '@angular/router';\r\nimport { ChangeLogService } from 'src/app/service/change-log.service';\r\nimport { RegistrationDeviceService } from 'src/app/service/device-registration.service';\r\nimport { ProjectService } from 'src/app/service/project.service';\r\nimport { SnackBarService } from 'src/app/service/snack-bar.service';\r\nimport { UnregisterPromptComponent } from '../../forms/unregister-prompt/unregister-prompt.component';\r\nimport { environment } from 'src/environments/environment';\r\nimport { PrivacyDeclinePromptComponent } from '../../forms/prompt/privacy-decline-prompt/privacy-decline-prompt.component';\r\n\r\n@Component({\r\n selector: 'app-device-registration-page',\r\n templateUrl: './device-registration-page.component.html',\r\n styleUrls: ['./device-registration-page.component.scss']\r\n})\r\nexport class DeviceRegistrationPageComponent implements OnInit {\r\n access;\r\n project$;\r\n projectName;\r\n contacts;\r\n groups;\r\n id: any;\r\n subscription: any;\r\n tagHeader;\r\n number;\r\n smsEnabled: boolean;\r\n appEnabled: boolean;\r\n deviceModel: any;\r\n accepted: boolean;\r\n isLoading: boolean = true;\r\n\r\n constructor(\r\n private _route: ActivatedRoute,\r\n private projectService: ProjectService,\r\n private dialog: MatDialog,\r\n private changeLogger: ChangeLogService,\r\n private sBar: SnackBarService,\r\n private regDeviceService: RegistrationDeviceService,\r\n\r\n ) { }\r\n\r\n ngOnInit(): void {\r\n\r\n let localstorage = JSON.parse(localStorage.getItem(\"loggedInUser\"));\r\n let eid = localstorage.eid && localstorage.eid.toString().split(\"@\")[0];\r\n\r\n this._route.params.subscribe(params => {\r\n this.id = params.id;\r\n });\r\n this.project$ = this.getProjectDetails(this.id);\r\n this.subscription = this.project$.subscribe(res => {\r\n this.contacts = res.contacts;\r\n this.groups = res.groups;\r\n this.projectName = res.name;\r\n });\r\n\r\n let projectId = this.id;\r\n\r\n // API to get if appEnabled, accepted data privacy, device model, smsEnabled and contactNumber\r\n this.regDeviceService.registerDevice(projectId, eid).subscribe(res1 =>{\r\n this.accepted = res1.acceptedPrivacy;\r\n this.appEnabled = res1.appEnabled;\r\n this.smsEnabled = res1.smsEnabled;\r\n this.number = res1.numberPrefix + res1.number;\r\n\r\n if(res1.deviceModel){\r\n this.deviceModel = JSON.parse(res1.deviceModel).name;\r\n }\r\n \r\n if(this.accepted){\r\n this.tagHeader = \"Please select your desired channel for receiving notifications :\";\r\n }else {\r\n this.tagHeader = \"Please read the Data Privacy statement before you proceed with the registration. \";\r\n }\r\n this.isLoading = false;\r\n });\r\n\r\n }\r\n\r\n getProjectDetails(id) {\r\n return this.projectService.getProjectById(id);\r\n }\r\n\r\n unregisterDevice() {\r\n let projectId = this.id;\r\n let localstorage = JSON.parse(localStorage.getItem(\"loggedInUser\"));\r\n let eid = localstorage.eid && localstorage.eid.toString().split(\"@\")[0];\r\n\r\n \r\n let unregDeviceRef = this.dialog.open(UnregisterPromptComponent,{\r\n width: '500px',\r\n }).afterClosed().subscribe(res => {\r\n if(res.confirm){\r\n this.regDeviceService.unregisterDevice(projectId, eid).subscribe(res1 =>{\r\n this.appEnabled = false;\r\n window.location.href = `${environment.frontEndURL}/${this.id}/device-registration`\r\n })\r\n }\r\n })\r\n }\r\n\r\n unregisterNumber(){\r\n let projectId = this.id;\r\n let localstorage = JSON.parse(localStorage.getItem(\"loggedInUser\"));\r\n let eid = localstorage.eid && localstorage.eid.toString().split(\"@\")[0];\r\n\r\n \r\n let unregDeviceRef = this.dialog.open(UnregisterPromptComponent,{\r\n width: '500px',\r\n \r\n }).afterClosed().subscribe(res => {\r\n if(res.confirm){\r\n this.regDeviceService.unregisterNumber(projectId, eid).subscribe(res1 =>{\r\n this.appEnabled = false;\r\n window.location.href = `${environment.frontEndURL}/${this.id}/device-registration`\r\n })\r\n }\r\n })\r\n }\r\n\r\n acceptPrivacy(action) {\r\n let projectId = this.id;\r\n let localstorage = JSON.parse(localStorage.getItem(\"loggedInUser\"));\r\n let eid = localstorage.eid && localstorage.eid.toString().split(\"@\")[0];\r\n \r\n if(action === \"Proceed\"){\r\n this.regDeviceService.accptPrivacy(eid, projectId, action).subscribe(res => {\r\n window.location.href = `${environment.frontEndURL}/${this.id}/device-registration`\r\n })\r\n } else {\r\n this.dialog.open(PrivacyDeclinePromptComponent,{\r\n width: '550px'\r\n }).afterClosed().subscribe(res =>{\r\n if(res.confirm){\r\n this.regDeviceService.accptPrivacy(eid, projectId, action).subscribe(res =>{\r\n window.location.href = `${environment.frontEndURL}/${this.id}/device-registration/declined-data-privacy`\r\n })\r\n }\r\n })\r\n }\r\n }\r\n}\r\n","\r\n
\r\n
\r\n
\r\n RAVEN REGISTRATION
\r\n\r\n\r\n
\r\n \r\n \r\n {{\r\n tagHeader\r\n }} \r\n \r\n\r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n SMS and Call \r\n check_circle_outline\r\n \r\n \r\n \r\n textsms
\r\n phone_in_talk\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Mobile application\r\n check_circle_outline\r\n \r\n \r\n mobile_friendly \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n phone_in_talk\r\n
\r\n Send notification through telco partners.\r\n
\r\n Registered Number: +{{ number }}\r\n
\r\n \r\n Update\r\n \r\n \r\n Remove\r\n \r\n
\r\n \r\n \r\n Register\r\n arrow_forward \r\n \r\n
\r\n \r\n Send alerts via push notification through the mobile application.\r\n
\r\n Device: {{ deviceModel }}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n\r\n \r\n\r\n \r\n \r\n Decline\r\n \r\n \r\n Proceed\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
Welcome!
\r\n\r\n
\r\n You have been invited by {{ projectName }} to use the Real-time Alerts\r\n and Voice-Enabled Notification tool. To start receiving alerts, you must\r\n enable at least one of the available channels. By accepting the data\r\n privacy statement, you will be directed to the channel's selection.\r\n
\r\n\r\n
\r\n
\r\n Please read the Data Privacy statement before you proceed with the\r\n registration.\r\n
\r\n\r\n
\r\n Please be aware that any personal data that you and others provide\r\n through this tool may be processed by Accenture for the purpose of\r\n sending alerts and notifications to your mobile phone in accordance\r\n with Accenture Data Privacy Statement.\r\n
\r\n
\r\n The protection of your personal data is very important to Accenture.\r\n Accenture is committed to keeping your personal data secure, and\r\n processing it in accordance with, applicable data protection laws and\r\n our internal policies, including Policies: 0090 - Data Privacy\r\n (English) (accenture.com).\r\n
\r\n
\r\n Your decision to provide your personal data to Accenture is voluntary.\r\n However, given that this tool requires personal data to function, you\r\n will not be able to use this tool if you do not provide your personal\r\n data.\r\n
\r\n
\r\n Before providing any personal data through this tool, Accenture\r\n invites you to carefully read GLOBAL DATA PRIVACY STATEMENT |\r\n Protecting Accenture, which includes important information on why and\r\n how Accenture is processing your personal data.\r\n
\r\n
\r\n Please also be aware that by using of this tool, you can still receive\r\n notifications even beyond your regular working hours and in such\r\n cases, there is no expectation from you to take any action outside of\r\n your working hours, holidays and rest day.\r\n
\r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { MatSnackBar } from '@angular/material/snack-bar';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { ChangeLogService } from 'src/app/service/change-log.service';\r\nimport { RegistrationDeviceService } from 'src/app/service/device-registration.service';\r\nimport { ProjectService } from 'src/app/service/project.service';\r\nimport { SnackBarService } from 'src/app/service/snack-bar.service';\r\nimport { environment } from 'src/environments/environment';\r\n\r\n@Component({\r\n selector: 'app-mobile-app-reg-page',\r\n templateUrl: './mobile-app-reg-page.component.html',\r\n styleUrls: ['./mobile-app-reg-page.component.scss']\r\n})\r\nexport class MobileAppRegPageComponent implements OnInit {\r\n project$;\r\n contacts;\r\n groups;\r\n id: any;\r\n subscription: any;\r\n tagHeader;\r\n description;\r\n sixDigitCode: String = \"\";\r\n\r\n constructor(\r\n private _route: ActivatedRoute,\r\n private projectService: ProjectService,\r\n private dialog: MatDialog,\r\n private changeLogger: ChangeLogService,\r\n private sBar: SnackBarService,\r\n private fb: FormBuilder,\r\n private regDeviceService: RegistrationDeviceService,\r\n private _snackbar: MatSnackBar,\r\n private router: Router\r\n ) { }\r\n\r\n sixDigitCodeFormGroup: FormGroup = this.fb.group({\r\n code: new FormControl( '', [Validators.required,Validators.minLength(6),Validators.pattern('^[0-9]*$')])\r\n })\r\n\r\n ngOnInit(): void {\r\n\r\n this._route.params.subscribe(params => {\r\n this.id = params.id;\r\n });\r\n\r\n this.project$ = this.getProjectDetails(this.id);\r\n this.subscription = this.project$.subscribe(res => {\r\n this.contacts = res.contacts;\r\n this.groups = res.groups;\r\n\r\n });\r\n\r\n this.tagHeader = \"Mobile Application\";\r\n this.description = \"Send alerts via push notification through the mobile application.\";\r\n\r\n }\r\n\r\n getProjectDetails(id) {\r\n return this.projectService.getProjectById(id);\r\n }\r\n\r\n onSubmit(){\r\n let localstorage = JSON.parse(localStorage.getItem(\"loggedInUser\"));\r\n let eid = localstorage.eid && localstorage.eid.toString().split(\"@\")[0];\r\n let projectId = this.id;\r\n\r\n\r\n let registrationCode = this.sixDigitCodeFormGroup.get(\"code\").value;\r\n\r\n this.regDeviceService.validateCode(eid,projectId,registrationCode).subscribe({\r\n next: (res) => {\r\n window.location.href = `${environment.frontEndURL}/${this.id}/device-registration/mobile-app-registration/success`\r\n },\r\n error: (err) => {\r\n this.openSnackbar(err.error.message);\r\n }\r\n })\r\n\r\n }\r\n openSnackbar(message : string){\r\n this._snackbar.open(message, \"Dismiss\", {\r\n\r\n duration: 5000\r\n\r\n });\r\n }\r\n\r\n onCancel(){\r\n window.location.href = `${environment.frontEndURL}/${this.id}/device-registration`\r\n }\r\n}\r\n","\r\n
\r\n
\r\n
\r\n\r\n RAVEN REGISTRATION
\r\n\r\n
\r\n\r\n \r\n \r\n \r\n {{tagHeader}} \r\n {{description}} \r\n \r\n\r\n \r\n
\r\n\r\n {{project.name}}\r\n
\r\n \r\n {{project.alignment}}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n
\r\n INSTRUCTION:
\r\n1. Download and install InTune Company Portal in Google Play Store and Apple App Store.
\r\n2. Download and install RAVEN Mobile in InTune Company Portal app.
\r\n3. Open RAVEN Mobile and select Connect Device.
\r\n\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { ChangeLogService } from 'src/app/service/change-log.service';\r\nimport { ProjectService } from 'src/app/service/project.service';\r\nimport { SnackBarService } from 'src/app/service/snack-bar.service';\r\nimport { environment } from 'src/environments/environment';\r\n\r\n@Component({\r\n selector: 'app-success-reg-page',\r\n templateUrl: './success-reg-page.component.html',\r\n styleUrls: ['./success-reg-page.component.scss']\r\n})\r\nexport class SuccessRegPageComponent implements OnInit {\r\n project$;\r\n contacts;\r\n groups;\r\n id: any;\r\n subscription: any;\r\n tagHeader;\r\n description;\r\n\r\n constructor(\r\n private _route: ActivatedRoute,\r\n private projectService: ProjectService,\r\n private dialog: MatDialog,\r\n private changeLogger: ChangeLogService,\r\n private sBar: SnackBarService,\r\n\r\n ) { }\r\n\r\n ngOnInit(): void {\r\n this._route.params.subscribe(params => {\r\n this.id = params.id;\r\n });\r\n\r\n this.project$ = this.getProjectDetails(this.id);\r\n this.subscription = this.project$.subscribe(res => {\r\n this.contacts = res.contacts;\r\n this.groups = res.groups;\r\n });\r\n\r\n let URL = window.location.href.toString();\r\n\r\n if(URL.includes(\"mobile-app-registration\")){\r\n this.tagHeader = \"Mobile Application\";\r\n this.description = \"Send alerts via push notification through the mobile application.\";\r\n } else {\r\n this.tagHeader = 'SMS and Call';\r\n this.description = \"Send notification through telco partners.\";\r\n }\r\n }\r\n getProjectDetails(id) {\r\n return this.projectService.getProjectById(id);\r\n }\r\n\r\n backToDevRegPage() {\r\n window.location.href = `${environment.frontEndURL}/${this.id}/device-registration`\r\n }\r\n}\r\n\r\n\r\n","\r\n
\r\n
\r\n
\r\n RAVEN REGISTRATION
\r\n\r\n
\r\n\r\n \r\n \r\n \r\n {{tagHeader}} \r\n {{description}} \r\n \r\n\r\n \r\n
\r\n\r\n {{project.name}}\r\n
\r\n \r\n {{project.alignment}}\r\n
\r\n \r\n check_circle_outline \r\n
\r\n Registration Successful!
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n {{ project.alignment }}\r\n
\r\n \r\n \r\n {{ project.name }}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n sms \r\n NEW SMS ALERT\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Drafts \r\n \r\n New \r\n {{ draft.eventName }} \r\n \r\n \r\n
\r\n \r\n \r\n Event Message Template \r\n \r\n {{ temp.templateName }} \r\n \r\n \r\n
\r\n \r\n \r\n Event Name \r\n Event name is required\r\n \r\n \r\n
\r\n \r\n \r\n Expiration Date \r\n Expiration date and time is required\r\n \r\n \r\n
\r\n \r\n \r\n Contact Group \r\n \r\n \r\n {{ group.name }}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {{ group.name }}\r\n \r\n \r\n \r\n 0\r\n ? false\r\n : isContactEmpty\r\n \"\r\n class=\"error\"\r\n >At least 1 contact group is required\r\n \r\n \r\n
\r\n \r\n 0\"\r\n >\r\n {{ viewOrHide }} Recipients\r\n
\r\n \r\n Total number of recipients:\r\n {{ totalEidCount ?? 0 }}\r\n
\r\n \r\n
\r\n Showing all recipients:
\r\n\r\n {{ totalEid }}\r\n
\r\n\r\n
\r\n \r\n \r\n Event Message \r\n \r\n \r\n {{\r\n !eventMsgFooter.length ? responseFooter : eventMsgFooter\r\n }}\r\n \r\n \r\n {{ eventMsg.value.length }} of 1200 characters limit\r\n \r\n
\r\n Event message is required\r\n \r\n \r\n
\r\n \r\n \r\n Enable two-way SMS\r\n \r\n
\r\n \r\n Event message is required\r\n \r\n
\r\n \r\n Response Format \r\n Response format is required\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n","import { Component, ElementRef, OnInit } from '@angular/core';\r\nimport { Location } from '@angular/common';\r\nimport { ActivatedRoute } from '@angular/router';\r\nimport { PeopleAccountingService } from 'src/app/service/people-accounting.service';\r\nimport { COMMA, ENTER } from '@angular/cdk/keycodes';\r\nimport { ViewChild } from '@angular/core';\r\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\r\nimport { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';\r\nimport { Observable } from 'rxjs';\r\nimport { map, startWith } from 'rxjs/operators';\r\nimport { MatChipInputEvent, MatChipList } from '@angular/material/chips';\r\nimport { SnackBarService } from 'src/app/service/snack-bar.service';\r\nimport { MatSnackBar } from '@angular/material/snack-bar';\r\nimport { BackButtonPromptComponent } from '../../../forms/prompt/back-button-prompt/back-button-prompt.component';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { environment } from 'src/environments/environment';\r\n\r\n@Component({\r\n selector: 'app-event-page',\r\n templateUrl: './event-page.component.html',\r\n styleUrls: ['./event-page.component.scss'],\r\n})\r\n\r\nexport class EventPageComponent implements OnInit {\r\n project = {\r\n name: '',\r\n alignment: '',\r\n };\r\n id;\r\n eventId = '';\r\n selectedDraft = '';\r\n selectedEventMsgTemp = '';\r\n eventName = '';\r\n expirationDateTime = '';\r\n eventMessage = '';\r\n isEventNameEmpty = false;\r\n isContactEmpty = false;\r\n isExpirationEmpty = false;\r\n isEventMessageEmpty = false;\r\n showRecipients = false;\r\n isActiveSaveDraft = false;\r\n isActiveSendSMS = false;\r\n viewOrHide = 'View';\r\n eventMsgTempDropdown: any[];\r\n draftsDropdown: any[];\r\n totalEid = [];\r\n totalEidCount;\r\n isLoading: boolean = true;\r\n selectable = true;\r\n removable = true;\r\n addOnBlur = true;\r\n selectedGroups: any[] = [];\r\n contactGroups = [];\r\n grpObjectId = [];\r\n back: boolean = false;\r\n isResponseEnabled: boolean = false;\r\n isResponseEmpty: boolean = false;\r\n responseFooter =\r\n 'To reply, send \"ACN \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {{ project.alignment }}\r\n
\r\n \r\n \r\n {{ project.name }}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Disclaimer: The data provided herewith is collected\r\n by the Point of Contact (POC) assigned to handle the emergency, and\r\n not by RAVEN or any other entity.\r\n
\r\n\r\n
\r\n \r\n \r\n Contacts \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n upload Import\r\n \r\n \r\n download Download Import Template\r\n \r\n
\r\n \r\n \r\n add Add Contact\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {{ errorMessage }} \r\n
\r\n \r\n
\r\n \r\n W\r\n\r\n","import { Component, ElementRef, OnInit, ViewChild } from '@angular/core';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { PeopleAccContactFormComponent } from 'src/app/component/forms/people-acc-contact-form/people-acc-contact-form.component';\r\nimport { PeopleAccGroupFormComponent } from 'src/app/component/forms/people-acc-group-form/people-acc-group-form.component';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { PeopleAccountingService } from 'src/app/service/people-accounting.service';\r\nimport { Project } from 'src/app/models/project.model';\r\nimport { PeopleAccountingDeletePromptComponent } from 'src/app/component/forms/prompt/people-accounting-delete-prompt/people-accounting-delete-prompt.component';\r\nimport { MatSnackBar } from '@angular/material/snack-bar';\r\n\r\ninterface Group {\r\n group: string;\r\n}\r\n\r\ninterface AcctgContact {\r\n contactId: string;\r\n eid: string;\r\n groups: Array\r\n \r\n \r\n \r\n \r\n
\r\n Groups
\r\n \r\n \r\n add Add Group\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n Real-time Alert and Voice Enabled Notification tool\r\n
\r\n \r\n \r\n Track event alerts of your project workforce today!\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n {{ project.alignment }}\r\n \r\n \r\n Active Events: {{ project.events }}\r\n \r\n \r\n \r\n EXPLORE\r\n arrow_forward \r\n \r\n \r\n \r\n
\r\n \r\n {{ project.name }}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { AcctgProject } from 'src/app/models/acctgProject.model';\r\nimport { PeopleAccountingService } from 'src/app/service/people-accounting.service';\r\nimport { environment } from 'src/environments/environment';\r\n\r\n@Component({\r\n selector: 'app-people-accounting-home-page',\r\n templateUrl: './people-accounting-home-page.component.html',\r\n styleUrls: ['./people-accounting-home-page.component.scss'],\r\n})\r\nexport class PeopleAccountingHomePageComponent implements OnInit {\r\n projects: AcctgProject[];\r\n isLoading: boolean = true;\r\n\r\n\r\n constructor(\r\n private router: Router,\r\n private peopleAccountingService: PeopleAccountingService\r\n ) {}\r\n\r\n ngOnInit(): void {\r\n this.getAcctgProjectList();\r\n }\r\n\r\n getAcctgProjectList(){\r\n this.peopleAccountingService.getAcctgProjects().subscribe(res => {\r\n this.projects = res.data;\r\n this.isLoading = false;\r\n })\r\n }\r\n\r\n onProceed(projectId) {\r\n this.router.navigate([\r\n `home-people-accounting/${projectId}/people-accounting`,\r\n ]);\r\n }\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { PeopleAccountingService } from 'src/app/service/people-accounting.service';\r\nimport * as fileSaver from 'file-saver';\r\nimport { NotificationLogService } from 'src/app/service/notification-log.service';\r\nimport { Project } from 'src/app/models/project.model';\r\nimport { H } from '@angular/cdk/keycodes';\r\n@Component({\r\n selector: 'app-people-accounting-page',\r\n templateUrl: './people-accounting-page.component.html',\r\n styleUrls: ['./people-accounting-page.component.scss'],\r\n})\r\nexport class PeopleAccountingPageComponent implements OnInit {\r\n project = {\r\n name: '',\r\n alignment: '',\r\n };\r\n id;\r\n\r\n constructor(\r\n private router: Router,\r\n private peopleAccountingService: PeopleAccountingService,\r\n private _route: ActivatedRoute,\r\n private logsService: NotificationLogService\r\n ) {}\r\n\r\n ngOnInit(): void {\r\n // this._route.params.subscribe((params) => {\r\n // this.id = params.id;\r\n // console.log(this.id);\r\n // });\r\n\r\n this._route.params.subscribe((params) => {\r\n this.id = params.id;\r\n this.peopleAccountingService.getAcctgProjectDetails(this.id).subscribe((res) => {\r\n this.project = res.data;\r\n })\r\n });\r\n }\r\n\r\n createEventBtn() {\r\n this.router.navigate([`home-people-accounting/${this.id}/create-event`]);\r\n }\r\n\r\n downloadLog(id) {\r\n this.peopleAccountingService\r\n .downloadResponseLogs(id)\r\n .subscribe((csvData) => {\r\n let objectData = csvData.data;\r\n if (csvData) {\r\n\r\n let header = Object.keys(objectData[0]).join(',');\r\n let headerArr = header.split(\",\");\r\n let newArr = [];\r\n \r\n headerArr.map(h =>{\r\n if(h === \"dateAndTime\"){\r\n newArr.push(\"Date & Time\");\r\n } else if (h === \"responseTime\"){\r\n console.log(\"else if\")\r\n newArr.push(\"Response Time\\n\");\r\n } else {\r\n let newWord = h.charAt(0).toUpperCase() + h.slice(1);\r\n newArr.push(newWord);\r\n }\r\n })\r\n\r\n const csv = objectData.map(row => Object.values(row).join(',')).join('\\n');\r\n const blob = new Blob([newArr.toString() + csv], { type: 'text/csv' });\r\n const url = window.URL.createObjectURL(blob);\r\n const a = document.createElement('a');\r\n a.href = url;\r\n a.download = 'Response-logs.csv';\r\n a.click();\r\n window.URL.revokeObjectURL(url);\r\n }\r\n });\r\n }\r\n\r\n manageContactsBtn() {\r\n this.router.navigate([`home-people-accounting/${this.id}/manage-contacts`]);\r\n }\r\n}\r\n","\r\n \r\n \r\n \r\n
\r\n \r\n\r\n","\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {{ project.alignment }}\r\n
\r\n \r\n \r\n {{ project.name }}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n Send an event alert via SMS to inform or monitor project workforce.\r\n \r\n \r\n \r\n Get Started\r\n arrow_forward \r\n \r\n \r\n \r\n
\r\n \r\n event_note \r\n Create Event\r\n
\r\n \r\n \r\n \r\n \r\n \r\n Manage user accessibility to ensure authorized alert delivery proceedings.\r\n \r\n \r\n Coming Soon \r\n \r\n \r\n \r\n
\r\n \r\n people \r\n Manage Access\r\n
\r\n \r\n \r\n \r\n \r\n \r\n Manage your application contacts and alert recipients easily.\r\n \r\n \r\n \r\n Manage\r\n arrow_forward \r\n \r\n \r\n \r\n
\r\n \r\n perm_contact_calendar \r\n Manage Contacts\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n Response Logs\r\n
\r\n \r\n \r\n save_alt Download Logs (csv)\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { ChangeLogService } from 'src/app/service/change-log.service';\r\nimport { ProjectService } from 'src/app/service/project.service';\r\nimport { SnackBarService } from 'src/app/service/snack-bar.service';\r\nimport { environment } from 'src/environments/environment';\r\n\r\n@Component({\r\n selector: 'app-people-acc-success-reg-page',\r\n templateUrl: './people-acc-success-reg-page.component.html',\r\n styleUrls: ['./people-acc-success-reg-page.component.scss']\r\n})\r\nexport class PeopleAccSuccessRegPageComponent implements OnInit {\r\n project$;\r\n contacts;\r\n groups;\r\n id: any;\r\n subscription: any;\r\n tagHeader;\r\n description;\r\n\r\n constructor(\r\n private _route: ActivatedRoute,\r\n private projectService: ProjectService,\r\n private dialog: MatDialog,\r\n private changeLogger: ChangeLogService,\r\n private sBar: SnackBarService,\r\n ) { }\r\n\r\n ngOnInit(): void {\r\n this._route.params.subscribe(params => {\r\n this.id = params.id;\r\n });\r\n\r\n this.project$ = this.getProjectDetails(this.id);\r\n this.subscription = this.project$.subscribe(res => {\r\n this.contacts = res.contacts;\r\n this.groups = res.groups;\r\n });\r\n\r\n let URL = window.location.href.toString();\r\n\r\n this.tagHeader = 'SMS';\r\n this.description = \"Receive alerts or notifications through telco partners.\";\r\n }\r\n\r\n getProjectDetails(id) {\r\n return this.projectService.getProjectById(id);\r\n }\r\n\r\n backToDevRegPage() {\r\n window.location.href = `${environment.frontEndURL}/${this.id}/people-accounting-registration`\r\n }\r\n\r\n}\r\n","\r\n
\r\n
\r\n
\r\n\r\n PEOPLE ACCOUNTING REGISTRATION
\r\n\r\n \r\n \r\n {{tagHeader}} \r\n {{description}} \r\n \r\n\r\n \r\n
\r\n\r\n {{project.name}}\r\n
\r\n \r\n {{project.alignment}}\r\n
\r\n \r\n check_circle_outline \r\n
\r\n Registration Successful!
\r\n\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { ActivatedRoute } from '@angular/router';\r\nimport { UnregisterPromptComponent } from '../../forms/unregister-prompt/unregister-prompt.component';\r\nimport { environment } from 'src/environments/environment';\r\nimport { PrivacyDeclinePromptComponent } from '../../forms/prompt/privacy-decline-prompt/privacy-decline-prompt.component';\r\nimport { PeopleAccountingService } from 'src/app/service/people-accounting.service';\r\nimport { MatSnackBar } from '@angular/material/snack-bar';\r\n\r\n@Component({\r\n selector: 'app-people-accounting-registration',\r\n templateUrl: './people-accounting-registration.component.html',\r\n styleUrls: ['./people-accounting-registration.component.scss']\r\n})\r\nexport class PeopleAccountingRegistrationComponent implements OnInit {\r\n\r\n id;\r\n project = {\r\n name: '',\r\n alignment: '',\r\n };\r\n access;\r\n tagHeader;\r\n number;\r\n smsEnabled: boolean;\r\n appEnabled: boolean;\r\n accepted: boolean = false;\r\n isLoading: boolean = true;\r\n isUnauthorized: boolean = false;\r\n\r\n constructor(\r\n private peopleAccountingService: PeopleAccountingService,\r\n private _route: ActivatedRoute,\r\n private dialog: MatDialog,\r\n private _snackbar: MatSnackBar\r\n\r\n ) { }\r\n\r\n\r\n ngOnInit(): void {\r\n let localstorage = JSON.parse(localStorage.getItem(\"loggedInUser\"));\r\n let eid = localstorage.eid && localstorage.eid.toString().split(\"@\")[0];\r\n\r\n this._route.params.subscribe((params) => {\r\n this.id = params.id;\r\n this.peopleAccountingService.getAcctgProjectDetails(this.id).subscribe((res) => {\r\n this.project = res.data;\r\n })\r\n });\r\n\r\n this.checkRegistration(eid);\r\n\r\n }\r\n\r\n checkRegistration(eid) {\r\n this.peopleAccountingService.checkRegistration(this.id, eid).subscribe(res => {\r\n if(res.statusCode === 200) {\r\n this.accepted = res.data.result.acceptedPrivacy;\r\n this.smsEnabled = res.data.result.smsEnabled;\r\n this.number = res.data.result.numberPrefix + res.data.result.number;\r\n\r\n if(this.accepted){\r\n this.tagHeader = \"Please select your desired channel for receiving alerts or notifications:\";\r\n }else {\r\n this.tagHeader = \"Please read the Data Privacy statement before you proceed with the registration. \";\r\n }\r\n this.isLoading = false;\r\n } else if (res.statusCode === 404) {\r\n this.isLoading = false;\r\n this.isUnauthorized = true;\r\n } else {\r\n this.isLoading = false;\r\n this.isUnauthorized = true;\r\n this.openSnackbar(\"An error occured while processing contact verification.\");\r\n }\r\n });\r\n }\r\n\r\n unregisterNumber(){\r\n let projectId = this.id;\r\n let localstorage = JSON.parse(localStorage.getItem(\"loggedInUser\"));\r\n let eid = localstorage.eid && localstorage.eid.toString().split(\"@\")[0];\r\n\r\n\r\n this.dialog.open(UnregisterPromptComponent,{\r\n width: '500px',\r\n }).afterClosed().subscribe(res => {\r\n if(res.confirm){\r\n this.peopleAccountingService.unregisterNumber(projectId, eid).subscribe(res1 =>{\r\n this.appEnabled = false;\r\n window.location.href = `${environment.frontEndURL}/${this.id}/people-accounting-registration`\r\n })\r\n }\r\n })\r\n }\r\n\r\n acceptPrivacy(action) {\r\n let projectId = this.id;\r\n let localstorage = JSON.parse(localStorage.getItem(\"loggedInUser\"));\r\n let eid = localstorage.eid && localstorage.eid.toString().split(\"@\")[0];\r\n\r\n if(action === \"Proceed\"){\r\n this.peopleAccountingService.dataPrivacy(eid, projectId, action).subscribe(res => {\r\n if(res.statusCode === 200) {\r\n window.location.href = `${environment.frontEndURL}/${this.id}/people-accounting-registration/`\r\n }\r\n })\r\n } else {\r\n this.dialog.open(PrivacyDeclinePromptComponent,{\r\n width: '550px'\r\n }).afterClosed().subscribe(res =>{\r\n if(res.confirm){\r\n this.peopleAccountingService.dataPrivacy(eid, projectId, action).subscribe(res =>{\r\n window.location.href = `${environment.frontEndURL}/${this.id}/people-accounting-registration/declined-data-privacy`\r\n })\r\n }\r\n })\r\n }\r\n }\r\n\r\n openSnackbar(message: string) {\r\n this._snackbar.open(message, 'Dismiss', {\r\n duration: 5000,\r\n });\r\n }\r\n}\r\n","\r\n
\r\n
\r\n
\r\n PEOPLE ACCOUNTING REGISTRATION
\r\n\r\n\r\n
\r\n \r\n \r\n {{\r\n tagHeader\r\n }} \r\n \r\n\r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n SMS / Call \r\n check_circle_outline\r\n \r\n \r\n \r\n textsms
\r\n phone_in_talk\r\n \r\n \r\n \r\n \r\n
\r\n \r\n phone_in_talk\r\n
\r\n Receive alerts or notifications through telco partners.\r\n
\r\n Registered Number: +{{ number }}\r\n
\r\n \r\n Update\r\n \r\n \r\n Remove\r\n \r\n
\r\n \r\n \r\n Register\r\n arrow_forward \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n\r\n \r\n\r\n \r\n \r\n Decline\r\n \r\n \r\n Proceed\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
Welcome!
\r\n\r\n
\r\n You have been invited by {{ project.name }} to start receiving\r\n alerts/notifications from People Accounting powered by Real-time Alerts\r\n and Voice-Enabled Notification tool. You must enable at least one of the\r\n available channels.\r\n
\r\n By accepting the data privacy statement, you will be\r\n directed to the channel's selection.\r\n
\r\n
\r\n
\r\n Please read the Data Privacy statement before you proceed with the\r\n registration.\r\n
\r\n\r\n
\r\n Please be aware that any personal data that you and others provide\r\n through this tool may be processed by Accenture for the purpose of\r\n sending alerts and notifications to your mobile phone in accordance\r\n with Accenture Data Privacy Statement.\r\n
\r\n
\r\n The protection of your personal data is very important to Accenture.\r\n Accenture is committed to keeping your personal data secure, and\r\n processing it in accordance with, applicable data protection laws and\r\n our internal policies, including Policies: 0090 - Data Privacy\r\n (English) (accenture.com).\r\n
\r\n
\r\n Your decision to provide your personal data to Accenture is voluntary.\r\n However, given that this tool requires personal data to function, you\r\n will not be able to use this tool if you do not provide your personal\r\n data.\r\n
\r\n
\r\n Before providing any personal data through this tool, Accenture\r\n invites you to carefully read GLOBAL DATA PRIVACY STATEMENT |\r\n Protecting Accenture, which includes important information on why and\r\n how Accenture is processing your personal data.\r\n
\r\n
\r\n Please also be aware that by using of this tool, you can still receive\r\n notifications even beyond your regular working hours and in such\r\n cases, there is no expectation from you to take any action outside of\r\n your working hours, holidays and rest day.\r\n
\r\n
\r\n\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
","import { Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'app-privacy-decline-page',\r\n templateUrl: './privacy-decline-page.component.html',\r\n styleUrls: ['./privacy-decline-page.component.scss']\r\n})\r\nexport class PrivacyDeclinePageComponent implements OnInit {\r\n destination: string = '';\r\n\r\n constructor(private _route: ActivatedRoute) { }\r\n\r\n ngOnInit(): void {\r\n this.destination = this._route.snapshot.data.destination;\r\n }\r\n\r\n}\r\n","\r\n
\r\n
\r\n
\r\n RAVEN REGISTRATION\r\n
\r\n \r\n PEOPLE ACCOUNTING REGISTRATION\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n By declining Data Privacy Statement, you are not applicable to register your Mobile Device and/or Mobile Number from the time being. You may now close this window.\r\n \r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport {\r\n FormBuilder,\r\n FormControl,\r\n FormGroup,\r\n Validators,\r\n} from '@angular/forms';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { MatSnackBar } from '@angular/material/snack-bar';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { ChangeLogService } from 'src/app/service/change-log.service';\r\nimport { RegistrationDeviceService } from 'src/app/service/device-registration.service';\r\nimport { ProjectService } from 'src/app/service/project.service';\r\nimport { SnackBarService } from 'src/app/service/snack-bar.service';\r\nimport { environment } from 'src/environments/environment';\r\nimport { RavenCommon } from '../../shared/ravenCommon';\r\nimport { PeopleAccountingService } from 'src/app/service/people-accounting.service';\r\n\r\n@Component({\r\n selector: 'app-sms-call-reg-page',\r\n templateUrl: './sms-call-reg-page.component.html',\r\n styleUrls: ['./sms-call-reg-page.component.scss'],\r\n})\r\nexport class SmsCallRegPageComponent implements OnInit {\r\n project$;\r\n contacts;\r\n groups;\r\n id: any;\r\n subscription: any;\r\n tagHeader;\r\n description;\r\n hasSentOTP: boolean = false;\r\n disableButton: boolean;\r\n currentNumber: String = '';\r\n maxNumberLength: any = 10;\r\n minNumberLength: any = 10;\r\n destination: string;\r\n\r\n constructor(\r\n private _route: ActivatedRoute,\r\n private projectService: ProjectService,\r\n private dialog: MatDialog,\r\n private changeLogger: ChangeLogService,\r\n private sBar: SnackBarService,\r\n private router: Router,\r\n private fb: FormBuilder,\r\n private rc: RavenCommon,\r\n private regDeviceService: RegistrationDeviceService,\r\n private peopleAcctgService: PeopleAccountingService,\r\n private _snackbar: MatSnackBar\r\n ) {}\r\n\r\n otpFormGroup: FormGroup = this.fb.group({\r\n numberPrefix: new FormControl('63', Validators.required),\r\n number: new FormControl('', [\r\n Validators.required,\r\n Validators.minLength(this.minNumberLength),\r\n Validators.pattern('^[0-9]*$'),\r\n ]),\r\n code: new FormControl('', [\r\n Validators.required,\r\n Validators.minLength(6),\r\n Validators.pattern('^[0-9]*$'),\r\n ]),\r\n });\r\n\r\n public get numValue() {\r\n return this.otpFormGroup.get('number');\r\n }\r\n\r\n countries = this.rc.countryCodes;\r\n\r\n ngOnInit(): void {\r\n\r\n this.destination = this._route.snapshot.data.destination;\r\n\r\n this._route.params.subscribe((params) => {\r\n this.id = params.id;\r\n });\r\n\r\n this.project$ = this.getProjectDetails(this.id);\r\n this.subscription = this.project$.subscribe((res) => {\r\n console.log(\"PROJECT\", this.project$);\r\n this.contacts = res.contacts;\r\n this.groups = res.groups;\r\n });\r\n\r\n this.tagHeader = this.destination === \"peopleAccounting\" ? \"SMS / Call\" : 'SMS and Call';\r\n this.description = this.destination === \"peopleAccounting\" ? \"Receive alerts or notifications through telco partners.\" : 'Send notification through telco partners.';\r\n\r\n this.numValue.valueChanges.subscribe((res) => {\r\n if (this.currentNumber === res && this.currentNumber !== '') {\r\n this.hasSentOTP = true;\r\n } else {\r\n this.hasSentOTP = false;\r\n }\r\n });\r\n\r\n this.otpFormGroup.get('numberPrefix').valueChanges.subscribe((res) => {\r\n this.otpFormGroup.get('number').reset();\r\n\r\n let countryIndex =\r\n this.rc &&\r\n this.rc.countryCodes.findIndex(\r\n (c) => c.code === `+${this.otpFormGroup.get('numberPrefix').value}`\r\n );\r\n this.maxNumberLength = this.countries[countryIndex].length;\r\n this.minNumberLength = this.countries[countryIndex].length;\r\n\r\n this.otpFormGroup.get(\"number\").setValidators([Validators.required,Validators.minLength(this.minNumberLength),Validators.pattern('^[0-9]*$')])\r\n this.otpFormGroup.get(\"number\").updateValueAndValidity()\r\n })\r\n\r\n }\r\n\r\n getProjectDetails(id) {\r\n return this.projectService.getProjectById(id);\r\n }\r\n\r\n onSubmit() {\r\n let localstorage = JSON.parse(localStorage.getItem('loggedInUser'));\r\n let eid = localstorage.eid && localstorage.eid.toString().split('@')[0];\r\n let projectId = this.id;\r\n\r\n let registrationCode = this.otpFormGroup.get('code').value;\r\n\r\n if (this.destination === \"peopleAccounting\") {\r\n this.peopleAcctgService.validateCode(eid,projectId,registrationCode).subscribe({\r\n next: (res) => {\r\n if(res.statusCode === 200) {\r\n window.location.href = `${environment.frontEndURL}/${this.id}/people-accounting-registration/success`\r\n }else if (res.statusCode === 404) {\r\n this.openSnackbar(\"Unable to submit. Invalid registration code!\");\r\n } else {\r\n this.openSnackbar(\"An error occured while validating the OTP!\");\r\n }\r\n },\r\n error: (err) => {\r\n this.openSnackbar(err.error.message);\r\n }\r\n })\r\n } else {\r\n this.regDeviceService.validateSMSCode(eid,projectId,registrationCode).subscribe({\r\n next: (res) => {\r\n window.location.href = `${environment.frontEndURL}/${this.id}/device-registration/sms-and-call-registration/success`\r\n },\r\n error: (err) => {\r\n this.openSnackbar(err.error.message);\r\n }\r\n })\r\n }\r\n }\r\n\r\n openSnackbar(message: string) {\r\n this._snackbar.open(message, 'Dismiss', {\r\n duration: 5000,\r\n });\r\n }\r\n\r\n onSendOTP() {\r\n let localstorage = JSON.parse(localStorage.getItem('loggedInUser'));\r\n let eid = localstorage.eid && localstorage.eid.toString().split('@')[0];\r\n let projectId = this.id;\r\n\r\n let numberPrefix = this.otpFormGroup.get('numberPrefix').value.toString();\r\n let number = this.otpFormGroup.get('number').value.toString();\r\n\r\n this.currentNumber = this.otpFormGroup.get('number').value;\r\n\r\n if (this.destination === \"peopleAccounting\") {\r\n this.peopleAcctgService\r\n .registerNumber(number, numberPrefix, eid, projectId, this.hasSentOTP)\r\n .subscribe({\r\n next: (res) => {\r\n if(res.statusCode === 200) {\r\n this.hasSentOTP = true;\r\n this.disableButton = true;\r\n setTimeout(() => {\r\n this.disableButton = false;\r\n }, 10000);\r\n } else {\r\n this.openSnackbar(\"An error occurred while sending an OTP!\");\r\n }\r\n },\r\n error: (err) => {\r\n console.log(err);\r\n this.openSnackbar(\"Something went wrong while generating OTP. Please try again!\");\r\n },\r\n });\r\n } else {\r\n this.regDeviceService\r\n .registerNumber(number, numberPrefix, eid, projectId, this.hasSentOTP)\r\n .subscribe({\r\n next: (res) => {\r\n this.hasSentOTP = true;\r\n this.disableButton = true;\r\n setTimeout(() => {\r\n this.disableButton = false;\r\n }, 10000);\r\n },\r\n error: (err) => {\r\n console.log(err);\r\n this.openSnackbar(err.error.message);\r\n },\r\n });\r\n }\r\n }\r\n\r\n onCancel(pageLocation){\r\n window.location.href = `${environment.frontEndURL}/${this.id}/${pageLocation}`\r\n }\r\n}\r\n","import { Location } from '@angular/common';\r\nimport { Component, OnInit} from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-back-button',\r\n templateUrl: './back-button.component.html',\r\n styleUrls: ['./back-button.component.scss']\r\n})\r\nexport class BackButtonComponent implements OnInit {\r\n\r\n\r\n constructor(private location: Location) { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n goBack() {\r\n this.location.back();\r\n }\r\n}\r\n","\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { BackButtonComponent } from './back-button.component';\r\n\r\nimport { MaterialModule } from 'src/app/material/material.module';\r\n\r\n\r\n@NgModule({\r\n declarations: [\r\n BackButtonComponent\r\n ],\r\n imports: [\r\n CommonModule,\r\n MaterialModule\r\n ],\r\n exports: [\r\n BackButtonComponent\r\n ]\r\n})\r\nexport class BackButtonModule { }\r\n","export const countries = [\r\n {\r\n \"code\": \"+63\",\r\n \"name\": \"Philippines\",\r\n \"length\": \"10\"\r\n },\r\n {\r\n \"code\": \"+44\",\r\n \"name\": \"United Kingdom\",\r\n \"length\": \"10\"\r\n },\r\n {\r\n \"code\": \"+1\",\r\n \"name\": \"United States\",\r\n \"length\": \"10\"\r\n },\r\n {\r\n \"code\": \"+91\",\r\n \"name\": \"India\",\r\n \"length\": \"10\"\r\n },\r\n {\r\n \"code\": \"+61\",\r\n \"name\": \"Australia\",\r\n \"length\": \"9\"\r\n },\r\n {\r\n \"code\": \"+7 840\",\r\n \"name\": \"Abkhazia\"\r\n },\r\n {\r\n \"code\": \"+93\",\r\n \"name\": \"Afghanistan\"\r\n },\r\n {\r\n \"code\": \"+355\",\r\n \"name\": \"Albania\"\r\n },\r\n {\r\n \"code\": \"+213\",\r\n \"name\": \"Algeria\"\r\n },\r\n {\r\n \"code\": \"+1 684\",\r\n \"name\": \"American Samoa\"\r\n },\r\n {\r\n \"code\": \"+376\",\r\n \"name\": \"Andorra\"\r\n },\r\n {\r\n \"code\": \"+244\",\r\n \"name\": \"Angola\"\r\n },\r\n {\r\n \"code\": \"+1 264\",\r\n \"name\": \"Anguilla\"\r\n },\r\n {\r\n \"code\": \"+1 268\",\r\n \"name\": \"Antigua and Barbuda\"\r\n },\r\n {\r\n \"code\": \"+54\",\r\n \"name\": \"Argentina\"\r\n },\r\n {\r\n \"code\": \"+374\",\r\n \"name\": \"Armenia\"\r\n },\r\n {\r\n \"code\": \"+297\",\r\n \"name\": \"Aruba\"\r\n },\r\n {\r\n \"code\": \"+247\",\r\n \"name\": \"Ascension\"\r\n },\r\n {\r\n \"code\": \"+672\",\r\n \"name\": \"Australian External Territories\"\r\n },\r\n {\r\n \"code\": \"+43\",\r\n \"name\": \"Austria\"\r\n },\r\n {\r\n \"code\": \"+994\",\r\n \"name\": \"Azerbaijan\"\r\n },\r\n {\r\n \"code\": \"+1 242\",\r\n \"name\": \"Bahamas\"\r\n },\r\n {\r\n \"code\": \"+973\",\r\n \"name\": \"Bahrain\"\r\n },\r\n {\r\n \"code\": \"+880\",\r\n \"name\": \"Bangladesh\"\r\n },\r\n {\r\n \"code\": \"+1 246\",\r\n \"name\": \"Barbados\"\r\n },\r\n {\r\n \"code\": \"+1 268\",\r\n \"name\": \"Barbuda\"\r\n },\r\n {\r\n \"code\": \"+375\",\r\n \"name\": \"Belarus\"\r\n },\r\n {\r\n \"code\": \"+32\",\r\n \"name\": \"Belgium\"\r\n },\r\n {\r\n \"code\": \"+501\",\r\n \"name\": \"Belize\"\r\n },\r\n {\r\n \"code\": \"+229\",\r\n \"name\": \"Benin\"\r\n },\r\n {\r\n \"code\": \"+1 441\",\r\n \"name\": \"Bermuda\"\r\n },\r\n {\r\n \"code\": \"+975\",\r\n \"name\": \"Bhutan\"\r\n },\r\n {\r\n \"code\": \"+591\",\r\n \"name\": \"Bolivia\"\r\n },\r\n {\r\n \"code\": \"+387\",\r\n \"name\": \"Bosnia and Herzegovina\"\r\n },\r\n {\r\n \"code\": \"+267\",\r\n \"name\": \"Botswana\"\r\n },\r\n {\r\n \"code\": \"+55\",\r\n \"name\": \"Brazil\"\r\n },\r\n {\r\n \"code\": \"+246\",\r\n \"name\": \"British Indian Ocean Territory\"\r\n },\r\n {\r\n \"code\": \"+1 284\",\r\n \"name\": \"British Virgin Islands\"\r\n },\r\n {\r\n \"code\": \"+673\",\r\n \"name\": \"Brunei\"\r\n },\r\n {\r\n \"code\": \"+359\",\r\n \"name\": \"Bulgaria\"\r\n },\r\n {\r\n \"code\": \"+226\",\r\n \"name\": \"Burkina Faso\"\r\n },\r\n {\r\n \"code\": \"+257\",\r\n \"name\": \"Burundi\"\r\n },\r\n {\r\n \"code\": \"+855\",\r\n \"name\": \"Cambodia\"\r\n },\r\n {\r\n \"code\": \"+237\",\r\n \"name\": \"Cameroon\"\r\n },\r\n {\r\n \"code\": \"+1\",\r\n \"name\": \"Canada\"\r\n },\r\n {\r\n \"code\": \"+238\",\r\n \"name\": \"Cape Verde\"\r\n },\r\n {\r\n \"code\": \"+ 345\",\r\n \"name\": \"Cayman Islands\"\r\n },\r\n {\r\n \"code\": \"+236\",\r\n \"name\": \"Central African Republic\"\r\n },\r\n {\r\n \"code\": \"+235\",\r\n \"name\": \"Chad\"\r\n },\r\n {\r\n \"code\": \"+56\",\r\n \"name\": \"Chile\"\r\n },\r\n {\r\n \"code\": \"+86\",\r\n \"name\": \"China\"\r\n },\r\n {\r\n \"code\": \"+61\",\r\n \"name\": \"Christmas Island\"\r\n },\r\n {\r\n \"code\": \"+61\",\r\n \"name\": \"Cocos-Keeling Islands\"\r\n },\r\n {\r\n \"code\": \"+57\",\r\n \"name\": \"Colombia\"\r\n },\r\n {\r\n \"code\": \"+269\",\r\n \"name\": \"Comoros\"\r\n },\r\n {\r\n \"code\": \"+242\",\r\n \"name\": \"Congo\"\r\n },\r\n {\r\n \"code\": \"+243\",\r\n \"name\": \"Congo, Dem. Rep. of (Zaire)\"\r\n },\r\n {\r\n \"code\": \"+682\",\r\n \"name\": \"Cook Islands\"\r\n },\r\n {\r\n \"code\": \"+506\",\r\n \"name\": \"Costa Rica\"\r\n },\r\n {\r\n \"code\": \"+385\",\r\n \"name\": \"Croatia\"\r\n },\r\n {\r\n \"code\": \"+53\",\r\n \"name\": \"Cuba\"\r\n },\r\n {\r\n \"code\": \"+599\",\r\n \"name\": \"Curacao\"\r\n },\r\n {\r\n \"code\": \"+537\",\r\n \"name\": \"Cyprus\"\r\n },\r\n {\r\n \"code\": \"+420\",\r\n \"name\": \"Czech Republic\"\r\n },\r\n {\r\n \"code\": \"+45\",\r\n \"name\": \"Denmark\"\r\n },\r\n {\r\n \"code\": \"+246\",\r\n \"name\": \"Diego Garcia\"\r\n },\r\n {\r\n \"code\": \"+253\",\r\n \"name\": \"Djibouti\"\r\n },\r\n {\r\n \"code\": \"+1 767\",\r\n \"name\": \"Dominica\"\r\n },\r\n {\r\n \"code\": \"+1 809\",\r\n \"name\": \"Dominican Republic\"\r\n },\r\n {\r\n \"code\": \"+670\",\r\n \"name\": \"East Timor\"\r\n },\r\n {\r\n \"code\": \"+56\",\r\n \"name\": \"Easter Island\"\r\n },\r\n {\r\n \"code\": \"+593\",\r\n \"name\": \"Ecuador\"\r\n },\r\n {\r\n \"code\": \"+20\",\r\n \"name\": \"Egypt\"\r\n },\r\n {\r\n \"code\": \"+503\",\r\n \"name\": \"El Salvador\"\r\n },\r\n {\r\n \"code\": \"+240\",\r\n \"name\": \"Equatorial Guinea\"\r\n },\r\n {\r\n \"code\": \"+291\",\r\n \"name\": \"Eritrea\"\r\n },\r\n {\r\n \"code\": \"+372\",\r\n \"name\": \"Estonia\"\r\n },\r\n {\r\n \"code\": \"+251\",\r\n \"name\": \"Ethiopia\"\r\n },\r\n {\r\n \"code\": \"+500\",\r\n \"name\": \"Falkland Islands\"\r\n },\r\n {\r\n \"code\": \"+298\",\r\n \"name\": \"Faroe Islands\"\r\n },\r\n {\r\n \"code\": \"+679\",\r\n \"name\": \"Fiji\"\r\n },\r\n {\r\n \"code\": \"+358\",\r\n \"name\": \"Finland\"\r\n },\r\n {\r\n \"code\": \"+33\",\r\n \"name\": \"France\"\r\n },\r\n {\r\n \"code\": \"+596\",\r\n \"name\": \"French Antilles\"\r\n },\r\n {\r\n \"code\": \"+594\",\r\n \"name\": \"French Guiana\"\r\n },\r\n {\r\n \"code\": \"+689\",\r\n \"name\": \"French Polynesia\"\r\n },\r\n {\r\n \"code\": \"+241\",\r\n \"name\": \"Gabon\"\r\n },\r\n {\r\n \"code\": \"+220\",\r\n \"name\": \"Gambia\"\r\n },\r\n {\r\n \"code\": \"+995\",\r\n \"name\": \"Georgia\"\r\n },\r\n {\r\n \"code\": \"+49\",\r\n \"name\": \"Germany\"\r\n },\r\n {\r\n \"code\": \"+233\",\r\n \"name\": \"Ghana\"\r\n },\r\n {\r\n \"code\": \"+350\",\r\n \"name\": \"Gibraltar\"\r\n },\r\n {\r\n \"code\": \"+30\",\r\n \"name\": \"Greece\"\r\n },\r\n {\r\n \"code\": \"+299\",\r\n \"name\": \"Greenland\"\r\n },\r\n {\r\n \"code\": \"+1 473\",\r\n \"name\": \"Grenada\"\r\n },\r\n {\r\n \"code\": \"+590\",\r\n \"name\": \"Guadeloupe\"\r\n },\r\n {\r\n \"code\": \"+1 671\",\r\n \"name\": \"Guam\"\r\n },\r\n {\r\n \"code\": \"+502\",\r\n \"name\": \"Guatemala\"\r\n },\r\n {\r\n \"code\": \"+224\",\r\n \"name\": \"Guinea\"\r\n },\r\n {\r\n \"code\": \"+245\",\r\n \"name\": \"Guinea-Bissau\"\r\n },\r\n {\r\n \"code\": \"+595\",\r\n \"name\": \"Guyana\"\r\n },\r\n {\r\n \"code\": \"+509\",\r\n \"name\": \"Haiti\"\r\n },\r\n {\r\n \"code\": \"+504\",\r\n \"name\": \"Honduras\"\r\n },\r\n {\r\n \"code\": \"+852\",\r\n \"name\": \"Hong Kong SAR China\"\r\n },\r\n {\r\n \"code\": \"+36\",\r\n \"name\": \"Hungary\"\r\n },\r\n {\r\n \"code\": \"+354\",\r\n \"name\": \"Iceland\"\r\n },\r\n {\r\n \"code\": \"+62\",\r\n \"name\": \"Indonesia\"\r\n },\r\n {\r\n \"code\": \"+98\",\r\n \"name\": \"Iran\"\r\n },\r\n {\r\n \"code\": \"+964\",\r\n \"name\": \"Iraq\"\r\n },\r\n {\r\n \"code\": \"+353\",\r\n \"name\": \"Ireland\"\r\n },\r\n {\r\n \"code\": \"+972\",\r\n \"name\": \"Israel\"\r\n },\r\n {\r\n \"code\": \"+39\",\r\n \"name\": \"Italy\"\r\n },\r\n {\r\n \"code\": \"+225\",\r\n \"name\": \"Ivory Coast\"\r\n },\r\n {\r\n \"code\": \"+1 876\",\r\n \"name\": \"Jamaica\"\r\n },\r\n {\r\n \"code\": \"+81\",\r\n \"name\": \"Japan\"\r\n },\r\n {\r\n \"code\": \"+962\",\r\n \"name\": \"Jordan\"\r\n },\r\n {\r\n \"code\": \"+7 7\",\r\n \"name\": \"Kazakhstan\"\r\n },\r\n {\r\n \"code\": \"+254\",\r\n \"name\": \"Kenya\"\r\n },\r\n {\r\n \"code\": \"+686\",\r\n \"name\": \"Kiribati\"\r\n },\r\n {\r\n \"code\": \"+965\",\r\n \"name\": \"Kuwait\"\r\n },\r\n {\r\n \"code\": \"+996\",\r\n \"name\": \"Kyrgyzstan\"\r\n },\r\n {\r\n \"code\": \"+856\",\r\n \"name\": \"Laos\"\r\n },\r\n {\r\n \"code\": \"+371\",\r\n \"name\": \"Latvia\"\r\n },\r\n {\r\n \"code\": \"+961\",\r\n \"name\": \"Lebanon\"\r\n },\r\n {\r\n \"code\": \"+266\",\r\n \"name\": \"Lesotho\"\r\n },\r\n {\r\n \"code\": \"+231\",\r\n \"name\": \"Liberia\"\r\n },\r\n {\r\n \"code\": \"+218\",\r\n \"name\": \"Libya\"\r\n },\r\n {\r\n \"code\": \"+423\",\r\n \"name\": \"Liechtenstein\"\r\n },\r\n {\r\n \"code\": \"+370\",\r\n \"name\": \"Lithuania\"\r\n },\r\n {\r\n \"code\": \"+352\",\r\n \"name\": \"Luxembourg\"\r\n },\r\n {\r\n \"code\": \"+853\",\r\n \"name\": \"Macau SAR China\"\r\n },\r\n {\r\n \"code\": \"+389\",\r\n \"name\": \"Macedonia\"\r\n },\r\n {\r\n \"code\": \"+261\",\r\n \"name\": \"Madagascar\"\r\n },\r\n {\r\n \"code\": \"+265\",\r\n \"name\": \"Malawi\"\r\n },\r\n {\r\n \"code\": \"+60\",\r\n \"name\": \"Malaysia\"\r\n },\r\n {\r\n \"code\": \"+960\",\r\n \"name\": \"Maldives\"\r\n },\r\n {\r\n \"code\": \"+223\",\r\n \"name\": \"Mali\"\r\n },\r\n {\r\n \"code\": \"+356\",\r\n \"name\": \"Malta\"\r\n },\r\n {\r\n \"code\": \"+692\",\r\n \"name\": \"Marshall Islands\"\r\n },\r\n {\r\n \"code\": \"+596\",\r\n \"name\": \"Martinique\"\r\n },\r\n {\r\n \"code\": \"+222\",\r\n \"name\": \"Mauritania\"\r\n },\r\n {\r\n \"code\": \"+230\",\r\n \"name\": \"Mauritius\"\r\n },\r\n {\r\n \"code\": \"+262\",\r\n \"name\": \"Mayotte\"\r\n },\r\n {\r\n \"code\": \"+52\",\r\n \"name\": \"Mexico\"\r\n },\r\n {\r\n \"code\": \"+691\",\r\n \"name\": \"Micronesia\"\r\n },\r\n {\r\n \"code\": \"+1 808\",\r\n \"name\": \"Midway Island\"\r\n },\r\n {\r\n \"code\": \"+373\",\r\n \"name\": \"Moldova\"\r\n },\r\n {\r\n \"code\": \"+377\",\r\n \"name\": \"Monaco\"\r\n },\r\n {\r\n \"code\": \"+976\",\r\n \"name\": \"Mongolia\"\r\n },\r\n {\r\n \"code\": \"+382\",\r\n \"name\": \"Montenegro\"\r\n },\r\n {\r\n \"code\": \"+1664\",\r\n \"name\": \"Montserrat\"\r\n },\r\n {\r\n \"code\": \"+212\",\r\n \"name\": \"Morocco\"\r\n },\r\n {\r\n \"code\": \"+95\",\r\n \"name\": \"Myanmar\"\r\n },\r\n {\r\n \"code\": \"+264\",\r\n \"name\": \"Namibia\"\r\n },\r\n {\r\n \"code\": \"+674\",\r\n \"name\": \"Nauru\"\r\n },\r\n {\r\n \"code\": \"+977\",\r\n \"name\": \"Nepal\"\r\n },\r\n {\r\n \"code\": \"+31\",\r\n \"name\": \"Netherlands\"\r\n },\r\n {\r\n \"code\": \"+599\",\r\n \"name\": \"Netherlands Antilles\"\r\n },\r\n {\r\n \"code\": \"+1 869\",\r\n \"name\": \"Nevis\"\r\n },\r\n {\r\n \"code\": \"+687\",\r\n \"name\": \"New Caledonia\"\r\n },\r\n {\r\n \"code\": \"+64\",\r\n \"name\": \"New Zealand\"\r\n },\r\n {\r\n \"code\": \"+505\",\r\n \"name\": \"Nicaragua\"\r\n },\r\n {\r\n \"code\": \"+227\",\r\n \"name\": \"Niger\"\r\n },\r\n {\r\n \"code\": \"+234\",\r\n \"name\": \"Nigeria\"\r\n },\r\n {\r\n \"code\": \"+683\",\r\n \"name\": \"Niue\"\r\n },\r\n {\r\n \"code\": \"+672\",\r\n \"name\": \"Norfolk Island\"\r\n },\r\n {\r\n \"code\": \"+850\",\r\n \"name\": \"North Korea\"\r\n },\r\n {\r\n \"code\": \"+1 670\",\r\n \"name\": \"Northern Mariana Islands\"\r\n },\r\n {\r\n \"code\": \"+47\",\r\n \"name\": \"Norway\"\r\n },\r\n {\r\n \"code\": \"+968\",\r\n \"name\": \"Oman\"\r\n },\r\n {\r\n \"code\": \"+92\",\r\n \"name\": \"Pakistan\"\r\n },\r\n {\r\n \"code\": \"+680\",\r\n \"name\": \"Palau\"\r\n },\r\n {\r\n \"code\": \"+970\",\r\n \"name\": \"Palestinian Territory\"\r\n },\r\n {\r\n \"code\": \"+507\",\r\n \"name\": \"Panama\"\r\n },\r\n {\r\n \"code\": \"+675\",\r\n \"name\": \"Papua New Guinea\"\r\n },\r\n {\r\n \"code\": \"+595\",\r\n \"name\": \"Paraguay\"\r\n },\r\n {\r\n \"code\": \"+51\",\r\n \"name\": \"Peru\"\r\n },\r\n {\r\n \"code\": \"+48\",\r\n \"name\": \"Poland\"\r\n },\r\n {\r\n \"code\": \"+351\",\r\n \"name\": \"Portugal\"\r\n },\r\n {\r\n \"code\": \"+1 787\",\r\n \"name\": \"Puerto Rico\"\r\n },\r\n {\r\n \"code\": \"+974\",\r\n \"name\": \"Qatar\"\r\n },\r\n {\r\n \"code\": \"+262\",\r\n \"name\": \"Reunion\"\r\n },\r\n {\r\n \"code\": \"+40\",\r\n \"name\": \"Romania\"\r\n },\r\n {\r\n \"code\": \"+7\",\r\n \"name\": \"Russia\"\r\n },\r\n {\r\n \"code\": \"+250\",\r\n \"name\": \"Rwanda\"\r\n },\r\n {\r\n \"code\": \"+685\",\r\n \"name\": \"Samoa\"\r\n },\r\n {\r\n \"code\": \"+378\",\r\n \"name\": \"San Marino\"\r\n },\r\n {\r\n \"code\": \"+966\",\r\n \"name\": \"Saudi Arabia\"\r\n },\r\n {\r\n \"code\": \"+221\",\r\n \"name\": \"Senegal\"\r\n },\r\n {\r\n \"code\": \"+381\",\r\n \"name\": \"Serbia\"\r\n },\r\n {\r\n \"code\": \"+248\",\r\n \"name\": \"Seychelles\"\r\n },\r\n {\r\n \"code\": \"+232\",\r\n \"name\": \"Sierra Leone\"\r\n },\r\n {\r\n \"code\": \"+65\",\r\n \"name\": \"Singapore\"\r\n },\r\n {\r\n \"code\": \"+421\",\r\n \"name\": \"Slovakia\"\r\n },\r\n {\r\n \"code\": \"+386\",\r\n \"name\": \"Slovenia\"\r\n },\r\n {\r\n \"code\": \"+677\",\r\n \"name\": \"Solomon Islands\"\r\n },\r\n {\r\n \"code\": \"+27\",\r\n \"name\": \"South Africa\"\r\n },\r\n {\r\n \"code\": \"+500\",\r\n \"name\": \"South Georgia and the South Sandwich Islands\"\r\n },\r\n {\r\n \"code\": \"+82\",\r\n \"name\": \"South Korea\"\r\n },\r\n {\r\n \"code\": \"+34\",\r\n \"name\": \"Spain\"\r\n },\r\n {\r\n \"code\": \"+94\",\r\n \"name\": \"Sri Lanka\"\r\n },\r\n {\r\n \"code\": \"+249\",\r\n \"name\": \"Sudan\"\r\n },\r\n {\r\n \"code\": \"+597\",\r\n \"name\": \"Suriname\"\r\n },\r\n {\r\n \"code\": \"+268\",\r\n \"name\": \"Swaziland\"\r\n },\r\n {\r\n \"code\": \"+46\",\r\n \"name\": \"Sweden\"\r\n },\r\n {\r\n \"code\": \"+41\",\r\n \"name\": \"Switzerland\"\r\n },\r\n {\r\n \"code\": \"+963\",\r\n \"name\": \"Syria\"\r\n },\r\n {\r\n \"code\": \"+886\",\r\n \"name\": \"Taiwan\"\r\n },\r\n {\r\n \"code\": \"+992\",\r\n \"name\": \"Tajikistan\"\r\n },\r\n {\r\n \"code\": \"+255\",\r\n \"name\": \"Tanzania\"\r\n },\r\n {\r\n \"code\": \"+66\",\r\n \"name\": \"Thailand\"\r\n },\r\n {\r\n \"code\": \"+670\",\r\n \"name\": \"Timor Leste\"\r\n },\r\n {\r\n \"code\": \"+228\",\r\n \"name\": \"Togo\"\r\n },\r\n {\r\n \"code\": \"+690\",\r\n \"name\": \"Tokelau\"\r\n },\r\n {\r\n \"code\": \"+676\",\r\n \"name\": \"Tonga\"\r\n },\r\n {\r\n \"code\": \"+1 868\",\r\n \"name\": \"Trinidad and Tobago\"\r\n },\r\n {\r\n \"code\": \"+216\",\r\n \"name\": \"Tunisia\"\r\n },\r\n {\r\n \"code\": \"+90\",\r\n \"name\": \"Turkey\"\r\n },\r\n {\r\n \"code\": \"+993\",\r\n \"name\": \"Turkmenistan\"\r\n },\r\n {\r\n \"code\": \"+1 649\",\r\n \"name\": \"Turks and Caicos Islands\"\r\n },\r\n {\r\n \"code\": \"+688\",\r\n \"name\": \"Tuvalu\"\r\n },\r\n {\r\n \"code\": \"+1 340\",\r\n \"name\": \"U.S. Virgin Islands\"\r\n },\r\n {\r\n \"code\": \"+256\",\r\n \"name\": \"Uganda\"\r\n },\r\n {\r\n \"code\": \"+380\",\r\n \"name\": \"Ukraine\"\r\n },\r\n {\r\n \"code\": \"+971\",\r\n \"name\": \"United Arab Emirates\"\r\n },\r\n {\r\n \"code\": \"+598\",\r\n \"name\": \"Uruguay\"\r\n },\r\n {\r\n \"code\": \"+998\",\r\n \"name\": \"Uzbekistan\"\r\n },\r\n {\r\n \"code\": \"+678\",\r\n \"name\": \"Vanuatu\"\r\n },\r\n {\r\n \"code\": \"+58\",\r\n \"name\": \"Venezuela\"\r\n },\r\n {\r\n \"code\": \"+84\",\r\n \"name\": \"Vietnam\"\r\n },\r\n {\r\n \"code\": \"+1 808\",\r\n \"name\": \"Wake Island\"\r\n },\r\n {\r\n \"code\": \"+681\",\r\n \"name\": \"Wallis and Futuna\"\r\n },\r\n {\r\n \"code\": \"+967\",\r\n \"name\": \"Yemen\"\r\n },\r\n {\r\n \"code\": \"+260\",\r\n \"name\": \"Zambia\"\r\n },\r\n {\r\n \"code\": \"+255\",\r\n \"name\": \"Zanzibar\"\r\n },\r\n {\r\n \"code\": \"+263\",\r\n \"name\": \"Zimbabwe\"\r\n }\r\n];\r\n\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'app-raven-logo',\r\n templateUrl: './raven-logo.component.html',\r\n styleUrls: ['./raven-logo.component.scss']\r\n})\r\nexport class RavenLogoComponent implements OnInit {\r\n\r\n constructor(private router: Router) { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n goHome() {\r\n this.router.navigateByUrl('/home');\r\n }\r\n}\r\n","\r\n
\r\n
\r\n
\r\n RAVEN REGISTRATION
\r\n\r\n
\r\n\r\n PEOPLE ACCOUNTING REGISTRATION
\r\n\r\n
\r\n\r\n \r\n \r\n \r\n {{tagHeader}} \r\n {{description}} \r\n \r\n\r\n \r\n
\r\n\r\n {{project.name}}\r\n
\r\n \r\n {{project.alignment}}\r\n
\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { RavenLogoComponent } from './raven-logo.component';\r\n\r\n\r\n\r\n@NgModule({\r\n declarations: [RavenLogoComponent],\r\n imports: [\r\n CommonModule\r\n ],\r\n exports: [RavenLogoComponent]\r\n})\r\nexport class RavenLogoModule { }\r\n","import { Injectable } from '@angular/core';\r\nimport { countries } from './countries';\r\n\r\n@Injectable({\r\n providedIn: 'root',\r\n})\r\n\r\nexport class RavenCommon {\r\n\r\n toSentenceCase(string) {\r\n const result = string.replace(/([A-Z])/g, \" $1\");\r\n return result.charAt(0).toUpperCase() + result.slice(1);\r\n // example: 'theQuickBrownFox' => 'The Quick Brown Fox'\r\n }\r\n\r\n countryCodes: any = countries.slice(0,5);\r\n\r\n removeEmailDomain(email) {\r\n const at = email.lastIndexOf(\"@\");\r\n var name = email.substring(0, at > -1 ? at : undefined);\r\n\r\n return name;\r\n }\r\n\r\n generateApiKey(): string {\r\n let alphaNumeric = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+\"\r\n let arrString = alphaNumeric.split(\"\")\r\n let key = \"\"\r\n\r\n //generate random string\r\n for (let i = 1; i <= 1649; i++) {\r\n key = key.concat(arrString[Math.floor(Math.random() * 63)])\r\n }\r\n\r\n return key;\r\n }\r\n\r\n getStatusString = (status: string) : string => {\r\n if(status=='prod') return 'Production';\r\n else if(status=='test') return 'Test';\r\n else if(status=='disabled') return 'Disabled';\r\n }\r\n\r\n}\r\n\r\n","\r\n ![](\"assets/images/raven_logo.png\"/)
\r\n
\r\n \r\n \r\n RAVEN\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n EID \r\n {{ element.eid }} \r\n \r\n\r\n \r\n \r\n Masked Number \r\n {{ element.maskedNumber ?? \"N/A\" }} \r\n \r\n\r\n \r\n \r\n Tag \r\n {{ element.tag }} \r\n \r\n\r\n \r\n \r\n \r\n Group\r\n \r\n \r\n \r\n \r\n \r\n {{ group.name }}\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n SMS / Call \r\n \r\n {{ element.smsEnabled ? \"Registered\" : \"Unregistered\" }}\r\n \r\n \r\n\r\n \r\n \r\n Action \r\n \r\n \r\n edit \r\n \r\n\r\n \r\n delete_forever \r\n \r\n \r\n \r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n","import { Component, Input, OnInit } from '@angular/core';\r\n\r\n//Table Imports - Mockup Only\r\nimport { AfterViewInit, ViewChild } from '@angular/core';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { MatPaginator } from '@angular/material/paginator';\r\nimport { MatTableDataSource } from '@angular/material/table';\r\nimport { MatSort, Sort } from '@angular/material/sort';\r\nimport { LiveAnnouncer } from '@angular/cdk/a11y';\r\n\r\ninterface Group {\r\n group: string;\r\n}\r\n\r\ninterface ContactsTable {\r\n eid: string;\r\n maskedNumber: string;\r\n group: Group[];\r\n smsEnabled: boolean;\r\n action: string;\r\n}\r\n\r\n@Component({\r\n selector: 'app-people-acc-contacts-table',\r\n templateUrl: './people-acc-contacts-table.component.html',\r\n styleUrls: ['./people-acc-contacts-table.component.scss'],\r\n})\r\nexport class PeopleAccContactsTableComponent implements OnInit {\r\n editTooltip = 'Edit contact details';\r\n deleteTooltip = 'Delete contact';\r\n tableContactsData: ContactsTable[] = [];\r\n displayedColumns: string[] = [\r\n 'eid',\r\n 'maskedNumber',\r\n 'tag',\r\n 'group',\r\n 'smsEnabled',\r\n 'action',\r\n ];\r\n dataSource = new MatTableDataSource| \r\n | \r\n
\r\n \r\n \r\n \r\n Group ID \r\n {{ element.groupId }} \r\n \r\n\r\n \r\n \r\n Group Name \r\n {{ element.name }} \r\n \r\n\r\n \r\n \r\n Action \r\n \r\n \r\n edit \r\n \r\n\r\n \r\n delete_forever \r\n \r\n \r\n \r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n","import { Component, Input, OnInit } from '@angular/core';\r\nimport { AfterViewInit, ViewChild } from '@angular/core';\r\nimport { MatPaginator } from '@angular/material/paginator';\r\nimport { MatSort, Sort } from '@angular/material/sort';\r\nimport { MatTableDataSource } from '@angular/material/table';\r\nimport { LiveAnnouncer } from '@angular/cdk/a11y';\r\n\r\ninterface GroupsTable {\r\n groupId: string;\r\n name: string;\r\n action: string;\r\n}\r\n\r\n@Component({\r\n selector: 'app-people-acc-groups-table',\r\n templateUrl: './people-acc-groups-table.component.html',\r\n styleUrls: ['./people-acc-groups-table.component.scss'],\r\n})\r\nexport class PeopleAccGroupsTableComponent implements OnInit {\r\n editTooltip = 'Edit group details';\r\n deleteTooltip = 'Delete group';\r\n tableGroupsData: GroupsTable[] = [];\r\n displayedColumns: string[] = ['groupId', 'name', 'action'];\r\n dataSource = new MatTableDataSource| \r\n | \r\n
\r\n \r\n \r\n \r\n {{ displayColumns[tableData] }}\r\n \r\n \r\n \r\n {{ element[tableData] }}\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n
\r\n","import { Subject, Subscription } from 'rxjs';\r\nimport {\r\n Component,\r\n EventEmitter,\r\n OnInit,\r\n Output,\r\n ViewChild,\r\n} from '@angular/core';\r\nimport { MatTableDataSource } from '@angular/material/table';\r\n// import { format } from 'date-fns';\r\n// import * as XLSX from 'sheetjs-style';\r\n// import { animate, state, style, transition, trigger } from '@angular/animations';\r\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\r\nimport {\r\n MatSnackBar,\r\n MatSnackBarHorizontalPosition,\r\n MatSnackBarVerticalPosition,\r\n} from '@angular/material/snack-bar';\r\nimport { PeopleAccountingService } from 'src/app/service/people-accounting.service';\r\nimport { MatSort, Sort } from '@angular/material/sort';\r\nimport { MatPaginator } from '@angular/material/paginator';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'app-response-log-table',\r\n templateUrl: './response-log-table.component.html',\r\n styleUrls: ['./response-log-table.component.scss'],\r\n})\r\nexport class ResponseLogTableComponent implements OnInit {\r\n logsLength: number;\r\n pageSizeOptions = ['10', '25', '50'];\r\n isLoading = false;\r\n currentPage;\r\n recordsPerPage: any = 10;\r\n pageIndex: any = 0;\r\n tableRecords: number = 0;\r\n paginatorEnabled: boolean;\r\n columnHeader;\r\n objectKeys = Object.keys;\r\n sortActive = 'dateTime';\r\n sortDirection = 'desc';\r\n id;\r\n paginator: MatPaginator;\r\n sort: MatSort;\r\n\r\n displayColumns = {\r\n dateTime: 'Date & Time',\r\n eid: 'Recipient',\r\n message: 'Message',\r\n timeDifferenceInSeconds: 'Response Time',\r\n };\r\n\r\n constructor(\r\n private peopleAccountingService: PeopleAccountingService,\r\n private snackbar: MatSnackBar,\r\n public form: FormBuilder,\r\n private router: Router,\r\n private _route: ActivatedRoute\r\n ) {}\r\n\r\n dataSource = new MatTableDataSource\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n