\r\n
\r\n\r\n\r\n \r\n
\r\n\r\n","import { Component, Injector, ViewChild } from '@angular/core';\r\nimport { EntityChangeDetailModalComponent } from './entity-change-detail-modal.component';\r\nimport { AppComponentBase } from '@tp_shared/common/app-component-base';\r\nimport { AuditLogServiceProxy, EntityChangeListDto } from '@tp_shared/service-proxies/service-proxies';\r\nimport { ModalDirective } from 'ngx-bootstrap/modal';\r\nimport { LazyLoadEvent } from 'primeng/api';\r\nimport { Paginator } from 'primeng/paginator';\r\nimport { Table } from 'primeng/table';\r\nimport { finalize } from 'rxjs/operators';\r\n\r\nexport interface IEntityTypeHistoryModalOptions {\r\n entityTypeFullName: string;\r\n entityTypeDescription: string;\r\n entityId: string;\r\n}\r\n\r\n@Component({\r\n selector: 'entityTypeHistoryModal',\r\n templateUrl: './entity-type-history-modal.component.html',\r\n})\r\nexport class EntityTypeHistoryModalComponent extends AppComponentBase {\r\n @ViewChild('entityChangeDetailModal', { static: true }) entityChangeDetailModal: EntityChangeDetailModalComponent;\r\n @ViewChild('modal', { static: true }) modal: ModalDirective;\r\n @ViewChild('dataTable', { static: true }) dataTable: Table;\r\n @ViewChild('paginator', { static: true }) paginator: Paginator;\r\n\r\n options: IEntityTypeHistoryModalOptions;\r\n isShown = false;\r\n isInitialized = false;\r\n filterText = '';\r\n tenantId?: number;\r\n entityHistoryEnabled: false;\r\n\r\n constructor(injector: Injector, private _auditLogService: AuditLogServiceProxy) {\r\n super(injector);\r\n }\r\n\r\n show(options: IEntityTypeHistoryModalOptions): void {\r\n this.options = options;\r\n this.modal.show();\r\n }\r\n\r\n refreshTable(): void {\r\n this.paginator.changePage(this.paginator.getPage());\r\n }\r\n\r\n close(): void {\r\n this.modal.hide();\r\n }\r\n\r\n shown(): void {\r\n this.isShown = true;\r\n this.getRecordsIfNeeds(null);\r\n }\r\n\r\n getRecordsIfNeeds(event?: LazyLoadEvent): void {\r\n if (!this.isShown) {\r\n return;\r\n }\r\n\r\n this.getRecords(event);\r\n this.isInitialized = true;\r\n }\r\n\r\n getRecords(event?: LazyLoadEvent): void {\r\n this.primengTableHelper.showLoadingIndicator();\r\n\r\n this._auditLogService\r\n .getEntityTypeChanges(\r\n this.options.entityTypeFullName,\r\n this.options.entityId,\r\n this.primengTableHelper.getSorting(this.dataTable),\r\n this.primengTableHelper.getMaxResultCount(this.paginator, event),\r\n this.primengTableHelper.getSkipCount(this.paginator, event)\r\n )\r\n .pipe(finalize(() => this.primengTableHelper.hideLoadingIndicator()))\r\n .subscribe((result) => {\r\n this.primengTableHelper.totalRecordsCount = result.totalCount;\r\n this.primengTableHelper.records = result.items;\r\n this.primengTableHelper.hideLoadingIndicator();\r\n });\r\n }\r\n\r\n showEntityChangeDetails(record: EntityChangeListDto): void {\r\n this.entityChangeDetailModal.show(record);\r\n }\r\n}\r\n","\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n","import { Component, OnInit, Injector } from '@angular/core';\r\nimport { InputTypeComponentBase } from '../input-type-component-base';\r\n\r\n@Component({\r\n selector: 'app-combobox-input-type',\r\n templateUrl: './combobox-input-type.component.html',\r\n styleUrls: ['./combobox-input-type.component.css'],\r\n})\r\nexport class ComboboxInputTypeComponent extends InputTypeComponentBase implements OnInit {\r\n selectedValue: string;\r\n\r\n constructor(injector: Injector) {\r\n super(injector);\r\n }\r\n\r\n ngOnInit() {\r\n this.selectedValue = this.selectedValues[0];\r\n }\r\n\r\n getSelectedValues(): string[] {\r\n if (!this.selectedValue) {\r\n return [];\r\n }\r\n return [this.selectedValue];\r\n }\r\n}\r\n","\r\n","import { AppComponentBase } from '@tp_shared/common/app-component-base';\r\nimport { Injector } from '@angular/core';\r\nimport { SelectedValuesOptions, AllValuesOptions, ComponentInstanceOptions } from './InputTypeConsts';\r\n\r\nexport abstract class InputTypeComponentBase extends AppComponentBase {\r\n selectedValues: string[];\r\n allValues: string[];\r\n\r\n constructor(injector: Injector) {\r\n super(injector);\r\n this.selectedValues = injector.get\r\n \r\n
\r\n\r\n","import { LocalizationService } from 'abp-ng2-module';\r\nimport { Injectable } from '@angular/core';\r\nimport { AppConsts } from '@tp_shared/AppConsts';\r\n\r\n@Injectable()\r\nexport class AppLocalizationService extends LocalizationService {\r\n l(key: string, ...args: any[]): string {\r\n args.unshift(key);\r\n args.unshift(AppConsts.localization.defaultLocalizationSourceName);\r\n return this.ls.apply(this, args);\r\n }\r\n\r\n ls(sourcename: string, key: string, ...args: any[]): string {\r\n let localizedText = this.localize(key, sourcename);\r\n\r\n if (!localizedText) {\r\n localizedText = key;\r\n }\r\n\r\n if (!args || !args.length) {\r\n return localizedText;\r\n }\r\n\r\n args.unshift(localizedText);\r\n return abp.utils.formatString.apply(this, args);\r\n }\r\n}\r\n","import { Component, EventEmitter, Injector, Output, ViewChild } from '@angular/core';\r\nimport { AppConsts } from '@tp_shared/AppConsts';\r\nimport { AppComponentBase } from '@tp_shared/common/app-component-base';\r\nimport { NameValueDto, PagedResultDtoOfFindUsersOutputDto, PagedResultDtoOfNameValueDto } from '@tp_shared/service-proxies/service-proxies';\r\nimport { ModalDirective } from 'ngx-bootstrap/modal';\r\nimport { LazyLoadEvent } from 'primeng/api';\r\nimport { Paginator } from 'primeng/paginator';\r\nimport { Table } from 'primeng/table';\r\nimport { Observable } from 'rxjs';\r\nimport { merge as _merge } from 'lodash-es';\r\nimport { finalize } from 'rxjs/operators';\r\n\r\nexport interface ICommonLookupModalOptions {\r\n title?: string;\r\n isFilterEnabled?: boolean;\r\n dataSource: (\r\n skipCount: number,\r\n maxResultCount: number,\r\n filter: string,\r\n tenantId?: number,\r\n excludeCurrentUser?: boolean\r\n ) => Observable\r\n
\r\n \r\n \r\n \"{{ keyValueItem.key }}\" : \"{{ keyValueItem.value }}\"\r\n\r\n \r\n\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'password-input-with-show-button',\r\n templateUrl: './password-input-with-show-button.component.html',\r\n})\r\nexport class PasswordInputWithShowButtonComponent {\r\n @Input() data: string;\r\n @Output() dataChange = new EventEmitter();\r\n isVisible = false;\r\n\r\n toggleVisibility(): void {\r\n this.isVisible = !this.isVisible;\r\n }\r\n\r\n onChange() {\r\n this.dataChange.emit(this.data);\r\n }\r\n}\r\n","\r\n \r\n
\r\n","import { Component, Injector, ViewChild, OnDestroy } from '@angular/core';\r\nimport { AppComponentBase } from '@tp_shared/common/app-component-base';\r\nimport { ModalDirective } from 'ngx-bootstrap/modal';\r\nimport { timer, Subscription } from 'rxjs';\r\nimport { AppAuthService } from '../auth/app-auth.service';\r\nimport { SessionServiceProxy } from '@tp_shared/service-proxies/service-proxies';\r\nimport { UrlHelper } from '@tp_shared/helpers/UrlHelper';\r\n\r\n@Component({\r\n selector: 'session-timeout-modal',\r\n templateUrl: './session-timeout-modal.component.html',\r\n})\r\nexport class SessionTimeoutModalComponent extends AppComponentBase implements OnDestroy {\r\n @ViewChild('modal', { static: true }) modal: ModalDirective;\r\n\r\n timeOutSecond = parseInt(this.s('App.UserManagement.SessionTimeOut.ShowTimeOutNotificationSecond')); // show inactivity modal when TimeOutSecond passed\r\n currentSecond: number;\r\n progresbarWidth = '100%';\r\n private subscription: Subscription;\r\n\r\n constructor(\r\n injector: Injector,\r\n private _appAuthService: AppAuthService,\r\n private _sessionService: SessionServiceProxy\r\n ) {\r\n super(injector);\r\n }\r\n\r\n ngOnDestroy(): void {\r\n if (this.subscription) {\r\n this.subscription.unsubscribe();\r\n }\r\n }\r\n\r\n start(): void {\r\n this.currentSecond = this.timeOutSecond;\r\n this.subscription = timer(0, 1000).subscribe(() => {\r\n this.changeNotifyContent();\r\n });\r\n this.modal.show();\r\n }\r\n\r\n stop(): void {\r\n this.currentSecond = this.timeOutSecond;\r\n if (this.subscription) {\r\n this.subscription.unsubscribe();\r\n }\r\n this.modal.hide();\r\n }\r\n\r\n private done(): void {\r\n this.stop();\r\n\r\n let isSessionLockScreenEnabled = abp.setting.getBoolean(\r\n 'App.UserManagement.SessionTimeOut.ShowLockScreenWhenTimedOut'\r\n );\r\n if (isSessionLockScreenEnabled) {\r\n this.redirectToLockScreen();\r\n } else {\r\n this._appAuthService.logout(true);\r\n }\r\n }\r\n\r\n private changeNotifyContent(): void {\r\n this.currentSecond--;\r\n if (this.currentSecond <= 0) {\r\n this.progresbarWidth = '0%';\r\n this.done();\r\n } else {\r\n this.progresbarWidth = (this.currentSecond / this.timeOutSecond) * 100 + '%';\r\n }\r\n }\r\n\r\n private redirectToLockScreen(): void {\r\n this._sessionService.getCurrentLoginInformations().subscribe(\r\n (info) => {\r\n if (info) {\r\n abp.utils.setCookieValue(\r\n 'userInfo',\r\n JSON.stringify({\r\n userName: info.user.userName,\r\n profilePictureId: info.user.profilePictureId,\r\n tenant: info.tenant ? info.tenant.tenancyName : 'Host',\r\n }),\r\n null,\r\n abp.appPath\r\n );\r\n\r\n const path = window.location.pathname;\r\n const returnUrl = encodeURI(path);\r\n\r\n this._appAuthService.logout(true, '/account/session-locked?returnUrl=' + returnUrl);\r\n } else {\r\n this._appAuthService.logout(true);\r\n }\r\n },\r\n () => {\r\n this._appAuthService.logout(true);\r\n }\r\n );\r\n }\r\n}\r\n","\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n\r\n","import { Component, Injector, ViewChild, AfterViewInit, OnDestroy } from '@angular/core';\r\nimport { AppComponentBase } from '@tp_shared/common/app-component-base';\r\nimport { SessionTimeoutModalComponent } from './session-timeout-modal-component';\r\nimport { timer, fromEvent, Subject, Subscription } from 'rxjs';\r\nimport { takeUntil, debounceTime } from 'rxjs/operators';\r\nimport { LocalStorageService } from '@tp_shared/utils/local-storage.service';\r\n\r\n@Component({\r\n selector: 'session-timeout',\r\n template: '\r\n 0\"\r\n class=\"breadcrumb breadcrumb-transparent breadcrumb-dot fw-bold p-0 my-2 fs-sm\"\r\n >\r\n \r\n \r\n {{ breadcrumbItem.text }}\r\n \r\n {{ breadcrumbItem.text }}\r\n \r\n \r\n
\r\n \r\n 0\"\r\n class=\"subheader-separator subheader-separator-ver mt-2 mb-2 me-4 bg-gray-200\"\r\n >
\r\n \r\n \r\n {{ title }}\r\n \r\n \r\n {{ title }}\r\n \r\n \r\n {{ title }}\r\n \r\n \r\n {{ title }}\r\n \r\n \r\n {{ title }}\r\n \r\n \r\n {{ title }}\r\n \r\n
\r\n \r\n {{ description }}\r\n
\r\n \r\n
\r\n \r\n\r\n","import { CommonModule } from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\nimport { SubHeaderComponent } from './sub-header.component';\r\n\r\n@NgModule({\r\n imports: [CommonModule],\r\n declarations: [SubHeaderComponent],\r\n exports: [SubHeaderComponent],\r\n})\r\nexport class SubheaderModule {}\r\n","import { AfterViewInit, Directive, ElementRef, EventEmitter, Injector, Input, Output } from '@angular/core';\r\nimport { AppComponentBase } from '@tp_shared/common/app-component-base';\r\n\r\n@Directive({\r\n selector: '[datePickerInitialValue]',\r\n})\r\nexport class DatePickerInitialValueSetterDirective implements AfterViewInit {\r\n @Input() ngModel;\r\n hostElement: ElementRef;\r\n\r\n constructor(injector: Injector, private _element: ElementRef) {\r\n this.hostElement = _element;\r\n }\r\n\r\n ngAfterViewInit(): void {\r\n if (this.ngModel) {\r\n setTimeout(() => {\r\n (this.hostElement.nativeElement as any).value = this.ngModel.toFormat('D');\r\n });\r\n }\r\n }\r\n}\r\n","import { AfterViewInit, Directive, ElementRef, EventEmitter, Injector, Input, Output } from '@angular/core';\r\nimport { AppComponentBase } from '@tp_shared/common/app-component-base';\r\nimport { DateTime } from 'luxon';\r\nimport { DateTimeService } from './date-time.service';\r\n\r\n@Directive({\r\n selector: '[dateRangePickerInitialValue]',\r\n})\r\nexport class DateRangePickerInitialValueSetterDirective implements AfterViewInit {\r\n @Input() ngModel;\r\n hostElement: ElementRef;\r\n\r\n constructor(injector: Injector, private _element: ElementRef, private _dateTimeService: DateTimeService) {\r\n this.hostElement = _element;\r\n }\r\n\r\n ngAfterViewInit(): void {\r\n if (this.ngModel && this.ngModel[0] && this.ngModel[1]) {\r\n setTimeout(() => {\r\n let value =\r\n this._dateTimeService.formatDate(this.ngModel[0], 'F') +\r\n ' - ' +\r\n this._dateTimeService.formatDate(this.ngModel[1], 'F');\r\n (this.hostElement.nativeElement as any).value = value;\r\n });\r\n }\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { AppLocalizationService } from '@tp_app/shared/common/localization/app-localization.service';\r\nimport { DateTime } from 'luxon';\r\n\r\n@Injectable()\r\nexport class DateTimeService {\r\n constructor(private _appLocalizationService: AppLocalizationService) { }\r\n\r\n createDateRangePickerOptions(): any {\r\n let options = {\r\n locale: {\r\n format: 'L',\r\n applyLabel: this._appLocalizationService.l('Apply'),\r\n cancelLabel: this._appLocalizationService.l('Cancel'),\r\n customRangeLabel: this._appLocalizationService.l('CustomRange'),\r\n },\r\n min: this.fromISODateString('1900-01-01'),\r\n minDate: this.fromISODateString('1900-01-01'),\r\n max: this.getDate(),\r\n maxDate: this.getDate(),\r\n opens: 'left',\r\n ranges: {},\r\n };\r\n\r\n options.ranges[this._appLocalizationService.l('Today')] = [this.getStartOfDay(), this.getEndOfDay()];\r\n options.ranges[this._appLocalizationService.l('Yesterday')] = [\r\n this.minusDays(this.getStartOfDay(), 1),\r\n this.minusDays(this.getEndOfDay(), 1),\r\n ];\r\n options.ranges[this._appLocalizationService.l('Last7Days')] = [\r\n this.minusDays(this.getStartOfDay(), 6),\r\n this.getEndOfDay(),\r\n ];\r\n options.ranges[this._appLocalizationService.l('Last30Days')] = [\r\n this.minusDays(this.getStartOfDay(), 29),\r\n this.getEndOfDay(),\r\n ];\r\n options.ranges[this._appLocalizationService.l('ThisMonth')] = [\r\n this.getDate().startOf('month'),\r\n this.getDate().endOf('month'),\r\n ];\r\n options.ranges[this._appLocalizationService.l('LastMonth')] = [\r\n this.getDate().startOf('month').minus({ months: 1 }),\r\n this.getDate().endOf('month').minus({ months: 1 }),\r\n ];\r\n\r\n return options;\r\n }\r\n\r\n getDate(): DateTime {\r\n if (abp.clock.provider.supportsMultipleTimezone) {\r\n return DateTime.local().setZone(abp.timing.timeZoneInfo.iana.timeZoneId);\r\n } else {\r\n return DateTime.local();\r\n }\r\n }\r\n\r\n getUTCDate(): DateTime {\r\n return DateTime.utc();\r\n }\r\n\r\n getYear(): number {\r\n return this.getDate().year;\r\n }\r\n\r\n getStartOfDay(): DateTime {\r\n return this.getDate().startOf('day');\r\n }\r\n\r\n getStartOfWeek(): DateTime {\r\n return this.getDate().startOf('week');\r\n }\r\n\r\n getStartOfDayForDate(date: DateTime | Date): DateTime {\r\n if (!date) {\r\n return date as DateTime;\r\n }\r\n\r\n if (date instanceof Date) {\r\n return this.getStartOfDayForDate(this.fromJSDate(date));\r\n }\r\n\r\n return date.startOf('day');\r\n }\r\n\r\n getStartOfDayMinusDays(daysFromNow: number): DateTime {\r\n let date = this.getDate();\r\n let newDate = this.minusDays(date, daysFromNow);\r\n return this.getStartOfDayForDate(newDate);\r\n }\r\n\r\n getEndOfDay(): DateTime {\r\n return this.getDate().endOf('day');\r\n }\r\n\r\n getEndOfDayForDate(date: DateTime | Date): DateTime {\r\n if (!date) {\r\n return date as DateTime;\r\n }\r\n\r\n if (date instanceof Date) {\r\n return this.getEndOfDayForDate(this.fromJSDate(date));\r\n }\r\n\r\n return date.endOf('day');\r\n }\r\n\r\n getEndOfDayPlusDays(daysFromNow: number): DateTime {\r\n let date = this.getDate();\r\n let newDate = this.plusDays(date, daysFromNow);\r\n return this.getEndOfDayForDate(newDate);\r\n }\r\n\r\n getEndOfDayMinusDays(daysFromNow: number): DateTime {\r\n let date = this.getDate();\r\n let newDate = this.minusDays(date, daysFromNow);\r\n return this.getEndOfDayForDate(newDate);\r\n }\r\n\r\n plusDays(date: DateTime | Date, dayCount: number): DateTime {\r\n if (date instanceof Date) {\r\n return this.plusDays(this.fromJSDate(date), dayCount);\r\n }\r\n\r\n return date.plus({ days: dayCount });\r\n }\r\n\r\n plusSeconds(date: DateTime, seconds: number) {\r\n if (!date) {\r\n return date;\r\n }\r\n\r\n if (date instanceof Date) {\r\n return this.plusSeconds(this.fromJSDate(date), seconds);\r\n }\r\n\r\n return date.plus({ seconds: seconds });\r\n }\r\n\r\n minusDays(date: DateTime, dayCount: number): DateTime {\r\n return date.minus({ days: dayCount });\r\n }\r\n\r\n fromISODateString(date: string): DateTime {\r\n return DateTime.fromISO(date);\r\n }\r\n\r\n formatISODateString(dateText: string, format: string): string {\r\n let date = this.fromISODateString(dateText);\r\n return date.toFormat(format);\r\n }\r\n\r\n formatJSDate(jsDate: Date, format: string): string {\r\n let date = DateTime.fromJSDate(jsDate);\r\n return date.toFormat(format);\r\n }\r\n\r\n formatDate(date: DateTime | Date, format: string): string {\r\n if (date instanceof Date) {\r\n return this.formatDate(this.fromJSDate(date), format);\r\n }\r\n\r\n return date.toFormat(format);\r\n }\r\n\r\n getDiffInSeconds(maxDate: DateTime | Date, minDate: DateTime | Date) {\r\n if (maxDate instanceof Date && minDate instanceof Date) {\r\n return this.getDiffInSeconds(this.fromJSDate(maxDate), this.fromJSDate(minDate));\r\n }\r\n\r\n return (maxDate as DateTime).diff(minDate as DateTime, 'seconds');\r\n }\r\n\r\n createJSDate(year: number, month: number, day: number): Date {\r\n return this.createDate(year, month, day).toJSDate();\r\n }\r\n\r\n createDate(year: number, month: number, day: number): DateTime {\r\n if (abp.clock.provider.supportsMultipleTimezone) {\r\n return DateTime.utc(year, month + 1, day);\r\n } else {\r\n return DateTime.local(year, month + 1, day);\r\n }\r\n }\r\n\r\n createUtcDate(year: number, month: number, day: number): DateTime {\r\n return DateTime.utc(year, month + 1, day);\r\n }\r\n\r\n toUtcDate(date: DateTime | Date): DateTime {\r\n if (date instanceof Date) {\r\n return this.createUtcDate(date.getFullYear(), date.getMonth(), date.getDate());\r\n }\r\n\r\n return (date as DateTime).toUTC();\r\n }\r\n\r\n toJSDate(date: DateTime): Date {\r\n return date.toJSDate();\r\n }\r\n\r\n fromJSDate(date: Date): DateTime {\r\n return DateTime.fromJSDate(date);\r\n }\r\n\r\n fromNow(date: DateTime | Date): string {\r\n if (date instanceof Date) {\r\n return this.fromNow(this.fromJSDate(date));\r\n }\r\n\r\n return date.toRelative();\r\n }\r\n\r\n getTimezoneOffset(ianaTimezoneId: string): number {\r\n let hourAndMinuteOffset = DateTime.fromJSDate(new Date(), { zone: ianaTimezoneId }).toFormat('ZZ');\r\n let multiplier = hourAndMinuteOffset[0] === '-' ? -1 : +1;\r\n let hourParts = hourAndMinuteOffset.replace('-', '').replace('+', '').split(':');\r\n let hourOffset = hourParts[0];\r\n let minuteOffset = hourParts[1];\r\n return multiplier * (parseInt(hourOffset) * 60 + parseInt(minuteOffset));\r\n }\r\n\r\n // only changes timezone of given date without changing the date itself\r\n changeTimeZone(date: Date, ianaTimezoneId: string): Date {\r\n let utcDateString = new Date(date.getTime() - (date.getTimezoneOffset() * 60000)).toISOString();\r\n\r\n if (utcDateString.indexOf('T') < 0) {\r\n throw 'Invalid date format';\r\n }\r\n\r\n // construct a new DateTime from utcDateString\r\n let dateAndTimeParts = utcDateString.split('T');\r\n let dateParts = dateAndTimeParts[0].split('-');\r\n let timeParts = dateAndTimeParts[1].split('.')[0].split(':');\r\n\r\n let year = parseInt(dateParts[0]);\r\n let month = parseInt(dateParts[1]);\r\n let day = parseInt(dateParts[2]);\r\n\r\n let hour = parseInt(timeParts[0]);\r\n let minute = parseInt(timeParts[1]);\r\n let second = parseInt(timeParts[2]);\r\n\r\n return DateTime.fromObject({\r\n year: year,\r\n month: month,\r\n day: day,\r\n hour: hour,\r\n minute: minute,\r\n second: second\r\n }, { zone: ianaTimezoneId }).toJSDate();\r\n }\r\n\r\n changeDateTimeZone(date: DateTime, ianaTimezoneId: string): DateTime {\r\n let jsDate = date.toJSDate();\r\n let utcDate = this.changeTimeZone(jsDate, ianaTimezoneId);\r\n return DateTime.fromJSDate(utcDate);\r\n }\r\n}\r\n","import {\r\n Component,\r\n ElementRef,\r\n EventEmitter,\r\n Injector,\r\n Input,\r\n OnInit,\r\n Output,\r\n ViewChild,\r\n forwardRef,\r\n} from '@angular/core';\r\nimport { AppComponentBase } from '@tp_shared/common/app-component-base';\r\nimport { SettingScopes, NameValueDto, TimingServiceProxy } from '@tp_shared/service-proxies/service-proxies';\r\nimport { ControlValueAccessor, FormControl , NG_VALUE_ACCESSOR } from '@angular/forms';\r\n\r\n@Component({\r\n selector: 'timezone-combo',\r\n template: `\r\n \r\n `,\r\n providers: [\r\n {\r\n provide: NG_VALUE_ACCESSOR,\r\n useExisting: forwardRef(() => TimeZoneComboComponent),\r\n multi: true,\r\n },\r\n ],\r\n})\r\nexport class TimeZoneComboComponent extends AppComponentBase implements OnInit, ControlValueAccessor {\r\n @Input() defaultTimezoneScope: SettingScopes;\r\n\r\n timeZones: NameValueDto[] = [];\r\n selectedTimeZone = new FormControl('');\r\n\r\n constructor(private _timingService: TimingServiceProxy, injector: Injector) {\r\n super(injector);\r\n }\r\n\r\n onTouched: any = () => {};\r\n\r\n ngOnInit(): void {\r\n let self = this;\r\n self._timingService.getTimezones(self.defaultTimezoneScope).subscribe((result) => {\r\n self.timeZones = result.items;\r\n });\r\n }\r\n\r\n writeValue(obj: any): void {\r\n if (this.selectedTimeZone) {\r\n this.selectedTimeZone.setValue(obj);\r\n }\r\n }\r\n\r\n registerOnChange(fn: any): void {\r\n this.selectedTimeZone.valueChanges.subscribe(fn);\r\n }\r\n\r\n registerOnTouched(fn: any): void {\r\n this.onTouched = fn;\r\n }\r\n\r\n setDisabledState?(isDisabled: boolean): void {\r\n if (isDisabled) {\r\n this.selectedTimeZone.disable();\r\n } else {\r\n this.selectedTimeZone.enable();\r\n }\r\n }\r\n}\r\n","import { ChatMessageDto, FriendDto } from '@tp_shared/service-proxies/service-proxies';\r\n\r\nexport class ChatFriendDto extends FriendDto {\r\n messages: ChatMessageDto[];\r\n allPreviousMessagesLoaded = false;\r\n messagesLoaded = false;\r\n}\r\n","import { Component, EventEmitter, Injector, OnInit, Output, ViewChild } from '@angular/core';\r\nimport { AppComponentBase } from '@tp_shared/common/app-component-base';\r\nimport { CreateFriendshipForCurrentTenantInput, CreateFriendshipRequestInput, FindUsersOutputDto, FriendshipServiceProxy} from '@tp_shared/service-proxies/service-proxies';\r\nimport { ModalDirective } from 'ngx-bootstrap/modal';\r\nimport { merge as _merge } from 'lodash-es';\r\nimport { AddFromDifferentTenantModalComponent } from './add-from-different-tenant-modal.component';\r\n//import { finalize } from 'rxjs';\r\n//import { NgForm } from '@angular/forms';\r\n\r\n@Component({\r\n selector: 'addFriendModal',\r\n templateUrl: './add-friend-modal.component.html',\r\n})\r\nexport class AddFriendModalComponent extends AppComponentBase implements OnInit{\r\n @Output() itemSelected: EventEmitter\r\n \r\n
\r\n\r\n\r\n\r\n \r\n
\r\n\r\n","import {\r\n AfterViewInit,\r\n Component,\r\n EventEmitter,\r\n Injector,\r\n OnInit,\r\n Input,\r\n Output,\r\n ViewChild,\r\n ViewEncapsulation,\r\n NgZone,\r\n HostBinding,\r\n ElementRef,\r\n HostListener,\r\n} from '@angular/core';\r\nimport { AppConsts } from '@tp_shared/AppConsts';\r\nimport { AppComponentBase } from '@tp_shared/common/app-component-base';\r\nimport { DomHelper } from '@tp_shared/helpers/DomHelper';\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { FileUpload } from 'primeng/fileupload';\r\nimport { finalize } from 'rxjs/operators';\r\nimport {\r\n BlockUserInput,\r\n ChatSide,\r\n ChatServiceProxy,\r\n CommonLookupServiceProxy,\r\n CreateFriendshipRequestInput,\r\n FindUsersInput,\r\n FriendDto,\r\n FriendshipState,\r\n FriendshipServiceProxy,\r\n MarkAllUnreadMessagesOfUserAsReadInput,\r\n NameValueDto,\r\n ProfileServiceProxy,\r\n UnblockUserInput,\r\n UserLoginInfoDto,\r\n ChatMessageReadState,\r\n ChatMessageDto,\r\n} from '@tp_shared/service-proxies/service-proxies';\r\nimport { LocalStorageService } from '@tp_shared/utils/local-storage.service';\r\nimport { filter as _filter, map as _map, forEach as _forEach, min as _min, reduce as _reduce } from 'lodash-es';\r\nimport { DateTime } from 'luxon';\r\nimport { ChatFriendDto } from './ChatFriendDto';\r\nimport { ChatSignalrService } from './chat-signalr.service';\r\nimport { DateTimeService } from '@tp_app/shared/common/timing/date-time.service';\r\nimport { DrawerComponent, ScrollComponent } from '@tp_assets/metronic/app/kt/components';\r\nimport { AddFriendModalComponent } from './add-friend-modal.component';\r\n\r\n@Component({\r\n templateUrl: './chat-bar.component.html',\r\n selector: 'chat-bar',\r\n styleUrls: ['./chat-bar.component.less'],\r\n encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class ChatBarComponent extends AppComponentBase implements OnInit, AfterViewInit {\r\n @Output() onProgress: EventEmitter\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 {{ 'YouDontHaveAnyFriend' | localize }}\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {{ 'BlockedUsers' | localize }}\r\n
\r\n\r\n \r\n
\r\n \r\n {{ 'YouDontHaveAnyBlockedFriend' | localize }}\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {{ getShownUserName(selectedUser.friendTenancyName, selectedUser.friendUserName) }}\r\n \r\n
\r\n \r\n \r\n \r\n {{ 'Online' | localize }}\r\n \r\n \r\n \r\n {{ 'Offline' | localize }}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n","import { AbpMultiTenancyService } from 'abp-ng2-module';\r\nimport { Component, EventEmitter, Injector, Input, Output } from '@angular/core';\r\nimport { AppConsts } from '@tp_shared/AppConsts';\r\nimport { ChatFriendDto } from './ChatFriendDto';\r\n\r\n@Component({\r\n templateUrl: './chat-friend-list-item.component.html',\r\n selector: 'chat-friend-list-item',\r\n})\r\nexport class ChatFriendListItemComponent {\r\n @Input() friend: ChatFriendDto;\r\n @Output() selectChatFriend: EventEmitter\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n ![\"Pic\"](\"{{)
\r\n
\r\n \r\n \r\n {{ currentUser.userName }}\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 {{ selectedUser.friendUserName }}\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 {{ friend.friendUserName }}\r\n
\r\n\r\n \r\n {{ friend.friendTenancyName }}\r\n \r\n Host\r\n
\r\n \r\n \r\n {{ friend.unreadMessageCount }}\r\n \r\n \r\n {{ friend.unreadMessageCount }}\r\n \r\n
","import { Component, Input, OnInit } from '@angular/core';\r\nimport { ChatMessageDto, ChatServiceProxy } from '@tp_shared/service-proxies/service-proxies';\r\nimport { AppConsts } from '@tp_shared/AppConsts';\r\nimport { LocalStorageService } from '@tp_shared/utils/local-storage.service';\r\n\r\n@Component({\r\n selector: 'chat-message',\r\n templateUrl: './chat-message.component.html',\r\n})\r\nexport class ChatMessageComponent implements OnInit {\r\n @Input()\r\n message: ChatMessageDto;\r\n\r\n chatMessage: string;\r\n chatMessageType: string;\r\n fileName: string;\r\n fileContentType: string;\r\n\r\n constructor(private _chatService: ChatServiceProxy, private _localStorageService: LocalStorageService) {}\r\n\r\n ngOnInit(): void {\r\n this.setChatMessageType();\r\n }\r\n\r\n private setChatMessageType(): void {\r\n const self = this;\r\n this._localStorageService.getItem(AppConsts.authorization.encrptedAuthTokenName, function (err, value) {\r\n let encryptedAuthToken = value?.token;\r\n if (self.message.message.startsWith('[image]')) {\r\n self.chatMessageType = 'image';\r\n\r\n let image = JSON.parse(self.message.message.substring('[image]'.length));\r\n self.chatMessage =\r\n AppConsts.remoteServiceBaseUrl +\r\n '/Chat/GetUploadedObject?fileId=' +\r\n image.id +\r\n '&fileName=' +\r\n image.name +\r\n '&contentType=' +\r\n image.contentType +\r\n '&' +\r\n AppConsts.authorization.encrptedAuthTokenName +\r\n '=' +\r\n encodeURIComponent(encryptedAuthToken);\r\n } else if (self.message.message.startsWith('[file]')) {\r\n self.chatMessageType = 'file';\r\n\r\n let file = JSON.parse(self.message.message.substring('[file]'.length));\r\n self.chatMessage =\r\n AppConsts.remoteServiceBaseUrl +\r\n '/Chat/GetUploadedObject?fileId=' +\r\n file.id +\r\n '&fileName=' +\r\n file.name +\r\n '&contentType=' +\r\n file.contentType +\r\n '&' +\r\n AppConsts.authorization.encrptedAuthTokenName +\r\n '=' +\r\n encodeURIComponent(encryptedAuthToken);\r\n\r\n self.fileName = file.name;\r\n } else if (self.message.message.startsWith('[link]')) {\r\n self.chatMessageType = 'link';\r\n let linkMessage = JSON.parse(self.message.message.substring('[link]'.length));\r\n self.chatMessage = linkMessage.message == null ? '' : linkMessage.message;\r\n } else {\r\n self.chatMessageType = 'text';\r\n self.chatMessage = self.message.message;\r\n }\r\n });\r\n }\r\n}\r\n","\r\n \r\n \r\n
\r\n\r\n![\"\"](\"../../../assets/common/images/main/footer.png\")
\r\n\r\n \r\n
\r\n\r\n","import { Injectable } from '@angular/core';\r\nimport { AppAuthService } from '@tp_app/shared/common/auth/app-auth.service';\r\nimport { AppUrlService } from '@tp_shared/common/nav/app-url.service';\r\nimport {\r\n AccountServiceProxy,\r\n SwitchToLinkedAccountInput,\r\n SwitchToLinkedAccountOutput,\r\n} from '@tp_shared/service-proxies/service-proxies';\r\n\r\n@Injectable()\r\nexport class LinkedAccountService {\r\n constructor(\r\n private _accountService: AccountServiceProxy,\r\n private _appUrlService: AppUrlService,\r\n private _authService: AppAuthService\r\n ) {}\r\n\r\n switchToAccount(userId: number, tenantId?: number): void {\r\n const input = new SwitchToLinkedAccountInput();\r\n input.targetUserId = userId;\r\n input.targetTenantId = tenantId;\r\n\r\n this._accountService.switchToLinkedAccount(input).subscribe((result: SwitchToLinkedAccountOutput) => {\r\n let targetUrl =\r\n this._appUrlService.getAppRootUrlOfTenant(result.tenancyName) +\r\n '?switchAccountToken=' +\r\n result.switchAccountToken;\r\n if (input.targetTenantId) {\r\n targetUrl = targetUrl + '&tenantId=' + input.targetTenantId;\r\n }\r\n\r\n this._authService.logout(true, targetUrl);\r\n });\r\n }\r\n}\r\n","import { AbpMultiTenancyService } from 'abp-ng2-module';\r\nimport { Component, EventEmitter, Injector, Output, ViewChild } from '@angular/core';\r\nimport { LinkedAccountService } from '@tp_app/shared/layout/linked-account.service';\r\nimport { AppComponentBase } from '@tp_shared/common/app-component-base';\r\nimport { LinkedUserDto, UnlinkUserInput, UserLinkServiceProxy } from '@tp_shared/service-proxies/service-proxies';\r\nimport { ModalDirective } from 'ngx-bootstrap/modal';\r\nimport { LazyLoadEvent } from 'primeng/api';\r\nimport { Paginator } from 'primeng/paginator';\r\nimport { Table } from 'primeng/table';\r\nimport { LinkAccountModalComponent } from './link-account-modal.component';\r\nimport { finalize } from 'rxjs/operators';\r\n\r\n@Component({\r\n selector: 'linkedAccountsModal',\r\n templateUrl: './linked-accounts-modal.component.html',\r\n})\r\nexport class LinkedAccountsModalComponent extends AppComponentBase {\r\n @ViewChild('linkedAccountsModal', { static: true }) modal: ModalDirective;\r\n @ViewChild('linkAccountModal', { static: true }) linkAccountModal: LinkAccountModalComponent;\r\n @ViewChild('dataTable', { static: true }) dataTable: Table;\r\n @ViewChild('paginator', { static: true }) paginator: Paginator;\r\n\r\n @Output() modalClose: EventEmitter\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n\r\n\r\nWelcome {{appSession.user.name}}
\r\n {{appSession.user.emailAddress}}
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
","import { Component } from \"@angular/core\";\r\nimport { AppComponentBase } from \"@tp_shared/common/app-component-base\";\r\n\r\n@Component({\r\n templateUrl: './top-blue-bar.component.html',\r\n styleUrls: ['./top-blue-bar.component.less'],\r\n selector: 'top-blue-bar',\r\n})\r\nexport class TopBlueBarComponent extends AppComponentBase {\r\n\r\n}","\r\n ![\"\"]()
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n ![\"\"]()
\r\n
\r\n \r\n ![\"\"](\"../../../../assets/common/images/main/logo.png\"){kind=logo}
\r\n \r\n \r\n \r\n {{ unreadNotificationCount }}\r\n \r\n \r\n
\r\n \r\n \r\n {{ 'Notifications' | localize }}\r\n \r\n {{ unreadNotificationCount }} {{ 'New' | localize }}\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 {{ 'ThereAreNoNotifications' | localize }}\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {{ 'SetAsRead' | localize }}\r\n \r\n
\r\n \r\n \r\n {{ notification.text }}\r\n \r\n
\r\n \r\n {{ notification.creationTime | luxonFromNow }}\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n","import { Component, Injector, ViewChild, ViewEncapsulation } from '@angular/core';\r\nimport { appModuleAnimation } from '@tp_shared/animations/routerTransition';\r\nimport { AppComponentBase } from '@tp_shared/common/app-component-base';\r\nimport {\r\n NotificationServiceProxy,\r\n UserNotification,\r\n UserNotificationState,\r\n} from '@tp_shared/service-proxies/service-proxies';\r\nimport { DateTime } from 'luxon';\r\nimport { LazyLoadEvent } from 'primeng/api';\r\nimport { Paginator } from 'primeng/paginator';\r\nimport { Table } from 'primeng/table';\r\nimport { IFormattedUserNotification, UserNotificationHelper } from './UserNotificationHelper';\r\nimport { finalize } from 'rxjs/operators';\r\nimport { DateTimeService } from '@tp_app/shared/common/timing/date-time.service';\r\nimport { Router } from '@angular/router';\r\n\r\n@Component({\r\n templateUrl: './notifications.component.html',\r\n styleUrls: ['./notifications.component.less'],\r\n encapsulation: ViewEncapsulation.None,\r\n animations: [appModuleAnimation()],\r\n})\r\nexport class NotificationsComponent extends AppComponentBase {\r\n @ViewChild('dataTable', { static: true }) dataTable: Table;\r\n @ViewChild('paginator', { static: true }) paginator: Paginator;\r\n\r\n readStateFilter = 'ALL';\r\n dateRange: DateTime[] = [this._dateTimeService.getStartOfDay(), this._dateTimeService.getEndOfDay()];\r\n loading = false;\r\n\r\n constructor(\r\n injector: Injector,\r\n private _notificationService: NotificationServiceProxy,\r\n private _userNotificationHelper: UserNotificationHelper,\r\n private _dateTimeService: DateTimeService,\r\n private _router: Router\r\n ) {\r\n super(injector);\r\n }\r\n\r\n ngOnInit(): void {\r\n this._router.navigate(['/app/main/dashboard']);\r\n }\r\n\r\n reloadPage(): void {\r\n this.paginator.changePage(this.paginator.getPage());\r\n }\r\n\r\n setAsRead(record: any): void {\r\n this.setNotificationAsRead(record, () => {\r\n this.reloadPage();\r\n });\r\n }\r\n\r\n isRead(record: any): boolean {\r\n return record.formattedNotification.state === 'READ';\r\n }\r\n\r\n fromNow(date: DateTime): string {\r\n return this._dateTimeService.fromNow(date);\r\n }\r\n\r\n formatRecord(record: any): IFormattedUserNotification {\r\n return this._userNotificationHelper.format(record, false);\r\n }\r\n\r\n formatNotification(record: any): string {\r\n const formattedRecord = this.formatRecord(record);\r\n return abp.utils.truncateStringWithPostfix(formattedRecord.text, 120);\r\n }\r\n\r\n formatNotifications(records: any[]): any[] {\r\n const formattedRecords = [];\r\n for (const record of records) {\r\n record.formattedNotification = this.formatRecord(record);\r\n formattedRecords.push(record);\r\n }\r\n return formattedRecords;\r\n }\r\n\r\n truncateString(text: any, length: number): string {\r\n return abp.utils.truncateStringWithPostfix(text, length);\r\n }\r\n\r\n getNotifications(event?: LazyLoadEvent): void {\r\n if (this.primengTableHelper.shouldResetPaging(event)) {\r\n this.paginator.changePage(0);\r\n\r\n if (this.primengTableHelper.records && this.primengTableHelper.records.length > 0) {\r\n return;\r\n }\r\n }\r\n\r\n this.primengTableHelper.showLoadingIndicator();\r\n\r\n this._notificationService\r\n .getUserNotifications(\r\n this.readStateFilter === 'ALL' ? undefined : UserNotificationState.Unread,\r\n this._dateTimeService.getStartOfDayForDate(this.dateRange[0]),\r\n this._dateTimeService.getEndOfDayForDate(this.dateRange[1]),\r\n this.primengTableHelper.getMaxResultCount(this.paginator, event),\r\n this.primengTableHelper.getSkipCount(this.paginator, event)\r\n )\r\n .pipe(finalize(() => this.primengTableHelper.hideLoadingIndicator()))\r\n .subscribe((result) => {\r\n this.primengTableHelper.totalRecordsCount = result.totalCount;\r\n this.primengTableHelper.records = this.formatNotifications(result.items);\r\n this.primengTableHelper.hideLoadingIndicator();\r\n });\r\n }\r\n\r\n setAllNotificationsAsRead(): void {\r\n this._userNotificationHelper.setAllAsRead(() => {\r\n this.getNotifications();\r\n });\r\n }\r\n\r\n openNotificationSettingsModal(): void {\r\n this._userNotificationHelper.openSettingsModal();\r\n }\r\n\r\n setNotificationAsRead(userNotification: UserNotification, callback: () => void): void {\r\n this._userNotificationHelper.setAsRead(userNotification.id, () => {\r\n if (callback) {\r\n callback();\r\n }\r\n });\r\n }\r\n\r\n deleteNotification(userNotification: UserNotification): void {\r\n this.message.confirm(this.l('NotificationDeleteWarningMessage'), this.l('AreYouSure'), (isConfirmed) => {\r\n if (isConfirmed) {\r\n this._notificationService.deleteNotification(userNotification.id).subscribe(() => {\r\n this.reloadPage();\r\n this.notify.success(this.l('SuccessfullyDeleted'));\r\n });\r\n }\r\n });\r\n }\r\n\r\n deleteNotifications() {\r\n this.message.confirm(this.l('DeleteListedNotificationsWarningMessage'), this.l('AreYouSure'), (isConfirmed) => {\r\n if (isConfirmed) {\r\n this._notificationService\r\n .deleteAllUserNotifications(\r\n this.readStateFilter === 'ALL' ? undefined : UserNotificationState.Unread,\r\n this._dateTimeService.getStartOfDayForDate(this.dateRange[0]),\r\n this._dateTimeService.getEndOfDayForDate(this.dateRange[1]).endOf('day')\r\n )\r\n .subscribe(() => {\r\n this.reloadPage();\r\n this.notify.success(this.l('SuccessfullyDeleted'));\r\n });\r\n }\r\n });\r\n }\r\n\r\n public getRowClass(formattedRecord: IFormattedUserNotification): string {\r\n let readState = UserNotificationState.Read as any;\r\n return formattedRecord.state === readState ? 'notification-read text-muted' : '';\r\n }\r\n\r\n getNotificationTextBySeverity(severity: abp.notifications.severity): string {\r\n switch (severity) {\r\n case abp.notifications.severity.SUCCESS:\r\n return this.l('Success');\r\n case abp.notifications.severity.WARN:\r\n return this.l('Warning');\r\n case abp.notifications.severity.ERROR:\r\n return this.l('Error');\r\n case abp.notifications.severity.FATAL:\r\n return this.l('Fatal');\r\n case abp.notifications.severity.INFO:\r\n default:\r\n return this.l('Info');\r\n }\r\n }\r\n}\r\n","\r\n \r\n \r\n
\r\n","import { Component, ElementRef, Injector, ViewChild } from '@angular/core';\r\nimport { PasswordMeterComponent } from '@tp_assets/metronic/app/kt/components';\r\nimport { AppComponentBase } from '@tp_shared/common/app-component-base';\r\nimport {\r\n ChangePasswordInput,\r\n PasswordComplexitySetting,\r\n ProfileServiceProxy,\r\n} from '@tp_shared/service-proxies/service-proxies';\r\nimport { ModalDirective } from 'ngx-bootstrap/modal';\r\nimport { finalize } from 'rxjs/operators';\r\n\r\n@Component({\r\n selector: 'changePasswordModal',\r\n templateUrl: './change-password-modal.component.html',\r\n styleUrls: ['./change-password-modal.component.less'],\r\n})\r\nexport class ChangePasswordModalComponent extends AppComponentBase {\r\n @ViewChild('currentPasswordInput', { static: true }) currentPasswordInput: ElementRef;\r\n @ViewChild('changePasswordModal', { static: true }) modal: ModalDirective;\r\n\r\n passwordComplexitySetting: PasswordComplexitySetting = new PasswordComplexitySetting();\r\n currentPassword: string;\r\n password: string;\r\n confirmPassword: string;\r\n\r\n saving = false;\r\n active = false;\r\n\r\n constructor(injector: Injector, private _profileService: ProfileServiceProxy) {\r\n super(injector);\r\n }\r\n\r\n show(): void {\r\n this.active = true;\r\n this.currentPassword = '';\r\n this.password = '';\r\n this.confirmPassword = '';\r\n\r\n this._profileService.getPasswordComplexitySetting().subscribe((result) => {\r\n this.passwordComplexitySetting = result.setting;\r\n this.modal.show();\r\n });\r\n }\r\n\r\n onShown(): void {\r\n PasswordMeterComponent.bootstrap();\r\n document.getElementById('CurrentPassword').focus();\r\n }\r\n\r\n close(): void {\r\n this.active = false;\r\n this.modal.hide();\r\n }\r\n\r\n save(): void {\r\n let input = new ChangePasswordInput();\r\n input.currentPassword = this.currentPassword;\r\n input.newPassword = this.password;\r\n\r\n this.saving = true;\r\n this._profileService\r\n .changePassword(input)\r\n .pipe(\r\n finalize(() => {\r\n this.saving = false;\r\n })\r\n )\r\n .subscribe(() => {\r\n this.notify.info(this.l('YourPasswordHasChangedSuccessfully'));\r\n this.close();\r\n });\r\n }\r\n}\r\n","\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \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 {{ 'Actions' | localize }}\r\n \r\n {{ 'Severity' | localize }} \r\n \r\n {{ 'Notification' | localize }}\r\n \r\n \r\n {{ 'CreationTime' | localize }}\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 {{ 'Notification' | localize }}\r\n \r\n {{ truncateString(record.formattedNotification.text, 120) }}\r\n \r\n \r\n {{ truncateString(record.formattedNotification.text, 120) }}\r\n \r\n \r\n \r\n \r\n {{ fromNow(record.notification.creationTime) }}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {{ 'NoData' | localize }}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n","import { IAjaxResponse, TokenService } from '@node_modules/abp-ng2-module';\r\nimport { Component, ElementRef, EventEmitter, Injector, Output, ViewChild } from '@angular/core';\r\nimport { AppConsts } from '@tp_shared/AppConsts';\r\nimport { AppComponentBase } from '@tp_shared/common/app-component-base';\r\nimport { ProfileServiceProxy, UpdateProfilePictureInput } from '@tp_shared/service-proxies/service-proxies';\r\nimport { FileUploader, FileUploaderOptions, FileItem } from '@node_modules/ng2-file-upload';\r\nimport { ModalDirective } from '@node_modules/ngx-bootstrap/modal';\r\nimport { finalize } from 'rxjs/operators';\r\nimport { ImageCroppedEvent, base64ToFile } from '@node_modules/ngx-image-cropper';\r\n\r\n@Component({\r\n selector: 'changeProfilePictureModal',\r\n templateUrl: './change-profile-picture-modal.component.html',\r\n})\r\nexport class ChangeProfilePictureModalComponent extends AppComponentBase {\r\n @ViewChild('changeProfilePictureModal', { static: true }) modal: ModalDirective;\r\n @ViewChild('uploadProfilePictureInputLabel') uploadProfilePictureInputLabel: ElementRef;\r\n\r\n @Output() modalSave: EventEmitter\r\n \r\n
\r\n\r\n","import { CommonModule } from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\nimport { AppSharedModule } from '@tp_app/shared/app-shared.module';\r\nimport { ChangeProfilePictureModalComponent } from './change-profile-picture-modal.component';\r\n\r\n@NgModule({\r\n imports: [CommonModule, AppSharedModule],\r\n declarations: [ChangeProfilePictureModalComponent],\r\n exports: [ChangeProfilePictureModalComponent],\r\n})\r\nexport class ChangeProfilePictureModalModule {}\r\n\r\n","import { Component, EventEmitter, Injector, Output, ViewChild, OnInit } from '@angular/core';\r\nimport { StepperComponent } from '@tp_assets/metronic/app/kt/components';\r\nimport { AppComponentBase } from '@tp_shared/common/app-component-base';\r\nimport { GenerateGoogleAuthenticatorKeyOutput, ProfileServiceProxy, UpdateGoogleAuthenticatorKeyInput, UpdateGoogleAuthenticatorKeyOutput } from '@tp_shared/service-proxies/service-proxies';\r\nimport { ModalDirective } from 'ngx-bootstrap/modal';\r\n//import { finalize } from 'rxjs';\r\nimport { RecoveryCodesComponent } from './recovery-codes.component';\r\n\r\n@Component({\r\n selector: 'enableTwoFactorAuthenticationModal',\r\n templateUrl: './enable-two-factor-authentication-modal.component.html',\r\n styleUrls: ['enable-two-factor-authentication-modal.component.less']\r\n})\r\nexport class EnableTwoFactorAuthenticationModalComponent extends AppComponentBase implements OnInit {\r\n @ViewChild('enableTwoFactorAuthenticationModal', { static: true }) modal: ModalDirective;\r\n @ViewChild('recoveryCodesComponent', { static: true }) recoveryCodesComponent: RecoveryCodesComponent;\r\n @Output() modalSave: EventEmitter\r\n \r\n
\r\n \r\n\r\n","import { Component, Injector, ViewChild, OnInit } from '@angular/core';\r\nimport { AppComponentBase } from '@tp_shared/common/app-component-base';\r\nimport { UpdateGoogleAuthenticatorKeyOutput } from '@tp_shared/service-proxies/service-proxies';\r\nimport { ModalDirective } from 'ngx-bootstrap/modal';\r\n\r\n@Component({\r\n selector: 'recoveryCodesComponent',\r\n templateUrl: './recovery-codes.component.html'\r\n})\r\n\r\nexport class RecoveryCodesComponent extends AppComponentBase implements OnInit {\r\n @ViewChild('recoveryCodesComponent', { static: true }) recoveryCodesComponent: ModalDirective;\r\n\r\n public model: UpdateGoogleAuthenticatorKeyOutput;\r\n\r\n constructor(injector: Injector) {\r\n super(injector);\r\n }\r\n\r\n ngOnInit(): void {\r\n this.model = new UpdateGoogleAuthenticatorKeyOutput();\r\n }\r\n}\r\n","\r\n {{ 'SaveRecoveryCodesTitle' | localize }}\r\n
\r\n\r\n
\r\n","import { Component, ElementRef, EventEmitter, Injector, Output, ViewChild, Input } from '@angular/core';\r\nimport { AppComponentBase } from '@tp_shared/common/app-component-base';\r\nimport { ProfileServiceProxy, VerifySmsCodeInputDto } from '@tp_shared/service-proxies/service-proxies';\r\nimport { ModalDirective } from 'ngx-bootstrap/modal';\r\nimport { finalize } from 'rxjs/operators';\r\n\r\n@Component({\r\n selector: 'smsVerificationModal',\r\n templateUrl: './sms-verification-modal.component.html',\r\n})\r\nexport class SmsVerificationModalComponent extends AppComponentBase{\r\n @ViewChild('nameInput', { static: true }) nameInput: ElementRef;\r\n @ViewChild('smsVerificationModal', { static: true }) modal: ModalDirective;\r\n\r\n @Input() newPhoneNumber: string;\r\n\r\n @Output() modalSave: EventEmitter\r\n
\r\n{{ code }}
\r\n \r\n \r\n
\r\n\r\n","import { Component, EventEmitter, Injector, Output, ViewChild, OnInit } from '@angular/core';\r\nimport { AppComponentBase } from '@tp_shared/common/app-component-base';\r\nimport {\r\n CurrentUserProfileEditDto,\r\n ProfileServiceProxy,\r\n PortalCountiesServiceProxy,\r\n} from '@tp_shared/service-proxies/service-proxies';\r\nimport { ModalDirective } from 'ngx-bootstrap/modal';\r\nimport { finalize } from 'rxjs/operators';\r\nimport { SelectItem } from 'primeng/api';\r\n\r\n@Component({\r\n selector: 'updateProfileModal',\r\n templateUrl: './update-profile-modal.component.html',\r\n})\r\nexport class UpdateProfileModalComponent extends AppComponentBase implements OnInit {\r\n @ViewChild('updateProfileModal', { static: true }) modal: ModalDirective;\r\n @Output() modalSave: EventEmitter\r\n
","import { CommonModule } from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\nimport { AppSharedModule } from '@tp_app/shared/app-shared.module';\r\nimport { UpdateProfileModalComponent } from './update-profile-modal.component';\r\nimport { PortalCountiesServiceProxy } from '@tp_shared/service-proxies/service-proxies';\r\n\r\n@NgModule({\r\n providers: [\r\n PortalCountiesServiceProxy,\r\n ],\r\n imports: [CommonModule, AppSharedModule],\r\n declarations: [UpdateProfileModalComponent],\r\n exports: [UpdateProfileModalComponent],\r\n})\r\nexport class UpdateProfileModalModule {}\r\n\r\n","import { Component, ElementRef, EventEmitter, Injector, Output, ViewChild, Input } from '@angular/core';\r\nimport { AppComponentBase } from '@tp_shared/common/app-component-base';\r\nimport { ProfileServiceProxy, VerifyAuthenticatorCodeInput, VerifySmsCodeInputDto } from '@tp_shared/service-proxies/service-proxies';\r\nimport { ModalDirective } from 'ngx-bootstrap/modal';\r\nimport { finalize } from 'rxjs/operators';\r\n\r\n@Component({\r\n selector: 'verifyCodeModal',\r\n templateUrl: './verify-code-modal.component.html',\r\n})\r\nexport class VerifyCodeModalComponent extends AppComponentBase {\r\n @ViewChild('verifyCodeModal', { static: true }) modal: ModalDirective;\r\n @Output() modalSave: EventEmitter\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n","import { Component, ElementRef, EventEmitter, Injector, Output, ViewChild, Input, OnInit } from '@angular/core';\r\nimport { AppComponentBase } from '@tp_shared/common/app-component-base';\r\nimport { ProfileServiceProxy, UpdateGoogleAuthenticatorKeyOutput, VerifyAuthenticatorCodeInput, VerifySmsCodeInputDto } from '@tp_shared/service-proxies/service-proxies';\r\nimport { ModalDirective } from 'ngx-bootstrap/modal';\r\nimport { finalize } from 'rxjs/operators';\r\nimport { RecoveryCodesComponent } from './recovery-codes.component';\r\nimport { VerifyCodeModalComponent } from './verify-code-modal.component';\r\n\r\n@Component({\r\n selector: 'viewRecoveryCodesModal',\r\n templateUrl: './view-recovery-codes-modal.component.html',\r\n})\r\nexport class ViewRecoveryCodesModalComponent extends AppComponentBase{\r\n @ViewChild('viewRecoveryCodesModal', { static: true }) modal: ModalDirective;\r\n @ViewChild('verifyCodeModal', { static: true }) verifyCodeModal: VerifyCodeModalComponent;\r\n @ViewChild('recoveryCodesComponent', { static: true }) recoveryCodesComponent: RecoveryCodesComponent;\r\n @Output() modalSave: EventEmitter\r\n \r\n
\r\n\r\n\r\n\r\n \r\n \r\n \r\n
\r\n","import { Component, Injector, ViewEncapsulation, ElementRef, HostBinding, OnInit } from '@angular/core';\r\nimport { AppComponentBase } from '@tp_shared/common/app-component-base';\r\nimport { UiCustomizationSettingsServiceProxy } from '@tp_shared/service-proxies/service-proxies';\r\n\r\n@Component({\r\n templateUrl: './theme-selection-panel.component.html',\r\n selector: 'theme-selection-panel',\r\n styleUrls: ['./theme-selection-panel.less'],\r\n encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class ThemeSelectionPanelComponent extends AppComponentBase implements OnInit {\r\n currentThemeName = '';\r\n\r\n constructor(injector: Injector, private _uiCustomizationService: UiCustomizationSettingsServiceProxy) {\r\n super(injector);\r\n }\r\n\r\n ngOnInit() {\r\n this.currentThemeName = this.currentTheme.baseSettings.theme;\r\n }\r\n\r\n getLocalizedThemeName(str: string): string {\r\n return this.l('Theme_' + abp.utils.toPascalCase(str));\r\n }\r\n\r\n changeTheme(themeName: string) {\r\n this._uiCustomizationService.changeThemeWithDefaultValues(themeName).subscribe(() => {\r\n window.location.reload();\r\n });\r\n }\r\n}\r\n","\r\n\r\n
\r\n \r\n \r\n \r\n\r\n\r\n","export class ThemeHelper {\r\n public static getTheme(): string {\r\n if(!abp.session.userId){\r\n return 'default';\r\n }\r\n\r\n return abp.setting.get('App.UiManagement.Theme');\r\n }\r\n\r\n public static darkMode(): boolean {\r\n return abp.setting.get(ThemeHelper.getTheme() + '.App.UiManagement.DarkMode')?.toLowerCase() === 'true';\r\n }\r\n\r\n public static getAsideSkin(): string {\r\n return abp.setting.get(ThemeHelper.getTheme() + '.App.UiManagement.Left.AsideSkin')?.toLowerCase();\r\n }\r\n\r\n public static getAllowAsideMinimizing(): string {\r\n return abp.setting.get(ThemeHelper.getTheme() + '.App.UiManagement.Left.AllowAsideMinimizing')?.toLowerCase();\r\n }\r\n\r\n public static getDefaultMinimizedAside(): string {\r\n return abp.setting.get(ThemeHelper.getTheme() + '.App.UiManagement.Left.DefaultMinimizedAside')?.toLowerCase();\r\n }\r\n\r\n public static getHoverableAside(): string {\r\n return abp.setting.get(ThemeHelper.getTheme() + '.App.UiManagement.Left.HoverableAside')?.toLowerCase();\r\n }\r\n\r\n public static getFixedAside(): string {\r\n return abp.setting.get(ThemeHelper.getTheme() + '.App.UiManagement.Left.FixedAside')?.toLowerCase();\r\n }\r\n\r\n public static getDesktopFixedHeader(): string {\r\n return abp.setting.get(ThemeHelper.getTheme() + '.App.UiManagement.Header.DesktopFixedHeader')?.toLowerCase();\r\n }\r\n\r\n public static getMobileFixedHeader(): string {\r\n return abp.setting.get(ThemeHelper.getTheme() + '.App.UiManagement.Header.MobileFixedHeader')?.toLowerCase();\r\n }\r\n\r\n public static getDesktopFixedToolbar(): string {\r\n return abp.setting.get(ThemeHelper.getTheme() + '.App.UiManagement.Toolbar.DesktopFixedToolbar')?.toLowerCase();\r\n }\r\n\r\n public static getMobileFixedToolbar(): string {\r\n return abp.setting.get(ThemeHelper.getTheme() + '.App.UiManagement.Toolbar.MobileFixedToolbar')?.toLowerCase();\r\n }\r\n}\r\n","import { NameValuePair } from '@tp_shared/utils/name-value-pair';\r\nimport { IThemeAssetContributor } from '../ThemeAssetContributor';\r\nimport { ThemeHelper } from '../ThemeHelper';\r\nimport { AppConsts } from '@tp_shared/AppConsts';\r\n\r\nexport class DefaultThemeAssetContributor implements IThemeAssetContributor {\r\n public getAssetUrls(): string[] {\r\n return [AppConsts.appBaseUrl + '/assets/fonts/fonts-poppins.min.css'];\r\n }\r\n\r\n public getMenuWrapperStyle(): string {\r\n return 'header-menu-wrapper header-menu-wrapper-left';\r\n }\r\n\r\n public getSubheaderStyle(): string {\r\n return 'text-dark fw-bold my-1 me-5';\r\n }\r\n\r\n public getFooterStyle(): string {\r\n return 'footer py-4 d-flex flex-lg-column';\r\n }\r\n\r\n getBodyAttributes(): NameValuePair[] {\r\n const skin = ThemeHelper.getAsideSkin();\r\n return [{\r\n name: 'data-kt-app-layout',\r\n value: skin + '-sidebar'\r\n }, {\r\n name: 'data-kt-app-header-fixed',\r\n value: ThemeHelper.getDesktopFixedHeader()\r\n },\r\n {\r\n name: 'data-kt-app-header-fixed-mobile',\r\n value: ThemeHelper.getMobileFixedHeader()\r\n },\r\n {\r\n name: 'data-kt-app-sidebar-enabled',\r\n value: 'true'\r\n },\r\n {\r\n name: 'data-kt-app-sidebar-fixed',\r\n value: ThemeHelper.getFixedAside()\r\n },\r\n {\r\n name: 'data-kt-app-sidebar-hoverable',\r\n value: ThemeHelper.getHoverableAside()\r\n },\r\n {\r\n name: 'data-kt-app-sidebar-push-header',\r\n value: 'true'\r\n },\r\n {\r\n name: 'data-kt-app-toolbar-enabled',\r\n value: 'true'\r\n },\r\n {\r\n name: 'data-kt-app-sidebar-push-toolbar',\r\n value: 'true'\r\n },\r\n {\r\n name: 'data-kt-app-sidebar-push-footer',\r\n value: 'true'\r\n },\r\n {\r\n name: 'data-kt-app-toolbar-enabled',\r\n value: 'true'\r\n },\r\n {\r\n name: 'data-kt-app-sidebar-minimize',\r\n value: ThemeHelper.getDefaultMinimizedAside() === 'true' ? 'on' : 'off'\r\n },{\r\n name: 'data-kt-app-toolbar-fixed',\r\n value: ThemeHelper.getDesktopFixedToolbar()\r\n },{\r\n name: 'data-kt-app-toolbar-fixed-mobile',\r\n value: ThemeHelper.getMobileFixedToolbar()\r\n }];\r\n }\r\n\r\n getAppModuleBodyClass(): string {\r\n return 'app-default';\r\n }\r\n}\r\n","import { Injector, Component, ViewEncapsulation, Inject, OnInit } from '@angular/core';\r\nimport { AppConsts } from '@tp_shared/AppConsts';\r\nimport { AppComponentBase } from '@tp_shared/common/app-component-base';\r\nimport { DOCUMENT } from '@angular/common';\r\n\r\n@Component({\r\n templateUrl: './default-brand.component.html',\r\n selector: 'default-brand',\r\n encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class DefaultBrandComponent extends AppComponentBase {\r\n remoteServiceBaseUrl: string = AppConsts.remoteServiceBaseUrl;\r\n\r\n constructor(injector: Injector, @Inject(DOCUMENT) private document: Document) {\r\n super(injector);\r\n }\r\n\r\n getMenuSkin(): string {\r\n return this.appSession.theme.baseSettings.layout.darkMode || this.appSession.theme.baseSettings.menu.asideSkin === 'dark' ? 'dark' : 'light';\r\n }\r\n}\r\n","\r\n \r\n
\r\n \r\n {{ 'SelectATheme' | localize }}\r\n
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
","import { Injector, Component, ViewEncapsulation, Inject, Input, OnInit } from '@angular/core';\r\nimport { AppConsts } from '@tp_shared/AppConsts';\r\nimport { AppComponentBase } from '@tp_shared/common/app-component-base';\r\nimport { DOCUMENT } from '@angular/common';\r\nimport * as KTUtil from '@tp_assets/metronic/app/kt/_utils';\r\n\r\n@Component({\r\n templateUrl: './default-logo.component.html',\r\n selector: 'default-logo',\r\n encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class DefaultLogoComponent extends AppComponentBase implements OnInit {\r\n @Input() customHrefClass = '';\r\n @Input() skin = null;\r\n\r\n defaultLogo = '';\r\n defaultSmallLogo = '';\r\n remoteServiceBaseUrl: string = AppConsts.remoteServiceBaseUrl;\r\n\r\n constructor(injector: Injector, @Inject(DOCUMENT) private document: Document) {\r\n super(injector);\r\n }\r\n\r\n ngOnInit(): void {\r\n this.setLogoUrl();\r\n }\r\n\r\n onResize() {\r\n this.setLogoUrl();\r\n }\r\n\r\n setLogoUrl(): void{\r\n this.defaultLogo = AppConsts.appBaseUrl + '/assets/common/images/app-logo-on-' + this.skin + '.svg';\r\n this.defaultSmallLogo = AppConsts.appBaseUrl + '/assets/common/images/app-logo-on-' + this.skin + '-sm.svg';\r\n }\r\n}\r\n","\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n\r\n","import { IThemeAssetContributor } from '../ThemeAssetContributor';\r\nimport { AppConsts } from '@tp_shared/AppConsts';\r\nimport { NameValuePair } from '@tp_shared/utils/name-value-pair';\r\n\r\nexport class Theme2ThemeAssetContributor implements IThemeAssetContributor {\r\n public getAssetUrls(): string[] {\r\n return [AppConsts.appBaseUrl + '/assets/fonts/fonts-poppins.min.css'];\r\n }\r\n\r\n public getMenuWrapperStyle(): string {\r\n return 'header-menu-wrapper header-menu-wrapper-left';\r\n }\r\n\r\n public getSubheaderStyle(): string {\r\n return 'text-white fw-bold my-2 me-5';\r\n }\r\n\r\n public getFooterStyle(): string {\r\n return 'footer py-4 d-flex flex-lg-column';\r\n }\r\n\r\n getBodyAttributes(): NameValuePair[] {\r\n return [];\r\n }\r\n\r\n getAppModuleBodyClass(): string {\r\n return 'header-fixed header-tablet-and-mobile-fixed toolbar-enabled';\r\n }\r\n}\r\n","import { Injector, Component, ViewEncapsulation, Inject } from '@angular/core';\r\n\r\nimport { AppConsts } from '@tp_shared/AppConsts';\r\nimport { AppComponentBase } from '@tp_shared/common/app-component-base';\r\n\r\nimport { DOCUMENT } from '@angular/common';\r\n\r\n@Component({\r\n templateUrl: './theme2-brand.component.html',\r\n selector: 'theme2-brand',\r\n encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class Theme2BrandComponent extends AppComponentBase {\r\n remoteServiceBaseUrl: string = AppConsts.remoteServiceBaseUrl;\r\n skin = this.currentTheme.baseSettings.layout.darkMode ? 'dark' : 'light';\r\n\r\n constructor(injector: Injector, @Inject(DOCUMENT) private document: Document) {\r\n super(injector);\r\n }\r\n}\r\n","\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n\r\n","import { IThemeAssetContributor } from '../ThemeAssetContributor';\r\nimport { AppConsts } from '@tp_shared/AppConsts';\r\nimport { NameValuePair } from '@tp_shared/utils/name-value-pair';\r\n\r\nexport class Theme6ThemeAssetContributor implements IThemeAssetContributor {\r\n public getAssetUrls(): string[] {\r\n return [AppConsts.appBaseUrl + '/assets/fonts/fonts-poppins.min.css'];\r\n }\r\n\r\n public getMenuWrapperStyle(): string {\r\n return 'header-menu-wrapper header-menu-wrapper-left py-lg-2';\r\n }\r\n\r\n public getSubheaderStyle(): string {\r\n return 'text-dark fw-bold my-1 me-5';\r\n }\r\n\r\n public getFooterStyle(): string {\r\n return 'footer py-5 d-flex flex-lg-column';\r\n }\r\n\r\n getBodyAttributes(): NameValuePair[] {\r\n return [];\r\n }\r\n\r\n getAppModuleBodyClass(): string {\r\n return 'header-fixed header-tablet-and-mobile-fixed toolbar-enabled toolbar-fixed aside-enabled aside-fixed';\r\n }\r\n}\r\n","import { Injector, Component, ViewEncapsulation, Inject, Input, OnInit } from '@angular/core';\r\nimport { AppConsts } from '@tp_shared/AppConsts';\r\nimport { AppComponentBase } from '@tp_shared/common/app-component-base';\r\n\r\nimport { DOCUMENT } from '@angular/common';\r\n\r\n@Component({\r\n templateUrl: './theme6-brand.component.html',\r\n selector: 'theme6-brand',\r\n encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class Theme6BrandComponent extends AppComponentBase implements OnInit {\r\n @Input() anchorClass = 'd-flex align-items-center';\r\n @Input() skin = 'dark';\r\n @Input() imageClass = 'h-45px logo';\r\n\r\n defaultLogo = '';\r\n remoteServiceBaseUrl: string = AppConsts.remoteServiceBaseUrl;\r\n\r\n constructor(injector: Injector, @Inject(DOCUMENT) private document: Document) {\r\n super(injector);\r\n }\r\n\r\n ngOnInit(): void {\r\n this.defaultLogo = AppConsts.appBaseUrl + '/assets/common/images/app-logo-on-' + this.skin + '-sm.svg';\r\n }\r\n}\r\n","\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n\r\n","import { IThemeAssetContributor } from '../ThemeAssetContributor';\r\nimport { AppConsts } from '@tp_shared/AppConsts';\r\nimport { NameValuePair } from '@tp_shared/utils/name-value-pair';\r\n\r\nexport class Theme7ThemeAssetContributor implements IThemeAssetContributor {\r\n public getAssetUrls(): string[] {\r\n return [AppConsts.appBaseUrl + '/assets/fonts/fonts-roboto.min.css'];\r\n }\r\n\r\n public getMenuWrapperStyle(): string {\r\n return '';\r\n }\r\n\r\n public getSubheaderStyle(): string {\r\n return 'text-dark fw-bold my-1 me-5';\r\n }\r\n\r\n public getFooterStyle(): string {\r\n return 'footer py-4 d-flex flex-lg-column';\r\n }\r\n\r\n getBodyAttributes(): NameValuePair[] {\r\n return [];\r\n }\r\n\r\n getAppModuleBodyClass(): string {\r\n return 'header-fixed header-tablet-and-mobile-fixed aside-fixed aside-secondary-enabled';\r\n }\r\n}\r\n","import { Injector, Component, ViewEncapsulation, Inject, Input } from '@angular/core';\r\nimport { AppConsts } from '@tp_shared/AppConsts';\r\nimport { AppComponentBase } from '@tp_shared/common/app-component-base';\r\n\r\nimport { DOCUMENT } from '@angular/common';\r\n\r\n@Component({\r\n templateUrl: './theme7-brand.component.html',\r\n selector: 'theme7-brand',\r\n encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class Theme7BrandComponent extends AppComponentBase {\r\n\r\n @Input() imageClass = 'h-35px';\r\n\r\n skin = this.appSession.theme.baseSettings.layout.darkMode ? 'dark' : 'light';\r\n defaultLogo = AppConsts.appBaseUrl + '/assets/common/images/app-logo-on-' + this.skin + '-sm.svg';\r\n remoteServiceBaseUrl: string = AppConsts.remoteServiceBaseUrl;\r\n\r\n constructor(injector: Injector, @Inject(DOCUMENT) private document: Document) {\r\n super(injector);\r\n }\r\n}\r\n","\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n `,\r\n providers: [\r\n {\r\n provide: NG_VALUE_ACCESSOR,\r\n useExisting: forwardRef(() => ActiveDelegatedUsersComboComponent),\r\n multi: true,\r\n },\r\n ],\r\n})\r\nexport class ActiveDelegatedUsersComboComponent extends AppComponentBase implements OnInit {\r\n @HostBinding('style.display') public display = 'flex';\r\n @Input() customStyle = 'btn btn-clean btn-lg me-1 mt-2';\r\n\r\n delegations: UserDelegationDto[] = [];\r\n selectedUserDelegationId = 0;\r\n currentSelectedUserDelegationId = 0;\r\n\r\n constructor(\r\n private _userDelegationService: UserDelegationServiceProxy,\r\n private _impersonationService: ImpersonationService,\r\n injector: Injector\r\n ) {\r\n super(injector);\r\n }\r\n\r\n ngOnInit(): void {\r\n this._userDelegationService.getActiveUserDelegations().subscribe((result) => {\r\n this.delegations = result;\r\n });\r\n }\r\n\r\n switchToDelegatedUser($event): void {\r\n let username = $event.target.selectedOptions[0].getAttribute('data-username');\r\n\r\n this.message.confirm(\r\n this.l('SwitchToDelegatedUserWarningMessage', username),\r\n this.l('AreYouSure'),\r\n (isConfirmed) => {\r\n if (isConfirmed) {\r\n this.currentSelectedUserDelegationId = this.selectedUserDelegationId;\r\n this._impersonationService.delegatedImpersonate(\r\n this.selectedUserDelegationId,\r\n this.appSession.tenantId\r\n );\r\n } else {\r\n this.selectedUserDelegationId = this.currentSelectedUserDelegationId;\r\n }\r\n }\r\n );\r\n }\r\n}\r\n","import { Component, Injector, OnInit, Input } from '@angular/core';\r\nimport { ThemesLayoutBaseComponent } from '../themes/themes-layout-base.component';\r\nimport { AbpSessionService } from 'abp-ng2-module';\r\nimport { DateTimeService } from '@tp_app/shared/common/timing/date-time.service';\r\n\r\n@Component({\r\n selector: 'chat-toggle-button',\r\n templateUrl: './chat-toggle-button.component.html',\r\n})\r\nexport class ChatToggleButtonComponent extends ThemesLayoutBaseComponent implements OnInit {\r\n @Input() customStyle = 'btn btn-active-color-primary btn-active-light btn-custom btn-icon btn-icon-muted h-35px h-md-40px position-relative w-35px w-md-40px';\r\n @Input() iconStyle = 'flaticon-chat-2 fs-4';\r\n\r\n unreadChatMessageCount = 0;\r\n chatConnected = false;\r\n isHost = false;\r\n\r\n public constructor(\r\n injector: Injector,\r\n private _abpSessionService: AbpSessionService,\r\n _dateTimeService: DateTimeService\r\n ) {\r\n super(injector, _dateTimeService);\r\n }\r\n\r\n ngOnInit(): void {\r\n this.registerToEvents();\r\n this.isHost = !this._abpSessionService.tenantId;\r\n }\r\n\r\n registerToEvents() {\r\n this.subscribeToEvent('app.chat.unreadMessageCountChanged', (messageCount) => {\r\n this.unreadChatMessageCount = messageCount;\r\n });\r\n\r\n this.subscribeToEvent('app.chat.connected', () => {\r\n this.chatConnected = true;\r\n });\r\n }\r\n}\r\n","\r\n \r\n \r\n \r\n {{ delegation.username }} ({{\r\n 'ExpiresAt' | localize: (delegation.endTime | luxonFormat: 'F')\r\n }})\r\n \r\n \r\n
\r\n 1\">\r\n
\r\n","import { Component, Injector, Input } from '@angular/core';\r\nimport { DateTimeService } from '@tp_app/shared/common/timing/date-time.service';\r\nimport { ThemesLayoutBaseComponent } from '../themes/themes-layout-base.component';\r\n\r\n@Component({\r\n selector: 'quick-theme-selection',\r\n templateUrl: './quick-theme-selection.component.html',\r\n})\r\nexport class QuickThemeSelectionComponent extends ThemesLayoutBaseComponent {\r\n @Input() customStyle = 'btn btn-icon btn-custom btn-icon-muted btn-active-light btn-active-color-primary w-35px h-35px w-md-40px h-md-40px position-relative';\r\n @Input() iconStyle = 'flaticon-interface-7 fs-4';\r\n\r\n isQuickThemeSelectEnabled: boolean = this.setting.getBoolean('App.UserManagement.IsQuickThemeSelectEnabled');\r\n\r\n public constructor(injector: Injector, _dateTimeService: DateTimeService) {\r\n super(injector, _dateTimeService);\r\n }\r\n}\r\n","\r\n \r\n
\r\n\r\n
\r\n","import { Component, Injector, Input } from '@angular/core';\r\nimport { DateTimeService } from '@tp_app/shared/common/timing/date-time.service';\r\nimport { ThemesLayoutBaseComponent } from '../themes/themes-layout-base.component';\r\n\r\n@Component({\r\n selector: 'subscription-notification-bar',\r\n templateUrl: './subscription-notification-bar.component.html',\r\n})\r\nexport class SubscriptionNotificationBarComponent extends ThemesLayoutBaseComponent {\r\n\r\n @Input() customStyle = 'btn btn-icon btn-custom btn-icon-muted btn-active-light btn-active-color-primary w-35px h-35px w-md-40px h-md-40px position-relative';\r\n\r\n public constructor(injector: Injector, _dateTimeService: DateTimeService) {\r\n super(injector, _dateTimeService);\r\n }\r\n}\r\n","\r\n\r\n \r\n
\r\n\r\n
\r\n","import { Component, Injector, OnInit, Input } from '@angular/core';\r\nimport { ThemesLayoutBaseComponent } from '../themes/themes-layout-base.component';\r\nimport { LinkedUserDto, ProfileServiceProxy, UserLinkServiceProxy } from '@tp_shared/service-proxies/service-proxies';\r\nimport { LinkedAccountService } from '@tp_app/shared/layout/linked-account.service';\r\nimport { AbpMultiTenancyService, AbpSessionService } from 'abp-ng2-module';\r\nimport { AppAuthService } from '@tp_app/shared/common/auth/app-auth.service';\r\nimport { ImpersonationService } from '@tp_app/admin/users/impersonation.service';\r\nimport { AppConsts } from '@tp_shared/AppConsts';\r\nimport { DateTimeService } from '@tp_app/shared/common/timing/date-time.service';\r\nimport { Router } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'user-menu',\r\n templateUrl: './user-menu.component.html',\r\n styleUrls: ['./user-menu.component.less'],\r\n})\r\nexport class UserMenuComponent extends ThemesLayoutBaseComponent implements OnInit {\r\n @Input() iconOnly = false;\r\n\r\n @Input() togglerCssClass = 'cursor-pointer symbol symbol-35px symbol-md-40px';\r\n @Input() profileImageCssClass = '';\r\n //TODO@Metronic8 -> we may delete this.\r\n @Input() textCssClass = 'text-dark-50 fw-bolder fs-base d-none d-md-inline me-3';\r\n @Input() symbolCssClass = 'symbol symbol-lg-30px symbol-20px';\r\n @Input() symbolTextCssClass = 'symbol-label fs-2 fw-bold bg-success text-inverse-success';\r\n\r\n usernameFirstLetter = '';\r\n\r\n profilePicture = AppConsts.appBaseUrl + '/assets/common/images/default-profile-picture.png';\r\n shownLoginName = '';\r\n tenancyName = '';\r\n userName = '';\r\n emailAddress = '';\r\n\r\n recentlyLinkedUsers: LinkedUserDto[];\r\n isImpersonatedLogin = false;\r\n isMultiTenancyEnabled = false;\r\n\r\n mQuickUserOffcanvas: any;\r\n\r\n public constructor(\r\n injector: Injector,\r\n private _router: Router,\r\n private _linkedAccountService: LinkedAccountService,\r\n private _abpMultiTenancyService: AbpMultiTenancyService,\r\n private _profileServiceProxy: ProfileServiceProxy,\r\n private _userLinkServiceProxy: UserLinkServiceProxy,\r\n private _authService: AppAuthService,\r\n private _impersonationService: ImpersonationService,\r\n private _abpSessionService: AbpSessionService,\r\n _dateTimeService: DateTimeService\r\n ) {\r\n super(injector, _dateTimeService);\r\n }\r\n\r\n ngOnInit(): void {\r\n this.isImpersonatedLogin = this._abpSessionService.impersonatorUserId > 0;\r\n this.isMultiTenancyEnabled = this._abpMultiTenancyService.isEnabled;\r\n this.setCurrentLoginInformations();\r\n //this.getProfilePicture();\r\n //this.getRecentlyLinkedUsers();\r\n this.registerToEvents();\r\n this.usernameFirstLetter = this.appSession.user.userName.substring(0, 1).toUpperCase();\r\n }\r\n\r\n setCurrentLoginInformations(): void {\r\n this.shownLoginName = this.appSession.getShownLoginName();\r\n this.tenancyName = this.appSession.tenancyName;\r\n this.userName = this.appSession.user.userName;\r\n this.emailAddress = this.appSession.user.emailAddress;\r\n }\r\n\r\n getShownUserName(linkedUser: LinkedUserDto): string {\r\n if (!this._abpMultiTenancyService.isEnabled) {\r\n return linkedUser.username;\r\n }\r\n\r\n return (linkedUser.tenantId ? linkedUser.tenancyName : '.') + '\\\\' + linkedUser.username;\r\n }\r\n\r\n getProfilePicture(): void {\r\n // this._profileServiceProxy.getProfilePicture().subscribe((result) => {\r\n // if (result && result.profilePicture) {\r\n // this.profilePicture = 'data:image/jpeg;base64,' + result.profilePicture;\r\n // }\r\n // });\r\n }\r\n\r\n getRecentlyLinkedUsers(): void {\r\n this._userLinkServiceProxy.getRecentlyUsedLinkedUsers().subscribe((result) => {\r\n this.recentlyLinkedUsers = result.items;\r\n });\r\n }\r\n\r\n showLoginAttempts(): void {\r\n this._router.navigate(['/app/admin/login-attempts']);\r\n }\r\n\r\n showLinkedAccounts(): void {\r\n abp.event.trigger('app.show.linkedAccountsModal');\r\n }\r\n\r\n showUserDelegations(): void {\r\n abp.event.trigger('app.show.userDelegationsModal');\r\n }\r\n\r\n changePassword(): void {\r\n abp.event.trigger('app.show.changePasswordModal');\r\n }\r\n\r\n changeProfilePicture(): void {\r\n abp.event.trigger('app.show.changeProfilePictureModal');\r\n }\r\n\r\n updateMyProfile(): void {\r\n abp.event.trigger('app.show.updateProfileModal');\r\n }\r\n\r\n registerToEvents() {\r\n this.subscribeToEvent('profilePictureChanged', () => {\r\n //this.getProfilePicture();\r\n });\r\n\r\n this.subscribeToEvent('app.getRecentlyLinkedUsers', () => {\r\n this.getRecentlyLinkedUsers();\r\n });\r\n\r\n this.subscribeToEvent('app.onMySettingsModalSaved', () => {\r\n this.onMySettingsModalSaved();\r\n });\r\n }\r\n\r\n logout(): void {\r\n this._authService.logout();\r\n }\r\n\r\n onMySettingsModalSaved(): void {\r\n this.shownLoginName = this.appSession.getShownLoginName();\r\n }\r\n\r\n backToMyAccount(): void {\r\n this._impersonationService.backToImpersonator();\r\n }\r\n\r\n switchToLinkedUser(linkedUser: LinkedUserDto): void {\r\n this._linkedAccountService.switchToAccount(linkedUser.id, linkedUser.tenantId);\r\n }\r\n\r\n downloadCollectedData(): void {\r\n this._profileServiceProxy.prepareCollectedData().subscribe(() => {\r\n this.message.success(this.l('GdprDataPrepareStartedNotification'));\r\n });\r\n }\r\n}\r\n","\r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n\r\n \r\n ![\"\"](\"../../../../assets/common/images/main/profile.png\")
\r\n ![\"\"](\"../../../../assets/common/images/main/arrow-drop-up.png\")
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n","import { Component, EventEmitter, Injector, Output, ViewChild } from '@angular/core';\r\nimport { AppComponentBase } from '@tp_shared/common/app-component-base';\r\nimport { UserDelegationServiceProxy, UserDelegationDto } from '@tp_shared/service-proxies/service-proxies';\r\nimport { ModalDirective } from 'ngx-bootstrap/modal';\r\nimport { LazyLoadEvent } from 'primeng/api';\r\nimport { Paginator } from 'primeng/paginator';\r\nimport { Table } from 'primeng/table';\r\nimport { CreateNewUserDelegationModalComponent } from './create-new-user-delegation-modal.component';\r\nimport { finalize } from 'rxjs/operators';\r\n\r\n@Component({\r\n selector: 'userDelegationsModal',\r\n templateUrl: './user-delegations-modal.component.html',\r\n})\r\nexport class UserDelegationsModalComponent extends AppComponentBase {\r\n @ViewChild('userDelegationsModal', { static: true }) modal: ModalDirective;\r\n @ViewChild('createNewUserDelegation', { static: true })\r\n createNewUserDelegation: CreateNewUserDelegationModalComponent;\r\n @ViewChild('dataTable', { static: true }) dataTable: Table;\r\n @ViewChild('paginator', { static: true }) paginator: Paginator;\r\n\r\n @Output() modalClose: EventEmitter\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {{ tenancyName }}\\\r\n
\r\n \r\n {{ emailAddress }}\r\n \r\n {{ userName }}
\r\n \r\n \r\n
\r\n\r\n\r\n const value = parseInt(buffer.style.getPropertyValue('z-index'))\r\n if (!isNaN(value) && value !== 0) {\r\n return value\r\n }\r\n }\r\n\r\n bufferNode = bufferNode.parentNode\r\n buffer = bufferNode as HTMLElement\r\n }\r\n return null\r\n}\r\n\r\nfunction getScrollTop(): number {\r\n return (document.scrollingElement || document.documentElement).scrollTop\r\n}\r\n\r\n// https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth\r\nfunction getViewPort(): ViewPortModel {\r\n return {\r\n width: window.innerWidth,\r\n height: window.innerHeight,\r\n }\r\n}\r\n\r\nfunction insertAfterElement(el: HTMLElement, referenceNode: HTMLElement) {\r\n return referenceNode.parentNode?.insertBefore(el, referenceNode.nextSibling)\r\n}\r\n\r\nfunction isElementHasClasses(element: HTMLElement, classesStr: string): boolean {\r\n const classes = classesStr.split(' ')\r\n for (let i = 0; i < classes.length; i++) {\r\n if (!element.classList.contains(classes[i])) {\r\n return false\r\n }\r\n }\r\n\r\n return true\r\n}\r\n\r\nfunction isVisibleElement(element: HTMLElement): boolean {\r\n return !(element.offsetWidth === 0 && element.offsetHeight === 0)\r\n}\r\n\r\n// Throttle function: Input as function which needs to be throttled and delay is the time interval in milliseconds\r\nfunction throttle(timer: number | undefined, func: Function, delay?: number) {\r\n // If setTimeout is already scheduled, no need to do anything\r\n if (timer) {\r\n return\r\n }\r\n\r\n // Schedule a setTimeout after delay seconds\r\n timer = window.setTimeout(function () {\r\n func()\r\n\r\n // Once setTimeout function execution is finished, timerId = undefined so that in
\r\n // the next scroll event function execution can be scheduled by the setTimeout\r\n timer = undefined\r\n }, delay)\r\n}\r\n\r\nfunction getElementChildren(element: HTMLElement, selector: string): Array
{{ getSpinnerText() }}
\r\n