![\"Test](\"/images/footer-driverdiagnostics.png\" "\\"Test")
\r\n \r\n ![\"Certiport\"](\"/images/CertiportLogo-White2.png\")
\r\n
\r\n\r\n \r\n \r\n \r\n\r\n
\r\n \r\n
\r\n {{proctorName}}
\r\n\r\n
\r\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\r\nimport { faCaretDown } from '@fortawesome/pro-solid-svg-icons';\r\n\r\nexport interface IOption {\r\n optionNum: number,\r\n text: string\r\n}\r\n\r\n@Component({\r\n selector: 'ctp-dropdown',\r\n templateUrl: './ctp-dropdown.component.html',\r\n styleUrls: ['./ctp-dropdown.component.scss']\r\n})\r\nexport class CtpDropdownComponent implements OnInit {\r\n @Output() onOptionClick = new EventEmitter{{option.label}}
\r\n\r\n More \r\n
\r\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\r\nimport { IListOption } from '../list-option';\r\n\r\n@Component({\r\n selector: 'ctp-text-dropdown',\r\n templateUrl: './ctp-text-dropdown.component.html',\r\n styleUrls: ['./ctp-text-dropdown.component.scss']\r\n})\r\nexport class CtpTextDropdownComponent implements OnInit {\r\n @Input() options: IListOption[] = [];\r\n @Output() optionClick = new EventEmitter\r\n
\r\n{{option.text}}
\r\n\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { FormControl } from '@angular/forms';\r\nimport { faInfoCircle } from '@fortawesome/pro-solid-svg-icons';\r\n\r\n\r\n@Component({\r\n selector: 'app-date-time',\r\n templateUrl: './date-time.component.html',\r\n styleUrls: ['./date-time.component.scss']\r\n})\r\nexport class DateTimeComponent implements OnInit {\r\n infoCircle = faInfoCircle;\r\n\r\n constructor() { }\r\n\r\n dateTimeControl: FormControl = new FormControl('');\r\n\r\n get dateTimeValue(): string {\r\n return this.dateTimeControl.value;\r\n }\r\n\r\n ngOnInit(): void {\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 { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\r\nimport { MessageBoxResult } from '../MessageBoxResult';\r\n\r\n@Component({\r\n selector: 'app-yes-no-message-box',\r\n templateUrl: './yes-no-message-box.component.html',\r\n styleUrls: ['./yes-no-message-box.component.scss']\r\n})\r\nexport class YesNoMessageBoxComponent implements OnInit {\r\n\r\n constructor(private _dlgRef: MatDialogRef\r\n
\r\n \r\n Session Complete\r\n
\r\n\r\n
\r\n\r\n \r\n \r\n\r\n ![](\"assets/images/end_of_exam_survey.png\")
\r\n
\r\n \r\n \r\n
\r\n \r\n Please take a moment to complete our survey.\r\n
\r\n\r\n \r\n Your feedback will help us to continually improve the\r\n proctoring and test taking experience.\r\n \r\n
\r\nThank you for using Compass Exams from Home.
\r\n\r\n
\r\n","import { Component, Input, OnInit } from '@angular/core';\r\n\r\nimport { AppConstants } from '../../constants/AppConstants';\r\n\r\n@Component({\r\n selector: 'app-technical-support',\r\n templateUrl: './technical-support.component.html',\r\n styleUrls: ['./technical-support.component.scss']\r\n})\r\nexport class TechnicalSupportComponent implements OnInit {\r\n @Input('showTechError') showTechError: boolean = false;\r\n\r\n supportURL: string = AppConstants.SupportURL;\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n}\r\n","\r\n If the problem persists contact technical support.\r\n\r\n","import { NgModule } from '@angular/core';\r\nimport { RouterModule, Routes } from '@angular/router';\r\n\r\nimport { AuthGuard } from './guards/auth.guard';\r\nimport { StartExamGuard } from './guards/start-exam.guard';\r\nimport { ExamsViewPageComponent } from './pages/exams-view-page/exams-view-page.component';\r\nimport { LoginPageComponent } from './pages/login-page/login-page.component';\r\nimport { SessionManagementPageComponent } from './pages/session-management-page/session-management-page.component';\r\nimport { SystemErrorComponent } from './pages/start-session-error/system-error.component';\r\n\r\nconst routes: Routes = [\r\n { path: '', component: SessionManagementPageComponent, canActivate: [AuthGuard] },\r\n { path: 'exams-view', component: ExamsViewPageComponent, canActivate: [StartExamGuard] },\r\n { path: 'login', component: LoginPageComponent },\r\n { path: 'system/error', component: SystemErrorComponent },\r\n { path: '**', redirectTo: '' }\r\n /*{ path: '', redirectTo: '/session-management', pathMatch: 'full' }*/\r\n];\r\n\r\n@NgModule({\r\n imports: [RouterModule.forRoot(routes, { anchorScrolling: 'enabled' })],\r\n exports: [RouterModule]\r\n})\r\nexport class AppRoutingModule { }\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Title } from '@angular/platform-browser';\r\nimport { ActivatedRoute, ActivationEnd, NavigationEnd, Router } from '@angular/router';\r\nimport { Observable, throwError } from 'rxjs';\r\nimport { catchError, filter, map, tap } from 'rxjs/operators';\r\nimport { AuthenticationService } from './services/authentication.service';\r\nimport { SpinnerService } from './services/spinner.service';\r\n\r\n@Component({\r\n selector: 'app-root',\r\n templateUrl: './app.component.html',\r\n styleUrls: ['./app.component.scss']\r\n})\r\nexport class AppComponent implements OnInit {\r\n title = 'OnDemand';\r\n\r\n\r\n constructor(private _authenticationService: AuthenticationService, private _route: ActivatedRoute, private _spinner: SpinnerService, private _router: Router,private titleService:Title) {\r\n this.titleService.setTitle($localize`Exams from Home`);\r\n }\r\n\r\n ngOnInit(): void {}\r\n\r\n}\r\n","\r\n
\r\n","import { APP_INITIALIZER, LOCALE_ID, NgModule } from '@angular/core';\r\nimport { BrowserModule } from '@angular/platform-browser';\r\nimport { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';\r\n\r\nimport { AppRoutingModule } from './app-routing.module';\r\nimport { AppComponent } from './app.component';\r\nimport { HeaderComponent } from './header/header.component';\r\nimport { FooterComponent } from './footer/footer.component';\r\nimport { MainContentComponent } from './main-content/main-content.component';\r\nimport { WizardComponent } from './wizard/wizard.component';\r\nimport { ExamsViewComponent } from './exams-view/exams-view.component';\r\nimport { CtpButtonComponent } from './Controls/ctp-button/ctp-button.component';\r\nimport { CandidateCountComponent } from './wizard/exam-input-basic-info/candidate-count/candidate-count.component';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { LanguageSelectionComponent } from './wizard/exam-input-basic-info/language-selection/language-selection.component';\r\nimport { LanguageFilterComponent } from './wizard/exam-selection/language-filter/language-filter.component';\r\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\r\n\r\nimport { MatSelectModule } from '@angular/material/select';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatSliderModule } from '@angular/material/slider';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { TestCenterSelectionComponent } from './wizard/exam-input-basic-info/test-center-selection/test-center-selection.component';\r\nimport { ExamSelectionComponent } from './wizard/exam-selection/exam-selection.component';\r\nimport { CandidateVmComponent } from './exams-view/candidate-session/candidate-vm/candidate-vm.component';\r\nimport { SessionInfoComponent } from './exams-view/candidate-session/session-info/session-info.component';\r\nimport { SpinnerComponent } from './spinner/spinner.component';\r\nimport { DateTimeComponent } from './Controls/date-time/date-time.component';\r\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\r\nimport { HeaderBodySeparatorComponent } from './header-body-separator/header-body-separator.component';\r\nimport { DashboardComponent } from './session-management/dashboard/dashboard.component';\r\nimport { SessionManagementPageComponent } from './pages/session-management-page/session-management-page.component';\r\nimport { ExamsViewPageComponent } from './pages/exams-view-page/exams-view-page.component';\r\nimport { SessionManagementComponent } from './session-management/session-management.component';\r\nimport { ExamDateTimeAndRegionComponent } from './wizard/exam-date-time-and-region/exam-date-time-and-region.component';\r\nimport { SessionConfirmationComponent } from './wizard/session-confirmation/session-confirmation.component';\r\nimport { EmailDialogComponent } from './wizard/session-confirmation/email-dialog/email-dialog.component';\r\nimport { AlertComponent } from './alert/alert.component';\r\nimport { SessionTableComponent } from './session-management/dashboard/session-table/session-table.component';\r\nimport { SessionDetailsComponent } from './session-management/session-details/session-details.component';\r\nimport { CtpDropdownComponent } from './Controls/ctp-dropdown/ctp-dropdown.component';\r\nimport { ExamInputBasicInfoComponent } from './wizard/exam-input-basic-info/exam-input-basic-info.component';\r\nimport { PrevNextComponent } from './Controls/prev-next/prev-next.component';\r\nimport { ChatnotificationComponent } from './chatnotification/chatnotification.component';\r\nimport { ChatBoxComponent } from './exams-view/candidate-session/chat-box/chat-box.component';\r\nimport { HelpfulresourcesComponent } from './session-management/dashboard/helpfulresources/helpfulresources.component';\r\nimport { NameSessionComponent } from './session-management/dashboard/name-session/name-session.component';\r\nimport { YesNoMessageBoxComponent } from './Controls/yes-no-message-box/yes-no-message-box.component';\r\nimport { ExamTableComponent } from './wizard/exam-selection/exam-table/exam-table.component';\r\nimport { ExamSearchComponent } from './wizard/exam-selection/exam-search/exam-search.component';\r\nimport {MatButtonModule} from \"@angular/material/button\";\r\nimport { ProgramFilterComponent } from './wizard/exam-selection/program-filter/program-filter.component';\r\nimport {CandidateSessionComponent} from \"./exams-view/candidate-session/candidate-session.component\";\r\nimport { TimeZoneSelectionComponent } from './wizard/exam-date-time-and-region/time-zone-selection/time-zone-selection.component';\r\nimport { DateSelectionComponent } from './wizard/exam-date-time-and-region/date-selection/date-selection.component';\r\nimport { TimeSelectionComponent } from './wizard/exam-date-time-and-region/time-selection/time-selection.component';\r\nimport { LoginPageComponent } from './pages/login-page/login-page.component';\r\nimport { LoginComponent } from './components/login/login.component';\r\nimport { LoginFormComponent } from './components/login/login-form/login-form.component';\r\nimport { AuthGuard } from './guards/auth.guard';\r\nimport { AuthenticationService } from './services/authentication.service';\r\nimport { EmailValidationBase, EmailValidationService } from './services/email-validation.service';\r\nimport { CtpTextDropdownComponent } from './Controls/ctp-text-dropdown/ctp-text-dropdown.component';\r\nimport { CtpDropdownBoxComponent } from './Controls/ctp-dropdown-box/ctp-dropdown-box.component';\r\nimport { PlaceholderComponent } from './placeholder/placeholder.component';\r\nimport { SystemErrorComponent } from './pages/start-session-error/system-error.component';\r\nimport { SurveyDialogComponent } from './Controls/survey-dialog/survey-dialog.component';\r\nimport { CandidateExamCompleteComponent } from './exams-view/candidate-session/candidate-exam-complete/candidate-exam-complete.component';\r\nimport { ConfigurationsService } from './services/configurations.service';\r\nimport { AuthInterceptor } from './interceptors/auth.interceptor';\r\nimport { CandidatesInExamComponent } from './candidates-in-exam/candidates-in-exam.component';\r\nimport { TechnicalSupportComponent } from './alert/technical-support/technical-support.component';\r\nimport { AutofocusDirective } from './autofocus/autofocus.directive';\r\nimport {MatDatepickerModule} from \"@angular/material/datepicker\";\r\nimport { CandidateVmRestartMessageComponent } from './exams-view/candidate-session/candidate-vm-restart-message/candidate-vm-restart-message.component';\r\n\r\nconst configInitializer = (config: ConfigurationsService) => {\r\n return () => {\r\n return config.getConfigurationSettings();\r\n };\r\n };\r\n\r\n@NgModule({\r\n declarations: [\r\n AppComponent,\r\n HeaderComponent,\r\n FooterComponent,\r\n MainContentComponent,\r\n WizardComponent,\r\n ExamsViewComponent,\r\n CtpButtonComponent,\r\n CandidateCountComponent,\r\n LanguageSelectionComponent,\r\n LanguageFilterComponent,\r\n TestCenterSelectionComponent,\r\n ExamSelectionComponent,\r\n CandidateSessionComponent,\r\n CandidateVmComponent,\r\n SessionInfoComponent,\r\n SpinnerComponent,\r\n DateTimeComponent,\r\n HeaderBodySeparatorComponent,\r\n DashboardComponent,\r\n SessionManagementPageComponent,\r\n ExamsViewPageComponent,\r\n SessionManagementComponent,\r\n ExamDateTimeAndRegionComponent,\r\n ChatnotificationComponent,\r\n SessionConfirmationComponent,\r\n AlertComponent,\r\n EmailDialogComponent,\r\n SessionTableComponent,\r\n SessionDetailsComponent,\r\n CtpDropdownComponent,\r\n ExamDateTimeAndRegionComponent,\r\n ExamInputBasicInfoComponent,\r\n PrevNextComponent,\r\n ChatBoxComponent,\r\n HelpfulresourcesComponent,\r\n NameSessionComponent,\r\n YesNoMessageBoxComponent,\r\n ExamTableComponent,\r\n ExamSearchComponent,\r\n ProgramFilterComponent,\r\n TimeZoneSelectionComponent,\r\n DateSelectionComponent,\r\n TimeSelectionComponent,\r\n LoginPageComponent,\r\n LoginComponent,\r\n LoginFormComponent,\r\n CtpTextDropdownComponent,\r\n CtpDropdownBoxComponent,\r\n PlaceholderComponent,\r\n SurveyDialogComponent,\r\n SystemErrorComponent,\r\n CandidateExamCompleteComponent,\r\n CandidatesInExamComponent,\r\n TechnicalSupportComponent,\r\n AutofocusDirective,\r\n CandidateVmRestartMessageComponent\r\n ],\r\n imports: [\r\n BrowserModule,\r\n FormsModule,\r\n AppRoutingModule,\r\n BrowserAnimationsModule,\r\n HttpClientModule,\r\n ReactiveFormsModule,\r\n MatFormFieldModule,\r\n MatInputModule,\r\n MatSelectModule,\r\n MatSliderModule,\r\n MatTooltipModule,\r\n FontAwesomeModule,\r\n MatDialogModule,\r\n MatButtonModule,\r\n MatDatepickerModule\r\n ],\r\n providers: [\r\n AuthGuard,\r\n AuthenticationService,\r\n ConfigurationsService,\r\n { provide: EmailValidationBase, useClass: EmailValidationService },\r\n { provide: HTTP_INTERCEPTORS, useClass: AuthInterceptor, multi: true },\r\n { provide: APP_INITIALIZER,useFactory: configInitializer,multi: true,deps: [ConfigurationsService] }\r\n ],\r\n bootstrap: [AppComponent]\r\n})\r\nexport class AppModule { }\r\n","import { AfterViewInit, Directive, ElementRef } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[appAutofocus]'\r\n})\r\nexport class AutofocusDirective implements AfterViewInit {\r\n\r\n constructor(private elementRef: ElementRef) { }\r\n\r\n ngAfterViewInit() {\r\n this.elementRef.nativeElement.focus();\r\n }\r\n}\r\n","import { Component } from '@angular/core';\r\nimport { BehaviorSubject } from 'rxjs';\r\nimport { debounceTime, distinctUntilChanged } from 'rxjs/operators';\r\nimport { CandidatesInExamService, ICandidate } from '../services/candidates-in-exam.service';\r\nimport { faAngleDown, faAngleUp } from '@fortawesome/pro-solid-svg-icons';\r\nimport { faSearch } from '@fortawesome/pro-light-svg-icons';\r\n\r\n\r\n@Component({\r\n selector: 'app-candidates-in-exam',\r\n templateUrl: './candidates-in-exam.component.html',\r\n styleUrls: ['./candidates-in-exam.component.scss']\r\n})\r\nexport class CandidatesInExamComponent {\r\n search = \"\";\r\n searchIcon = faSearch;\r\n angleUpIcon = faAngleUp;\r\n angleDownIcon = faAngleDown;\r\n candidatesInExamCount = 0;\r\n sessionCandidatesCount = 0;\r\n candidates: ICandidate[] = [];\r\n filteredCandidates: ICandidate[] = [];\r\n keyUp = new BehaviorSubject\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n Candidates in exam ({{candidatesInExamCount}} of {{sessionCandidatesCount}})\r\n
\r\n\r\n
\r\n\r\n
\r\n","import { ViewportScroller } from '@angular/common';\r\nimport { Component, ElementRef, OnInit, AfterViewInit, Renderer2, ViewChild, Input } from '@angular/core';\r\nimport { SignalRChatService } from '../services/signal-rchat.service';\r\n\r\n@Component({\r\n selector: 'app-chatnotification',\r\n templateUrl: './chatnotification.component.html',\r\n styleUrls: ['./chatnotification.component.scss']\r\n})\r\nexport class ChatnotificationComponent implements AfterViewInit {\r\n machineName: any;\r\n userName: any;\r\n @Input() accessCode!: string;\r\n\r\n constructor(\r\n private renderer: Renderer2,\r\n private signalrChat: SignalRChatService,\r\n private viewportScroller: ViewportScroller) {\r\n }\r\n\r\n @ViewChild('notificationDropdown')\r\n notificationDropdown!: ElementRef;\r\n\r\n ngOnInit(): void {\r\n console.log(\" chatNotification ngOnInit - signalrChat is: \" + this.signalrChat);\r\n console.log(\"accesscode is: \" + this.accessCode);\r\n\r\n //Wire up SignalR\r\n this.signalrChat.initConnection();\r\n console.log(\"Wiring up login cand listener\");\r\n this.signalrChat.addReceiveLoggedInCandidateListener((symlink, displayName) => {\r\n this.AddSymlinkToNotificationList(symlink, displayName);\r\n this.notifyMessageReceived();\r\n });\r\n\r\n console.log(\"Wiring up message listener\");\r\n this.signalrChat.addReceiveMessageListener((symlink, username) => {\r\n this.AddSymlinkToNotificationList(symlink, username);\r\n this.notifyMessageReceived();\r\n });\r\n this.signalrChat.start(this.accessCode);\r\n this.signalrChat.logID();\r\n }\r\n ngAfterViewInit(): void {\r\n //chatNotification div chatnotification button and arrow button\r\n var bttnDiv = this.renderer.createElement('div');\r\n bttnDiv.id = \"notificationsDiv\";\r\n this.renderer.appendChild(this.notificationDropdown.nativeElement, bttnDiv);\r\n\r\n var drpDwn = this.renderer.createElement(\"input\");\r\n drpDwn.type = \"button\";\r\n drpDwn.id = \"notificationBarButton\";\r\n drpDwn.value = $localize`Chat Notifications`;\r\n drpDwn.addEventListener(\"click\", (e: Event) => this.getnotificationDropdown());\r\n\r\n var drpDwn2 = this.renderer.createElement(\"input\");\r\n drpDwn2.type = \"button\";\r\n drpDwn2.id = \"arrow\";\r\n var arrowStyle = document.createAttribute(\"class\");\r\n arrowStyle.value = \"arr-down\";\r\n drpDwn2.setAttributeNode(arrowStyle);\r\n drpDwn2.addEventListener(\"click\", (e: Event) => this.getnotificationDropdown());\r\n\r\n\r\n\r\n var circleDiv = 0\">\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n\r\n \r\n ⮾\r\n
\r\n \r\n
\r\n \r\n {{candidate.FirstName}} {{candidate.LastName}}\r\n
\r\n \r\n No Candidates\r\n
\r\n\r\n
\r\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\r\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\r\nimport ILogin from '../../../models/ILogin';\r\n\r\n@Component({\r\n selector: 'app-login-form',\r\n templateUrl: './login-form.component.html',\r\n styleUrls: ['./login-form.component.scss']\r\n})\r\nexport class LoginFormComponent implements OnInit {\r\n @Input() loading = false;\r\n @Output() submit = new EventEmitter\r\n \r\n
\r\n\r\n
\r\n\r\n {{isForbidden ? forbiddenMsg : errorMsg}} \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n Welcome
\r\nCompass Exams from Home Administration
\r\n \r\n\r\n
\r\n Forgot your username and password? I cannot access my account
\r\nNeed Support? Test Candidate Support
\r\nMore Info? Exams from Home Info
\r\nThe candidate has completed the exam.
\r\n","import { Component, Input, OnInit } from '@angular/core';\r\n\r\nimport { AuthenticationService } from '../../services/authentication.service';\r\n\r\nimport ICandidateVm from '../../models/ICandidateVm';\r\n\r\n@Component({\r\n selector: 'app-candidate-session',\r\n templateUrl: './candidate-session.component.html',\r\n styleUrls: ['./candidate-session.component.scss']\r\n})\r\nexport class CandidateSessionComponent implements OnInit {\r\n @Input() candidateVM!: ICandidateVm;\r\n @Input() accessCode: any;\r\n @Input() chatName!: string;\r\n\r\n private restartTimerInterval: NodeJS.Timeout | undefined;\r\n constructor(private authService: AuthenticationService) {\r\n }\r\n\r\n ngOnInit(): void {\r\n this.authService.ProctorSource.subscribe(p => {\r\n this.chatName = `${p.FirstName} ${p.LastName}`;\r\n });\r\n }\r\n\r\n ngAfterViewInit() {\r\n // Persist restart timer across reloads\r\n let vmRestartTime = parseInt(sessionStorage.getItem(`vmRestartTimer_${this.candidateVM.symlink}`) ?? '-1', 10);\r\n if (!isNaN(vmRestartTime) && vmRestartTime > 0) {\r\n this.candidateVM.isRestarting = true;\r\n this.setRestartMessageTimer(vmRestartTime);\r\n }\r\n }\r\n\r\n ngOnDestroy() {\r\n if (this.restartTimerInterval)\r\n clearInterval(this.restartTimerInterval);\r\n }\r\n\r\n onRestartVMClick(failed: boolean) {\r\n this.candidateVM.isRestarting = !failed;\r\n if (this.restartTimerInterval)\r\n clearInterval(this.restartTimerInterval);\r\n\r\n if (!failed) {\r\n this.setRestartMessageTimer(95 * 1000);\r\n }\r\n }\r\n\r\n setRestartMessageTimer(miliseconds: number) {\r\n const intervalTime = 5 * 1000;\r\n sessionStorage.setItem(`vmRestartTimer_${this.candidateVM.symlink}`, miliseconds.toString());\r\n if (this.restartTimerInterval != null)\r\n clearInterval(this.restartTimerInterval);\r\n\r\n // Decrement restart timer storage on interval\r\n this.restartTimerInterval = setInterval(() => {\r\n let vmRestartTime = parseInt(sessionStorage.getItem(`vmRestartTimer_${this.candidateVM.symlink}`) ?? '-1', 10);\r\n // If restart timer complete\r\n if (isNaN(vmRestartTime) || vmRestartTime <= 0) {\r\n // Show vm\r\n this.candidateVM.isRestarting = false;\r\n let iframeElement = document.getElementById(`iframe_${this.candidateVM.symlink}`) as HTMLIFrameElement;\r\n iframeElement.src = iframeElement.src;\r\n // Clear restart timer\r\n sessionStorage.removeItem(`vmRestartTimer_${this.candidateVM.symlink}`);\r\n if (this.restartTimerInterval != null)\r\n clearInterval(this.restartTimerInterval);\r\n }\r\n else {\r\n // Decrement restart time\r\n sessionStorage.setItem(`vmRestartTimer_${this.candidateVM.symlink}`, (vmRestartTime - intervalTime).toString());\r\n }\r\n }, intervalTime);\r\n }\r\n}\r\n","\r\n \r\n
\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-candidate-vm-restart-message',\r\n templateUrl: './candidate-vm-restart-message.component.html',\r\n styleUrls: ['./candidate-vm-restart-message.component.scss']\r\n})\r\nexport class CandidateVmRestartMessageComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","| \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n | \r\n \r\n | \r\n
This Candidate's VM is restarting now, this may take a few minutes.
\r\n","import { Component, Input, OnInit } from '@angular/core';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\nimport ICandidateVm from '../../../models/ICandidateVm';\r\n\r\n@Component({\r\n selector: 'app-candidate-vm',\r\n templateUrl: './candidate-vm.component.html',\r\n styleUrls: ['./candidate-vm.component.scss']\r\n})\r\nexport class CandidateVmComponent implements OnInit {\r\n @Input() candidateVM!: ICandidateVm;\r\n iframeSrcUrl: any;\r\n\r\n constructor(private sanitizer: DomSanitizer) { }\r\n\r\n ngOnInit(): void {\r\n this.iframeSrcUrl = this.sanitizer.bypassSecurityTrustResourceUrl(this.candidateVM.joinUrl);\r\n }\r\n}\r\n","\r\n\r\n","import { Component, OnInit, SecurityContext, Input } from '@angular/core';\r\nimport { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';\r\nimport { ConfigurationsService } from 'src/app/services/configurations.service';\r\nimport ICandidateVm from '../../../models/ICandidateVm';\r\nimport { LOCALE_ID, Inject } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-chat-box',\r\n templateUrl: './chat-box.component.html',\r\n styleUrls: ['./chat-box.component.scss']\r\n})\r\nexport class ChatBoxComponent implements OnInit {\r\n @Input() candidateVM!: ICandidateVm;\r\n @Input() chatName!: string;\r\n\r\n chatUrl: string = `https://${this.configurationsService.ChatCName}/chatroom`;\r\n combinedChatUrl: string = \"\";\r\n safeUrl: SafeResourceUrl = \"\";\r\n\r\n constructor(public sanitizer: DomSanitizer,\r\n private configurationsService: ConfigurationsService, @Inject(LOCALE_ID) private localeId: string) {\r\n }\r\n\r\n ngOnInit(): void {\r\n var chatAppLanguagecode = this.getChatAppLanguageCode();\r\n this.combinedChatUrl = `${this.chatUrl}?symlink=${this.candidateVM.symlink}&proctor=true&name=${this.chatName}&languageCode=${chatAppLanguagecode}`;\r\n this.combinedChatUrl = this.sanitizer.sanitize(SecurityContext.URL, this.combinedChatUrl) ?? \"\";\r\n this.safeUrl = this.getChatUrl();\r\n }\r\n\r\n getChatUrl() {\r\n return this.sanitizer.bypassSecurityTrustResourceUrl(this.combinedChatUrl);\r\n }\r\n\r\n private getChatAppLanguageCode() {\r\n var chatAppLanguagecode = \"en\";\r\n switch (this.localeId) {\r\n case \"es-MX\"://latin american spanish\r\n chatAppLanguagecode = \"ESM\";\r\n break;\r\n case \"vi-VN\"://vietnam\r\n chatAppLanguagecode = \"VIE\";\r\n break;\r\n case \"zh-CN\"://chinese simplified\r\n chatAppLanguagecode = \"CHS\";\r\n break;\r\n case \"zh-TW\"://chinese traditonal\r\n chatAppLanguagecode = \"CHT\";\r\n break;\r\n case \"fr-FR\"://france\r\n chatAppLanguagecode = \"FRA\";\r\n break;\r\n case \"ko-KR\"://korea\r\n chatAppLanguagecode = \"KOR\";\r\n break;\r\n case \"ro-RO\"://romania\r\n chatAppLanguagecode = \"ROM\";\r\n break;\r\n case \"pt-BR\"://portuguese brazil\r\n chatAppLanguagecode = \"PTB\";\r\n break;\r\n case \"tr-TR\"://turkish\r\n chatAppLanguagecode = \"TRK\";\r\n break;\r\n case \"th-TH\"://thailand\r\n chatAppLanguagecode = \"THA\";\r\n break;\r\n case \"de-DE\"://german\r\n chatAppLanguagecode = \"DEU\";\r\n break;\r\n case \"id-ID\"://indonesia\r\n chatAppLanguagecode = \"IND\";\r\n break;\r\n case \"el-GR\"://greek\r\n chatAppLanguagecode = \"ELL\";\r\n break;\r\n default:\r\n chatAppLanguagecode = \"en\"\r\n }\r\n return chatAppLanguagecode;\r\n }\r\n}\r\n","\r\n \r\n
\r\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\r\nimport ICandidateVm from '../../../models/ICandidateVm';\r\nimport { IRestartVmInput } from '../../../models/IRestartVmInput';\r\nimport { SessionInfoService } from '../../../services/session-info.service';\r\nimport { YesNoMessageBoxComponent } from '../../../Controls/yes-no-message-box/yes-no-message-box.component';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { MessageBoxResult } from '../../../Controls/MessageBoxResult';\r\n\r\n@Component({\r\n selector: 'app-session-info',\r\n templateUrl: './session-info.component.html',\r\n styleUrls: ['./session-info.component.scss']\r\n})\r\nexport class SessionInfoComponent implements OnInit {\r\n @Input() candidateVMInfo!: ICandidateVm;\r\n @Input() accessCode: any;\r\n @Output() onRestartVMClick = new EventEmitter\r\n
\r\n","import { Component, Inject, OnInit } from '@angular/core';\r\nimport { LabmanagerService } from '../services/labmanager.service';\r\nimport ICandidateVm from '../models/ICandidateVm';\r\nimport { SignalRService } from '../services/signal-r.service';\r\nimport { ExamSessionService } from '../services/exam-session.service';\r\nimport { ActivatedRoute } from '@angular/router';\r\nimport { ConfigurationsService } from '../services/configurations.service';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { SurveyDialogComponent } from '../Controls/survey-dialog/survey-dialog.component';\r\nimport { SurveyDialogResult } from '../Controls/SurveyDialogResult';\r\nimport { IFullExamSession } from '../models/IFullExamSession';\r\nimport { AuthenticationService } from '../services/authentication.service';\r\nimport { IExamSessionSettings } from '../models/IExamSessionSettings';\r\nimport { BASE_URL } from '../injection-tokens/base-url.token';\r\nimport { CandidatesInExamService, ICandidate } from '../services/candidates-in-exam.service';\r\n\r\n@Component({\r\n selector: 'app-exams-view',\r\n templateUrl: './exams-view.component.html',\r\n styleUrls: ['./exams-view.component.scss']\r\n})\r\nexport class ExamsViewComponent implements OnInit {\r\n accessCode: any;\r\n candidateVms: ICandidateVm[] = [];\r\n surveylink: string = '';\r\n message: string = '';\r\n hasError: boolean = false;\r\n showTechError: boolean = false;\r\n\r\n public ExamSession!: IFullExamSession;\r\n public examSessionSettings!: IExamSessionSettings;\r\n private LatestStartTime!: Date;\r\n\r\n constructor(\r\n private authenticationService: AuthenticationService,\r\n private labManagerService: LabmanagerService,\r\n private proctorHub: SignalRService,\r\n @Inject(BASE_URL) private baseUrl: string,\r\n private examSessionService: ExamSessionService,\r\n private route: ActivatedRoute,\r\n private configurations: ConfigurationsService,\r\n private _dialog: MatDialog\r\n , private candidatesInExamService: CandidatesInExamService) {\r\n\r\n }\r\n\r\n ngOnInit(): void {\r\n this.route.queryParams.subscribe(\r\n params => {\r\n this.accessCode = params['accessCode'];\r\n\r\n this.GetSurveyLink();\r\n this.GetExamSessionInfo();\r\n this.GetCandidatesVmDetailsAndLoad();\r\n }\r\n );\r\n }\r\n\r\n private GetSurveyLink() {\r\n this.configurations.getSurveyLink().subscribe(response => {\r\n this.surveylink = response;\r\n }, error => {\r\n this.displayError($localize`Survey link was uable to fetch.`);\r\n });\r\n }\r\n\r\n private GetExamSessionInfo() {\r\n\r\n this.examSessionService.getExamSessionByAccessCode(this.accessCode).subscribe(async response => {\r\n this.ExamSession = response;\r\n this.candidatesInExamService.setCandidatesCount(this.ExamSession.candidateCount);\r\n this.GetExamSessionSettings();\r\n }, error => {\r\n this.displayError($localize`Examsession info was unable to fetch.`);\r\n });\r\n }\r\n\r\n private GetExamSessionSettings() {\r\n\r\n this.authenticationService.JwtSource.subscribe(jwt => {\r\n if (jwt) {\r\n this.examSessionService.getExamSessionSettings().subscribe(sessionSettings => {\r\n this.examSessionSettings = sessionSettings;\r\n this.SetDisplaySurveyDialogTriggerTime();\r\n }, error => {\r\n this.displayError($localize`Failed to fetch Examsession Settings.`);\r\n });\r\n }\r\n }, error => {\r\n this.displayError($localize`Authentication failed to fetch Examsession Settings.`);\r\n });\r\n }\r\n\r\n private GetCandidatesVmDetailsAndLoad() {\r\n\r\n this.labManagerService.getCandidateVMs(this.accessCode).subscribe(\r\n (response) => {\r\n this.candidateVms = response.sort((c1, c2) => this.compareCandidateVms(c1, c2));\r\n\r\n this.SetCandidateInfo();\r\n this.decodeRdpUrls(this.candidateVms);\r\n this.StartProctorHubConnection();\r\n },\r\n (error) => {\r\n this.displayError($localize`We are unable to retrieve the full list of Candidates in the session. Please refresh your browser.`, true);\r\n }\r\n );\r\n }\r\n\r\n private SetCandidateInfo() {\r\n this.candidateVms.forEach(element => {\r\n let candidate: ICandidate = { CandidateId: element.candidateId, FirstName: element.candidateFirstName, LastName: element.candidateLastName, Symlink: element.symlink };\r\n this.candidatesInExamService.setCandidate(candidate);\r\n });\r\n }\r\n\r\n private decodeRdpUrls(candidateVms: ICandidateVm[]): void {\r\n for (const vm of candidateVms)\r\n vm.joinUrl = atob(vm.joinUrl);\r\n }\r\n\r\n private StartProctorHubConnection() {\r\n this.proctorHub.startConnection(this.accessCode)\r\n .then(() => {\r\n this.InitializeHubListeners();\r\n });\r\n }\r\n\r\n private InitializeHubListeners() {\r\n this.CandidateLoggedInListener();\r\n this.ExamCompleteListener();\r\n this.CandidateAutoRefreshListner();\r\n }\r\n\r\n private CandidateLoggedInListener() {\r\n this.proctorHub.addCandidateLoggedInListener((accessCode: string, symlink: string, joinUrl: string, candidateId: string, candidateFirstName: string, candidateLastName: string, assignedToCandidateTime: string) => {\r\n let isCandidateVmExists = this.candidateVms.findIndex(s => s.candidateId == candidateId);\r\n if (isCandidateVmExists === -1) {\r\n this.candidateVms.push({\r\n candidateId: candidateId,\r\n candidateFirstName: candidateFirstName,\r\n candidateLastName: candidateLastName,\r\n symlink: symlink,\r\n accessCode: accessCode,\r\n joinUrl: atob(joinUrl),\r\n assignedToCandidateTime: assignedToCandidateTime,\r\n examCompleted: false,\r\n isRestarting: false\r\n });\r\n }\r\n else {\r\n let iframeElement = document.getElementById(`iframe_${symlink}`) as HTMLIFrameElement;\r\n iframeElement.src = iframeElement.src;\r\n }\r\n this.candidateVms.sort((c1, c2) => this.compareCandidateVms(c1, c2));\r\n\r\n let candidate: ICandidate = { CandidateId: candidateId, FirstName: candidateFirstName, LastName: candidateLastName, Symlink: symlink };\r\n this.candidatesInExamService.setCandidate(candidate);\r\n });\r\n }\r\n\r\n private compareCandidateVms(c1: ICandidateVm, c2: ICandidateVm): number {\r\n return new Date(c1.assignedToCandidateTime).getTime() - new Date(c2.assignedToCandidateTime).getTime();\r\n }\r\n\r\n private ExamCompleteListener() {\r\n\r\n this.proctorHub.addCompleteExamListener((symlink: string) => {\r\n let candidateVm = this.candidateVms.find(cvm => cvm.symlink == symlink);\r\n if (candidateVm) {\r\n candidateVm.examCompleted = true;\r\n }\r\n\r\n let nowTime = this.convertToUTCTime(new Date()).getTime();\r\n\r\n if (nowTime > this.LatestStartTime.getTime()) {\r\n this.DisplaySurveyDialog();\r\n }\r\n });\r\n }\r\n\r\n private CandidateAutoRefreshListner() {\r\n\r\n this.proctorHub.addCandidateAutoRefreshListner((symlink: string) => {\r\n setTimeout(() => {\r\n let iframeElement = document.getElementById(`iframe_${symlink}`) as HTMLIFrameElement;\r\n iframeElement.src = iframeElement.src;\r\n }, 5000);\r\n });\r\n }\r\n\r\n private SetDisplaySurveyDialogTriggerTime() {\r\n this.LatestStartTime = this.getStartTimes(this.ExamSession).latestStartTime;\r\n let latestTime = this.LatestStartTime.getTime();\r\n\r\n let nowTime = this.convertToUTCTime(new Date()).getTime();\r\n if (nowTime < latestTime) {\r\n setTimeout(() => {\r\n this.DisplaySurveyDialog();\r\n }, latestTime - nowTime);\r\n }\r\n } \r\n\r\n private DisplaySurveyDialog() {\r\n if (this.surveylink != null && this.surveylink != '') {\r\n if (this.candidateVms.filter(c => c.examCompleted == false).length == 0) {\r\n const dlgRef = this._dialog.open(SurveyDialogComponent, { panelClass: 'survey-dialog', height: '25.625rem', width: '50.313rem' });\r\n\r\n dlgRef.afterClosed().subscribe(result => {\r\n if (result == SurveyDialogResult.TakeSurvey) {\r\n window.open(this.surveylink, '_blank');\r\n }\r\n });\r\n }\r\n }\r\n }\r\n\r\n private convertToUTCTime(date: Date) {\r\n var utcDateTime = new Date(date.getTime() + date.getTimezoneOffset() * 60000);\r\n return utcDateTime;\r\n }\r\n\r\n private getStartTimes(examSession: IFullExamSession) {\r\n let examStartTime = new Date(examSession.startTime);\r\n let earliestStartTime = new Date(examStartTime);\r\n let latestStartTime = new Date(examStartTime);\r\n earliestStartTime.setMinutes(earliestStartTime.getMinutes() - this.examSessionSettings.earlyStartMinutes);\r\n latestStartTime.setMinutes(latestStartTime.getMinutes() + this.examSessionSettings.lateStartMinutes);\r\n return { earliestStartTime, latestStartTime };\r\n }\r\n\r\n private displayError(message: string, showTechError: boolean = false) {\r\n this.message = message;\r\n this.hasError = true;\r\n this.showTechError = showTechError;\r\n }\r\n}\r\n\r\n","\r\n {{candidateVMInfo.candidateFirstName}} {{candidateVMInfo.candidateLastName}} (ID: {{candidateVMInfo.candidateId}}) \r\n {{candidateVMInfo.symlink}} \r\n
\r\n EXAM STATUS: In Progress
\r\n\r\n Refresh Restart VM \r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-footer',\r\n templateUrl: './footer.component.html',\r\n styleUrls: ['./footer.component.scss']\r\n})\r\nexport class FooterComponent implements OnInit {\r\n\r\n private currentYear: number = new Date().getFullYear();\r\n copyright: string = $localize `Copyright \\u00a9 1996-${(this.currentYear)} Pearson Education, Inc. or its affiliate(s). All rights reserved.`;\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","Exams from Home
\r\n\r\n\r\n
\r\n\r\n Current Center: {{ ExamSession?.testingCenterName }} ({{ ExamSession?.testingCenterId }})
\r\nImportant Notes!
\r\n- \r\n
- \r\n The smaller windows display the Test Candidates' exams in progress, please do not click in or hover over them. And please keep your window at full screen while proctoring, do not resize your window!\r\n \r\n
- \r\n If the Test Candidate experiences an error, they will simply need to click on the link you provided them in order to reestablish the session. If necessary, have them reboot their computer and then try the link again.\r\n \r\n
- \r\n Chat Notification Legend\r\n 3 Number of chat notifications\r\n\r\n
![](\"/images/infoNotification.jpg\")
New or unread chat(s)\r\n![](\"/images/replyNotification.jpg\")
Viewed chat notification \r\n
\r\n\r\n
Candidate Machines
\r\n\r\n\r\n
\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n","import { Injectable } from '@angular/core';\r\nimport { ActivatedRouteSnapshot, CanActivate, Router, RouterStateSnapshot } from '@angular/router';\r\nimport { Observable, of } from 'rxjs';\r\nimport { catchError, map, tap } from 'rxjs/operators';\r\n\r\nimport { AuthenticationService } from '../services/authentication.service';\r\nimport { SpinnerService } from '../services/spinner.service';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class AuthGuard implements CanActivate {\r\n constructor(private authService: AuthenticationService, private router: Router, private spinnerService: SpinnerService) { }\r\n\r\n canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable\r\n
\r\n","import {Component, OnInit} from '@angular/core';\r\nimport {faUser} from '@fortawesome/pro-solid-svg-icons';\r\nimport {SpinnerService} from \"../services/spinner.service\";\r\nimport { AuthenticationService } from '../services/authentication.service';\r\nimport { IListOption } from '../Controls/list-option';\r\nimport { Router } from '@angular/router';\r\nimport { isNull } from '@angular/compiler/src/output/output_ast';\r\n\r\n@Component({\r\n selector: 'app-header',\r\n templateUrl: './header.component.html',\r\n styleUrls: ['./header.component.scss']\r\n})\r\nexport class HeaderComponent implements OnInit {\r\n accessCode: string = '';\r\n proctorName: string = \"\";\r\n userSolidIcon = faUser;\r\n userOptions: IListOption[] = [\r\n { optionId: 'logout', label: $localize`Log out` }\r\n ];\r\n loggedIn: boolean = false;\r\n\r\n constructor(private authenticationService: AuthenticationService,\r\n private spinnerService: SpinnerService,\r\n private route: Router) {\r\n }\r\n\r\n ngOnInit(): void {\r\n this.spinnerService.show();\r\n this.authenticationService.ProctorSource.subscribe(proctor => {\r\n this.proctorName = `${proctor.FirstName} ${proctor.LastName}`\r\n this.spinnerService.hide();\r\n });\r\n this.authenticationService.JwtSource.subscribe(jwt => {\r\n this.loggedIn = !(!jwt || !jwt.trim());\r\n });\r\n }\r\n\r\n handleUserOptionClick(option: IListOption): void {\r\n if (option.optionId === 'logout')\r\n this.logout();\r\n }\r\n\r\n logout(): void {\r\n this.authenticationService.Logout();\r\n this.route.navigate(['/login']);\r\n this.proctorName = '';\r\n }\r\n}\r\n","\r\n
\r\n\r\n {{accessCode}}\r\n
\r\n \r\n
\r\n\r\n\r\n","import { InjectionToken } from '@angular/core';\r\n\r\n/**\r\n * InjectionToken used to retrieve the base href of the webpage.\r\n */\r\nexport const BASE_HREF = new InjectionToken\r\n \r\n \r\n
\r\n\r\n\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { AppConstants } from '../constants/AppConstants';\r\n\r\n@Component({\r\n selector: 'app-placeholder',\r\n templateUrl: './placeholder.component.html',\r\n styleUrls: ['./placeholder.component.scss']\r\n})\r\nexport class PlaceholderComponent implements OnInit {\r\n\r\n //This component is a placeholder for strings that are not in use yet.\r\n\r\n Errors_System_outage: string = $localize`The system is currently experiencing technical difficulties. Please refresh this page over the next couple of minutes.`;\r\n\r\n Phone: string = \"1-800-555-1212\";\r\n Errors_System_outage_subtext: string = $localize`If the problem persists contact technical support at ${this.Phone}`;\r\n\r\n Errors_no_TC_dashboard: string = $localize`You cannot create an exam session at this time because you are not associated with any test center. Please ask your Organization Administrator for assistance.`;\r\n\r\n Errors_dashboard_start_system_errors: string = $localize`Our system is currently experiencing technical difficulties. Please refresh this page in several minutes. You may also contact technical support at x-xxx-xxx-xxxx.`;\r\n\r\n firstNum = 1;\r\n secondNum = 2;\r\n Candidates_in_exam: string = $localize `Candidates in exam (${this.firstNum} of ${this.secondNum})`;\r\n\r\n If_you_are_not_proctoring_this_session_info: string = $localize`If you are not proctoring this session, you will need to manually email the individual you intend to proctor this session and provide them the confirmation email.`;\r\n\r\n Exam_time_starttime_hour: string = $localize`Hour`;\r\n Exam_time_starttime_minutes: string = $localize`Minutes`;\r\n Exam_time_starttime_AM_PM: string = $localize`AM/PM`;\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","\r\n\r\n","import { Injectable } from \"@angular/core\";\r\nimport * as signalR from \"@microsoft/signalr\";\r\n\r\nexport interface ISignalRHub {\r\n initialize(url: string): void;\r\n start(): PromiseExams from Home System Error
\r\n\r\n \r\n \r\n Start session \r\n \r\n \r\n \r\n \r\n \r\n \r\n Return to dashboard \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\nYour exam session cannot be started until {{examSessionSettings.earlyStartMinutes}} minutes prior to the start time.
\r\nClick “Start session” when you are within the start session timeframe.
\r\nYou cannot proctor this exam session at this time because you are not associated with the test center.
\r\nPlease ask your Organization Administrator for assistance.
\r\nYour exam session cannot start due to a technical issue.
\r\nPlease try to start your exam session again.
\r\nThe system is currently experiencing technical difficulties.
\r\nPlease reschedule your exam session.
\r\nThe exam session (access code {{accessCode}}) has expired. Please schedule a new session.
\r\nYour exam session cannot start due to a technical issue.
\r\nPlease try to start your exam session again.
\r\n\r\n