\n
\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'fws-help-page',\n templateUrl: './help-page.component.html',\n styleUrls: ['./help-page.component.scss'],\n standalone: true\n})\nexport class HelpPageComponent {}\n","Перенаправлення...
\nhelp-page works!
\n","import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'fws-home',\n templateUrl: './home.component.html',\n styleUrls: ['./home.component.scss'],\n standalone: true\n})\nexport class HomeComponent {}\n","HOME
\n","export enum authorizationSHState {\n authorizationSH,\n enterLoginSH,\n loginFirstEntry,\n passRecovery,\n support\n}\n","export enum LoginOptionEnum {\n RecoveryPass = 'recoveryPass',\n Authorization = 'authorization'\n}\n","import { Component, ElementRef, QueryList, ViewChildren } from '@angular/core';\nimport { BaseComponent } from '../../../shared/components/base-component/base.component';\nimport { FormBuilder, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { BreakpointType } from '../../../shared/types/breakpoint.type';\nimport { ClientInfoService } from '../../../shared/services/client-info.service';\nimport { Subscription, takeUntil } from 'rxjs';\nimport { AuthService } from '../../../shared/services/auth.service';\nimport { convertUTCDateToLocalTime } from '../../../shared/functions/utils';\nimport { ErrorResponseModel } from './_models/error-response.model';\nimport { ProfileService } from '../profile/profile.service';\nimport { Router } from '@angular/router';\nimport { authorizationSHState } from './_enum/authorization-sh-state.enum';\nimport { OtpTimeLimitModel } from '../profile/_model/otp-time-limit.model';\nimport { PhoneNumberMaskHidePipe } from '../../../shared/pipe/phone-number-mask-hide/phone-number-mask-hide.pipe';\nimport { LoginFormModel } from '../../../shared/models/login-form-model';\nimport { LoginOptionModel } from './_models/login-option.model';\nimport { LoginOptionEnum } from './_enum/login-option.enum';\nimport { SnackBarService } from '../../../shared/components/snack-bar/snack-bar.service';\nimport { MatIcon } from '@angular/material/icon';\nimport { MatInput } from '@angular/material/input';\nimport { MatFormField, MatSuffix } from '@angular/material/form-field';\nimport { IconSvgComponent } from '../../../shared/components/icon/icon-svg/icon-svg.component';\nimport { NgOptimizedImage, NgIf, NgSwitch, NgSwitchCase, NgClass } from '@angular/common';\n\n@Component({\n selector: 'fws-login-supplier-hub',\n templateUrl: './login-supplier-hub.component.html',\n styleUrls: ['./login-supplier-hub.component.scss'],\n providers: [ProfileService, PhoneNumberMaskHidePipe],\n standalone: true,\n imports: [\n NgOptimizedImage,\n IconSvgComponent,\n NgIf,\n NgSwitch,\n NgSwitchCase,\n FormsModule,\n ReactiveFormsModule,\n MatFormField,\n MatInput,\n MatIcon,\n MatSuffix,\n NgClass\n ]\n})\nexport class LoginSupplierHubComponent extends BaseComponent {\n authorizationForm: FormGroup;\n loginForm: FormGroup;\n passRecoveryForm: FormGroup;\n hideAuthPasswordInput: boolean = true;\n hideRecoveryPasswordInput: boolean = true;\n\n invalidAuthUserNotFoundMessage: string = 'Користувача з таким логіном не знайдено.';\n invalidAuthEmailFormatMessage: string = 'Пароль або логін введено неправильно.';\n invalidLoginFormatForgotPassMessage: string = 'Логін введено неправильно.';\n notFoundLoginForgotPassMessage: string = 'Користувача модулю “Supplier Hub” з таким логіном не знайдено.';\n isBlocked: boolean = false;\n disableLoginForgotPassBtn: boolean = true;\n initialLoginForgotPassValue: string;\n isIncorrectEnterPass: boolean = false;\n blockedMessage: string;\n incorrectEnterPassMessage: string;\n breakpoint: BreakpointType;\n\n authorizationSHState: number;\n otpCode: string = '';\n isLoadSendOTPRequest: boolean = false;\n otpTimeLimitInfo: OtpTimeLimitModel;\n disableOTPCode: boolean;\n\n readonly authorizationSHStateEnum = authorizationSHState;\n readonly loginOptionEnum = LoginOptionEnum;\n private _timer: Subscription;\n private _timeoutAuthPass: any;\n private _timeoutRecoveryPass: any;\n\n @ViewChildren('loginInput') loginInput: QueryList\n
\n","import { Component } from '@angular/core';\nimport { BaseComponent } from '../../../shared/components/base-component/base.component';\nimport { Router } from '@angular/router';\nimport { AuthService } from '../../../shared/services/auth.service';\nimport { ThemeMode } from '../settings/_enum/theme-mode.enum';\nimport { ThemeModeService } from '../../../shared/services/theme-mode.service';\n\n@Component({\n selector: 'fws-login',\n templateUrl: './login.component.html',\n styleUrls: ['./login.component.scss'],\n standalone: true\n})\nexport class LoginComponent extends BaseComponent {\n protected readonly themeMode = ThemeMode;\n readonly currentMode: ThemeMode = ThemeMode.LIGHT;\n constructor(\n private readonly _router: Router,\n private readonly _authService: AuthService,\n private readonly _themeModeService: ThemeModeService\n ) {\n super();\n this.currentMode = this._themeModeService.getThemeModeFromStore();\n }\n\n onForaEmployeeClick(): void {\n this._authService.loginEmployee();\n }\n\n onShUserClick(): void {\n this._router.navigate(['/login-supplier-hub']);\n }\n}\n","\n ![\"login]()
\n
\n\n \n
\n\n \n fg-chevron-back \n Назад\n \n \n fg-help \n Cлужба підтримки\n \n
\n\n \n \n \n Увійти\n \n \n\n \n \n Далі\n \n \n\n \n \n Служба підтримки\n \n \n\n \n \n Увійти\n \n \n\n \n \n Служба підтримки\n \n \n
\n \n
\n \n Ласкаво просимо до сервісу постачальників Фори!
\nВведіть свої дані, щоб увійти в систему.
\n\n
\n \n Відновлення паролю
\nВведіть логін користувача
\n\n
\n Це ваш перший вхід в систему.
\n \n Тимчасовий пароль для входу було надіслано на Вашу пошту. Зверніться в Службу підтримки, якщо ви не отримали\n тимчасовий пароль.”\n
\n \n
\n \n Відновлення паролю
\nНа Вашу пошту надіслано пароль для входу в систему.
\n\n ![](\"/assets/icons/svg/fg-support.svg\")
\n
\n Упппс...
\n Ви використали усі спроби для введення коду. Зверніться в Службу підтримки
\n \n
\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { takeUntil } from 'rxjs';\nimport { ClientInfoService } from '../../../../../shared/services/client-info.service';\nimport { BaseComponent } from '../../../../../shared/components/base-component/base.component';\nimport { BreakpointType } from '../../../../../shared/types/breakpoint.type';\nimport { NgClass } from '@angular/common';\n\n@Component({\n selector: 'fws-information-dialog',\n templateUrl: './information-dialog.component.html',\n styleUrls: ['./information-dialog.component.scss'],\n standalone: true,\n imports: [NgClass]\n})\nexport class InformationDialogComponent extends BaseComponent {\n breakpoint: BreakpointType;\n\n @Input() imgSrc: string;\n @Input() imgAlt: string = '';\n @Input() title: string = '';\n @Input() information: string = '';\n @Input() btnText: string = '';\n @Output() onBtnClick: EventEmitter\n
\n \n
\n\n
\n Вас вітає сервіс ФОРИ!
\n\n
\n Оберіть тип авторизації:
\n \n
\n \n
\n \n ![\"fora](\"assets/icons/png/fg-fora-employee.png\")
\n
\n \n \n \n
\n \n ![\"sh](\"assets/icons/png/fg-sh-user.png\")
\n
\n \n \n \n \n {{ btnText }}\n \n
\n","export enum DialogUserShAccessTermStateEnum {\n accessToShEnded,\n updateEdrpouRnocpp,\n accessToShContinue\n}\n","import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';\nimport { UserDataModel } from '../../../../../shared/models/user-data.model';\nimport { takeUntil } from 'rxjs';\nimport { TableColumnModel } from '../../../../../shared/components/table/_models/table-column.model';\nimport { columnsEdrpouErokppTable } from '../user-sh-first-login/user-sh-first-login.constant';\nimport { BaseComponent } from '../../../../../shared/components/base-component/base.component';\nimport { DialogUserShAccessTermStateEnum } from './_enums/dialog-user-sh-access-term-state.enum';\nimport { UserShAccessTerminatedService } from './user-sh-access-terminated.service';\nimport { EdrpouRnokppTableModel } from './_models/edrpou-rnokpp-table.model';\nimport { InformationDialogConfigModel } from '../information-dialog/_models/information-dialog-config.model';\nimport { TableComponent } from '../../../../../shared/components/table/table.component';\nimport { ContinueAccessRequestModel } from './_models/continue-access-request.model';\nimport { InformationDialogComponent } from '../information-dialog/information-dialog.component';\nimport { NgIf } from '@angular/common';\n\n@Component({\n selector: 'fws-user-sh-access-terminated',\n templateUrl: './user-sh-access-terminated.component.html',\n styleUrls: ['./user-sh-access-terminated.component.scss'],\n providers: [UserShAccessTerminatedService],\n standalone: true,\n imports: [NgIf, InformationDialogComponent, TableComponent]\n})\nexport class UserShAccessTerminatedComponent extends BaseComponent {\n @Input() userData: UserDataModel;\n\n @Output() onClosePopup: EventEmitter\n ![]()
\n
\n \n
\n\n {{ title }}
\n\n {{ information }}\n
\nАктуалізація ЄДРПОУ/РНОКПП
\n Оберіть ЄДРПОУ/РНОКПП, які Ви використовуєте в своїй роботі
\n \n \n
\n \n \n Підтвердити\n \n
\nвідправлено код підтвердження`;\n }\n\n sendOtpAgain(isSendOtpAgain: boolean) {\n if (isSendOtpAgain) {\n this.isLoadSendOTPRequest = true;\n const phoneNumber = this.contactInfoFormGroup.get('phoneNumber').value.replaceAll(' ', '');\n this._profileService\n .postVerifyPhoneStart(phoneNumber)\n .pipe(takeUntil(this._destroy$))\n .subscribe({\n next: () => {\n this._loadOtpTimeLimit();\n this.isLoadSendOTPRequest = false;\n },\n error: (error) => {\n if (error.code === 'Locked' && error.description === 'user.is.locked') {\n this.dialogState = this.dialogStateEnum.support;\n return;\n }\n\n if (error?.details) {\n this.otpTimeLimitInfo = error.details;\n }\n this.isLoadSendOTPRequest = false;\n }\n });\n }\n }\n\n onContactDataNextClick() {\n this.isLoadSendOTPRequest = true;\n const phoneNumber = this.contactInfoFormGroup.get('phoneNumber').value.replaceAll(' ', '');\n this._profileService\n .postVerifyPhoneStart(phoneNumber)\n .pipe(takeUntil(this._destroy$))\n .subscribe({\n next: () => {\n this._loadOtpTimeLimit();\n const maskPhone = this._phoneNumberMaskHidePipe.transform(phoneNumber);\n this.otpCaption = this._setOtpCaption(maskPhone);\n this.isLoadSendOTPRequest = false;\n },\n error: (error) => {\n if (error.code === 'Locked' && error.description === 'user.is.locked') {\n this.dialogState = this.dialogStateEnum.support;\n return;\n }\n this._loadOtpTimeLimit();\n if (error?.details) {\n this.otpTimeLimitInfo = error.details;\n }\n if (error?.details?.possibilityAttemptCount === 0) {\n this.disableOTPCode = true;\n }\n\n const maskPhone = this._phoneNumberMaskHidePipe.transform(phoneNumber);\n this.otpCaption = this._setOtpCaption(maskPhone);\n\n this.isLoadSendOTPRequest = false;\n }\n });\n }\n\n onOtpVerificationNextClick(stepper: MatStepper): void {\n this.isLoadSendOTPRequest = true;\n this._profileService\n .postVerifyPhone(this.otpCode)\n .pipe(takeUntil(this._destroy$))\n .subscribe({\n next: () => {\n stepper.next();\n this.otpCode = '';\n this.isLoadSendOTPRequest = false;\n },\n error: (error) => {\n this.otpCode = '';\n this.isLoadSendOTPRequest = false;\n if (error?.details) {\n this.otpTimeLimitInfo = error.details;\n }\n if (error?.details?.possibilityAttemptCount === 0) {\n this.disableOTPCode = true;\n }\n }\n });\n }\n\n private _loadOtpTimeLimit() {\n this._profileService\n .getOTPTimeLimit()\n .pipe(takeUntil(this._destroy$))\n .subscribe({\n next: (otpTimeLimitStatus: OtpTimeLimitModel) => {\n this.disableOTPCode = otpTimeLimitStatus.possibilityAttemptCount === 0;\n\n if (otpTimeLimitStatus?.nextAttempt) {\n this.otpTimeLimitInfo = otpTimeLimitStatus;\n }\n }\n });\n }\n\n visibleIconClick(input: string): void {\n if (input === 'password') {\n this.hidePasswordInput = !this.hidePasswordInput;\n\n clearTimeout(this._timeoutPass);\n if (!this.hidePasswordInput) {\n this._timeoutPass = setTimeout(() => {\n this.hidePasswordInput = !this.hidePasswordInput;\n }, 5000);\n }\n }\n\n if (input === 'repeatPassword') {\n this.hideRepeatPasswordInput = !this.hideRepeatPasswordInput;\n\n clearTimeout(this._timeoutRepeatPass);\n if (!this.hidePasswordInput) {\n this._timeoutRepeatPass = setTimeout(() => {\n this.hideRepeatPasswordInput = !this.hideRepeatPasswordInput;\n }, 5000);\n }\n }\n }\n\n onSendRequestForRegistration(stepper: MatStepper) {\n const sentData = {\n lastName: this.mainInfoFormGroup.get('lastName').value,\n firstName: this.mainInfoFormGroup.get('firstName').value,\n surname: this.mainInfoFormGroup.get('surname').value,\n birthDate: this.mainInfoFormGroup.get('birthDate').value,\n positionUserShId: this.mainInfoFormGroup.get('positionUserShId').value,\n password: this.passwordsFormGroup.get('password').value\n };\n this._userShFirstLoginService\n .putRegistrationSH$(sentData)\n .pipe(takeUntil(this._destroy$))\n .subscribe((response) => {\n this.dialogState = this.dialogStateEnum.successRegistration;\n });\n }\n\n onMoveToContactInfoStepper(stepper: MatStepper): void {\n stepper.selectedIndex = 1;\n }\n\n redirectToSupportLink() {\n window.location.href = 'https://forait.atlassian.net/servicedesk/customer/portal/5/group/29/create/67';\n }\n\n goToContactInfoStep() {\n this.onChangeDialogHeight.emit({ height: 'auto', width: '550px' });\n }\n}\n","
Реєстрація
\n \n \n Далі\n \n
\n \n \n Назад\n \n \n Далі\n \n
\n \n \n
\n \n \n Назад\n \n \n Далі\n \n
\n \n \n Назад\n \n \n Далі\n \n
\n \n
\n\n \n
\n Упппс...
\n Ви використали усі спроби для введення коду. Зверніться в Службу підтримки.
\n \n \n
\n \n \n {{ item.icon }} \n
\n\n","import { AfterViewChecked, Component, ViewChild } from '@angular/core';\nimport { Router, RouterOutlet } from '@angular/router';\nimport { MainLayerFooterItemModel } from '../../_models/main-layer-footer-item.model';\nimport { MenuService } from '../../menu.service';\nimport { MainLayerMenuItemModel } from '../../_models/main-layer-menu-item.model';\nimport { Observable, takeUntil, tap } from 'rxjs';\nimport { MainLayerMenuItemSelectableModel } from '../../_models/main-layer-menu-item-selectable.model';\nimport * as packageJson from '../../../../../package.json';\nimport { NavigationService } from '../../../shared/services/navigation.service';\nimport { BreadcrumbModel } from '../../../shared/models/breadcrumb.model';\nimport { AppService } from '../../../shared/services/app.service';\nimport { UserDataModel } from '../../../shared/models/user-data.model';\nimport { BaseComponent } from '../../../shared/components/base-component/base.component';\nimport { ClientInfoService } from '../../../shared/services/client-info.service';\nimport { BreakpointType } from '../../../shared/types/breakpoint.type';\nimport { MatMenuTrigger, MatMenu } from '@angular/material/menu';\nimport { UserShAccessTerminatedComponent } from './dialog-components/user-sh-access-terminated/user-sh-access-terminated.component';\nimport { UserShFirstLoginComponent } from './dialog-components/user-sh-first-login/user-sh-first-login.component';\nimport { DialogComponent } from '../../../shared/components/dialog/dialog.component';\nimport { FooterMenuItemComponent } from './footer-menu-item/footer-menu-item.component';\nimport { MenuItemComponent } from './menu-item/menu-item.component';\nimport { MatProgressBar } from '@angular/material/progress-bar';\nimport { MatTooltip } from '@angular/material/tooltip';\nimport { MatIcon } from '@angular/material/icon';\nimport { IconSvgComponent } from '../../../shared/components/icon/icon-svg/icon-svg.component';\nimport { NgIf, NgTemplateOutlet, NgClass, NgStyle, NgFor, AsyncPipe } from '@angular/common';\n\n@Component({\n selector: 'fws-main-layer',\n templateUrl: './main-layer.component.html',\n styleUrls: ['./main-layer.component.scss'],\n standalone: true,\n imports: [\n NgIf,\n NgTemplateOutlet,\n IconSvgComponent,\n NgClass,\n NgStyle,\n MatIcon,\n MatTooltip,\n MatProgressBar,\n NgFor,\n MenuItemComponent,\n FooterMenuItemComponent,\n RouterOutlet,\n MatMenuTrigger,\n MatMenu,\n DialogComponent,\n UserShFirstLoginComponent,\n UserShAccessTerminatedComponent,\n AsyncPipe\n ]\n})\nexport class MainLayerComponent extends BaseComponent implements AfterViewChecked {\n userData: UserDataModel = \n
\n \n chevron_right \n
\n \n
\n \n {{ isExpanded ? 'chevron_left' : 'chevron_right' }} \n
\n \n
\n \n \n \n
\n \n \n \n
\n \n
\n \n \n ГОЛОВНЕ\n
\n \n \n \n
\n \n \n
\n \n\n\n\n
\n version {{ version }}
\n \n\n \n \n fg-chevron \n \n
\n \n {{ item.icon }} \n
\n \n \n \n
\n \n \n\n\n\n \n {{ child.label }}\n
\n \n
\n \n \n
\n \n \n {{ item.icon }} \n
\n not-found works!
\n","export enum DialogStateChangePin {\n enterPin,\n success\n}\n","export enum DialogStateCreatePinEnum {\n chooseMethod,\n enterOTP,\n enterNewPin,\n success\n}\n","export enum DialogStateEmailVerifyEnum {\n enterOTP,\n success\n}\n","export enum DialogStatePhoneChangeEnum {\n enterCurrentPin,\n enterNewPhoneNumber,\n enterOTP,\n success,\n missingPinCode\n}\n","export enum DialogStatePhoneVerifyEnum {\n enterPhone,\n enterOTP,\n success\n}\n","export enum ErrorText {\n emailNeedVerify = 'Email потребує верифікації',\n phoneNeedVerify = ' Номер телефону потребує верифікації',\n pinMissing = 'ПІН-код відсутній. Натисніть “Створити ПІН-код“',\n pinCantCreate = 'Верифікуйте Email або номер телефону для створення ПІН-коду'\n}\n","export enum PinBtnText {\n createPin = 'Створити ПІН-код',\n editPin = 'Змінити ПІН-код'\n}\n","export enum UserOTPSendOptionEnum {\n usingPhone,\n usingEmail\n}\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { DialogStatePhoneChangeEnum } from '../_enum/dialog-state-phone-change.enum';\nimport { ProfileService } from '../profile.service';\nimport { BaseComponent } from '../../../../shared/components/base-component/base.component';\nimport { Subscription, switchMap, takeUntil } from 'rxjs';\nimport { OtpTimeLimitModel } from '../_model/otp-time-limit.model';\nimport { CheckPinCode } from '../_model/check-pin-code';\nimport { UserDataModel } from '../_model/user-data.model';\nimport { MaskPipe } from '../../../../shared/pipe/mask/mask.pipe';\nimport { OtpDialogComponent } from '../otp-dialog/otp-dialog.component';\nimport { EnterPhoneNumberComponent } from '../enter-phone-number/enter-phone-number.component';\nimport { MatTooltip } from '@angular/material/tooltip';\nimport { MatIcon } from '@angular/material/icon';\nimport { OnlyNumberDirective } from '../../../../shared/directives/only-number/only-number.directive';\nimport { FormsModule } from '@angular/forms';\nimport { MatInput } from '@angular/material/input';\nimport { MatFormField, MatSuffix } from '@angular/material/form-field';\nimport { NgIf, NgSwitch, NgSwitchCase, NgClass } from '@angular/common';\n\n@Component({\n selector: 'fws-change-phone-number',\n templateUrl: './change-phone-number.component.html',\n styleUrls: ['./change-phone-number.component.scss'],\n standalone: true,\n imports: [\n NgIf,\n NgSwitch,\n NgSwitchCase,\n MatFormField,\n MatInput,\n FormsModule,\n OnlyNumberDirective,\n MatIcon,\n MatSuffix,\n NgClass,\n MatTooltip,\n EnterPhoneNumberComponent,\n OtpDialogComponent\n ]\n})\nexport class ChangePhoneNumberComponent extends BaseComponent {\n @Input() userData: UserDataModel;\n @Output() onClosePopup: EventEmitterвідправлено код підтвердження`;\n }\n\n private _startTimer(): void {\n this._timer = this._profileService\n .calculateTimeRemaining(this._otpTimeLimitInfo.nextAttempt)\n .subscribe((time: string) => {\n if (time === '00:00') {\n this.disableWaitTime = false;\n }\n this._setTooltipBtnDisableText(time);\n });\n }\n\n private _setTooltipBtnDisableText(time: string) {\n this.tooltipBtnDisableText = `Ви використали усі спроби для введення коду. Спробуйте після ${time}.`;\n }\n\n sendOtpAgain(isSendOtpAgain: boolean) {\n if (isSendOtpAgain) {\n this._profileService\n .postVerifyPhoneStart(this.phoneNumber)\n .pipe(takeUntil(this._destroy$))\n .subscribe({\n next: () => {\n this._loadOtpTimeLimit();\n },\n error: (error) => {\n if (error?.details) {\n this.otpTimeLimitInfo = error.details;\n }\n }\n });\n }\n }\n\n private _loadOtpTimeLimit() {\n this._profileService\n .getOTPTimeLimit()\n .pipe(takeUntil(this._destroy$))\n .subscribe({\n next: (otpTimeLimitStatus: OtpTimeLimitModel) => {\n this.disableOTPCode = otpTimeLimitStatus.possibilityAttemptCount === 0;\n\n if (otpTimeLimitStatus?.nextAttempt) {\n this.otpTimeLimitInfo = otpTimeLimitStatus;\n }\n }\n });\n }\n}\n","
\n \n \n \n\n \n \n \n\n \n \n
\n\n \n \n {{ 'Зміна номера телефону' }}\n \n \n {{ 'Ваш номер телефону успішно змінено' }}\n \n
\n\n \n \n \n \n
\n \n\n Для зміни верифікованого номера телефону потрібно створити ПІН-код.
\n \n \n \n {{ hideCurrentPasswordInput ? 'visibility_off' : 'visibility' }} \n \n \n Забули ПІН-код?\n
\n \n info {{ errorMessage }}\n
\n Ви можете повернутись до картки співробітника
\n \n \n
\n\n","import { ChangeDetectorRef, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { DialogStateChangePin } from '../_enum/dialog-state-change-pin';\nimport { ProfileService } from '../profile.service';\nimport { CheckPinCode } from '../_model/check-pin-code';\nimport { EnterNewPinCodeComponent } from '../enter-new-pin-code/enter-new-pin-code.component';\nimport { NgIf, NgSwitch, NgSwitchCase } from '@angular/common';\n\n@Component({\n selector: 'fws-change-pin-code',\n templateUrl: './change-pin-code.component.html',\n styleUrls: ['./change-pin-code.component.scss'],\n standalone: true,\n imports: [NgIf, NgSwitch, NgSwitchCase, EnterNewPinCodeComponent]\n})\nexport class ChangePinCodeComponent {\n @Input() showDialog: boolean;\n @Output() showDialogChange: EventEmitter\n
\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { DialogStateCreatePinEnum } from '../_enum/dialog-state-create-pin.enum';\nimport { ProfileService } from '../profile.service';\nimport { UserOtpOption } from '../_model/user-otp-option';\nimport { OtpTimeLimitModel } from '../_model/otp-time-limit.model';\nimport { UserOTPSendOptionEnum } from '../_enum/user-otp-send-option.enum';\nimport { finalize, takeUntil } from 'rxjs';\nimport { BaseComponent } from '../../../../shared/components/base-component/base.component';\nimport { UserDataModel } from '../_model/user-data.model';\nimport { MaskPipe } from '../../../../shared/pipe/mask/mask.pipe';\nimport { MethodTypeModel } from '../_model/method-type.model';\nimport { DialogStateEmailVerifyEnum } from '../_enum/dialog-state-email-verify.enum';\nimport { EnterNewPinCodeComponent } from '../enter-new-pin-code/enter-new-pin-code.component';\nimport { OtpDialogComponent } from '../otp-dialog/otp-dialog.component';\nimport { FormsModule } from '@angular/forms';\nimport { MatRadioGroup, MatRadioButton } from '@angular/material/radio';\nimport { MatProgressBar } from '@angular/material/progress-bar';\nimport { NgIf, NgSwitch, NgSwitchCase, NgFor, NgClass } from '@angular/common';\n\n@Component({\n selector: 'fws-create-pin',\n templateUrl: './create-pin.component.html',\n styleUrls: ['./create-pin.component.scss'],\n providers: [MaskPipe],\n standalone: true,\n imports: [\n NgIf,\n NgSwitch,\n NgSwitchCase,\n MatProgressBar,\n MatRadioGroup,\n FormsModule,\n NgFor,\n MatRadioButton,\n OtpDialogComponent,\n EnterNewPinCodeComponent,\n NgClass\n ]\n})\nexport class CreatePinComponent extends BaseComponent implements OnInit {\n @Input() isResetPin: boolean = false;\n @Output() onClosePopup: EventEmitter\n \n {{ 'Зміна ПІН-коду' }}\n \n \n {{ 'ПІН-код успішно змінено' }}\n \n
\n\n \n \n \n \n \n \n
\n\n Ви можете повернутись до картки співробітника
\n \n \n \n
\n\n \n \n
\n\n \n \n \n
\n\n \n \n {{ isResetPin ? 'Відновлення ПІН-коду' : 'Створення ПІН-коду' }}\n \n \n {{ isResetPin ? 'ПІН-код успішно відновлено' : 'ПІН-код успішно створено' }}\n \n
\n\n \n \n \n\n \n \n \n\n \n \n \n \n \n
\n\n \n \n \n {{ methodType.name }}\n \n \n
\n Оберіть спосіб {{ isResetPin ? 'відновлення' : 'створення ' }} ПІН-коду:
\n Ви можете повернутись до картки співробітника
\n \n \n
\n\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { DialogStateEmailVerifyEnum } from '../_enum/dialog-state-email-verify.enum';\nimport { OtpTimeLimitModel } from '../_model/otp-time-limit.model';\nimport { takeUntil } from 'rxjs';\nimport { ProfileService } from '../profile.service';\nimport { BaseComponent } from '../../../../shared/components/base-component/base.component';\nimport { OtpDialogComponent } from '../otp-dialog/otp-dialog.component';\nimport { NgIf, NgSwitch, NgSwitchCase, NgClass } from '@angular/common';\n\n@Component({\n selector: 'fws-email-verification',\n templateUrl: './email-verification.component.html',\n styleUrls: ['./email-verification.component.scss'],\n standalone: true,\n imports: [NgIf, NgSwitch, NgSwitchCase, OtpDialogComponent, NgClass]\n})\nexport class EmailVerificationComponent extends BaseComponent {\n @Input() email: string;\n @Output() onClosePopup: EventEmitter\n \n \n \n
\n\n \n \n {{ 'Верифікація Email' }}\n \n \n {{ 'Ваш Email успішно верифіковано' }}\n \n
\n \n \n \n \n \n \n
\n Ви можете повернутись до картки співробітника
\n \n \n
\n\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { BaseComponent } from '../../../../shared/components/base-component/base.component';\nimport { Subscription, takeUntil } from 'rxjs';\nimport { ProfileService } from '../profile.service';\nimport { OtpTimeLimitModel } from '../_model/otp-time-limit.model';\nimport { MatTooltip } from '@angular/material/tooltip';\nimport { MatIcon } from '@angular/material/icon';\nimport { OnlyNumberDirective } from '../../../../shared/directives/only-number/only-number.directive';\nimport { FormsModule } from '@angular/forms';\nimport { MatInput } from '@angular/material/input';\nimport { MatFormField, MatSuffix } from '@angular/material/form-field';\nimport { NgIf, NgClass } from '@angular/common';\n\n@Component({\n selector: 'fws-enter-new-pin-code',\n templateUrl: './enter-new-pin-code.component.html',\n styleUrls: ['./enter-new-pin-code.component.scss'],\n standalone: true,\n imports: [NgIf, MatFormField, MatInput, FormsModule, OnlyNumberDirective, MatIcon, MatSuffix, NgClass, MatTooltip]\n})\nexport class EnterNewPinCodeComponent extends BaseComponent {\n @Input({ transform: _checkPassword }) password: string;\n @Input({ transform: _checkPassword }) repeatPassword: string;\n @Input({ transform: _checkPassword }) currentPassword: string;\n @Input() showError: boolean;\n @Input() isCreateMode: boolean;\n @Input() disabledInputs: boolean = false;\n @Input() showForgotPinOption: boolean = true;\n @Input() errorMessage: string = 'ПІН-коди не збігаються. Спробуйте ще раз.';\n @Output() passwordChange = new EventEmitter\n
\n\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { NgModel, FormsModule } from '@angular/forms';\nimport { InputTextMaskDirective } from '../../../../shared/directives/input-text-mask/input-text-mask.directive';\nimport { OnlyNumberDirective } from '../../../../shared/directives/only-number/only-number.directive';\nimport { MatInput } from '@angular/material/input';\nimport { MatFormField, MatPrefix } from '@angular/material/form-field';\n\n@Component({\n selector: 'fws-enter-phone-number',\n templateUrl: './enter-phone-number.component.html',\n styleUrls: ['./enter-phone-number.component.scss'],\n standalone: true,\n imports: [MatFormField, MatInput, FormsModule, OnlyNumberDirective, InputTextMaskDirective, MatPrefix]\n})\nexport class EnterPhoneNumberComponent {\n @Input() phoneNumber: string;\n @Output() phoneNumberChange: EventEmitter\n \n \n {{ hideCurrentPasswordInput ? 'visibility_off' : 'visibility' }} \n \n
\n\n \n \n \n {{ hidePasswordInput ? 'visibility_off' : 'visibility' }} \n \n
\n \n \n \n {{ hideRepeatPassword ? 'visibility_off' : 'visibility' }} \n \n \n Забули ПІН-код?\n
\n \n info {{ errorMessage }}\n
\n \n
\n","import { Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges, ViewChild } from '@angular/core';\nimport { NgModel, FormsModule } from '@angular/forms';\nimport { ProfileService } from '../profile.service';\nimport { OtpTimeLimitModel } from '../_model/otp-time-limit.model';\nimport { convertUTCDateToLocalTime } from '../../../../shared/functions/utils';\nimport { DatePipe, NgIf } from '@angular/common';\nimport { BaseComponent } from '../../../../shared/components/base-component/base.component';\nimport { Subscription, takeUntil } from 'rxjs';\nimport { OtpInputComponent } from '../../../../shared/components/otp-input/otp-input.component';\nimport { MatProgressBar } from '@angular/material/progress-bar';\n\n@Component({\n selector: 'fws-otp-dialog',\n templateUrl: './otp-dialog.component.html',\n styleUrls: ['./otp-dialog.component.scss'],\n providers: [DatePipe],\n standalone: true,\n imports: [NgIf, MatProgressBar, OtpInputComponent, FormsModule]\n})\nexport class OtpDialogComponent extends BaseComponent implements OnInit, OnChanges {\n @Input() caption: string;\n @Input() otpCode: string;\n @Input() otpTimeLimitInfo: OtpTimeLimitModel;\n @Input() disableOtpInput: boolean;\n @Input() isLoadSendOTPRequest: boolean = false;\n @Output() changeInputStatus: EventEmitterВведіть номер телефону
\n \n ![](\"/assets/icons/svg/fg-flag-ukr.svg\")
\n
\n\n \n \n
\n Спробуйте після ${time}.`;\n } else {\n return count !== 1\n ? ` info Код неправильний. У вас залишилось ${count} спроби`\n : ` info Код неправильний. У вас залишилась ${count} спроба`;\n }\n }\n}\n","
\n \n
\n \n\n \n
\n \n \n
\n Відправити ще раз
\n \n {{ countdown }}\n
\n \n відправлено код підтвердження`;\n }\n\n private _loadOtpTimeLimit() {\n this._profileService\n .getOTPTimeLimit()\n .pipe(takeUntil(this._destroy$))\n .subscribe({\n next: (otpTimeLimitStatus: OtpTimeLimitModel) => {\n this.disableOTPCode = otpTimeLimitStatus.possibilityAttemptCount === 0;\n\n if (otpTimeLimitStatus?.nextAttempt) {\n this.otpTimeLimitInfo = otpTimeLimitStatus;\n }\n }\n });\n }\n\n checkDisableNextBtn(invalidStatus: boolean): void {\n setTimeout(() => {\n this.disableNextBtn = invalidStatus;\n });\n }\n\n sendOtpAgain(isSendOtpAgain: boolean) {\n if (isSendOtpAgain) {\n this._profileService\n .postVerifyPhoneStart(this.phoneNumber)\n .pipe(takeUntil(this._destroy$))\n .subscribe({\n next: () => {\n this._loadOtpTimeLimit();\n },\n error: (error) => {\n if (error?.details) {\n this.otpTimeLimitInfo = error.details;\n }\n }\n });\n }\n }\n}\n","
\n \n \n \n
\n\n \n \n \n {{ 'Верифікація номера телефону' }}\n \n \n
\n \n {{ 'Ваш номер телефону успішно верифіковано' }}\n
\n \n \n \n \n\n \n \n \n\n \n \n
\n Ви можете повернутись до картки співробітника
\n \n \n
\n\n","import { ChangeDetectorRef, Component, OnInit } from '@angular/core';\nimport { ErrorText } from './_enum/error-text.enum';\nimport { PinBtnText } from './_enum/pin-btn-text.enum';\nimport { ProfileService } from './profile.service';\nimport { Subscription, switchMap, takeUntil } from 'rxjs';\nimport { UserDataModel } from './_model/user-data.model';\nimport { BaseComponent } from '../../../shared/components/base-component/base.component';\nimport { OtpTimeLimitModel } from './_model/otp-time-limit.model';\nimport { CheckBlockingModel } from './_model/check-blocking.model';\nimport { ClientInfoService } from '../../../shared/services/client-info.service';\nimport { AuthService } from '../../../shared/services/auth.service';\nimport { MaskPipe } from '../../../shared/pipe/mask/mask.pipe';\nimport { ChangePhoneNumberComponent } from './change-phone-number/change-phone-number.component';\nimport { ChangePinCodeComponent } from './change-pin-code/change-pin-code.component';\nimport { CreatePinComponent } from './create-pin/create-pin.component';\nimport { EmailVerificationComponent } from './email-verification/email-verification.component';\nimport { PhoneNumberVerificationComponent } from './phone-number-verification/phone-number-verification.component';\nimport { DialogComponent } from '../../../shared/components/dialog/dialog.component';\nimport { IconMatComponent } from '../../../shared/components/icon/icon-mat/icon-mat.component';\nimport { MatTooltip } from '@angular/material/tooltip';\nimport { CardComponent } from '../../../shared/components/card/card.component';\nimport { NgClass, NgIf, SlicePipe, DatePipe } from '@angular/common';\n\n@Component({\n selector: 'fws-profile',\n templateUrl: './profile.component.html',\n styleUrls: ['./profile.component.scss'],\n providers: [ProfileService],\n standalone: true,\n imports: [\n NgClass,\n NgIf,\n CardComponent,\n MatTooltip,\n IconMatComponent,\n DialogComponent,\n PhoneNumberVerificationComponent,\n EmailVerificationComponent,\n CreatePinComponent,\n ChangePinCodeComponent,\n ChangePhoneNumberComponent,\n SlicePipe,\n DatePipe,\n MaskPipe\n ]\n})\nexport class ProfileComponent extends BaseComponent implements OnInit {\n readonly errorText = ErrorText;\n readonly pinBtnTextEnum = PinBtnText;\n\n userData: UserDataModel = Картка співробітника
\n\n \n \n
\n \n\n\n
\n \n\n \n \n \n
\n\n \n
\n \n
\n ПІБ
\n {{ userData.name }}
\n \n
\n Дата народження
\n {{ userData.birthday | date: 'dd MMMM yyyy' }}
\n \n
\n Посада
\n {{ userData.position }}
\n \n \n
\n \n ![](\"/assets/icons/success-done.svg\")
\n
\n\n \n
\n\n Обліковий запис
\n {{ userData.account }}
\n \n
\n \n \n info {{ errorText.emailNeedVerify }}\n
\n Email
\n {{ userData.email }}
\n \n \n Верифікувати Email\n \n
\n \n
\n \n \n info {{ errorText.phoneNeedVerify }}\n
\n Телефон
\n \n +380{{ userData.phoneNumber | slice: 4 | mask: showNumberMask }}\n
\n +380{{ userData.phoneNumber | slice: 4 | mask: showNumberMask }}\n Відсутній номер телефону
\n \n \n edit\n \n \n
\n \n \n \n Верифікувати номер\n \n
\n \n
\n \n
\n\n \n \n \n Забули ПІН-код?\n \n \n
\n \n info \n {{ errorText.pinCantCreate }}\n \n {{ errorText.pinMissing }} \n
\n \n \n {{ pinBtnText }}\n \n
\n \n
\nВи використали усі спроби для введення ПІН-коду
\n Для зміни ПІН-коду зверніться в Службу підтримки
\n \n \n
\n \n
\n\nКолір теми
\n \n ![](\"/assets/icons/sun.svg\")
\n ![](\"/assets/icons/moon.svg\")
\n
\n\n \n {{ token }}
\n\n","import { EventEmitter, Injectable } from '@angular/core';\nimport { RequestService } from '../../shared/services/request.service';\nimport { Observable } from 'rxjs';\nimport { ResourceGroupOperationModel } from './_models/resource-group-operation.model';\nimport { ResourceGroupOperationsParamsModel } from './_models/resource-group-operations-params.model';\nimport { ResourceGroupModel } from './resource-groups/_models/resource-group.model';\nimport { ResourceGroupFilterModel } from './_models/resource-group-filter.model';\nimport { DictionaryModel } from '../../shared/models/dictionary.model';\nimport { GlobalFilterChangeModel } from './_models/global-filter-change.model';\nimport { FilterDataCountsModel } from './_models/filter-data-counts.model';\nimport { FilterParamRequestModel } from './_models/filter-param-request.model';\n\n@Injectable()\nexport class PermissionsManagementService {\n private readonly _RESOURCE_GROUP: string = 'api/resourceGroup';\n\n clearFilterPanels: EventEmitter
\n
\n","import { ChangeDetectorRef, Component, Inject, OnInit, TemplateRef, ViewChild } from '@angular/core';\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\nimport { DialogButtonsAlign, DialogConfigModel } from '../_models/dialog-config.model';\nimport { DialogHeaderModel } from '../_models/dialog-header.model';\nimport { ButtonModel } from '../../../models/button.model';\nimport { MatTooltip } from '@angular/material/tooltip';\nimport { NgStyle, NgIf, NgTemplateOutlet, NgClass, NgFor } from '@angular/common';\n\n@Component({\n selector: 'fws-dialog-ref',\n templateUrl: './dialog-ref.component.html',\n styleUrls: ['./dialog-ref.component.scss'],\n standalone: true,\n imports: [NgStyle, NgIf, NgTemplateOutlet, NgClass, NgFor, MatTooltip]\n})\nexport class DialogRefComponent implements OnInit {\n readonly contentMargin: number = 24;\n\n contentHeaderTemplate: TemplateRef{{ caption }}
\n \n
\n\n \n \n \n \n \n
\n \n \n \n \n \n \n
\n \n \n
\n \n
\n \n {{ header.icon }}\n {{ header?.caption }}\n
\n \n
\n \n close\n
\n \n {{ headerText }}\n
\n \n
\n \n {{ contentText }}\n
\n \n
\n \n \n \n \n
\n","import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n Input,\n isDevMode,\n QueryList,\n ViewChildren\n} from '@angular/core';\nimport {\n AbstractControl,\n ControlValueAccessor,\n FormArray,\n FormControl,\n NG_VALIDATORS,\n NG_VALUE_ACCESSOR,\n ReactiveFormsModule,\n ValidationErrors,\n Validator,\n FormsModule\n} from '@angular/forms';\nimport { NgFor } from '@angular/common';\n\nfunction getFormArray(size: number): FormArray {\n const arr = [];\n\n for (let i = 0; i < size; i++) {\n arr.push(new FormControl(''));\n }\n\n return new FormArray(arr);\n}\n\n@Component({\n selector: 'fws-otp-input',\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: OtpInputComponent,\n multi: true\n },\n {\n provide: NG_VALIDATORS,\n useExisting: OtpInputComponent,\n multi: true\n }\n ],\n templateUrl: './otp-input.component.html',\n styleUrls: ['./otp-input.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [NgFor, FormsModule, ReactiveFormsModule]\n})\nexport class OtpInputComponent implements ControlValueAccessor, Validator {\n private _size = 4;\n\n @Input()\n set size(size: number) {\n this.inputs = getFormArray(size);\n this._size = size;\n }\n\n @ViewChildren('inputEl') inputEls!: QueryList\n
\n \n \n {{ column.icon }} \n {{ column.fwsIcon }} \n {{\n column.caption\n }}\n
\n \n \n
\n \n \n filter_list\n \n \n \n \n
\n \n \n
\n \n more_horiz\n
\n \n \n refresh\n
\n \n \n
\n \n \n \n
\n","import { Component, Input, TemplateRef } from '@angular/core';\nimport { TableMobileModeItemFieldModel } from '../_models/table-mobile-mode-item-field.model';\nimport { TableMobileModeItemHeaderModel } from '../_models/table-mobile-mode-item-header.model';\nimport { StubType } from '../../../types/stub.type';\nimport { fwsCoerceBooleanProperty } from '../../../functions/utils';\nimport { MatCard } from '@angular/material/card';\nimport { TableMobileItemFieldComponent } from './table-mobile-item-field/table-mobile-item-field.component';\nimport {\n MatAccordion,\n MatExpansionPanel,\n MatExpansionPanelHeader,\n MatExpansionPanelTitle,\n MatExpansionPanelDescription\n} from '@angular/material/expansion';\nimport { NgIf, NgClass, NgTemplateOutlet, NgFor } from '@angular/common';\n\n@Component({\n selector: 'fws-table-mobile-item',\n templateUrl: './table-mobile-item.component.html',\n styleUrls: ['./table-mobile-item.component.scss'],\n standalone: true,\n imports: [\n NgIf,\n NgClass,\n MatAccordion,\n MatExpansionPanel,\n MatExpansionPanelHeader,\n MatExpansionPanelTitle,\n MatExpansionPanelDescription,\n NgTemplateOutlet,\n NgFor,\n TableMobileItemFieldComponent,\n MatCard\n ]\n})\nexport class TableMobileItemComponent {\n private _border: boolean;\n\n caption: string;\n headerTemplate: TemplateRef\n {{ dataSource.caption }}\n
\n \n \n \n {{ dataSource.data }}\n \n \n \n \n {{ dataSource.data | currency: '' : '' : '' : locale }}\n \n \n {{ dataSource.data | percent }}\n \n \n {{ dataSource.data }}\n \n \n \n \n \n \n \n \n \n {{ dataSource.data | date: 'dd.MM.yyyy' }}\n \n \n {{ dataSource.data | date: 'dd.MM.yyyy HH:mm' }}\n \n \n {{ dataSource.data | date: 'HH:mm' }}\n \n \n {{ dataSource.data | date: 'HH:mm:ss' }}\n \n \n {{ dataSource.data | date: 'middle' : '' : locale }}\n \n \n \n \n {{ dataSource.data }}\n \n \n {{ dataSource.data }}\n \n \n \n \n {{ dataSource.data }}\n \n \n
\n\n \n
\n \n \n \n
\n","import {\n AfterViewChecked,\n AfterViewInit,\n ChangeDetectorRef,\n Component,\n ElementRef,\n EventEmitter,\n Input,\n OnChanges,\n Output,\n QueryList,\n SimpleChanges,\n TemplateRef,\n ViewChild,\n ViewChildren\n} from '@angular/core';\nimport {\n MatTable,\n MatTableDataSource,\n MatHeaderRowDef,\n MatHeaderRow,\n MatRowDef,\n MatRow,\n MatNoDataRow\n} from '@angular/material/table';\nimport { MatSort } from '@angular/material/sort';\nimport { TableColumnModel } from './_models/table-column.model';\nimport { LocaleInfoService } from '../../services/locale-info.service';\nimport { TableColumnEventCheckboxModel } from './_models/table-column-event-checkbox.model';\nimport { TableColumnEventButtonModel } from './_models/table-column-event-button.model';\nimport { TableColumnEventMenuModel } from './_models/table-column-event-menu.model';\nimport { TableColumnFilterEventModel } from './_models/table-column-filter-event.model';\nimport {\n fwsCoerceBooleanProperty,\n fwsGetObjectAllValues,\n fwsGuid,\n fwsObjectEquals,\n fwsObjFromList\n} from '../../functions/utils';\nimport { TableColumnCustomTemplateModel } from './_models/table-column-custom-template.model';\nimport * as Excel from 'exceljs';\nimport { saveAs } from 'file-saver';\nimport { ExcelExportOptionsModel } from '../../models/excel-export-options.model';\nimport { ExcelColumnOptionsModel } from '../../models/excel-column-options.model';\nimport { ExcelRowOptionsModel } from '../../models/excel-row-options.model';\nimport { MatMenuTrigger, MatMenu } from '@angular/material/menu';\nimport { MatCheckbox, MatCheckboxChange } from '@angular/material/checkbox';\nimport { ClientInfoService } from '../../services/client-info.service';\nimport { takeUntil } from 'rxjs';\nimport { BaseComponent } from '../base-component/base.component';\nimport { BreakpointType } from '../../types/breakpoint.type';\nimport { TableMobileModeItemHeaderModel } from './_models/table-mobile-mode-item-header.model';\nimport { TableMobileModeItemModel } from './_models/table-mobile-mode-item.model';\nimport { TableColumnNoDataMessageModel } from './_models/table-column-nodatamessage.model';\nimport { StubType } from '../../types/stub.type';\nimport { TableColumnComponent } from './table-column/table-column.component';\nimport { ButtonModel } from '../../models/button.model';\nimport { NgForm, FormsModule } from '@angular/forms';\nimport { TableTreeState } from './_enum/table-tree-state';\nimport { TableVirtualScrollDataSource } from 'ng-table-virtual-scroll';\nimport { SearchSizeType } from './_type/search-size.type';\nimport { TableColumnColorPickerModel } from './_models/table-column-color-picker.model';\nimport { TableSearchNotCyrillicLetterDirective } from '../../directives/latin-letters/latin-letters.directive';\nimport { MatInput } from '@angular/material/input';\nimport { MatFormField, MatPrefix, MatSuffix } from '@angular/material/form-field';\nimport { ProgressSpinnerComponent } from '../progress-spinner/progress-spinner.component';\nimport { TableMobileItemComponent } from './table-mobile-item/table-mobile-item.component';\nimport { TableItemSizeCustomDirective } from './_directive/table-item-size-custom.directive';\nimport { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';\nimport { IconSvgComponent } from '../icon/icon-svg/icon-svg.component';\nimport { NgStyle, NgClass, NgIf, NgTemplateOutlet, NgFor } from '@angular/common';\n\nexport const SELECTED_ROW: string = 'fwsSelectedRow';\nexport const DISABLED_ROW: string = 'fwsDisabledRow';\n\n@Component({\n selector: 'fws-table',\n templateUrl: './table.component.html',\n styleUrls: ['./table.component.scss'],\n standalone: true,\n imports: [\n NgStyle,\n NgClass,\n NgIf,\n IconSvgComponent,\n MatMenuTrigger,\n CdkVirtualScrollViewport,\n TableItemSizeCustomDirective,\n NgTemplateOutlet,\n MatTable,\n MatSort,\n NgFor,\n TableColumnComponent,\n MatHeaderRowDef,\n MatHeaderRow,\n MatRowDef,\n MatRow,\n MatNoDataRow,\n TableMobileItemComponent,\n MatMenu,\n MatCheckbox,\n FormsModule,\n ProgressSpinnerComponent,\n MatFormField,\n MatInput,\n TableSearchNotCyrillicLetterDirective,\n MatPrefix,\n MatSuffix\n ]\n})\nexport class TableComponent extends BaseComponent implements AfterViewInit, OnChanges, AfterViewChecked {\n visibleColumns: string[] = [];\n minRowWidth: string = 'unset';\n tableMaxHeight: string;\n selectedRow: any;\n allowTopBar: boolean;\n allowBottomBar: boolean;\n selectedAllColumns: boolean = true;\n indeterminate: boolean = true;\n searchStr: string = '';\n isNarrowMode: boolean;\n generalContainerHeight: string;\n breakpoint: BreakpointType;\n mobileDataSource: TableMobileModeItemModel[];\n\n selectedRows: any[] = [];\n\n detailTemplateIsOpen: boolean = false;\n\n private readonly _btns: string[] = ['buttons', 'menu'];\n private _elementRow: HTMLElement;\n private _registredWidth: number;\n private _dataSource: TableVirtualScrollDataSource\n \n
\n \n \n\n \n \n \n
\n \n \n
\n {{ rowDetailCaption }}
\n \n \n
\n \n
\n \n
\n \n \n \n \n
\n \n \n \n \n
\n \n \n
\n\n \n
\n\n\n\n
\n\n\n\n Відображені поля \n \n
\n \n \n \n
\n \n \n \n Обрати всі\n \n
\n \n \n \n {{ col.caption }}\n \n
\n \n
\n\n\n\n
\n Пошук не дав результату. Будь ласка, введіть інше значення
\n {{ headerAddBtn?.text }}
\n \n info {{ custom.text }}
\n
\n \n
info {{ 'Відсутні дані' }}
\n\n info {{ 'Час та дата вказані некоректно' }}
\n
\n\n
\n info {{ 'Назва не унікальна. Будь ласка, змініть назву' }}
\n
\n\n
\n info {{ 'Номер телефону заповнений некоректно' }}
\n
\n\n
\n info {{ 'Email заповнений некоректно' }}
\n
\n\n
\n info {{ 'Це поле має містити ' + numberCharactersInvalid.requiredNumber + ' символів' }}
\n
\n\n
\n info {{ 'Це поле має містити ' }}\n {{ 'від ' + minCharacters }}\n {{ 'до ' }} {{ maxCharacters }} {{ ' символів' }}
\n
\n\n
\n info {{ 'Дані в полі заповнені некоректно' }}
\n
\n\n
\n info \n Пароль має складатися щонайменше з 8 символів, містити велику та малу літеру, цифру. Дозволені символи: . ! @ -\n _ = + / . Спробуйте ще раз.\n
\n
\n\n
\n info {{ 'Мінімальне значення ' }} {{ minValidate.min }}
\n
\n\n
\n info {{ 'Максимальне значення ' }} {{ maxValidate.max }}
\n
\n\n
\n
\n","import { Directive, ElementRef, Input, OnChanges, Renderer2, SimpleChanges } from '@angular/core';\n\n@Directive({\n selector: '[fwsHighlightText]',\n standalone: true\n})\nexport class HighlightTextDirective implements OnChanges {\n @Input() searchTerm: string = '';\n @Input() textToHighlight: string | number = '';\n @Input() startFromToHighlight: number = 1;\n\n constructor(\n private readonly _element: ElementRef,\n private readonly _renderer: Renderer2\n ) {}\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes['searchTerm'] || changes['paragraphToHighlight']) {\n this.highlightSearchTerm();\n }\n }\n\n private highlightSearchTerm() {\n if (!this.searchTerm || !this.textToHighlight) {\n this._element.nativeElement.innerHTML = this.textToHighlight ? this.textToHighlight : null;\n return;\n }\n if (this.searchTerm.length < this.startFromToHighlight) {\n this._element.nativeElement.innerHTML = this.textToHighlight;\n return;\n }\n\n setTimeout((): void => {\n const escapedSearchTerm = this.escapeRegExp(this.searchTerm);\n const regex = new RegExp(`${escapedSearchTerm}`, 'gi');\n const highlightedText = String(this.textToHighlight).replace(\n regex,\n (match) => `${match}`\n );\n this._element.nativeElement.innerHTML = highlightedText;\n const highlightTextElement = this._element.nativeElement.querySelector('.highlight-text');\n if (highlightTextElement) {\n this._renderer.setStyle(highlightTextElement, 'color', 'var(--btnColor_text)');\n this._renderer.setStyle(highlightTextElement, 'background', 'var(--btnColor--default)');\n }\n }, 300);\n }\n\n private escapeRegExp(text: string): string {\n return text.replace(/[-[\\]{}()*+?.,\\\\^$|#\\s]/g, '\\\\$&');\n }\n}\n","import {\n Directive,\n ElementRef,\n EventEmitter,\n forwardRef,\n HostListener,\n Injector,\n Input,\n OnDestroy,\n Output,\n Renderer2\n} from '@angular/core';\nimport {\n ControlValueAccessor,\n FormControl,\n FormControlDirective,\n FormControlName,\n FormGroupDirective,\n NG_VALIDATORS,\n NG_VALUE_ACCESSOR,\n NgControl,\n NgModel,\n Validator\n} from '@angular/forms';\nimport { Subject } from 'rxjs';\n\n@Directive({\n selector: '[fwsInputTextMask]',\n providers: [\n { provide: NG_VALUE_ACCESSOR, useExisting: InputTextMaskDirective, multi: true },\n {\n provide: NG_VALIDATORS,\n useExisting: forwardRef(() => InputTextMaskDirective),\n multi: true\n }\n ],\n standalone: true\n})\nexport class InputTextMaskDirective implements ControlValueAccessor, Validator, OnDestroy {\n private _lastValue: string = '';\n private _isPaste: boolean;\n private _destroy$: Subject\n
\n