{{ 'ERROR.NO_ACCESS.TITLE' | translate }}
\n{{ 'ERROR.NO_ACCESS.DESCRIPTION' | translate }}
\n\n 0\"> \n
\n","import { Injectable } from '@angular/core';\nimport {\n AccessOperation,\n IChamberUser,\n UserRole\n} from 'proceduralsystem-cbs-common-components';\nimport {\n ScheduleAccessOperation,\n ScheduleComponentAccessOperation\n} from './schedule.types';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class ScheduleAccessService {\n getAccessOperations(chamberUser: IChamberUser): ScheduleAccessOperation[] {\n return chamberUser\n ? chamberUser.role === UserRole.ChamberClerk\n ? [\n AccessOperation.ManageActionButtons,\n AccessOperation.Edit,\n ScheduleComponentAccessOperation.ShowSuspendScheduleButton,\n ScheduleComponentAccessOperation.ShowAdjournScheduleButton,\n ScheduleComponentAccessOperation.ShowExtendSuspendScheduleButton,\n ScheduleComponentAccessOperation.ShowResumeScheduleButton,\n ScheduleComponentAccessOperation.ShowRingBellButton\n ]\n : [AccessOperation.View]\n : [];\n }\n}\n","import { Injectable } from '@angular/core';\nimport {\n MatDialog,\n MatDialogRef,\n MatDialogConfig\n} from '@angular/material/dialog';\nimport { DialogPosition } from 'proceduralsystem-clientcomponents';\nimport {\n ChamberBell,\n ChamberBellSubTypeId,\n ChamberBellTypeId,\n IBellTypes,\n ILiveScheduleBI,\n MoreOption,\n MoreOptionId,\n StopBellActionId,\n selectChamberBell,\n selectScheduleBI,\n BusinessItemTypeId\n} from 'proceduralsystem-cbs-common-components';\nimport { BellService } from '../../services/bell.service';\nimport {\n DivisionConfirmDialogData,\n ICallDivisionDialogData\n} from '@app/shared/dialogs/call-division-bell-dialog/call-division-bell-dialog.types';\nimport { IBusinessItem } from './schedule.types';\nimport { Store } from '@ngrx/store';\nimport { selectReadyToStartBusinessItem } from '@app/store/reducers/in-chamber.reducer';\nimport * as BellTimerActions from '@app/store/actions/bell-timer.actions';\nimport { SecondsInMin } from '@app/app.types';\n\n// Dialog Components\nimport { ConfirmationDialogComponent } from '@app/shared/dialogs/confirmation-dialog/confirmation-dialog.component';\nimport { SuspensionDialogComponent } from '@app/shared/dialogs/suspension-dialog/suspension-dialog.component';\nimport { ExtendBellDialogComponent } from '@app/shared/dialogs/extend-bell-dialog/extend-bell-dialog.component';\nimport { CancelScheduleDivDialogComponent } from '@app/shared/dialogs/cancel-schedule-div-dialog/cancel-schedule-div-dialog.component';\nimport {\n Observable,\n combineLatestWith,\n distinctUntilChanged,\n filter,\n iif,\n map,\n of,\n switchMap,\n take,\n tap\n} from 'rxjs';\nimport { CallDivisionBellDialogComponent } from '@app/shared/dialogs/call-division-bell-dialog/call-division-bell-dialog.component';\nimport { CallQuorumBellDialogComponent } from '@app/shared/dialogs/call-quorum-bell-dialog/call-quorum-bell-dialog.component';\nimport { QuorumEndingDialogComponent } from '@app/shared/dialogs/quorum-ending-dialog/quorum-ending-dialog.component';\nimport {\n MIN_QUORUM_DURATION,\n QuorumConfirmDialogData\n} from '@app/shared/dialogs/call-quorum-bell-dialog/call-quorum-bell-dialog.types';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class ScheduleDialogsService {\n private readonly dialogDefaultOptions: MatDialogConfig\n
\n \n
\n \n ![\"node-icon\"](\"./assets/img/toggle.svg\")
\n
\n \n \n \n 0\"\n [enableControls]=\"accessOperations.includes(AccessOperation.ManageActionButtons)\"\n (itemClick)=\"openItem($event)\"\n (bellActionClick)=\"scheduleDialogsService.onBellActionClick($event, scheduleId)\"\n (optionClick)=\"scheduleDialogsService.openMoreOptionDialog($event, chamberBell)\"\n (startBusinessItem)=\"onStartBusinessItem($event)\"> \n
\n \n
\n \n \n
\n\n\n \n 0; else noItems\">\n \n \n
\n\n 0\"> \n
\n \n
\n \n \n \n \n \n \n \n \n \n
\n \n
\n {{ 'ACTIVE_USERS.NO_ITEMS' | translate }}
\n
\n","import {\n AfterContentChecked,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ElementRef,\n ViewChild,\n OnDestroy\n} from '@angular/core';\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\nimport { Observable, Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { Store } from '@ngrx/store';\nimport { selectChamberUser } from '@app/store/reducers/live-sharing.reducer';\nimport { selectChatMessages } from '@app/store/reducers/chat.reducer';\nimport {\n UserRole,\n CBSValidators\n} from 'proceduralsystem-cbs-common-components';\nimport { InAppState } from '@app/app.types';\nimport { IChatMessage } from '@shared/components/chat/chat.types';\nimport { ChatService } from '@shared/components/chat/chat.service';\n\n@Component({\n selector: 'oir-chat',\n templateUrl: './chat.component.html',\n styleUrls: ['./chat.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ChatComponent implements AfterContentChecked, OnDestroy {\n @ViewChild('chatBody', { static: true })\n private chatBodyScrollContainer: ElementRef;\n private destroy$ = new Subject{{ titlePath }}
\n\n {{ body | htmlToText | translate }}\n - {{ subPath }}\n
\n\n
\n","import { NgModule } from '@angular/core';\nimport { CommonModule, DatePipe } from '@angular/common';\nimport { ProceduralsystemClientcomponentsModule } from 'proceduralsystem-clientcomponents';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatButtonModule } from '@angular/material/button';\nimport { ChatComponent } from './chat.component';\nimport { MatSlideToggleModule } from '@angular/material/slide-toggle';\nimport { TextFieldModule } from '@angular/cdk/text-field';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { MatChipsModule } from '@angular/material/chips';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { ChairViewComponent } from './components/chair-view/chair-view.component';\nimport { ChatButtonComponent } from './components/chat-button/chat-button.component';\nimport { ChatMessageComponent } from './components/chat-message/chat-message.component';\n\n@NgModule({\n declarations: [\n ChatComponent,\n ChairViewComponent,\n ChatMessageComponent,\n ChatButtonComponent\n ],\n imports: [\n CommonModule,\n ProceduralsystemClientcomponentsModule,\n MatIconModule,\n MatButtonModule,\n MatSlideToggleModule,\n TextFieldModule,\n TranslateModule,\n MatChipsModule,\n MatFormFieldModule,\n MatInputModule,\n FormsModule,\n ReactiveFormsModule,\n MatDialogModule\n ],\n providers: [DatePipe],\n exports: [ChatButtonComponent]\n})\nexport class ChatModule {}\n","import { Injectable } from '@angular/core';\nimport { Observable, of, shareReplay } from 'rxjs';\nimport { tap } from 'rxjs/operators';\nimport { Store } from '@ngrx/store';\nimport { TranslateService } from '@ngx-translate/core';\nimport {\n OirHttpService,\n ToastNotificationsService\n} from 'proceduralsystem-clientcomponents';\nimport { InAppState } from '@app/app.types';\nimport {\n IChatMessage,\n IChatResponse\n} from '@shared/components/chat/chat.types';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class ChatService {\n constructor(\n private oirHttp: OirHttpService,\n private store: Store\n close \n
\n {{ 'CHAT.TITLE' | translate }}
\n\n
\n \n\n \n \n
\n \n
\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { MatDialog } from '@angular/material/dialog';\nimport { DialogPosition } from 'proceduralsystem-clientcomponents';\nimport { ChatComponent } from '../../chat.component';\nimport { ChatButtonPosition } from './chat-button.type';\nimport { Store } from '@ngrx/store';\nimport { selectChatMessages } from '@app/store/reducers/chat.reducer';\nimport { IChatMessage } from '../../chat.types';\n\n@Component({\n selector: 'oir-chat-button',\n templateUrl: './chat-button.component.html',\n styleUrls: ['./chat-button.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ChatButtonComponent {\n @Input() chatButtonPosition = ChatButtonPosition.right;\n\n private isInit = false;\n private isChatOpen = false;\n\n constructor(private matDialog: MatDialog, private store: Store) {\n this.store.select(selectChatMessages).subscribe((v: IChatMessage[] | null) => {\n if (v && !this.isInit) {\n this.isInit = true;\n } else if (this.isInit && !this.isChatOpen) {\n this.openChat();\n }\n });\n }\n\n openChat() {\n this.isChatOpen = true;\n\n const dialogRef = this.matDialog.open(ChatComponent, {\n hasBackdrop: true,\n position: DialogPosition.TOP_RIGHT,\n panelClass: 'sidebar-dialog',\n backdropClass: 'sidebar-dialog-overlay-dark',\n disableClose: true\n });\n\n dialogRef.afterClosed().subscribe(() => {\n this.isChatOpen = false;\n });\n }\n}\n","\n","import { ScheduleStatusId } from 'proceduralsystem-cbs-common-components';\n\nexport enum ChatButtonPosition {\n left = 'left',\n right = 'right'\n}\n\nexport const ScheduleChatStatuses = [\n ScheduleStatusId.InProgress,\n ScheduleStatusId.Suspended\n];\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { IChatMessage } from '../../chat.types';\n\n@Component({\n selector: 'oir-chat-message',\n templateUrl: './chat-message.component.html',\n styleUrls: ['./chat-message.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ChatMessageComponent {\n @Input() message: IChatMessage;\n @Input() userFullName: string;\n}\n","\n","import {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n Output\n} from '@angular/core';\nimport { Store } from '@ngrx/store';\nimport {\n IChamberUser,\n UserRole,\n BadgeUtils\n} from 'proceduralsystem-cbs-common-components';\nimport { InAppState } from '@app/app.types';\nimport { selectChamberUser } from '@app/store/reducers/live-sharing.reducer';\n\n@Component({\n selector: 'oir-chamber-user-info',\n templateUrl: './chamber-user-info.component.html',\n styleUrls: ['./chamber-user-info.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ChamberUserInfoComponent {\n @Output() clockOut: EventEmitter\n
\n \n {{ 'CHAT.CHAIR_VIEW.TITLE' | translate }}\n
\n \n \n
\n\n {{ BadgeUtils.getCredentials(user) }}\n
\n\n \n \n \n \n \n {{ 'COMMON.CANCEL' | translate | uppercase }}\n \n \n {{ (type == 'clock-in' ? 'COMMON.CLOCK_IN' : 'COMMON.CLOCK_OUT') | translate | uppercase }}\n \n \n
\n","import {\n Component,\n ChangeDetectionStrategy,\n ChangeDetectorRef\n} from '@angular/core';\nimport { Store } from '@ngrx/store';\nimport {\n DialogPosition,\n OirAuthService\n} from 'proceduralsystem-clientcomponents';\nimport {\n AccessOperation,\n DiscardChangesDialogComponent,\n IBackButton,\n UserRole\n} from 'proceduralsystem-cbs-common-components';\nimport { InAppState, NavigationPage } from '@app/app.types';\nimport { InCbsNavigationService } from '@app/services/in-cbs-navigation.service';\nimport { selectChamberUser } from '@app/store/reducers/live-sharing.reducer';\nimport { InCbsUserService } from '@app/services/in-cbs-user.service';\nimport { MatDialog } from '@angular/material/dialog';\nimport { ActiveUsersComponent } from '../active-users/active-users.component';\n\n@Component({\n selector: 'oir-header-bar',\n templateUrl: './header-bar.component.html',\n styleUrls: ['./header-bar.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class HeaderBarComponent {\n accessOperations: AccessOperation[] = [];\n\n constructor(\n public navigationService: InCbsNavigationService,\n private dialog: MatDialog,\n private authService: OirAuthService,\n private inCbsUserService: InCbsUserService,\n private store: Store\n close \n
\n\n \n {{ (type == 'clock-in' ? 'COMMON.CLOCK_IN' : 'COMMON.CLOCK_OUT') | translate }}\n
\n\n \n \n \n \n
\n","import {\n ChangeDetectionStrategy,\n Component,\n Input,\n ChangeDetectorRef\n} from '@angular/core';\nimport { Observable } from 'rxjs';\nimport { TranslateService } from '@ngx-translate/core';\nimport {\n ApplicationEntry,\n DialogPosition,\n OirDialogService,\n EnvironmentColourEnum,\n ConfigurationService\n} from 'proceduralsystem-clientcomponents';\nimport {\n TabSessionStorageName,\n SubTabSessionStorageName,\n SessionStorageUtils,\n AppConfig\n} from 'proceduralsystem-cbs-common-components';\nimport { InChamberSideNavigationService } from './in-chamber-side-navigation.service';\n\n@Component({\n selector: 'oir-in-chamber-side-navigation',\n templateUrl: './in-chamber-side-navigation.component.html',\n styleUrls: ['./in-chamber-side-navigation.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class InChamberSideNavigationComponent {\n @Input() collapsed = false;\n otherApps$: Observable\n
\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { MatIconModule } from '@angular/material/icon';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { LiveBadgeModule } from 'proceduralsystem-cbs-common-components';\nimport { ProceduralsystemClientcomponentsModule } from 'proceduralsystem-clientcomponents';\nimport { InChamberSideNavigationComponent } from './in-chamber-side-navigation.component';\n\n@NgModule({\n imports: [\n CommonModule,\n TranslateModule,\n RouterModule,\n MatIconModule,\n ProceduralsystemClientcomponentsModule,\n LiveBadgeModule\n ],\n declarations: [InChamberSideNavigationComponent],\n exports: [InChamberSideNavigationComponent]\n})\nexport class InChamberSideNavigationModule {}\n","import { Injectable } from '@angular/core';\nimport { Observable, shareReplay } from 'rxjs';\nimport {\n Navigation,\n NavigationService,\n ApplicationEntry\n} from 'proceduralsystem-clientcomponents';\n\n@Injectable({ providedIn: 'root' })\nexport class InChamberSideNavigationService {\n constructor(private navigationService: NavigationService) {}\n\n fetchUserApplications(): Observable- \n
- \n \n \n
- \n \n\n{{ 'APPLICATION.MODULE.TITLE' | translate }}\n{{ 'APPLICATION.MODULE.SWITCHAPP' | translate }}\n\n\n
![\"\"](\"./assets/img/arrow-toggle.svg\")
\n \n\n - \n \n\n{{ otherApp.title }}\n \n
- \n \n\n
{{ node.icon }} \n\n\n\n\n{{ node.title | translate }}\n \n
\n
\n\n \n\t\n\t\t\n\n \n \n\n \n
\n\n\n\t\tclose \n
\n \n\t{{ data.title | translate }}
\n\t\t\n\t\n\t\t\n\n \n \n\n \n {{ data.cancelButton.name | translate | uppercase }}\n {{ data.confirmButton.name | translate | uppercase}}\n \n
\n\n\n \n","import { ChamberBellSubTypeId } from 'proceduralsystem-cbs-common-components';\nimport { IOirDialogData } from 'proceduralsystem-clientcomponents';\n\nexport const MAX_QUORUM_DURATION = 99;\nexport const MIN_QUORUM_DURATION = 0.5;\nexport const QUORUM_DEFAULT_DURATION = 3;\n\nexport const QUORUM_TYPE_OPTIONS = [\n {\n title: 'CALL_BELL_DIALOG.CHOICE.OPTION_1',\n value: ChamberBellSubTypeId.QuorumBusinessItem\n },\n {\n title: 'CALL_BELL_DIALOG.CHOICE.OPTION_2',\n value: ChamberBellSubTypeId.QuorumSchedule\n }\n];\n\nexport interface ICallQuorumDialogData extends IOirDialogData {\n context?: {\n businessItemName?: string;\n minDuration?: number;\n };\n}\n\nexport interface QuorumConfirmDialogData {\n type: ChamberBellSubTypeId;\n duration?: string;\n}\n","import { Component, ChangeDetectionStrategy, Inject } from '@angular/core';\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\nimport { MAT_DIALOG_DATA } from '@angular/material/dialog';\nimport {\n ILiveScheduleBI,\n StopBellActionId\n} from 'proceduralsystem-cbs-common-components';\nimport { IOirDialogData } from 'proceduralsystem-clientcomponents';\n\n@Component({\n selector: 'oir-cancel-schedule-div-dialog',\n templateUrl: './cancel-schedule-div-dialog.component.html',\n styleUrls: ['./cancel-schedule-div-dialog.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class CancelScheduleDivDialogComponent {\n dialogName = 'cancelScheduleDialog';\n selectedBusinessItem: ILiveScheduleBI;\n scheduleForm: FormGroup;\n scheduleId: number;\n action: StopBellActionId;\n\n constructor(@Inject(MAT_DIALOG_DATA) public data: IOirDialogData) {\n if (this.data && this.data.context && this.data.context.dialogName) {\n this.dialogName = this.data.context.dialogName;\n }\n this.createFormGroup();\n }\n\n get businessItems(): ILiveScheduleBI[] {\n return (this.data.messageParams || []) as ILiveScheduleBI[];\n }\n\n createFormGroup(): void {\n this.scheduleForm = new FormGroup({\n selectedBusinessItem: new FormControl(\n this.businessItems[0],\n Validators.required\n ),\n duration: new FormControl('', Validators.maxLength(2))\n });\n }\n}\n","\n\t\tclose \n
\n \n\t{{ data.title | translate }}
\n\t\t\n \n \n\n \n \n \n \n
\n","import {\n ChangeDetectionStrategy,\n Component,\n Inject,\n ViewEncapsulation\n} from '@angular/core';\nimport { MAT_DIALOG_DATA } from '@angular/material/dialog';\nimport { IOirDialogData } from 'proceduralsystem-clientcomponents';\n\n@Component({\n selector: 'oir-confirmation-dialog',\n templateUrl: './confirmation-dialog.component.html',\n styleUrls: ['./confirmation-dialog.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None\n})\nexport class ConfirmationDialogComponent {\n isConfirmed = false;\n\n constructor(@Inject(MAT_DIALOG_DATA) public data: IOirDialogData) {}\n}\n","\n \n close\n \n
\n \n {{ data.title | translate }} \n
\n\n {{ data.message | translate }}\n
\n\n \n \n\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\t{{ data.context | translate }}\n\t\t\t \n\t\t \n\t \n\t\n\t\t\n\t\t\n\t \n
\n","import { Component, ChangeDetectionStrategy, Inject } from '@angular/core';\nimport { FormControl, Validators } from '@angular/forms';\nimport { MAT_DIALOG_DATA } from '@angular/material/dialog';\nimport { IOirDialogData } from 'proceduralsystem-clientcomponents';\n\n@Component({\n selector: 'oir-extend-bell-dialog',\n templateUrl: './extend-bell-dialog.component.html',\n styleUrls: ['./extend-bell-dialog.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ExtendBellDialogComponent {\n constructor(@Inject(MAT_DIALOG_DATA) public data: IOirDialogData) {}\n\n duration = new FormControl(null, [\n Validators.min(1),\n Validators.max(99),\n Validators.pattern(/^\\d+$/),\n Validators.required\n ]);\n}\n","\n\t\t\n\t\t\tclose\n\t\t \n\t
\n\t\n\t\t\t{{ data.title | translate }}\n\t\t
\n\t\t\n \n \n {{ 'EXTEND_BELL_DIALOG.DURATION.LABEL' | translate }} \n \n \n \n \n \n \n \n
\n","import {\n Component,\n ChangeDetectionStrategy,\n Inject,\n OnDestroy\n} from '@angular/core';\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\nimport { MAT_DIALOG_DATA } from '@angular/material/dialog';\nimport {\n ILiveScheduleBI,\n ChamberBell,\n ChamberBellTypeId,\n ChamberBellSubTypeId\n} from 'proceduralsystem-cbs-common-components';\nimport { IOirDialogData } from 'proceduralsystem-clientcomponents';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { EndingBellTypes } from '@app/app.types';\n\n@Component({\n selector: 'oir-quorum-ending-dialog',\n templateUrl: './quorum-ending-dialog.component.html',\n styleUrls: ['./quorum-ending-dialog.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class QuorumEndingDialogComponent implements OnDestroy {\n private _destroy$ = new Subject\n \n close\n \n
\n \n {{ data.title | translate}}\n
\n\n {{ data.message | translate}}\n
\n \n \n \n\n \n \n \n {{ 'COMMON.CONFIRM' | translate | uppercase }}\n \n \n
\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatRadioModule } from '@angular/material/radio';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { ProceduralsystemClientcomponentsModule } from 'proceduralsystem-clientcomponents';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { QuorumEndingDialogComponent } from './quorum-ending-dialog.component';\n\n@NgModule({\n declarations: [QuorumEndingDialogComponent],\n imports: [\n CommonModule,\n TranslateModule,\n FormsModule,\n MatDialogModule,\n MatIconModule,\n ProceduralsystemClientcomponentsModule,\n MatButtonModule,\n MatRadioModule,\n MatFormFieldModule,\n MatInputModule,\n ReactiveFormsModule\n ]\n})\nexport class QuorumEndingDialogModule {}\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport {\n FormControl,\n FormGroup,\n Validators,\n AbstractControl,\n ValidationErrors\n} from '@angular/forms';\nimport {\n ScheduleStatusId,\n IrelandTimezone,\n REQUEST_DATE_FORMAT\n} from 'proceduralsystem-cbs-common-components';\nimport {\n DEFAULT_SITTING_DURATION_MIN,\n SuspensionType,\n DIVISION_TYPE_OPTIONS\n} from './suspension-dialog.types';\nimport { TranslateService } from '@ngx-translate/core';\nimport * as moment from 'moment-timezone';\n\nconst UntilRegex = /(^([0-1]?\\d|2[0-3]):[0-5]\\d$)/;\n\n@Component({\n selector: 'oir-suspension-dialog',\n templateUrl: './suspension-dialog.component.html',\n styleUrls: ['./suspension-dialog.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SuspensionDialogComponent {\n private _status: ScheduleStatusId;\n\n @Input() set status(value: ScheduleStatusId) {\n this._status = value;\n\n if (value === ScheduleStatusId.Suspended) {\n this.title = 'SUSPENSION_DIALOG.EXTEND_SUSPENSION_TITLE';\n this.message = 'SUSPENSION_DIALOG.EXTEND_SUSPENSION_MESSAGE';\n this.confirmButton = 'SUSPENSION_DIALOG.BUTTON.EXTEND_SUSPENSION_CONFIRM';\n } else {\n this.form.get('type').addValidators(Validators.required);\n this.showNextPage = false;\n }\n }\n get status(): ScheduleStatusId {\n return this._status;\n }\n\n form = new FormGroup({\n type: new FormControl(null),\n suspensionType: new FormControl(SuspensionType.Duration),\n duration: new FormControl(\n DEFAULT_SITTING_DURATION_MIN,\n Validators.compose([\n Validators.required,\n Validators.max(999),\n Validators.min(1)\n ])\n ),\n until: new FormControl(\n moment().add(DEFAULT_SITTING_DURATION_MIN, 'minutes').format('HH:mm'),\n Validators.compose([\n Validators.required,\n Validators.pattern(UntilRegex),\n this.selectedTimeIsBetweenCurrentFuture12H.bind(this)\n ])\n )\n });\n\n title = 'SUSPENSION_DIALOG.TITLE';\n message = 'SUSPENSION_DIALOG.SUSPEND_SITTING_MESSAGE';\n messageAlt = 'SUSPENSION_DIALOG.SUSPEND_SITTING_MESSAGE_ALT';\n confirmButton = 'SUSPENSION_DIALOG.BUTTON.CONFIRM';\n\n durationMask = [/\\d/, /\\d/, /\\d/];\n untilTimeMask = [/\\d/, /\\d/, ':', /\\d/, /\\d/];\n SuspensionType = SuspensionType;\n ScheduleStatusId = ScheduleStatusId;\n\n OPTIONS = DIVISION_TYPE_OPTIONS.map(v => ({\n ...v,\n title: this.translate.instant(v.title)\n }));\n\n showNextPage = true;\n\n constructor(private readonly translate: TranslateService) {}\n\n private isInCorrectTimeFormat(value: string): boolean {\n if (!value) {\n return false;\n }\n\n const regex = new RegExp(UntilRegex);\n\n return regex.test(value);\n }\n\n private selectedTimeIsBetweenCurrentFuture12H(\n control: AbstractControl\n ): ValidationErrors | null {\n if (!control || !control.value) {\n return { required: true };\n }\n\n const selectedTime = control.value;\n\n if (!this.isInCorrectTimeFormat(selectedTime)) {\n return { pattern: true };\n }\n\n const tmpDate = moment().tz(IrelandTimezone);\n const currentTime = moment().tz(IrelandTimezone);\n const maxFutureTime = moment().tz(IrelandTimezone).add(12, 'hours');\n\n if (\n moment(tmpDate.format(REQUEST_DATE_FORMAT) + ' ' + selectedTime).isBefore(\n currentTime\n )\n ) {\n tmpDate.add(1, 'day');\n }\n\n if (\n moment(\n tmpDate.format(REQUEST_DATE_FORMAT) + ' ' + selectedTime\n ).isBetween(currentTime, maxFutureTime, 'minutes', '[]')\n ) {\n return null;\n }\n\n return { futureTime: true };\n }\n\n getFormValues(): { duration?: number; until?: string; type: SuspensionType } {\n const formValues = this.form.getRawValue();\n const selectedSuspensionType: SuspensionType = formValues.suspensionType;\n const obj = { type: formValues.type };\n\n return selectedSuspensionType === SuspensionType.Duration\n ? { ...obj, duration: formValues.duration * 60 }\n : { ...obj, until: this.getUpdatedUntilValue(formValues.until) };\n }\n\n private getUpdatedUntilValue(value: string): string {\n if (!this.isInCorrectTimeFormat(value)) {\n return null;\n }\n\n const currentDate = moment().utc();\n const untilDate = moment.utc(\n currentDate.format('YYYY-MM-DD') + ' ' + value\n );\n if (untilDate.isBefore(currentDate)) {\n untilDate.add(1, 'day');\n }\n return untilDate.toISOString();\n }\n\n resetForm(): void {\n this.form.reset({\n suspensionType: SuspensionType.Duration,\n duration: DEFAULT_SITTING_DURATION_MIN,\n until: moment()\n .add(DEFAULT_SITTING_DURATION_MIN, 'minutes')\n .format('HH:mm')\n });\n this.showNextPage = false;\n }\n\n onNextPageClick(): void {\n this.showNextPage = true;\n }\n}\n","\n \n close\n \n
\n \n {{ data.title | translate }}\n
\n\n {{ data.message | translate }}\n
\n \n \n\t\n\t\t\n\t\t\n\t \n\t
\n","export const DEFAULT_SITTING_DURATION_MIN = 10;\n\nexport enum SuspensionType {\n Duration = 1,\n Until\n}\n\nexport enum SuspensionOptions {\n SUSPEND = 1,\n END\n}\n\nexport const DIVISION_TYPE_OPTIONS = [\n {\n title: 'SUSPENSION_DIALOG.CHOICE.OPTION_1',\n value: SuspensionOptions.SUSPEND\n },\n {\n title: 'SUSPENSION_DIALOG.CHOICE.OPTION_2',\n value: SuspensionOptions.END\n }\n];\n","import { createAction, props } from '@ngrx/store';\nimport { IBellTimer } from '@app/app.types';\n\nexport const startBellTimer = createAction(\n '[Bell Timer] Start',\n props\n\t\t\n\t\t\tclose\n\t\t \n\t
\n\t\n\t\t\t{{ title | translate }}\n\t\t
\n\t\t\n \n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t \n\t
\n- \\n\\n
- \\n \\n {{ previousLabel }} {{ screenReaderPageLabel }}\\n \\n \\n {{ previousLabel }} {{ screenReaderPageLabel }}\\n \\n \\n\\n
- \\n {{ p.getCurrent() }} / {{ p.getLastPage() }}\\n \\n\\n
- \\n \\n {{ screenReaderPageLabel }} \\n {{ (page.label === '...') ? page.label : (page.label | number:'') }}\\n \\n
\\n {{ screenReaderCurrentLabel }} \\n {{ (page.label === '...') ? page.label : (page.label | number:'') }} \\n \\n \\n\\n - \\n \\n {{ nextLabel }} {{ screenReaderPageLabel }}\\n \\n \\n {{ nextLabel }} {{ screenReaderPageLabel }}\\n \\n \\n\\n