\n {{ 'profileImage.label' | translate }} \n \n \n
\n\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n selector: 'app-button',\n templateUrl: './button.component.html',\n styleUrls: ['./button.component.scss']\n})\nexport class ButtonComponent {\n\n @Input()\n public icon?: string;\n @Input()\n public disabled?: string | boolean;\n @Input()\n public primary?: string;\n @Input()\n public secondary?: string;\n @Input()\n public simple?: string;\n @Input()\n public light?: string;\n\n @Output()\n public action: EventEmitter\n
\n","import { Component, Input, OnInit } from '@angular/core';\nimport { CheckboxConfig } from 'src/app/models/checkbox.model';\nimport { GarbageCollectorComponent } from 'src/app/utilities/garbage-collector';\n\n@Component({\n selector: 'app-checkbox',\n templateUrl: './checkbox.component.html',\n styleUrls: ['./checkbox.component.scss']\n})\nexport class CheckboxComponent extends GarbageCollectorComponent implements OnInit {\n\n @Input()\n public config: CheckboxConfig = new CheckboxConfig('');\n @Input()\n public required?: string;\n\n constructor() {\n super();\n }\n\n public ngOnInit(): void {\n if (this.required !== undefined) {\n this.config.control.setErrors({missing: true});\n this.addSubscription(\n this.config.control.valueChanges.subscribe((value: boolean) => {\n this.config.control.setErrors(value ? null : {missing: value});\n })\n );\n }\n }\n\n}\n","\n
\n {{ headline | translate }}
\n \n
\n\n \n {{ config.label | translate }}\n *\n\n
\n","import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';\nimport { GarbageCollectorComponent } from 'src/app/utilities/garbage-collector';\n\n@Component({\n selector: 'app-code-input',\n templateUrl: './code-input.component.html',\n styleUrls: ['./code-input.component.scss']\n})\nexport class CodeInputComponent extends GarbageCollectorComponent implements OnInit {\n\n @Input()\n public size = 6;\n\n @Output()\n public enter: EventEmitter\n \n
\n","import {\n Component, OnInit, ViewChild, ElementRef\n} from '@angular/core';\nimport { ConsoleService, Message } from 'src/app/services/console.service';\nimport { GarbageCollectorComponent } from 'src/app/utilities/garbage-collector';\n\n@Component({\n selector: 'app-console',\n templateUrl: './console.component.html',\n styleUrls: ['./console.component.scss']\n})\nexport class ConsoleComponent extends GarbageCollectorComponent implements OnInit {\n\n public messages: Message[] = [];\n @ViewChild('body')\n public bodyRef!: ElementRef;\n\n constructor(\n private _consoleService: ConsoleService\n ) {\n super();\n }\n\n public ngOnInit(): void {\n this.addSubscription(\n this._consoleService.message.subscribe(message => {\n const matches: RegExpMatchArray | null = message.text.match(/\\*\\w*\\*/g);\n if (matches) {\n matches.forEach((match: string) => {\n const bold = match.replace(/\\*/g, '');\n message.text = message.text.replace(match, `${bold}`);\n });\n }\n\n this.messages.push(message);\n\n if (message.duration) {\n setTimeout(() => {\n this.clearMessage(message);\n }, message.duration * 1000);\n }\n\n if (this.bodyRef) {\n setTimeout(() => {\n const el = this.bodyRef.nativeElement as HTMLElement;\n if (el && el.children.length) {\n el.children[el.childElementCount - 1].scrollIntoView({ block: 'start', behavior: 'smooth' });\n }\n }, 1);\n }\n })\n );\n }\n\n public clearMessage(message: Message): void {\n const index = this.messages.indexOf(message);\n if (index !== -1) {\n this.messages.splice(this.messages.indexOf(message), 1);\n }\n }\n\n public clearAll(): void {\n this.messages = [];\n }\n\n}\n","\n
\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-content',\n templateUrl: './content.component.html',\n styleUrls: ['./content.component.scss']\n})\nexport class ContentComponent {\n\n constructor() { }\n\n}\n","\n delete_sweep \n
\n {{ 'console.headline' | translate }}
\n \n \n
\n\n
\n","import { Component, Input } from '@angular/core';\nimport { Studio } from 'src/app/models/administration.model';\nimport { AutocompleteConfig } from 'src/app/models/autocomplete.model';\nimport { FileUploadConfig } from 'src/app/models/file-upload.model';\nimport { InputConfig } from 'src/app/models/input.model';\nimport { SelectConfig } from 'src/app/models/select.model';\n\n@Component({\n selector: 'app-data-row',\n templateUrl: './data-row.component.html',\n styleUrls: ['./data-row.component.scss']\n})\nexport class DataRowComponent {\n\n @Input()\n public configs?: (InputConfig | AutocompleteConfig | SelectConfig)[];\n @Input()\n public studio?: [Studio, number];\n @Input()\n public files?: FileUploadConfig;\n\n constructor() { }\n\n public getStudioValues(): string {\n if (this.studio) {\n const values: string[] = Object.values(this.studio[0]);\n return `${values[0]}, ${values[1]}, ${values[2]} ${values[3]}`;\n }\n return '';\n }\n\n public getFileNames(): string[] {\n return this.files?.control?.value ? this.files.control.value.map((value: File) => value.name) : [];\n }\n\n}\n","\n
\n","import { Component, Input, OnInit } from '@angular/core';\nimport { FormControl, Validators } from '@angular/forms';\nimport {\n MomentDateAdapter,\n MAT_MOMENT_DATE_ADAPTER_OPTIONS,\n} from '@angular/material-moment-adapter';\nimport { DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE } from '@angular/material/core';\nimport { LocalizationService } from '@tallence/localization';\nimport { DatePickerConfig } from 'src/app/models/date-picker.model';\nimport * as moment from 'moment';\nimport { GarbageCollectorComponent } from 'src/app/utilities/garbage-collector';\n\nexport const CUSTOM_FORMATS = {\n parse: {\n dateInput: 'DD.MM.YYYY',\n },\n display: {\n dateInput: 'DD.MM.YYYY',\n monthYearLabel: 'MMM YYYY',\n dateA11yLabel: 'LL',\n monthYearA11yLabel: 'MMMM YYYY',\n },\n};\n\n@Component({\n selector: 'app-date-picker',\n templateUrl: './date-picker.component.html',\n styleUrls: ['./date-picker.component.scss'],\n providers: [\n { provide: MAT_DATE_LOCALE, useValue: 'de-DE' },\n {\n provide: DateAdapter,\n useClass: MomentDateAdapter,\n deps: [MAT_DATE_LOCALE, MAT_MOMENT_DATE_ADAPTER_OPTIONS]\n },\n { provide: MAT_DATE_FORMATS, useValue: CUSTOM_FORMATS },\n ],\n})\nexport class DatePickerComponent extends GarbageCollectorComponent implements OnInit {\n\n public minDate: moment.Moment | null = null;\n public maxDate: moment.Moment | null = null;\n\n @Input()\n public config: DatePickerConfig = new DatePickerConfig('');\n @Input()\n public required?: string;\n @Input()\n public set min(date: string | undefined){\n if (moment(date).isValid()) {\n this.minDate = moment(date);\n }\n }\n @Input()\n public set max(date: string | undefined){\n if (moment(date).isValid()) {\n this.maxDate = moment(date);\n }\n }\n\n public dateControl: FormControl = new FormControl('');\n\n constructor(\n private _localizationService: LocalizationService\n ) {\n super();\n }\n\n public ngOnInit(): void {\n if (this.required !== undefined) {\n this.config.control.setValidators(Validators.required);\n this.dateControl.setValidators(Validators.required);\n this.config.control.updateValueAndValidity();\n }\n this.addSubscription(\n this.dateControl.valueChanges.subscribe((value: any) => {\n if (moment(value).isValid()) {\n this.config.control.setValue(moment(value).format('YYYY-MM-DD'));\n }\n })\n );\n this.addSubscription(\n this.dateControl.statusChanges.subscribe(() => {\n this.config.control.setErrors(this.dateControl.errors);\n })\n );\n const date = this.config.control.value;\n if (moment(date).isValid()) {\n this.dateControl.setValue(moment(date));\n }\n }\n\n public getErrorMessage(): string {\n if (this.config.control.hasError('required')) {\n if (this.required) {\n return this._localizationService.getTranslation(this.required);\n } else {\n return this._localizationService.getTranslation('input.error.required', [this.config.label]);\n }\n }\n if (this.config.control.hasError('matDatepickerMin')) {\n return this._localizationService.getTranslation('input.error.minDate');\n }\n return '';\n }\n\n}\n","\n \n {{ config.label | translate }}\n /\n \n {{ 'register.studio.label' | translate:[studio[1]] }}\n {{ 'fileUpload.label' | translate }}\n
\n \n \n {{ config.control.value || '-' }}\n /\n \n {{ getStudioValues() }}\n \n \n
\n{{ name }}
\n \n
\n","import { AfterViewInit, Component, ElementRef, Input, OnInit, ViewChild } from '@angular/core';\nimport { Validators } from '@angular/forms';\nimport { LocalizationService } from '@tallence/localization';\nimport { fromEvent } from 'rxjs';\nimport { TableAction, TableActionType, TableConfig } from 'src/app/models/administration.model';\nimport { FileUploadConfig } from 'src/app/models/file-upload.model';\nimport { SnackbarService } from 'src/app/services/snackbar.service';\nimport { GarbageCollectorComponent } from 'src/app/utilities/garbage-collector';\n\n@Component({\n selector: 'app-file-upload',\n templateUrl: './file-upload.component.html',\n styleUrls: ['./file-upload.component.scss']\n})\nexport class FileUploadComponent extends GarbageCollectorComponent implements OnInit, AfterViewInit {\n\n @Input()\n public config: FileUploadConfig = new FileUploadConfig('');\n @Input()\n public required?: string;\n @Input()\n public multiple?: string;\n @Input()\n public accept?: string;\n\n @ViewChild('inputElement')\n public inputRef!: ElementRef;\n @ViewChild('dropboxElement')\n public dropboxRef!: ElementRef;\n\n public fileInput = '';\n private _files: File[] = [];\n public highlighted = false;\n private _accept: string[] = ['.jpg', '.JPG', '.jpeg', '.png', '.PNG', '.pdf', '.PDF'];\n public attachmentsConfig: TableConfig = new TableConfig();\n private _maxFileSize = 2 * 1024 * 1024; // MB\n\n constructor(\n private _localizationService: LocalizationService,\n private _snackbarService: SnackbarService\n ) {\n super();\n }\n\n public ngOnInit(): void {\n if (this.required !== undefined) {\n this.config.control.setValidators(Validators.required);\n }\n if (this.accept !== undefined) {\n this.accept.split(',').forEach((type: string) => {\n this._accept.push(`.${type.replace(/^\\./, '')}`);\n });\n }\n this.attachmentsConfig.header = ['attachment'];\n this.attachmentsConfig.actions = [TableActionType.DELETE];\n this.attachmentsConfig.actionId = 'id';\n }\n\n public ngAfterViewInit(): void {\n if (this.multiple !== undefined) {\n this.inputRef.nativeElement.setAttribute('multiple', 'true');\n }\n if (this.accept !== undefined) {\n this.inputRef.nativeElement.setAttribute('accept', this._accept.join(','));\n }\n this._initDropbox();\n }\n\n private _initDropbox(): void {\n const dropbox: HTMLElement = this.dropboxRef.nativeElement as HTMLElement;\n ['dragenter', 'dragover', 'dragleave', 'drop'].forEach(eventName => {\n this.addSubscription(\n fromEvent(dropbox, eventName).subscribe((event) => {\n event.preventDefault();\n event.stopPropagation();\n })\n );\n });\n ['dragenter', 'dragover'].forEach(eventName => {\n this.addSubscription(\n fromEvent(dropbox, eventName).subscribe(() => {\n this.highlighted = true;\n })\n );\n });\n ['dragleave', 'drop'].forEach(eventName => {\n this.addSubscription(\n fromEvent(dropbox, eventName).subscribe((event) => {\n if (eventName === 'drop') {\n const data: DataTransfer | null = (event as DragEvent).dataTransfer;\n const files: FileList | undefined = data?.files;\n this._handleFiles(files);\n this.highlighted = false;\n }\n })\n );\n });\n }\n\n public onFileChange(event: Event): void {\n const target = event.target as HTMLInputElement;\n if (target?.files?.length) {\n const files: FileList = target.files;\n this._handleFiles(files);\n }\n this.fileInput = '';\n }\n\n private _handleFiles(files: FileList | undefined): void {\n Array.from(files || []).forEach((file: File) => {\n const match = this._files.find(f => f.name === file.name);\n const type: string = file.name.match(/\\.[a-zA-Z0-9]+$/)?.[0] || 'none';\n console.log('type. ', type, file.name.match(/\\.[a-zA-Z0-9]+$/)?.[0]);\n const oversize = file.size > this._maxFileSize;\n if (oversize) {\n this._snackbarService.showWarning(['snackbar.oversize', file.name]);\n }\n if (!this._accept.includes(type)) {\n this._snackbarService.showWarning(['snackbar.type']);\n }\n if (!match && !oversize && (this._accept.includes(type) || this._accept.length === 0)) {\n if (this.multiple !== undefined) {\n this._files.push(file);\n } else {\n this._files = [file];\n }\n }\n this._updateControl();\n });\n }\n\n private _updateControl(): void {\n this.attachmentsConfig.items = this._files.map((file) => {\n return {\n attachment: file.name,\n id: file.name\n };\n });\n this.config.control.setValue(this._files);\n this.attachmentsConfig = {...this.attachmentsConfig};\n }\n\n public onAction(action: TableAction): void {\n switch (action.name) {\n case TableActionType.DELETE:\n this._files = this._files.filter(f => f.name !== action.id);\n this._updateControl();\n break;\n default:\n break;\n }\n }\n\n public getErrorMessage(): string {\n if (this.config.control.hasError('required')) {\n if (this.required) {\n return this._localizationService.getTranslation(this.required);\n } else {\n return this._localizationService.getTranslation('input.error.required', [this.config.label]);\n }\n }\n return '';\n }\n\n}\n","{{ data.headline | translate }}
\n\n \n {{ error | translate }} \n\n
\n\n \n done_outline \n
\n \n cancel \n
\n \n warning_amber \n
\n \n {{ data.values.icon }} \n
\n {{ description }}
\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
\n \n
\n \n
\n \n \n \n \n
\n\n \n
\n\n \n
\n 0\">\n \n
\n \n {{ 'dialog.searchAddCompany.empty' | translate }}\n
\n \n
\n\n \n
\n \n
\n \n
\n\n \n
\n\n \n
\n \n
\n\n \n
\n \n {{ 'required-fields' | translate }}\n \n {{ data.okButton | translate }} \n {{ data.cancelButton | translate }} \n \n \n {{ data.cancelButton | translate }} \n {{ data.okButton | translate }} \n \n \n {{ data.cancelButton | translate }} \n {{ data.okButton | translate }} \n \n \n {{ data.cancelButton | translate }} \n {{ data.okButton | translate }} \n \n \n {{ data.okButton | translate }} \n {{ data.cancelButton | translate }} \n \n \n {{ data.okButton | translate }} \n \n \n {{ data.okButton | translate }} \n \n \n {{ data.cancelButton | translate }} \n {{ data.okButton | translate }} \n \n \n {{ data.cancelButton | translate }} \n {{ data.okButton | translate }} \n \n \n {{ data.cancelButton | translate }} \n {{ data.okButton | translate }} \n \n \n {{ data.cancelButton | translate }} \n {{ data.okButton | translate }} \n \n \n {{ data.cancelButton | translate }} \n {{ data.okButton | translate }} \n \n \n {{ data.cancelButton | translate }} \n {{ data.okButton | translate }} \n \n \n {{ data.cancelButton | translate }} \n {{ data.okButton | translate }}{{ clickDelay }} \n \n \n {{ data.cancelButton | translate }} \n {{ data.okButton | translate }}{{ clickDelay }} \n \n \n {{ data.okButton | translate }}{{ clickDelay }} \n \n \n {{ data.cancelButton | translate }} \n {{ data.okButton | translate }} \n \n
\n\n \n\n \n {{ getErrorMessage() }}\n \n
\n \n\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-footer',\n templateUrl: './footer.component.html',\n styleUrls: ['./footer.component.scss']\n})\nexport class FooterComponent {\n\n public currentYear = new Date().getFullYear();\n\n constructor() { }\n\n}\n","\n","import { Component, OnInit } from '@angular/core';\nimport { MatDialog } from '@angular/material/dialog';\nimport { Router } from '@angular/router';\nimport { Store } from '@ngxs/store';\nimport * as moment from 'moment';\nimport { CookieService } from 'ngx-cookie-service';\nimport { interval } from 'rxjs';\nimport { DialogConfig, DialogType } from 'src/app/models/dialog.model';\nimport { AccountModel, StateModel } from 'src/app/models/store.model';\nimport { AuthService } from 'src/app/services/auth.service';\nimport { GarbageCollectorComponent } from 'src/app/utilities/garbage-collector';\nimport { Helper } from 'src/app/utilities/helper';\nimport { DialogComponent } from '../dialog/dialog.component';\n\n@Component({\n selector: 'app-header',\n templateUrl: './header.component.html',\n styleUrls: ['./header.component.scss']\n})\nexport class HeaderComponent extends GarbageCollectorComponent implements OnInit {\n\n public auth = false;\n public showPrint = false;\n public name?: string;\n public image?: string;\n public timeout = 0;\n public warningTime = 5 * 60 * 1000;\n public formattedTime = '';\n private _hours = 12;\n\n constructor(\n private _store: Store,\n private _router: Router,\n private _authService: AuthService,\n private _cookieService: CookieService,\n private _dialog: MatDialog\n ) {\n super();\n }\n\n public ngOnInit(): void {\n this.addSubscription(\n this._store.select((state: StateModel) => state.security.auth).subscribe((auth: boolean) => {\n this.auth = auth;\n })\n );\n this.addSubscription(\n this._store.select((state: StateModel) => state.account).subscribe((account: AccountModel) => {\n this.name = `${account.firstName} ${account.lastName}`.trim();\n this.image = account.image ? `url(${account.image})` : '';\n })\n );\n this.addSubscription(\n this._store.select((state: StateModel) => state.security.timeout).subscribe((timeout: number) => {\n if (timeout) {\n this.timeout = timeout;\n }\n })\n );\n this.addSubscription(\n interval(1000).subscribe(() => {\n this.timeout -= 1000;\n this.formattedTime = moment(this.timeout).format('mm:ss');\n })\n );\n this.showPrint = this._router.url.includes('handout');\n }\n\n public goTo(path: string): void {\n this._router.navigate([path]);\n }\n\n public extendTime(): void {\n this._authService.resetAutoLogout();\n }\n\n public lock(): void {\n if (this._cookieService.check('secret')) {\n this.goTo('logout');\n } else {\n const dialogData: DialogConfig = new DialogConfig(\n DialogType.CODE,\n 'dialog.createPin.headline',\n ['dialog.createPin.description', `${this._hours}`],\n );\n dialogData.values = {\n codeSize: 4,\n icon: 'lock'\n };\n const dialogRef = this._dialog.open(DialogComponent, {\n ...dialogData.layout(),\n data: dialogData\n });\n\n this.addSubscription(\n dialogRef.afterClosed().subscribe((code: string) => {\n const token = this._authService.getRefreshToken() || '';\n if (code && token !== '') {\n const encrypted = Helper.encrypt(code, token);\n this._cookieService.set('secret', encrypted, {\n expires: moment().add(this._hours, 'h').toDate(),\n sameSite: 'Strict'\n });\n this.goTo('logout');\n }\n })\n );\n }\n }\n\n public logout(): void {\n this._cookieService.delete('secret');\n this.goTo('logout');\n }\n\n public print(): void {\n window.print();\n }\n\n}\n","\n \n \n
\n \n \n
\n 0 && timeout < warningTime\" class=\"header__timeout\" (click)=\"extendTime()\">\n running_with_errors \n
\n {{ formattedTime }}
\n \n \n
\n \n \n {{name}}
\n \n
\n","import { Component, ElementRef, Input, OnInit } from '@angular/core';\nimport { IconService } from 'src/app/services/icon.service';\n\n@Component({\n selector: 'app-icon',\n templateUrl: './icon.component.html',\n styleUrls: ['./icon.component.scss']\n})\nexport class IconComponent implements OnInit {\n\n @Input()\n public icon!: string;\n\n public isOwn = false;\n public style: any = {};\n\n constructor(\n private _iconService: IconService,\n private _elRef: ElementRef\n ) { }\n\n public ngOnInit(): void {\n if (this.icon !== undefined) {\n this.isOwn = this._iconService.isOwnIcon(this.icon);\n }\n const el: HTMLElement = this._elRef.nativeElement as HTMLElement;\n const size = window.getComputedStyle(el).fontSize;\n el.style.height = size;\n el.style.width = size;\n el.style.minWidth = size;\n this.style = {\n fontSize: size,\n width: size,\n height: size\n };\n }\n\n}\n","\n
\n\n
\n","import { Component, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { Store } from '@ngxs/store';\nimport { NavigationItem, NavigationType, Role } from 'src/app/models/security.model';\nimport { AccountModel, StateModel } from 'src/app/models/store.model';\nimport { navigationItems } from 'src/app/routing/navigation-items';\nimport { GarbageCollectorComponent } from 'src/app/utilities/garbage-collector';\n\n@Component({\n selector: 'app-menu',\n templateUrl: './menu.component.html',\n styleUrls: ['./menu.component.scss']\n})\nexport class MenuComponent extends GarbageCollectorComponent implements OnInit {\n\n public avaibleItems: NavigationItem[] = [];\n public name?: string;\n public image?: string;\n\n constructor(\n private _store: Store,\n private _router: Router\n ) {\n super();\n }\n\n public ngOnInit(): void {\n this.addSubscription(\n this._store.select((state: StateModel) => state.security.role).subscribe((role: Role) => {\n this.avaibleItems = navigationItems.filter((item: NavigationItem) => {\n return item.authorized.includes(role) && item.type.includes(NavigationType.MENU);\n });\n this.avaibleItems.sort((a, b) => {\n return a.order - b.order;\n });\n })\n );\n this.addSubscription(\n this._store.select((state: StateModel) => state.account).subscribe((account: AccountModel) => {\n this.name = `${account.firstName} ${account.lastName}`.trim();\n this.image = account.image ? `url(${account.image})` : '';\n })\n );\n }\n\n public routeTo(route: string[]): void {\n this._router.navigate(route);\n }\n\n}\n","\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { FormBuilder, FormGroup } from '@angular/forms';\nimport { InputConfig, InputType } from 'src/app/models/input.model';\nimport { GarbageCollectorComponent } from 'src/app/utilities/garbage-collector';\n\n@Component({\n selector: 'app-new-password',\n templateUrl: './new-password.component.html',\n styleUrls: ['./new-password.component.scss']\n})\nexport class NewPasswordComponent extends GarbageCollectorComponent implements OnInit {\n\n public password1Config: InputConfig = new InputConfig(InputType.PASSWORD, 'input.password1.label', '', 'input.password1.hint');\n public password2Config: InputConfig = new InputConfig(InputType.PASSWORD, 'input.password2.label');\n\n @Input()\n public set disabled(state: boolean) {\n if (state === true && this.password1Config.control.enabled && this.password2Config.control.enabled) {\n this.password1Config.control.disable();\n this.password2Config.control.disable();\n } else {\n this.password1Config.control.enable();\n this.password2Config.control.enable();\n }\n }\n\n @Input()\n public empty?: string;\n\n @Output()\n public password: EventEmitter\n
\n\n \n
\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { PaginatorConfig } from 'src/app/models/administration.model';\nimport {SelectConfig, SelectOption} from '../../models/select.model';\nimport {LocalizationService} from '@tallence/localization';\n\n@Component({\n selector: 'app-paginator',\n templateUrl: './paginator.component.html',\n styleUrls: ['./paginator.component.scss']\n})\nexport class PaginatorComponent {\n\n public paginator!: PaginatorConfig;\n public templateConfig: SelectConfig = new SelectConfig('pageRows.template.label');\n\n @Input()\n public set config(cfg: PaginatorConfig) {\n this.paginator = cfg;\n this.paginator.last = Math.max(Math.ceil(cfg.total / cfg.size), 1);\n if (cfg.current > cfg.last) {\n this.paginator.current = cfg.last;\n }\n if (cfg.current < 1) {\n this.paginator.current = 1;\n }\n this._localizationService.getArrayFromKey('pageRows.template.options').forEach(key => {\n this.templateConfig.options.push(new SelectOption(`pageRows.template.options.${key}`, key));\n });\n this.templateConfig.control.setValue(cfg.size.toString());\n this.templateConfig.control.valueChanges.subscribe(() => {\n if (cfg.size.toString() !== this.templateConfig.control.value) {\n localStorage.setItem('pageRows', this.templateConfig.control.value);\n window.location.reload();\n }\n });\n }\n\n @Output()\n public changed: EventEmitter\n
\n","import { Component, ElementRef, Inject, OnDestroy, OnInit, ViewChild } from '@angular/core';\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\nimport { LocalizationService } from '@tallence/localization';\nimport { combineLatest, fromEvent, of } from 'rxjs';\nimport { switchMap } from 'rxjs/operators';\nimport { ResponseStatus } from 'src/app/models/administration.model';\nimport { PhotoUpload, ProcessingAction, ProcessingActionType, CropValue, Movement } from 'src/app/models/file-upload.model';\nimport { SelectConfig, SelectOption } from 'src/app/models/select.model';\nimport { SliderConfig } from 'src/app/models/slider.model';\nimport { EditorService } from 'src/app/services/editor/editor.service';\nimport { SnackbarService } from 'src/app/services/snackbar.service';\nimport { Canvas } from 'src/app/utilities/canvas';\nimport { GarbageCollectorComponent } from 'src/app/utilities/garbage-collector';\n\n@Component({\n selector: 'app-photo-editor',\n templateUrl: './photo-editor.component.html',\n styleUrls: ['./photo-editor.component.scss']\n})\nexport class PhotoEditorComponent extends GarbageCollectorComponent implements OnInit, OnDestroy {\n\n @ViewChild('canvas')\n public canvasRef!: ElementRef;\n @ViewChild('image')\n public imageRef!: ElementRef;\n @ViewChild('imageFrame')\n public imageFrameRef!: ElementRef;\n @ViewChild('boundaries')\n public boundariesRef!: ElementRef;\n @ViewChild('overlay')\n public overlayRef!: ElementRef;\n @ViewChild('shadowMask')\n public shadowMaskRef!: ElementRef;\n\n public photo?: PhotoUpload;\n\n public rotationConfig: SliderConfig = new SliderConfig('slider.rotation.label', '°');\n public zoomConfig: SliderConfig = new SliderConfig('slider.zoom.label', 'x');\n public brightnessConfig: SliderConfig = new SliderConfig('slider.brightness.label', '%');\n public contrastConfig: SliderConfig = new SliderConfig('slider.contrast.label', '%');\n public templateConfig: SelectConfig = new SelectConfig('select.template.label');\n\n public invalidMask: boolean[] = [false, false, false, false];\n public locked = false;\n public showTemplate = false;\n public mouseover = false;\n\n private _movement: Movement | null = null;\n private _rotation = 0;\n private _rotationStartValue = 0;\n private _rotationValue = 0;\n private _zoomValue = 0;\n private _tranformationEnabled = false;\n private _transformAction = '';\n\n constructor(\n public dialogRef: MatDialogRef\n
\n \n \n \n\n
\n \n\n {{ paginator.current }} - {{ paginator.last }}\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 { Component, ElementRef, Inject, OnInit, ViewChild } from '@angular/core';\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\nimport { PhotoState, PhotoUpload } from 'src/app/models/file-upload.model';\nimport { PhotosService } from 'src/app/services/photos.service';\nimport { Canvas } from 'src/app/utilities/canvas';\nimport { GarbageCollectorComponent } from 'src/app/utilities/garbage-collector';\n\n@Component({\n selector: 'app-photo-set',\n templateUrl: './photo-set.component.html',\n styleUrls: ['./photo-set.component.scss']\n})\nexport class PhotoSetComponent extends GarbageCollectorComponent implements OnInit {\n\n @ViewChild('canvas')\n public canvasRef!: ElementRef;\n\n private _dpi = 300;\n private _res = this._dpi / 25.4;\n private _pWidth = 152;\n private _pHeight = 102;\n\n public selectedSet = 0;\n public photos: PhotoUpload[] = [];\n public set4: number[] = [0, 0, 0, 0, 0];\n public set6: number[] = [0, 0, 0, 0, 0, 0];\n\n constructor(\n public dialogRef: MatDialogRef\n
\n \n
\n \n {{'button.cancel' | translate}} \n
\n \n {{'button.apply' | translate}} \n
\n \n {{ 'editor.step.set.headline' | translate }} \n
\n \n
\n\n\n {{ 'editor.step.set.description' | translate }}
\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 {{'button.set4' | translate}} \n {{'button.set6' | translate}} \n \n {{'button.cancel' | translate}} \n {{'button.print' | translate}} \n
\n\n","import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'app-photo-tile',\n templateUrl: './photo-tile.component.html',\n styleUrls: ['./photo-tile.component.scss']\n})\nexport class PhotoTileComponent {\n\n @Input()\n public src?: string;\n\n constructor() { }\n\n}\n","\n
\n","import { HttpErrorResponse, HttpEvent, HttpEventType } from '@angular/common/http';\nimport { Component, Input, OnInit } from '@angular/core';\nimport { MatDialog } from '@angular/material/dialog';\nimport { Router } from '@angular/router';\nimport { Store } from '@ngxs/store';\nimport * as moment from 'moment';\nimport { of } from 'rxjs';\nimport { switchMap } from 'rxjs/operators';\nimport { Handout, ResponseStatus } from 'src/app/models/administration.model';\nimport { DialogConfig, DialogType } from 'src/app/models/dialog.model';\nimport { PhotoAction, PhotoState, PhotoUpload, PhotoUploadResponse } from 'src/app/models/file-upload.model';\nimport { AccountModel, StateModel } from 'src/app/models/store.model';\nimport { EditorService } from 'src/app/services/editor/editor.service';\nimport { PhotosService } from 'src/app/services/photos.service';\nimport { SnackbarService } from 'src/app/services/snackbar.service';\nimport { GarbageCollectorComponent } from 'src/app/utilities/garbage-collector';\nimport { DialogComponent } from '../dialog/dialog.component';\nimport { PhotoEditorComponent } from '../photo-editor/photo-editor.component';\nimport { PhotoSetComponent } from '../photo-set/photo-set.component';\n\n@Component({\n selector: 'app-photo',\n templateUrl: './photo.component.html',\n styleUrls: ['./photo.component.scss']\n})\nexport class PhotoComponent extends GarbageCollectorComponent implements OnInit {\n\n @Input()\n public photo!: PhotoUpload;\n\n public date = '';\n public preview = false;\n public progress = 0;\n public actionItems: any[] = [];\n private _actions: PhotoAction[] = [];\n\n constructor(\n private _photosService: PhotosService,\n private _editorService: EditorService,\n private _snackbarService: SnackbarService,\n private _dialog: MatDialog,\n private _store: Store,\n private _router: Router,\n ) {\n super();\n }\n\n public ngOnInit(): void {\n if (this.photo) {\n this.date = moment(this.photo.file.lastModified).format('DD.MM.YYYY HH:mm');\n switch (this.photo.state) {\n case PhotoState.IMPORTED:\n this._actions = [PhotoAction.REMOVE, PhotoAction.UPLOAD];\n break;\n case PhotoState.INVALID:\n this._actions = [PhotoAction.REMOVE];\n break;\n case PhotoState.EDITABLE:\n this._actions = [PhotoAction.EDIT];\n if (Math.floor((this.photo.height / this.photo.width) * 1000) === Math.floor((4.5 / 3.5) * 1000)) {\n this._actions.push(PhotoAction.CONTINUE);\n }\n this.photo.success = '';\n break;\n case PhotoState.EDITED:\n this._actions = [PhotoAction.CHECK, PhotoAction.STORE];\n break;\n case PhotoState.REJECTED:\n this._actions = [PhotoAction.CHECK, PhotoAction.FORCE_SAVE];\n this.photo.fail = 'editor.status.rejected';\n break;\n case PhotoState.APPROVED:\n this._actions = [PhotoAction.SET, PhotoAction.HANDOUT];\n break;\n case PhotoState.ARCHIVED:\n this._actions = [PhotoAction.RESUME];\n if (this.photo.verification.token) {\n this._actions.push(...[PhotoAction.SET, PhotoAction.HANDOUT]);\n }\n break;\n default:\n break;\n }\n this.actionItems = this._actions.map(action => {\n return this._getAction(action);\n });\n }\n }\n\n private _getAction(action: PhotoAction): any {\n let item: any = {};\n switch (action) {\n case PhotoAction.REMOVE:\n item = {\n label: 'editor.action.remove',\n icon: 'delete',\n action\n };\n break;\n case PhotoAction.UPLOAD:\n item = {\n label: 'editor.action.upload',\n icon: 'upload',\n action\n };\n break;\n case PhotoAction.EDIT:\n item = {\n label: 'editor.action.edit',\n icon: 'edit',\n action\n };\n break;\n case PhotoAction.CHECK:\n item = {\n label: 'editor.action.check',\n icon: 'flaky',\n action\n };\n break;\n case PhotoAction.STORE:\n item = {\n label: 'editor.action.store',\n icon: 'cloud_upload',\n action\n };\n break;\n case PhotoAction.HANDOUT:\n item = {\n label: 'editor.action.handout',\n icon: 'qr_code',\n action\n };\n break;\n case PhotoAction.SET:\n item = {\n label: 'editor.action.set',\n icon: 'auto_awesome_mosaic',\n action\n };\n break;\n case PhotoAction.FORCE_SAVE:\n item = {\n label: 'editor.action.forceSave',\n icon: 'publish',\n action\n };\n break;\n case PhotoAction.RESUME:\n item = {\n label: 'editor.action.resume',\n icon: 'edit',\n action\n };\n break;\n case PhotoAction.CONTINUE:\n item = {\n label: 'editor.action.continue',\n icon: 'thumb_up_alt',\n action\n };\n break;\n default:\n break;\n }\n return item;\n }\n\n public doAction(action: PhotoAction): void {\n switch (action) {\n case PhotoAction.REMOVE:\n this._remove();\n break;\n case PhotoAction.UPLOAD:\n this._upload();\n break;\n case PhotoAction.EDIT:\n this._edit();\n break;\n case PhotoAction.CHECK:\n this._check();\n break;\n case PhotoAction.STORE:\n this._sendToCognitec();\n break;\n case PhotoAction.HANDOUT:\n this._getHandout();\n break;\n case PhotoAction.SET:\n this._createSet();\n break;\n case PhotoAction.FORCE_SAVE:\n this._forceSave();\n break;\n case PhotoAction.RESUME:\n this._resumeProcessing();\n break;\n case PhotoAction.CONTINUE:\n this._continue();\n break;\n default:\n break;\n }\n }\n\n public successAction(): void {\n if (this.photo.state === PhotoState.UPLOADED) {\n this._photosService.nextStepTrigger.next();\n }\n }\n public failAction(): void {\n if (this.photo.fail === 'editor.status.rejected') {\n this._showValidationErrors();\n }\n }\n\n private _upload(): void {\n this.progress = 1;\n this.addSubscription(\n this._editorService.uploadPhotos([this.photo.file]).subscribe({\n next: (event: HttpEvent\n \n
\n\n \n \n
\n \n \n
\n \n 0}\"\n (click)=\"doAction(item.action)\"\n >\n
\n {{ item.label | translate }}
\n {{ photo.success | translate }}
\n {{ photo.fail | translate }}
\n \n\n 0\" class=\"photo__upload\">\n \n
\n\n \n\n\n\n","import { Component, Input, OnInit } from '@angular/core';\nimport { Observable } from 'rxjs';\nimport { PhotoUpload, PhotoState } from 'src/app/models/file-upload.model';\nimport { PhotosService } from 'src/app/services/photos.service';\nimport { GarbageCollectorComponent } from 'src/app/utilities/garbage-collector';\n\n@Component({\n selector: 'app-photos-overview',\n templateUrl: './photos-overview.component.html',\n styleUrls: ['./photos-overview.component.scss']\n})\nexport class PhotosOverviewComponent extends GarbageCollectorComponent implements OnInit {\n\n @Input()\n public states: PhotoState[] = [];\n\n public photos: PhotoUpload[] = [];\n\n constructor(\n private _photosService: PhotosService\n ) {\n super();\n }\n\n public ngOnInit(): void {\n\n const collection: Observable{{ 'editor.uploading' | translate }}
\n \n
\n","import { Component, ElementRef, OnInit, ViewChild } from '@angular/core';\nimport { fromEvent } from 'rxjs';\nimport { PhotoState, PhotoUpload } from 'src/app/models/file-upload.model';\nimport { EditorService } from 'src/app/services/editor/editor.service';\nimport { PhotosService } from 'src/app/services/photos.service';\nimport { SnackbarService } from 'src/app/services/snackbar.service';\nimport { GarbageCollectorComponent } from 'src/app/utilities/garbage-collector';\n\n@Component({\n selector: 'app-photos-upload',\n templateUrl: './photos-upload.component.html',\n styleUrls: ['./photos-upload.component.scss']\n})\nexport class PhotosUploadComponent extends GarbageCollectorComponent implements OnInit {\n\n @ViewChild('dropboxElement')\n public overlayRef!: ElementRef;\n public dragging = false;\n public photos: PhotoUpload[] = [];\n public allPhotos: PhotoUpload[] = [];\n public preview: PhotoUpload | undefined;\n public verifiedCount = 0;\n public uploadStates: PhotoState[] = [PhotoState.IMPORTED, PhotoState.INVALID, PhotoState.UPLOADED];\n\n public fileInput = '';\n private _accept: string[] = ['.jpg', '.JPG', '.jepg'];\n private _maxFileSize = 16 * 1024 * 1024; // MB\n private _count = 0;\n\n constructor(\n private _photosService: PhotosService,\n private _snackbarService: SnackbarService,\n private _editorService: EditorService\n ) {\n super();\n }\n\n public ngOnInit(): void {\n this.addSubscription(\n this._photosService.getPhotos().subscribe((photos: PhotoUpload[]) => {\n this.allPhotos = photos;\n this.photos = photos.filter((photo: PhotoUpload) => {\n return [PhotoState.IMPORTED, PhotoState.INVALID, PhotoState.UPLOADED].includes(photo.state);\n });\n })\n );\n this._initOverlay();\n }\n\n private _initOverlay(): void {\n const document: Document = window.document;\n\n ['dragenter', 'dragover', 'dragleave', 'drop'].forEach(eventName => {\n this.addSubscription(\n fromEvent(document, eventName).subscribe((event) => {\n this.preview = undefined;\n event.preventDefault();\n event.stopPropagation();\n })\n );\n });\n ['dragenter', 'dragover'].forEach(eventName => {\n this.addSubscription(\n fromEvent(document, eventName).subscribe(() => {\n this.dragging = true;\n })\n );\n });\n this.addSubscription(\n fromEvent(document, 'mouseleave').subscribe(() => {\n this.dragging = false;\n })\n );\n ['dragleave', 'drop'].forEach(eventName => {\n this.addSubscription(\n fromEvent(document, eventName).subscribe((event) => {\n if (eventName === 'drop') {\n const data: DataTransfer | null = (event as DragEvent).dataTransfer;\n const files: FileList | undefined = data?.files;\n this._handleFiles(files);\n this.dragging = false;\n }\n })\n );\n });\n }\n\n public onFileChange(event: Event): void {\n const target = event.target as HTMLInputElement;\n if (target?.files?.length) {\n const files: FileList = target.files;\n this._handleFiles(files);\n }\n this.fileInput = '';\n }\n\n private _handleFiles(files: FileList | undefined): void {\n if (files && files.length) {\n this._count = files.length;\n this._editorService.processingMessage.next('editor.step.upload.overlay.importing');\n }\n Array.from(files || []).forEach((file: File) => {\n const match = this.allPhotos.find(f => f.file.name === file.name);\n const type: string = file.name.match(/\\.[a-zA-Z0-9]+$/)?.[0] || 'none';\n const oversize = file.size > this._maxFileSize;\n if (match) {\n this._snackbarService.showWarning(['snackbar.alreadyExists', file.name]);\n }\n if (oversize) {\n this._snackbarService.showWarning(['snackbar.oversize', file.name]);\n }\n if (!match && !oversize && (this._accept.includes(type) || this._accept.length === 0)) {\n this._createPreview(file);\n } else {\n this._count--;\n if (this._count <= 0) {\n this._editorService.processingMessage.next('');\n }\n }\n });\n }\n\n private _createPreview(file: File): void {\n const reader = new FileReader();\n reader.onload = (src) => {\n const source = `${src.target?.result}`;\n if (source.startsWith('data:image')) {\n const image = new Image();\n image.onload = () => {\n this._photosService.addPhoto(new PhotoUpload(file, image));\n this._count--;\n if (this._count <= 0) {\n this._editorService.processingMessage.next('');\n }\n };\n image.src = source;\n }\n };\n reader.readAsDataURL(file);\n }\n\n}\n"," \n
\n\n
\n\n\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { InputConfig, InputType } from 'src/app/models/input.model';\nimport { GarbageCollectorComponent } from 'src/app/utilities/garbage-collector';\n\n@Component({\n selector: 'app-search',\n templateUrl: './search.component.html',\n styleUrls: ['./search.component.scss']\n})\nexport class SearchComponent extends GarbageCollectorComponent implements OnInit {\n\n @Input()\n public config: InputConfig = new InputConfig(InputType.NONE, '');\n\n public searched = false;\n\n @Output()\n public action: EventEmitter\n {{ 'editor.step.upload.description' | translate }}\n
\n\n \n\n \n
\n","import { Component, Input, OnInit } from '@angular/core';\nimport { Validators } from '@angular/forms';\nimport { LocalizationService } from '@tallence/localization';\nimport { SelectConfig } from 'src/app/models/select.model';\n\n@Component({\n selector: 'app-select',\n templateUrl: './select.component.html',\n styleUrls: ['./select.component.scss']\n})\nexport class SelectComponent implements OnInit {\n\n @Input()\n public config: SelectConfig = new SelectConfig();\n @Input()\n public required?: string;\n @Input()\n public multiple?: string;\n\n constructor(\n private _localizationService: LocalizationService\n ) { }\n\n public ngOnInit(): void {\n this.config.multiple = this.multiple !== undefined;\n if (this.required !== undefined) {\n this.config.control.setValidators(Validators.required);\n }\n }\n\n public getErrorMessage(): string {\n if (this.config.control.hasError('required')) {\n if (this.required) {\n return this._localizationService.getTranslation(this.required);\n } else {\n return this._localizationService.getTranslation('input.error.required', [this.config.label]);\n }\n }\n return '';\n }\n\n}\n","\n
\n\n","import { Component, Input, OnInit } from '@angular/core';\nimport { MatSliderChange } from '@angular/material/slider';\nimport { SliderConfig } from 'src/app/models/slider.model';\nimport { GarbageCollectorComponent } from 'src/app/utilities/garbage-collector';\n\n@Component({\n selector: 'app-slider',\n templateUrl: './slider.component.html',\n styleUrls: ['./slider.component.scss']\n})\nexport class SliderComponent extends GarbageCollectorComponent implements OnInit {\n\n @Input()\n public config: SliderConfig = new SliderConfig('');\n\n public current = 0;\n private _initValue = 0;\n\n constructor() {\n super();\n }\n\n public ngOnInit(): void {\n this.current = Number(this.config.control.value);\n this._initValue = Number(this.config.control.value);\n this.addSubscription(\n this.config.control.valueChanges.subscribe(value => {\n const factor: number = 1 / this.config.step;\n if (value !== '' && value !== '-') {\n let val: number = Math.round(parseFloat(value) * factor) / factor;\n if (!isNaN(val)) {\n if (Number(value) === val) {\n if (val < this.config.min) {\n this.config.control.setValue(this.config.min);\n val = this.config.min;\n }\n if (val > this.config.max) {\n this.config.control.setValue(this.config.max);\n val = this.config.max;\n }\n this.current = val;\n } else {\n this.config.control.setValue(val);\n }\n } else {\n this.config.control.setValue(this.current);\n }\n }\n })\n );\n }\n\n public reset(): void {\n this.config.control.setValue(this._initValue);\n }\n\n public changeValue(change: MatSliderChange): void {\n this.config.control.setValue(change.value);\n }\n\n public cleanUpValue(): void {\n this.config.control.setValue(Number(this.config.control.value));\n }\n\n}\n","\n\n","import { Component, Input, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup } from '@angular/forms';\nimport { InputConfig, InputType } from 'src/app/models/input.model';\n\n@Component({\n selector: 'app-studio',\n templateUrl: './studio.component.html',\n styleUrls: ['./studio.component.scss']\n})\nexport class StudioComponent implements OnInit {\n\n @Input()\n public form: FormGroup = this._fb.group({});\n @Input()\n public label?: [string, number];\n\n public studioNameConfig: InputConfig = new InputConfig(InputType.TEXT, 'input.studioName.label');\n public licenseNumberConfig: InputConfig = new InputConfig(InputType.TEXT, 'input.licenseNumber.label');\n public addressConfig: InputConfig = new InputConfig(InputType.TEXT, 'input.address.label');\n public zipConfig: InputConfig = new InputConfig(InputType.TEXT, 'input.zip.label');\n public locationConfig: InputConfig = new InputConfig(InputType.TEXT, 'input.location.label');\n\n constructor(\n private _fb: FormBuilder,\n ) { }\n\n public ngOnInit(): void {\n this.form.addControl('name', this.studioNameConfig.control);\n this.form.addControl('name', this.licenseNumberConfig.control);\n this.form.addControl('address', this.addressConfig.control);\n this.form.addControl('zip', this.zipConfig.control);\n this.form.addControl('location', this.locationConfig.control);\n }\n\n}\n","\n {{small ? 'unfold_less' : 'unfold_more'}} \n
\n\n \n \n \n
\n {{ item.label | translate }}
\n \n
\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Sort } from '@angular/material/sort';\nimport { LocalizationService } from '@tallence/localization';\nimport { PaginatorConfig, TableAction, TableActionType, TableConfig, UserStatus } from 'src/app/models/administration.model';\nimport { Role } from 'src/app/models/security.model';\nimport { IconService } from 'src/app/services/icon.service';\n\n@Component({\n selector: 'app-table',\n templateUrl: './table.component.html',\n styleUrls: ['./table.component.scss']\n})\nexport class TableComponent {\n\n public tableConfig = new TableConfig();\n private _items: any[] = [];\n private _sortedItems: any[] = [];\n\n @Input()\n public set config(cfg: TableConfig) {\n this._items = cfg.items.map(item => {\n const role = item.role || Role.NONE;\n const status = item.status || UserStatus.UNKNOWN;\n return {\n ...item,\n userRole: role,\n role: this._localizationService.getTranslation(`role.${role}`),\n userStatus: status,\n status: this._localizationService.getTranslation(`status.${status}`)\n };\n });\n this.tableConfig = {\n ...cfg,\n items: [...this._items]\n };\n this._sortedItems = [...this._items];\n if (cfg.paginator.total === 0) {\n this.tableConfig.paginator.total = this._items.length;\n }\n if (this.paginator !== undefined && this.paginator !== 'true') {\n this.pageChanged(this.tableConfig.paginator);\n }\n if (this.paginator === 'true' && cfg.paginator.total > cfg.paginator.size) {\n this.tableConfig.items = this._sortedItems.slice(0, cfg.paginator.size);\n }\n }\n @Input()\n public paginator?: string;\n @Input()\n public sortable?: string;\n\n @Output()\n public changed: EventEmitter{{ label[0] | translate:[label[1]] }}
\n \n \n \n
\n
\n","import { Component, Input } from '@angular/core';\nimport { ToggleConfig } from 'src/app/models/toggle.model';\n\n@Component({\n selector: 'app-toggle',\n templateUrl: './toggle.component.html',\n styleUrls: ['./toggle.component.scss']\n})\nexport class ToggleComponent {\n\n @Input()\n public config: ToggleConfig = new ToggleConfig('');\n\n constructor() { }\n\n}\n","| \n | |
|---|---|
| \n | \n \n | \n
\n
\n\n {{config.label | translate}} \n
\n","import { Component } from '@angular/core';\nimport { Router } from '@angular/router';\n\n@Component({\n selector: 'app-welcome',\n templateUrl: './welcome.component.html',\n styleUrls: ['./welcome.component.scss']\n})\nexport class WelcomeComponent {\n\n constructor() { }\n\n}\n","\n ![\"\"](\"../../../assets/images/ringfoto_360w.png\")
\n
\n","import { Sort } from '@angular/material/sort';\nimport { Role } from './security.model';\n\nexport enum UserStatus {\n UNKNOWN = 'UNKNOWN',\n DELETED = 'DELETED',\n PENDING = 'PENDING',\n ACTIVE = 'ACTIVE',\n INACTIVE = 'INACTIVE',\n APPROVED = 'APPROVED',\n DEACTIVATED = 'DEACTIVATED',\n BLACKLISTED = 'BLACKLISTED'\n}\n\nexport enum ResponseStatus {\n NONE,\n PENDING,\n SUCCESS,\n ERROR,\n CONFLICT,\n UNAUTHORIZED\n}\n\nexport class Employee {\n public image = '';\n public salutation = '';\n public nationality = '';\n public firstName: string;\n public lastName: string;\n public email: string;\n public phone1 = '';\n public phone2 = '';\n public status: UserStatus = UserStatus.UNKNOWN;\n constructor(firstName: string = '', lastName: string = '', email: string = '') {\n this.firstName = firstName;\n this.lastName = lastName;\n this.email = email;\n }\n}\n\nexport class Photographer {\n public image = '';\n public salutation = '';\n public firstName = '';\n public lastName = '';\n public nationality = '';\n public idCardNumber = '';\n public company = '';\n public companyLegalForm = '';\n public email = '';\n public website = '';\n public phone1 = '';\n public phone2 = '';\n public status: UserStatus = UserStatus.UNKNOWN;\n constructor(firstName: string = '', lastName: string = '', email: string = '') {\n this.firstName = firstName;\n this.lastName = lastName;\n this.email = email;\n }\n}\n\nexport class User {\n public role: Role = Role.NONE;\n public salutation = '';\n public firstName = '';\n public lastName = '';\n public email = '';\n public status: UserStatus = UserStatus.UNKNOWN;\n}\n\nexport class Camera {\n public cameraManufacturer: string;\n public cameraModel: string;\n public cameraId: string;\n public publicKey: string;\n public licenseBeginDate: string;\n public licenseEndDate: string;\n constructor(\n cameraManufacturer: string = '',\n cameraModel: string = '',\n cameraId: string = '',\n publicKey: string = '',\n licenseBeginDate: string = '',\n licenseEndDate: string = ''\n ) {\n this.cameraManufacturer = cameraManufacturer;\n this.cameraModel = cameraModel;\n this.cameraId = cameraId;\n this.publicKey = publicKey;\n this.licenseBeginDate = licenseBeginDate;\n this.licenseEndDate = licenseEndDate;\n }\n}\n\nexport class UigEmployee {\n public role: Role = Role.NONE;\n public salutation: string;\n public firstName: string;\n public lastName: string;\n public email: string;\n public phone1 = '';\n public status: UserStatus = UserStatus.UNKNOWN;\n constructor(salutation: string = '', firstName: string = '', lastName: string = '', email: string = '') {\n this.salutation = salutation;\n this.firstName = firstName;\n this.lastName = lastName;\n this.email = email;\n }\n}\n\nexport class HardwareProvider {\n public salutation: string;\n public firstName: string;\n public lastName: string;\n public company: string;\n public companyLegalForm: string;\n public address = '';\n public zip = '';\n public location = '';\n public email: string;\n public phone1 = '';\n public status: UserStatus = UserStatus.UNKNOWN;\n constructor(\n salutation: string = '',\n firstName: string = '',\n lastName: string = '',\n company: string = '',\n companyLegalForm: string = '',\n email: string = '')\n {\n this.salutation = salutation;\n this.firstName = firstName;\n this.lastName = lastName;\n this.company = company;\n this.companyLegalForm = companyLegalForm;\n this.email = email;\n }\n}\n\nexport class Studio {\n public studioName = '';\n public licenseNumber = '';\n public address = '';\n public zip = '';\n public location = '';\n}\n\nexport class Attachment {\n public name = '';\n public url = '';\n}\n\nexport class Application extends User {\n public created = '';\n public documents: Attachment[] = [];\n public studios: Studio[] = [];\n constructor() {\n super();\n }\n}\n\nexport class ApplicationReply {\n public role: Role;\n public email: string;\n public salutation: string;\n public firstName: string;\n public lastName: string;\n public company: string;\n public approvalGranted: boolean;\n public rejectReason: string;\n\n constructor(role: Role, email: string, salutation: string, firstName: string, lastName: string, company: string, approvalGranted: boolean, rejectReason: string = '') {\n this.role = role;\n this.email = email;\n this.salutation = salutation;\n this.firstName = firstName;\n this.lastName = lastName;\n this.company = company;\n this.approvalGranted = approvalGranted;\n this.rejectReason = rejectReason;\n }\n}\n\nexport class PaginatorConfig {\n public size = localStorage.getItem('pageRows') ? Number(localStorage.getItem('pageRows')) : 10;\n public current = 1;\n public last = 1;\n public total = 0;\n public disabled = false;\n}\n\nexport class SearchQuery {\n public offset = 0;\n public limit = 99999;\n public pageLimit = localStorage.getItem('pageRows') ? Number(localStorage.getItem('pageRows')) : 10;\n public roles: Role[];\n public sort: Sort = {active: '', direction: ''};\n public text = '';\n public invitor = ''; // TODO: Change to inviter when it will be fixed by the BE\n\n constructor(roles: Role[] = []) {\n this.roles = roles;\n }\n\n public params(): string[] {\n\n let params = `offset=${this.offset}&limit=${this.limit}`;\n if (this.sort.active !== '' && this.sort.direction !== '') {\n params += `&sortAttribute=${this.sort.active}&sortDirection=${this.sort.direction.replace('desc', 'dsc').toUpperCase()}`;\n }\n if (this.text !== '') {\n params += `&text=${this.text}`;\n }\n if (this.invitor !== '') {\n params += `&invitor=${this.invitor}`;\n }\n if (this.roles.length === 0) {\n return [params];\n } else {\n return this.roles.map((role) => {\n return params + `&role=${role}`;\n });\n }\n }\n}\n\nexport class TableConfig {\n public header: string[] = [];\n public items: any[] = [];\n public actions: TableActionType[] = [];\n public click: TableActionType = TableActionType.NONE;\n public sort: Sort = {active: '', direction: ''};\n public sortDisabled = false;\n public actionId = 'email';\n public paginator: PaginatorConfig = new PaginatorConfig();\n}\n\nexport class TableAction {\n public name: TableActionType;\n public id: string;\n constructor(name: TableActionType = TableActionType.NONE, id: string = '') {\n this.name = name;\n this.id = id;\n }\n}\n\nexport enum TableActionType {\n NONE = '',\n EDIT = 'edit-outline',\n UPDATE = 'update-outline',\n DELETE = 'delete-outline',\n DEACTIVATE = 'block',\n REACTIVATE = 'account-reactivate-outline',\n PUBLIC_KEY = 'shield-key-outline',\n VIEW_APPLICATION = 'card-search-outline',\n DOWNLAOD = 'download-circle-outline',\n REMOVE_STUDIO = 'home-minus-outline',\n STUDIOS = 'holiday_village',\n LICENSE = 'calendar-edit',\n ADD_COMPANY = 'home-plus-outline'\n}\n\nexport class Handout {\n public studio = '';\n public date = '';\n public token = '';\n public url = '';\n public id = '';\n public expiryDate = '';\n public validationResult: object = [];\n public preview = '';\n public secretKey = '';\n}\n\nexport class Company {\n public company = '';\n public companyLegalForm = '';\n public email = '';\n}\n","import { FormControl } from '@angular/forms';\n\nexport class AutocompleteOption {\n public value: string;\n public disabled: boolean;\n\n constructor(value: any, disabled: boolean = false) {\n this.value = `${value}`;\n this.disabled = disabled;\n }\n}\n\nexport class AutocompleteConfig {\n public control: FormControl;\n public label: string;\n public placeholder: string;\n public hint: string;\n public options: AutocompleteOption[];\n public multiple: boolean;\n\n constructor(label: string = '', placeholder: string = '', hint: string = '') {\n this.control = new FormControl('');\n this.label = label;\n this.placeholder = placeholder;\n this.hint = hint;\n this.options = [];\n this.multiple = false;\n }\n}\n","import { FormControl } from '@angular/forms';\n\nexport class CheckboxConfig {\n public control: FormControl;\n public label: string;\n\n constructor(label: string) {\n this.control = new FormControl(false);\n this.label = label;\n }\n}\n","import { FormControl } from '@angular/forms';\n\nexport class DatePickerConfig {\n public control: FormControl;\n public label: string;\n\n constructor(label: string) {\n this.control = new FormControl('');\n this.label = label;\n }\n}\n","export enum DialogType {\n CONFIRM = 'confirm',\n CONFLICT = 'conflict',\n ADD_EMPLOYEE = 'add_employee',\n ADD_UIG_EMPLOYEE = 'add_uig_employee',\n ADD_HARDWARE_PROVIDER = 'add_hardware_provider',\n ADD_CAMERA = 'add_camera',\n UPDATE_CAMERA = 'update_camera',\n ADD_STUDIO = 'add_studio',\n UPDATE_STUDIO = 'update_studio',\n DELETE_ACCOUNT = 'delete_account',\n ACCOUNT_DELETED = 'account_deleted',\n REJECT_APPLICATION = 'reject_application',\n SUCCESS = 'success',\n FAIL = 'fail',\n SEARCH_COMPANY = 'search_company',\n CODE = 'code',\n FORCE_SAVE = 'force_save',\n VALIDATION_ERRORS = 'validation_errors',\n PASSWORD = 'password',\n BLOCK = 'block'\n}\n\nexport class DialogConfig {\n public type: DialogType;\n public headline: string;\n public description: string[];\n public okButton: string;\n public cancelButton: string;\n public values: any = {};\n constructor(\n type: DialogType,\n headline: string = '',\n description: string[] = [],\n okButton: string = 'button.ok',\n cancelButton: string = 'button.cancel'\n ) {\n this.type = type;\n this.headline = headline;\n this.description = description;\n this.okButton = okButton;\n this.cancelButton = cancelButton;\n }\n\n public static smallSize(): string {\n return '500px';\n }\n public static largeSize(): string {\n return '800px';\n }\n\n public clone(): DialogConfig {\n const config = new DialogConfig(\n this.type,\n this.headline,\n this.description,\n this.okButton,\n this.cancelButton\n );\n return config;\n }\n\n public layout(): any {\n const layout: any = {\n minWidth: '200px',\n width: '100%',\n maxWidth: '500px',\n };\n switch (this.type) {\n case DialogType.ADD_STUDIO:\n case DialogType.UPDATE_STUDIO:\n case DialogType.ADD_CAMERA:\n case DialogType.ADD_EMPLOYEE:\n case DialogType.ADD_UIG_EMPLOYEE:\n case DialogType.ADD_HARDWARE_PROVIDER:\n case DialogType.REJECT_APPLICATION:\n case DialogType.SEARCH_COMPANY:\n layout.maxWidth = '800px';\n break;\n default:\n break;\n }\n return layout;\n }\n\n}\n","import { FormControl } from '@angular/forms';\nimport { Canvas } from '../utilities/canvas';\n\nexport class FileUploadConfig {\n public control: FormControl;\n public label: string;\n\n constructor(label: string) {\n this.control = new FormControl([]);\n this.label = label;\n }\n}\n\nexport enum PhotoState {\n NONE = 'none',\n IMPORTED = 'imported',\n UPLOADED = 'uploaded',\n INVALID = 'invalid',\n EDITABLE = 'editable',\n EDITED = 'edited',\n REJECTED = 'rejected',\n APPROVED = 'approved',\n ARCHIVED = 'archived',\n}\n\nexport enum PhotoAction {\n UPLOAD = 'upload',\n DOWNLAOD = 'download',\n REMOVE = 'remove',\n EDIT = 'edit',\n STORE = 'store',\n HANDOUT = 'handout',\n CHECK = 'check',\n SET = 'set',\n FORCE_SAVE = 'forceSave',\n RESUME = 'resume',\n CONTINUE = 'continue',\n}\n\nexport enum ProcessingActionType {\n CONTRAST = 'CONTRAST',\n BRIGHTNESS = 'BRIGHTNESS',\n ROTATION = 'ROTATION',\n CROP = 'CROP'\n}\n\nexport class CropValue {\n public origin: { x: number; y: number } = {x: 0, y: 0};\n public size: { w: number; h: number } = {w: 0, h: 0};\n constructor(x: number, y: number, w: number, h: number) {\n this.origin.x = x;\n this.origin.y = y;\n this.size.w = w;\n this.size.h = h;\n }\n}\n\nexport class ProcessingAction {\n public type: ProcessingActionType;\n public value: number | CropValue;\n constructor(type: ProcessingActionType, value: number | CropValue) {\n this.type = type;\n this.value = value;\n }\n}\n\nexport interface PhotoUploadResponse {\n imageId: string;\n fileName: string;\n}\n\nexport interface Movement {\n x: number;\n y: number;\n}\n\nexport class PhotoVerification {\n public createdDateTime = '';\n public expiryDate = '';\n public token = '';\n public url = '';\n public authorityData: any = {};\n public secretKey = '';\n\n get hasNoFace(): boolean {\n return this.authorityData.faceCaptureCount === 0;\n }\n\n get hasMultipleFaces(): boolean {\n return this.authorityData.faceCaptureCount > 1;\n }\n\n get faceCount(): number {\n return Number(this.authorityData.faceCaptureCount);\n }\n\n get cognitecApproved(): boolean {\n return this.authorityData.result === \"Success\";\n }\n}\n\nexport class ValidationResult {\n public onlyOneFaceVisible: boolean | undefined = false;\n public goodVerticalPosition: boolean | undefined = false;\n public goodHorizontalPosition: boolean | undefined = false;\n public widthOfHead: boolean | undefined = false;\n public lengthOfHead: boolean | undefined = false;\n public resolution: boolean | undefined = false;\n public goodExposure: boolean | undefined = false;\n public goodGrayScaleProfile: boolean | undefined = false;\n public hasNaturalSkinColor: boolean | undefined = false;\n public noHotSpots: boolean | undefined = false;\n public isFrontal: boolean | undefined = false;\n public isLightningUniform: boolean | undefined = false;\n public noTintedGlasses: boolean | undefined = false;\n public isSharp: boolean | undefined = false;\n public imageWidthToHeight: boolean | undefined = false;\n public isBackGroundUniform: boolean | undefined = false;\n public eyesOpen: boolean | undefined = false;\n public eyesGazeFrontal: boolean | undefined = false;\n public eyesNotRed: boolean | undefined = false;\n public mouthClosed: boolean | undefined = false;\n}\n\nexport interface QualityAssurance {\n identifier: string;\n result: number;\n}\n\nexport class PhotoUpload {\n public file: File;\n public image: HTMLImageElement;\n public state: PhotoState;\n public id = '';\n public preview: string;\n public actions: ProcessingAction[] = [];\n public width: number;\n public height: number;\n public verification: PhotoVerification = new PhotoVerification();\n public validationResult: ValidationResult = new ValidationResult();\n public validationErrors: string[] = [];\n public success = '';\n public fail = '';\n public uploaded = false;\n public savedState: PhotoState = PhotoState.NONE;\n constructor(file: File, image: HTMLImageElement) {\n this.file = file;\n this.image = image;\n this.preview = Canvas.getPreview(image);\n this.state = PhotoState.IMPORTED;\n this.width = image.width;\n this.height = image.height;\n }\n}\n","import { FormControl } from '@angular/forms';\n\nexport enum InputType {\n NONE = 'none',\n TEXT = 'text',\n EMAIL = 'email',\n PASSWORD = 'password',\n PHONE = 'tel',\n DATE = 'date',\n}\n\nexport class InputConfig {\n public control: FormControl;\n public type: InputType;\n public label: string;\n public placeholder: string;\n public hint: string;\n\n constructor(type: InputType, label: string, placeholder: string = '', hint: string = '') {\n this.control = new FormControl('');\n this.type = type;\n this.label = label;\n this.placeholder = placeholder;\n this.hint = hint;\n }\n}\n","export enum Role {\n NONE = 'NONE',\n ADMIN = 'UIG_ADMIN',\n PHOTOGRAPHER = 'PHOTOGRAPHER',\n EMPLOYEE = 'STUDIO_EMPLOYEE',\n HARDWARE_PROVIDER = 'HARDWARE_PROVIDER',\n HARDWARE_PROVIDER_ADMIN = 'HARDWARE_PROVIDER_ADMIN',\n UIG = 'UIG_EMPLOYEE',\n}\n\nexport enum NavigationType {\n SIDENAV = 'sidenav',\n MENU = 'menu'\n}\n\nexport interface NewPassword {\n jwToken: string;\n password: string;\n}\n\nexport interface NavigationItem {\n authorized: Role[];\n type: NavigationType[];\n icon: string;\n label: string;\n route: string[];\n order: number;\n}\n","import { FormControl } from '@angular/forms';\n\nexport class SelectOption {\n public name: string;\n public value: string;\n public disabled: boolean;\n\n constructor(name: string, value: any, disabled: boolean = false) {\n this.name = name;\n this.value = `${value}`;\n this.disabled = disabled;\n }\n}\n\nexport class SelectConfig {\n public control: FormControl;\n public label: string;\n public hint: string;\n public options: SelectOption[];\n public multiple: boolean;\n\n constructor(label: string = '', hint: string = '') {\n this.control = new FormControl();\n this.label = label;\n this.hint = hint;\n this.options = [];\n this.multiple = false;\n }\n}\n","import { FormControl } from '@angular/forms';\n\nexport class SliderConfig {\n public control: FormControl;\n public label: string;\n public unit: string;\n public min = -100;\n public max = 100;\n public step = 1;\n public id: string;\n\n constructor(label: string, unit: string = '') {\n this.control = new FormControl('0');\n this.label = label;\n this.unit = unit;\n this.id = `id${label.replace(/\\./g, '')}${Math.round(+new Date() * Math.random())}`;\n }\n}\n","import { Application, Camera, Company, Employee, HardwareProvider, Photographer, Studio, User } from './administration.model';\nimport { Role } from './security.model';\n\nexport interface SecurityModel {\n auth: boolean;\n role: Role;\n smallSidenav: boolean;\n timeout: number;\n licenseToken: string;\n otpSecret: string;\n}\n\nexport class AccountModel {\n public loaded = false;\n public image = '';\n public salutation = '';\n public firstName = '';\n public lastName = '';\n public nationality = '';\n public idCardNumber = '';\n public company = '';\n public companyLegalForm = '';\n public email = '';\n public website = '';\n public phone1 = '';\n public phone2 = '';\n public address = '';\n public zip = '';\n public location = '';\n}\n\nexport interface StateModel {\n security: SecurityModel;\n account: AccountModel;\n administration: AdministrationModel;\n}\n\nexport interface UserItems {\n items: User[];\n total: number;\n}\n\nexport interface CameraItems {\n items: Camera[];\n total: number;\n}\n\nexport interface CompanyItems {\n items: Company[];\n total: number;\n}\n\nexport interface StudioItems {\n items: Studio[];\n total: number;\n}\n\nexport interface AdministrationModel {\n employees: Employee[];\n photographer: Photographer[];\n cameras: CameraItems;\n hardwareProviders: HardwareProvider[];\n applications: Application[];\n users: UserItems;\n companies: CompanyItems;\n studios: StudioItems;\n}\n","import { FormControl } from '@angular/forms';\n\nexport class ToggleConfig {\n public control: FormControl;\n public label: string;\n\n constructor(label: string) {\n this.control = new FormControl(false);\n this.label = label;\n }\n}\n","import { APP_INITIALIZER, Injectable, NgModule } from '@angular/core';\nimport { BrowserModule, HammerGestureConfig, HammerModule, HAMMER_GESTURE_CONFIG } from '@angular/platform-browser';\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { HttpClientModule } from '@angular/common/http';\n\nimport { AppComponent } from '../app.component';\nimport { RoutingModule } from './routing.module';\nimport { NgxsModule } from '@ngxs/store';\nimport { NgxsReduxDevtoolsPluginModule } from '@ngxs/devtools-plugin';\nimport { environment } from 'src/environments/environment';\nimport { SecurityState } from '../store/security/security.state';\nimport { LocalizationModule } from '@tallence/localization';\nimport { AccountState } from '../store/account/account.state';\nimport { AdministrationState } from '../store/administration/administration.state';\nimport { MaterialModule } from './material.module';\nimport { ComponentsModule } from './components.module';\nimport { ConfigService } from '../services/config.service';\nimport { CookieService } from 'ngx-cookie-service';\nimport * as Hammer from 'hammerjs';\n\nexport function appInit(configService: ConfigService): any {\n return () => configService.loadApi();\n}\n\n@Injectable()\nexport class HammerConfig extends HammerGestureConfig {\n overrides = {\n rotate: {\n direction: Hammer.DIRECTION_ALL,\n enable: true,\n },\n pinch: {\n direction: Hammer.DIRECTION_ALL,\n enable: true,\n },\n pan: {\n direction: Hammer.DIRECTION_ALL,\n requireFailure: ['rotate, pinch']\n }\n };\n}\n\n@NgModule({\n declarations: [\n AppComponent,\n ],\n imports: [\n BrowserModule,\n RoutingModule,\n BrowserAnimationsModule,\n NgxsModule.forRoot([\n SecurityState,\n AccountState,\n AdministrationState\n ], { developmentMode: !environment.production }),\n NgxsReduxDevtoolsPluginModule.forRoot(),\n HttpClientModule,\n MaterialModule,\n ComponentsModule,\n LocalizationModule,\n HammerModule\n ],\n providers: [\n {\n provide: APP_INITIALIZER, useFactory: appInit, deps: [ConfigService], multi: true\n },\n {\n provide: HAMMER_GESTURE_CONFIG,\n useClass: HammerConfig,\n },\n CookieService\n ],\n bootstrap: [AppComponent]\n})\nexport class AppModule { }\n","import { NgModule } from '@angular/core';\nimport { InputComponent } from '../components/input/input.component';\nimport { InputFileComponent } from '../components/input-file/input-file.component';\nimport { MaterialModule } from '../modules/material.module';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { CommonModule } from '@angular/common';\nimport { LocalizationModule } from '@tallence/localization';\nimport { SelectComponent } from '../components/select/select.component';\nimport { AutocompleteComponent } from '../components/autocomplete/autocomplete.component';\nimport { FileUploadComponent } from '../components/file-upload/file-upload.component';\nimport { StudioComponent } from '../components/studio/studio.component';\nimport { IconComponent } from '../components/icon/icon.component';\nimport { CheckboxComponent } from '../components/checkbox/checkbox.component';\nimport { DataRowComponent } from '../components/data-row/data-row.component';\nimport { NewPasswordComponent } from '../components/new-password/new-password.component';\nimport { DialogComponent } from '../components/dialog/dialog.component';\nimport { ContentComponent } from '../components/content/content.component';\nimport { MenuComponent } from '../components/menu/menu.component';\nimport { ConsoleComponent } from '../components/console/console.component';\nimport { HeaderComponent } from '../components/header/header.component';\nimport { FooterComponent } from '../components/footer/footer.component';\nimport { SidenavComponent } from '../components/sidenav/sidenav.component';\nimport { PaginatorComponent } from '../components/paginator/paginator.component';\nimport { TableComponent } from '../components/table/table.component';\nimport { CardComponent } from '../components/card/card.component';\nimport { ButtonComponent } from '../components/button/button.component';\nimport { AvatarComponent } from '../components/avatar/avatar.component';\nimport { DatePickerComponent } from '../components/date-picker/date-picker.component';\nimport { HeadlineComponent } from '../components/headline/headline.component';\nimport { PhotoTileComponent } from '../components/photo-tile/photo-tile.component';\nimport { SliderComponent } from '../components/slider/slider.component';\nimport { ToggleComponent } from '../components/toggle/toggle.component';\nimport { WelcomeComponent } from '../components/welcome/welcome.component';\nimport { SearchComponent } from '../components/search/search.component';\nimport { LegendComponent } from '../components/legend/legend.component';\nimport { QRCodeModule } from 'angularx-qrcode';\nimport { CodeInputComponent } from '../components/code-input/code-input.component';\nimport { PhotosUploadComponent } from '../components/photos-upload/photos-upload.component';\nimport { PhotoComponent } from '../components/photo/photo.component';\nimport { PhotoEditorComponent } from '../components/photo-editor/photo-editor.component';\nimport { PhotosOverviewComponent } from '../components/photos-overview/photos-overview.component';\nimport { PhotoSetComponent } from '../components/photo-set/photo-set.component';\n\n@NgModule({\n declarations: [\n InputComponent,\n InputFileComponent,\n SelectComponent,\n AutocompleteComponent,\n FileUploadComponent,\n StudioComponent,\n IconComponent,\n CheckboxComponent,\n DataRowComponent,\n NewPasswordComponent,\n DialogComponent,\n ContentComponent,\n MenuComponent,\n ConsoleComponent,\n HeaderComponent,\n FooterComponent,\n SidenavComponent,\n PaginatorComponent,\n TableComponent,\n CardComponent,\n ButtonComponent,\n AvatarComponent,\n DatePickerComponent,\n HeadlineComponent,\n PhotoTileComponent,\n SliderComponent,\n ToggleComponent,\n WelcomeComponent,\n SearchComponent,\n LegendComponent,\n CodeInputComponent,\n PhotosUploadComponent,\n PhotoComponent,\n PhotoEditorComponent,\n PhotosOverviewComponent,\n PhotoSetComponent\n ],\n imports: [\n FormsModule,\n ReactiveFormsModule,\n MaterialModule,\n CommonModule,\n LocalizationModule,\n QRCodeModule\n ],\n exports: [\n InputComponent,\n InputFileComponent,\n SelectComponent,\n AutocompleteComponent,\n FileUploadComponent,\n StudioComponent,\n IconComponent,\n CheckboxComponent,\n DataRowComponent,\n NewPasswordComponent,\n DialogComponent,\n ContentComponent,\n ConsoleComponent,\n HeaderComponent,\n FooterComponent,\n SidenavComponent,\n PaginatorComponent,\n TableComponent,\n CardComponent,\n ButtonComponent,\n AvatarComponent,\n DatePickerComponent,\n HeadlineComponent,\n PhotoTileComponent,\n SliderComponent,\n ToggleComponent,\n WelcomeComponent,\n SearchComponent,\n LegendComponent,\n CodeInputComponent,\n PhotosUploadComponent,\n PhotoComponent,\n PhotoEditorComponent,\n PhotosOverviewComponent,\n PhotoSetComponent\n ]\n})\nexport class ComponentsModule { }\n","import { NgModule } from '@angular/core';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatSelectModule } from '@angular/material/select';\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatStepperModule } from '@angular/material/stepper';\nimport { MatCardModule } from '@angular/material/card';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatSortModule } from '@angular/material/sort';\nimport { MatRippleModule } from '@angular/material/core';\nimport { MatDatepickerModule } from '@angular/material/datepicker';\nimport { MatSliderModule } from '@angular/material/slider';\nimport { MatSlideToggleModule } from '@angular/material/slide-toggle';\nimport { MatSnackBarModule } from '@angular/material/snack-bar';\nimport { MatTabsModule } from '@angular/material/tabs';\n\n@NgModule({\n exports: [\n MatInputModule,\n MatIconModule,\n MatButtonModule,\n MatSelectModule,\n MatAutocompleteModule,\n MatCheckboxModule,\n MatStepperModule,\n MatCardModule,\n MatDialogModule,\n MatProgressSpinnerModule,\n MatMenuModule,\n MatSortModule,\n MatRippleModule,\n MatDatepickerModule,\n MatSliderModule,\n MatSlideToggleModule,\n MatSnackBarModule,\n MatTabsModule\n ]\n})\nexport class MaterialModule { }\n","import { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { routes } from 'src/app/routing/routes';\nimport { HTTP_INTERCEPTORS } from '@angular/common/http';\nimport { ApiInterceptor } from 'src/app/routing/api.interceptor';\nimport { Store } from '@ngxs/store';\n\nimport { ErrorViewComponent } from '../views/error-view/error-view.component';\nimport { LoginViewComponent } from '../views/login-view/login-view.component';\nimport { OverviewViewComponent } from '../views/overview-view/overview-view.component';\nimport { PasswordViewComponent } from '../views/password-view/password-view.component';\nimport { RegisterViewComponent } from '../views/register-view/register-view.component';\nimport { ComponentsModule } from './components.module';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { CommonModule } from '@angular/common';\nimport { MaterialModule } from './material.module';\nimport { LocalizationModule, LocalizationService } from '@tallence/localization';\nimport { AccountViewComponent } from '../views/account-view/account-view.component';\nimport { EmployeesViewComponent } from '../views/employees-view/employees-view.component';\nimport { UigEmployeesViewComponent } from '../views/uig-employees-view/uig-employees-view.component';\nimport { HardwareProvidersViewComponent } from '../views/hardware-providers-view/hardware-providers-view.component';\nimport { UsersViewComponent } from '../views/users-view/users-view.component';\nimport { UigEmployeeViewComponent } from '../views/uig-employee-view/uig-employee-view.component';\nimport { HardwareProviderViewComponent } from '../views/hardware-provider-view/hardware-provider-view.component';\nimport { UserViewComponent } from '../views/user-view/user-view.component';\nimport { CamerasViewComponent } from '../views/cameras-view/cameras-view.component';\nimport { ApplicationsViewComponent } from '../views/applications-view/applications-view.component';\nimport { ApplicationViewComponent } from '../views/application-view/application-view.component';\nimport { AuthService } from '../services/auth.service';\nimport { ConsoleService } from '../services/console.service';\nimport { QRCodeModule } from 'angularx-qrcode';\nimport { HandoutViewComponent } from '../views/handout-view/handout-view.component';\nimport { CompaniesViewComponent } from '../views/companies-view/companies-view.component';\nimport { CompanyViewComponent } from '../views/company-view/company-view.component';\nimport { ConfigService } from '../services/config.service';\nimport { EditorViewComponent } from '../views/editor-view/editor-view.component';\nimport { AnalyticsViewComponent } from '../views/analytics-view/analytics-view.component';\nimport { ArchiveViewComponent } from '../views/archive-view/archive-view.component';\n\n@NgModule({\n declarations: [\n ErrorViewComponent,\n LoginViewComponent,\n OverviewViewComponent,\n PasswordViewComponent,\n RegisterViewComponent,\n AccountViewComponent,\n EmployeesViewComponent,\n UigEmployeesViewComponent,\n HardwareProvidersViewComponent,\n UsersViewComponent,\n UigEmployeeViewComponent,\n HardwareProviderViewComponent,\n UserViewComponent,\n CamerasViewComponent,\n ApplicationsViewComponent,\n ApplicationViewComponent,\n HandoutViewComponent,\n CompaniesViewComponent,\n CompanyViewComponent,\n EditorViewComponent,\n AnalyticsViewComponent,\n ArchiveViewComponent,\n ],\n imports: [\n RouterModule.forRoot(routes),\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n ComponentsModule,\n LocalizationModule,\n MaterialModule,\n QRCodeModule\n ],\n exports: [\n RouterModule,\n ],\n providers: [\n {\n provide: HTTP_INTERCEPTORS,\n useClass: ApiInterceptor,\n multi: true,\n deps: [Store, AuthService, ConsoleService, LocalizationService, ConfigService]\n },\n ]\n})\nexport class RoutingModule { }\n","import { Injectable } from '@angular/core';\nimport { HttpEvent, HttpHandler, HttpInterceptor, HttpRequest, HttpErrorResponse } from '@angular/common/http';\nimport { Observable, throwError } from 'rxjs';\nimport { catchError, map, switchMap } from 'rxjs/operators';\nimport { Store } from '@ngxs/store';\nimport { AuthService } from '../services/auth.service';\nimport { StateModel } from '../models/store.model';\nimport { ConsoleService } from '../services/console.service';\nimport { LocalizationService } from '@tallence/localization';\nimport { ConfigService } from '../services/config.service';\n\n@Injectable()\nexport class ApiInterceptor implements HttpInterceptor {\n\n private _api: any = { register: {}, editor: {} };\n private _auth = false;\n private _wildcards: string[] = [\n 'token',\n '.json'\n ];\n\n constructor(\n private _store: Store,\n private _authService: AuthService,\n private _consoleService: ConsoleService,\n private _localizationService: LocalizationService,\n private _configService: ConfigService\n ) {\n this._configService.getApi().subscribe((data: any) => {\n this._api = data;\n });\n this._store.select((state: StateModel) => state.security.auth).subscribe((auth: boolean) => {\n this._auth = auth;\n });\n }\n\n public intercept(req: HttpRequest\n {{ 'overview.welcome.headline' | translate }}
\n \n\n {{ 'account.headline' | translate }} \n \n \n \n \n \n\n \n \n \n\n
\n\n {{ 'button.reload' | translate }} \n
\n \n {{ 'required-fields' | translate }}\n {{ 'button.applyChanges' | translate }} \n
\n \n {{ passwordError | translate }} \n
\n \n {{ 'required-fields' | translate }}\n {{ 'button.changePassword' | translate }} \n
\n \n {{ 'button.deleteAccount' | translate }} \n
\n \n {{ 'analytics.headline' | translate }} \n \n \n \n
\n\n {{ 'application.headline' | translate: [name] }} \n \n \n
\n\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {{ 'button.back' | translate }} \n \n {{ 'button.reject' | translate }} \n {{ 'button.accept' | translate }} \n
\n \n {{ 'applications.headline' | translate }} \n 0\">\n \n \n {{ 'applications.empty' | translate }}\n \n
\n\n
\n","import { Component, OnInit } from '@angular/core';\nimport { MatDialog } from '@angular/material/dialog';\nimport { Store } from '@ngxs/store';\nimport { DialogComponent } from 'src/app/components/dialog/dialog.component';\nimport { Camera, PaginatorConfig, ResponseStatus, SearchQuery, TableAction, TableActionType, TableConfig } from 'src/app/models/administration.model';\nimport { DialogConfig, DialogType } from 'src/app/models/dialog.model';\nimport { InputConfig, InputType } from 'src/app/models/input.model';\nimport { CameraItems, StateModel } from 'src/app/models/store.model';\nimport { GarbageCollectorComponent } from 'src/app/utilities/garbage-collector';\nimport * as moment from 'moment';\nimport { map, switchMap } from 'rxjs/operators';\nimport { of } from 'rxjs';\nimport { HardwareService } from 'src/app/services/register/hardware.service';\n\n@Component({\n selector: 'app-cameras-view',\n templateUrl: './cameras-view.component.html',\n styleUrls: ['./cameras-view.component.scss']\n})\nexport class CamerasViewComponent extends GarbageCollectorComponent implements OnInit {\n\n private _cameras: Camera[] = [];\n private _searchQuery: SearchQuery = new SearchQuery();\n public searchConfig: InputConfig = new InputConfig(InputType.TEXT, 'input.searchCamera.label');\n public tableConfig: TableConfig = new TableConfig();\n\n constructor(\n private _store: Store,\n private _dialog: MatDialog,\n private _hardwareService: HardwareService\n ) {\n super();\n }\n\n public ngOnInit(): void {\n this.tableConfig.header = ['cameraManufacturer', 'cameraModel', 'cameraId', 'licenseBeginDate', 'licenseEndDate'];\n this.tableConfig.actions = [TableActionType.PUBLIC_KEY, TableActionType.LICENSE, TableActionType.DELETE];\n this.tableConfig.actionId = 'cameraId';\n this.addSubscription(\n this._store.select((state: StateModel) => state.administration.cameras).subscribe(\n (cameras: CameraItems) =>\n {\n if (cameras) {\n this._cameras = cameras.items.map((camera: Camera) => {\n return {\n ...camera,\n licenseBeginDate: moment(camera.licenseBeginDate).locale('de').format('L'),\n licenseEndDate: moment(camera.licenseEndDate).locale('de').format('L'),\n };\n });\n this.tableConfig.paginator.total = cameras.total;\n this.tableConfig.paginator.size = this._searchQuery.pageLimit;\n this.tableConfig.items = this._cameras;\n this.tableConfig = {...this.tableConfig};\n }\n })\n );\n this._hardwareService.getCameras(this._searchQuery);\n }\n\n public addCamera(): void {\n const dialogData: DialogConfig = new DialogConfig(\n DialogType.ADD_CAMERA,\n 'dialog.addCamera.headline',\n ['dialog.addCamera.description'],\n 'button.add'\n );\n const dialogRef = this._dialog.open(DialogComponent, {\n ...dialogData.layout(),\n data: dialogData,\n });\n this.addSubscription(\n dialogRef.afterClosed().subscribe((success) => {\n if (success === true) {\n this.searchConfig.control.reset();\n this._searchQuery = new SearchQuery();\n this.tableConfig.paginator = new PaginatorConfig();\n this.tableConfig.sort = {active: '', direction: ''};\n this._hardwareService.getCameras(this._searchQuery);\n }\n })\n );\n }\n\n private _showPublicKey(key: string): void {\n const dialogData: DialogConfig = new DialogConfig(\n DialogType.CONFIRM,\n 'dialog.cameraInfo.headline',\n ['dialog.cameraInfo.description', atob(key)],\n 'button.ok',\n ''\n );\n dialogData.values = {\n publicKey: true\n };\n this._dialog.open(DialogComponent, {\n ...dialogData.layout(),\n data: dialogData,\n });\n }\n\n private _changeLicense(camera: Camera): void {\n const dialogData: DialogConfig = new DialogConfig(\n DialogType.UPDATE_CAMERA,\n 'dialog.updateCamera.headline',\n ['dialog.updateCamera.description', `${camera.cameraManufacturer} ${camera.cameraModel}`],\n 'button.applyChanges'\n );\n dialogData.values = camera;\n const dialogRef = this._dialog.open(DialogComponent, {\n ...dialogData.layout(),\n data: dialogData,\n });\n\n this.addSubscription(\n dialogRef.afterClosed().subscribe((success) => {\n if (success) {\n this._hardwareService.getCameras(this._searchQuery);\n }\n })\n );\n }\n\n private _removeCamera(camera: Camera): void {\n const dialogData: DialogConfig = new DialogConfig(\n DialogType.CONFIRM,\n 'dialog.removeCamera.headline',\n ['dialog.removeCamera.description', `${camera.cameraManufacturer} ${camera.cameraModel}`]\n );\n const dialogRef = this._dialog.open(DialogComponent, {\n ...dialogData.layout(),\n data: dialogData,\n });\n\n this.addSubscription(\n dialogRef.afterClosed().pipe(\n switchMap(result => {\n if (result === true) {\n return this._hardwareService.removeCamera(camera).pipe(\n map((response: ResponseStatus) => {\n return response === ResponseStatus.SUCCESS;\n })\n );\n }\n return of(result);\n })\n ).subscribe((success) => {\n if (success === false) {\n this._removeFailed(camera);\n } else {\n this._hardwareService.getCameras(this._searchQuery);\n }\n })\n );\n }\n\n private _removeFailed(camera: Camera): void {\n const dialogData: DialogConfig = new DialogConfig(\n DialogType.FAIL,\n 'dialog.removeCamera.headline',\n ['dialog.removeCamera.failed', `${camera.cameraManufacturer} ${camera.cameraModel}`]\n );\n this._dialog.open(DialogComponent, {\n ...dialogData.layout(),\n data: dialogData,\n });\n }\n\n public configChanged(config: TableConfig): void {\n this._searchQuery.offset = (config.paginator.current - 1) * config.paginator.size;\n this._searchQuery.sort = config.sort;\n this.tableConfig = config;\n this._hardwareService.getCameras(this._searchQuery);\n }\n\n public search(value: string): void {\n this._searchQuery = new SearchQuery();\n this._searchQuery.text = value;\n this.tableConfig.paginator = new PaginatorConfig();\n this.tableConfig.sort = {active: '', direction: ''};\n this._hardwareService.getCameras(this._searchQuery);\n }\n\n public onAction(action: TableAction): void {\n const selectedCamera = this._cameras.find(camera => camera.cameraId === action.id);\n switch (action.name) {\n case TableActionType.LICENSE:\n if (selectedCamera) {\n this._changeLicense(selectedCamera);\n }\n break;\n case TableActionType.PUBLIC_KEY:\n const publicKey = selectedCamera?.publicKey || '';\n this._showPublicKey(publicKey);\n break;\n case TableActionType.DELETE:\n if (selectedCamera) {\n this._removeCamera(selectedCamera);\n }\n break;\n default:\n break;\n }\n }\n\n}\n","\n \n\n \n
\n\n\n {{ 'archive.headline' | translate }} \n
\n \n {{ 'button.unlock' | translate }} \n
\n {{ 'archive.locked' | translate }}
\n{{ 'archive.description' | translate }}
\n{{ 'archive.empty' | translate }}
\n\n\n \n 0\"\n paginator=\"true\"\n sortable=\"true\"\n [config]=\"tableConfig\"\n (changed)=\"configChanged($event)\"\n (action)=\"onAction($event)\"\n >\n \n
\n\n {{ 'cameras.headline' | translate }} \n
\n \n {{ 'button.addCamera' | translate }} \n
\n \n
\n \n {{ 'cameras.empty' | translate }}\n
\n \n \n 0\"\n paginator=\"true\"\n sortable=\"true\"\n [config]=\"tableConfig\"\n (changed)=\"configChanged($event)\"\n (action)=\"onAction($event)\"\n >\n \n
\n\n {{ 'companies.headline' | translate }} \n
\n \n {{ 'button.searchAddCompany' | translate }} \n
\n \n
\n \n {{ 'companies.empty' | translate }}\n
\n \n \n 0\"\n paginator\n sortable\n [config]=\"tableConfig\"\n (action)=\"onAction($event)\"\n >\n \n
\n\n {{ company }} \n {{ 'company.headline' | translate }} \n
\n \n {{ 'button.addStudio' | translate }} \n
\n \n
\n \n {{ 'company.empty' | translate }}\n
\n \n {{ 'button.back' | translate }} \n
\n \n
\n\n\n \n \n\n \n \n {{ 'editor.step.upload.headline' | translate }} \n\n \n\n \n \n {{ 'editor.step.processing.headline' | translate }} \n\n \n\n \n \n {{ 'editor.step.storage.headline' | translate }} \n \n\n \n \n {{ 'editor.step.handout.headline' | translate }} \n \n\n \n\n \n
\n\n\n {{ 'editor.headline' | translate }} \n
\n \n {{ 'button.archive' | translate }} \n
\n \n \n {{ 'button.next' | translate }} \n
\n {{ 'editor.step.storage.description' | translate }}
\n\n{{ 'editor.step.handout.description' | translate }}
\n\n\n {{ 'button.done' | translate }} \n
\n \n
\n","import { Component, OnInit } from '@angular/core';\nimport { MatDialog } from '@angular/material/dialog';\nimport { Router } from '@angular/router';\nimport { Store } from '@ngxs/store';\nimport { of } from 'rxjs';\nimport { switchMap } from 'rxjs/operators';\nimport { DialogComponent } from 'src/app/components/dialog/dialog.component';\nimport { Employee, TableAction, TableActionType, TableConfig, UserStatus } from 'src/app/models/administration.model';\nimport { DialogConfig, DialogType } from 'src/app/models/dialog.model';\nimport { InputConfig, InputType } from 'src/app/models/input.model';\nimport { StateModel } from 'src/app/models/store.model';\nimport { PhotostudioService } from 'src/app/services/register/photostudio.service';\nimport { GarbageCollectorComponent } from 'src/app/utilities/garbage-collector';\n\n@Component({\n selector: 'app-employees-view',\n templateUrl: './employees-view.component.html',\n styleUrls: ['./employees-view.component.scss']\n})\nexport class EmployeesViewComponent extends GarbageCollectorComponent implements OnInit {\n\n public searchConfig: InputConfig = new InputConfig(InputType.TEXT, 'input.searchEmployee.label');\n private _employees: Employee[] = [];\n public tableConfig: TableConfig = new TableConfig();\n public showLegend = false;\n\n constructor(\n private _store: Store,\n private _dialog: MatDialog,\n private _router: Router,\n private _photostudioService: PhotostudioService\n ) {\n super();\n }\n\n public ngOnInit(): void {\n this.addSubscription(\n this._store.select((state: StateModel) => state.administration.employees).subscribe((employees: Employee[]) => {\n this._employees = employees.map((employee: Employee) => {\n return {\n ...employee,\n status: employee.status === UserStatus.DEACTIVATED ? UserStatus.BLACKLISTED : employee.status\n };\n });\n this.tableConfig.header = ['firstName', 'lastName', 'email'];\n this.tableConfig.items = this._employees;\n this.tableConfig.actions = [TableActionType.DELETE];\n this.tableConfig = {...this.tableConfig};\n this.showLegend = this.tableConfig.items.find(employee => employee.status === UserStatus.BLACKLISTED) !== undefined;\n })\n );\n this._photostudioService.getEmployees();\n }\n\n public inviteEmployee(): void {\n const dialogData: DialogConfig = new DialogConfig(\n DialogType.ADD_EMPLOYEE,\n 'dialog.inviteEmployee.headline',\n ['dialog.inviteEmployee.description'],\n 'button.invite'\n );\n this._dialog.open(DialogComponent, {\n ...dialogData.layout(),\n data: dialogData,\n });\n }\n\n private _removeEmployee(employee: Employee): void {\n const dialogData: DialogConfig = new DialogConfig(\n DialogType.CONFIRM,\n 'dialog.removeEmployee.headline',\n ['dialog.removeEmployee.description', employee.email]\n );\n const dialogRef = this._dialog.open(DialogComponent, {\n ...dialogData.layout(),\n data: dialogData,\n });\n\n this.addSubscription(\n dialogRef.afterClosed().pipe(\n switchMap(result => {\n if (result === true) {\n return this._photostudioService.removeEmployee(employee);\n }\n return of(result);\n })\n ).subscribe((success) => {\n if (success === false) {\n this._removeFailed(employee);\n } else {\n this._photostudioService.getEmployees();\n }\n })\n );\n }\n\n private _removeFailed(employee: Employee): void {\n const dialogData: DialogConfig = new DialogConfig(\n DialogType.FAIL,\n 'dialog.removeEmployee.headline',\n ['dialog.removeEmployee.failed', `${employee.firstName} ${employee.lastName}`]\n );\n this._dialog.open(DialogComponent, {\n ...dialogData.layout(),\n data: dialogData,\n });\n }\n\n public configChanged(config: TableConfig): void {\n console.log(config);\n }\n\n public onAction(action: TableAction): void {\n const employee: Employee | undefined = this._employees.find((e: Employee) => e.email === action.id);\n switch (action.name) {\n case TableActionType.DELETE:\n if (employee) {\n this._removeEmployee(employee);\n }\n break;\n case TableActionType.EDIT:\n this._router.navigate(['employee', action.id]);\n break;\n\n default:\n break;\n }\n }\n\n}\n","{{ processingMessage | translate }}
\n\n 0\">\n \n \n {{ 'employees.empty' | translate }}\n \n
\n\n {{ 'employees.headline' | translate }} \n
\n \n {{ 'button.inviteEmployee' | translate }} \n
\n \n
\n \n
\n \n
\n","import { Component, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { Handout } from 'src/app/models/administration.model';\n\n@Component({\n selector: 'app-handout-view',\n templateUrl: './handout-view.component.html',\n styleUrls: ['./handout-view.component.scss']\n})\nexport class HandoutViewComponent implements OnInit {\n\n public handout: Handout = new Handout();\n public qrCode = '';\n public licenseToken = '';\n public preview = '';\n public url = '';\n\n constructor(\n private _router: Router\n ) { }\n\n public ngOnInit(): void {\n const local = localStorage.getItem('handout');\n if (local) {\n sessionStorage.setItem('handout', local);\n localStorage.removeItem('handout');\n }\n const session = sessionStorage.getItem('handout');\n if (session) {\n try {\n this.handout = JSON.parse(session);\n this.qrCode = this.getQrCode();\n this.preview = this.handout.preview;\n this.url = this.handout.url + '?imageType=register';\n } catch (error) {\n this._router.navigate(['error', '404']);\n }\n } else {\n this._router.navigate(['error', '404']);\n }\n }\n getQrCode(): string {\n if (this.handout) {\n const qr = {\n 'url': this.handout.url,\n 'private-key': this.handout.secretKey,\n 'biometric-passed': Object.values(this.handout.validationResult).every((v) => v !== false),\n 'date': this.handout.date,\n 'expiry date': this.handout.expiryDate,\n 'additional info': ''\n };\n return JSON.stringify(qr);\n }\n return '';\n }\n}\n","\n \n \n
\n\n
\n {{ errorText | translate }}
\n \n {{ 'button.back' | translate }} \n
\n \n
\n","import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup } from '@angular/forms';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { HardwareProvider, User } from 'src/app/models/administration.model';\nimport { AutocompleteConfig } from 'src/app/models/autocomplete.model';\nimport { InputConfig, InputType } from 'src/app/models/input.model';\nimport { Helper } from 'src/app/utilities/helper';\nimport { GarbageCollectorComponent } from 'src/app/utilities/garbage-collector';\nimport { Role } from 'src/app/models/security.model';\nimport { UserService } from 'src/app/services/register/user.service';\nimport { CheckboxConfig } from 'src/app/models/checkbox.model';\nimport { Store } from '@ngxs/store';\nimport { StateModel } from 'src/app/models/store.model';\n\n@Component({\n selector: 'app-hardware-provider-view',\n templateUrl: './hardware-provider-view.component.html',\n styleUrls: ['./hardware-provider-view.component.scss']\n})\nexport class HardwareProviderViewComponent extends GarbageCollectorComponent implements OnInit {\n\n private _hardwareProvider: HardwareProvider = new HardwareProvider();\n public updateError = '';\n public isAdmin = false;\n\n public salutationConfig: AutocompleteConfig = new AutocompleteConfig('autocomplete.salutation.label');\n public firstNameConfig: InputConfig = new InputConfig(InputType.TEXT, 'input.firstName.label');\n public lastNameConfig: InputConfig = new InputConfig(InputType.TEXT, 'input.lastName.label');\n public emailConfig: InputConfig = new InputConfig(InputType.EMAIL, 'input.email.label');\n public passwordConfig: InputConfig = new InputConfig(InputType.PASSWORD, 'input.password.label');\n public phone1Config: InputConfig = new InputConfig(InputType.PHONE, 'input.phone1.label');\n public companyConfig: InputConfig = new InputConfig(InputType.TEXT, 'input.company.label');\n public companyLegalFormConfig: AutocompleteConfig = new AutocompleteConfig('autocomplete.companyLegalForm.label');\n public addressConfig: InputConfig = new InputConfig(InputType.TEXT, 'input.address.label');\n public zipConfig: InputConfig = new InputConfig(InputType.TEXT, 'input.zip.label');\n public locationConfig: InputConfig = new InputConfig(InputType.TEXT, 'input.location.label');\n public adminConfig: CheckboxConfig = new CheckboxConfig('checkbox.admin.label');\n\n public providerForm: FormGroup = this._fb.group({});\n public locked = true;\n private _isHardwareProviderAdmin = false;\n\n constructor(\n private _route: ActivatedRoute,\n private _fb: FormBuilder,\n private _router: Router,\n private _userService: UserService,\n private _store: Store\n ) {\n super();\n }\n\n public ngOnInit(): void {\n const email: string = this._route.snapshot.params.email;\n const hardwareProviderUser: User = new User();\n hardwareProviderUser.role = Role.HARDWARE_PROVIDER;\n hardwareProviderUser.email = email;\n\n this.providerForm.addControl('salutation', this.salutationConfig.control);\n this.providerForm.addControl('firstName', this.firstNameConfig.control);\n this.providerForm.addControl('lastName', this.lastNameConfig.control);\n this.providerForm.addControl('email', this.emailConfig.control);\n this.providerForm.addControl('phone1', this.phone1Config.control);\n this.providerForm.addControl('company', this.companyConfig.control);\n this.providerForm.addControl('companyLegalForm', this.companyLegalFormConfig.control);\n this.providerForm.addControl('address', this.addressConfig.control);\n this.providerForm.addControl('zip', this.zipConfig.control);\n this.providerForm.addControl('location', this.locationConfig.control);\n\n this.addSubscription(\n this._userService.getUser(hardwareProviderUser).subscribe((hardwareProvider: any) => {\n if (hardwareProvider) {\n Helper.mergeForm(this.providerForm, hardwareProvider);\n this._hardwareProvider = {\n ...new HardwareProvider(),\n ...this.providerForm.value\n };\n\n const hardware = this._store.selectSnapshot((state: StateModel) => state.administration.users)\n .items.find((user: User) => user.email === email);\n if (hardware) {\n this.isAdmin = this._store.selectSnapshot((state: StateModel) => state.security.role) === Role.HARDWARE_PROVIDER_ADMIN;\n this._isHardwareProviderAdmin = hardware.role === Role.HARDWARE_PROVIDER_ADMIN\n }\n this.adminConfig.control.setValue(this._isHardwareProviderAdmin);\n\n } else {\n this.back();\n }\n })\n );\n\n this.addSubscription(\n this.providerForm.statusChanges.subscribe(() => {\n this.locked = this.providerForm.invalid;\n })\n );\n }\n\n public update(): void {\n const update = Helper.diffData(this._hardwareProvider, this.providerForm.value);\n const user: User = new User();\n user.role = Role.HARDWARE_PROVIDER;\n Helper.mergeData(user, this._hardwareProvider);\n this.addSubscription(\n this._userService.updateUser(update, user).subscribe(success => {\n if (!success) {\n this.updateError = 'hardware-provider.error.update';\n }\n })\n );\n if (this.isAdmin && (this._isHardwareProviderAdmin !== this.adminConfig.control.value)) {\n const newRole: Role = this.adminConfig.control.value ? Role.HARDWARE_PROVIDER_ADMIN : Role.HARDWARE_PROVIDER;\n this.addSubscription(\n this._userService.updateHardwareProviderRole(newRole, this._hardwareProvider.email).subscribe(success => {\n if (!success) {\n this.adminConfig.control.setValue(!this.adminConfig.control.value);\n }\n })\n );\n }\n }\n\n public back(): void {\n this._router.navigate(['hardware-providers']);\n }\n\n}\n","\n
\n\n
\n \n {{ 'handout.headline' | translate }} \n
\n \n
\n {{ handout.studio }}
\n {{ handout.date }}
\n \n {{ 'handout.description' | translate:[handout.expiryDate] }}\n
\n \n ![\"\"](\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEXv8fJb0OmLAAAACklEQVQI12NgAAAAAgAB4iG8MwAAAABJRU5ErkJggg==\")
\n
\n \n
\n \n {{ handout.secretKey }}\n
\n \n
\n \n ![\"Ihr]()
\n
\n {{ url }}\n \n {{ 'hardware-provider.headline' | translate }} \n \n {{ updateError | translate }} \n \n
\n\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {{ 'required-fields' | translate }}\n {{ 'button.back' | translate }} \n {{ 'button.applyChanges' | translate }} \n
\n \n \n 0\"\n paginator=\"true\"\n sortable=\"true\"\n [config]=\"tableConfig\"\n (changed)=\"configChanged($event)\"\n (action)=\"onAction($event)\"\n >\n \n
\n\n {{ 'hardware-providers.headline' | translate }} \n
\n \n {{ 'button.addHardwareProvider' | translate }} \n
\n \n
\n \n {{ 'hardware-providers.empty' | translate }}\n
\n \n
\n\n","import { Component, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { Store } from '@ngxs/store';\nimport { Application } from 'src/app/models/administration.model';\nimport { Role } from 'src/app/models/security.model';\nimport { StateModel } from 'src/app/models/store.model';\nimport { UserService } from 'src/app/services/register/user.service';\nimport { GarbageCollectorComponent } from 'src/app/utilities/garbage-collector';\n\n@Component({\n selector: 'app-overview-view',\n templateUrl: './overview-view.component.html',\n styleUrls: ['./overview-view.component.scss']\n})\nexport class OverviewViewComponent extends GarbageCollectorComponent implements OnInit {\n\n public cards: any[] = [];\n private _cards: any[] = [\n {\n label: 'profile',\n icon: 'account-edit',\n route: 'account',\n roles: [Role.ADMIN, Role.UIG, Role.HARDWARE_PROVIDER, Role.PHOTOGRAPHER, Role.EMPLOYEE]\n },\n {\n label: 'employees',\n icon: 'group',\n route: 'employees',\n roles: [Role.PHOTOGRAPHER]\n },\n {\n label: 'cameras',\n icon: 'photo_camera',\n route: 'cameras',\n roles: [Role.HARDWARE_PROVIDER]\n },\n {\n label: 'users',\n icon: 'groups',\n route: 'users',\n roles: [Role.ADMIN, Role.UIG]\n },\n {\n label: 'applications',\n icon: 'text-box-check-outline',\n route: 'applications',\n roles: [Role.ADMIN, Role.UIG]\n },\n {\n label: 'uig-employees',\n icon: 'card-account-details',\n route: 'uig-employees',\n roles: [Role.ADMIN]\n },\n {\n label: 'hardware-providers',\n icon: 'camera-account',\n route: 'hardware-providers',\n roles: [Role.ADMIN]\n },\n {\n label: 'photos',\n icon: 'add_photo_alternate',\n route: 'editor',\n roles: [Role.PHOTOGRAPHER, Role.EMPLOYEE]\n },\n {\n label: 'archive',\n icon: 'photo_album',\n route: 'archive',\n roles: [Role.PHOTOGRAPHER, Role.EMPLOYEE]\n },\n {\n label: 'companies',\n icon: 'home_work',\n route: 'companies',\n roles: [Role.ADMIN, Role.UIG, Role.HARDWARE_PROVIDER]\n },\n {\n label: 'studios',\n icon: 'holiday_village',\n route: 'company',\n roles: [Role.PHOTOGRAPHER]\n },\n {\n label: 'analytics',\n icon: 'analytics',\n route: 'analytics',\n roles: [Role.ADMIN, Role.UIG]\n }\n ];\n public applicationCount = 0;\n\n constructor(\n private _router: Router,\n private _store: Store,\n private _userService: UserService\n ) {\n super();\n }\n\n public ngOnInit(): void {\n this.addSubscription(\n this._store.select((state: StateModel) => state.security.role).subscribe((role: Role) => {\n this.cards = this._cards.filter(card => {\n return card.roles.includes(role);\n });\n if (role === Role.ADMIN || role === Role.UIG) {\n this._userService.getApplications();\n }\n })\n );\n this.addSubscription(\n this._store.select((state: StateModel) => state.administration.applications).subscribe((applications: Application[]) => {\n this.applicationCount = applications.length;\n })\n );\n }\n\n public goTo(route: string): void {\n this._router.navigate([route]);\n }\n\n}\n","\n \n {{ 'login.headline' | translate }} \n {{ 'login.note' | translate }} \n \n {{ 'login.error.invalid' | translate }} \n \n \n \n \n \n \n
\n\n {{ 'button.passwordForgotten' | translate }} \n \n {{ 'button.login' | translate }} \n
\n \n {{ 'button.returnPin' | translate }} \n
\n \n
\n {{ 'login.register' | translate }}
\n\n {{ 'button.newApplicationPhotographer' | translate }} \n {{ 'button.newApplicationEmployee' | translate }} \n
\n \n
\n\n\n","import { Component, OnInit } from '@angular/core';\nimport { MatDialog } from '@angular/material/dialog';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { Store } from '@ngxs/store';\nimport { DialogComponent } from 'src/app/components/dialog/dialog.component';\nimport { ResponseStatus } from 'src/app/models/administration.model';\nimport { DialogConfig, DialogType } from 'src/app/models/dialog.model';\nimport { InputConfig, InputType } from 'src/app/models/input.model';\nimport { NewPassword } from 'src/app/models/security.model';\nimport { StateModel } from 'src/app/models/store.model';\nimport { AuthService } from 'src/app/services/auth.service';\nimport { UserService } from 'src/app/services/register/user.service';\nimport { GarbageCollectorComponent } from 'src/app/utilities/garbage-collector';\n\n@Component({\n selector: 'app-password-view',\n templateUrl: './password-view.component.html',\n styleUrls: ['./password-view.component.scss']\n})\nexport class PasswordViewComponent extends GarbageCollectorComponent implements OnInit {\n\n public newPassword: NewPassword = {\n jwToken: '',\n password: ''\n };\n public emailConfig: InputConfig = new InputConfig(InputType.EMAIL, 'input.email.label');\n public invalidEmail = true;\n public view = '';\n\n public passwordError = '';\n\n constructor(\n private _route: ActivatedRoute,\n private _authService: AuthService,\n private _router: Router,\n private _store: Store,\n private _dialog: MatDialog,\n private _userService: UserService\n ) {\n super();\n }\n\n public ngOnInit(): void {\n if (this._router.url.includes('forgotten')) {\n this.addSubscription(\n this.emailConfig.control.valueChanges.subscribe(() => {\n this.invalidEmail = this.emailConfig.control.invalid;\n })\n );\n this.view = 'forgotten';\n } else {\n const token: string = this._route.snapshot.params.token;\n if (token && this._authService.checkToken(token)) {\n this.newPassword.jwToken = token;\n this._authService.getDataFromToken(token);\n } else {\n this._router.navigate(['error', '498']);\n }\n this.view = 'new';\n }\n }\n\n public getNewPassword(password: string): void {\n this.newPassword.password = password;\n this.passwordError = '';\n }\n\n public setPassword(): void {\n if (this._router.url.includes('reset')) {\n this._setNewPassword();\n } else {\n this.addSubscription(\n this._userService.setPassword(this.newPassword).subscribe((response: ResponseStatus) => {\n if (response === ResponseStatus.SUCCESS) {\n const secret = this._store.selectSnapshot((state: StateModel) => state.security.otpSecret);\n const authName = 'Fotografenregister';\n const otpauth = `otpauth://totp/${authName}?secret=${secret}`;\n this._showAuthenticator(otpauth);\n } else {\n this.passwordError = 'password.new.error';\n }\n })\n );\n }\n }\n\n private _showAuthenticator(secret: string): void {\n const dialogData: DialogConfig = new DialogConfig(\n DialogType.CODE,\n 'dialog.authenticate.headline',\n ['dialog.authenticate.description1'],\n 'button.done'\n );\n dialogData.values = { secret };\n const dialogRef = this._dialog.open(DialogComponent, {\n ...dialogData.layout(),\n data: dialogData,\n disableClose: true\n });\n\n this.addSubscription(\n dialogRef.afterClosed().subscribe(() => {\n if (location.host.includes('frontend.imagesign.link')) {\n this._showFinalInformation();\n } else {\n this._doLogin();\n }\n })\n );\n }\n\n private _showFinalInformation(): void {\n const dialogData: DialogConfig = new DialogConfig(\n DialogType.SUCCESS,\n 'dialog.finalInformation.headline',\n ['dialog.finalInformation.description']\n );\n const dialogRef = this._dialog.open(DialogComponent, {\n ...dialogData.layout(),\n data: dialogData,\n disableClose: true\n });\n\n this.addSubscription(\n dialogRef.afterClosed().subscribe(() => {\n location.href = 'https://www.e-passfoto.de/';\n })\n );\n }\n\n private _doLogin(): void {\n this._router.navigate(['login']);\n\n // Autologin currently disabled\n\n /* const email: string = this._store.selectSnapshot((state: StateModel) => state.account.email);\n this.addSubscription(\n this._authService.login(email, this.newPassword.password).subscribe((success: boolean) => {\n if (success) {\n this._router.navigate(['overview']);\n } else {\n this._router.navigate(['login']);\n }\n })\n ); */\n }\n\n private _setNewPassword(): void {\n this.addSubscription(\n this._userService.setNewPassword(this.newPassword).subscribe((response: ResponseStatus) => {\n if (response === ResponseStatus.SUCCESS) {\n const dialogData: DialogConfig = new DialogConfig(\n DialogType.CONFIRM,\n 'dialog.passwordResetted.headline',\n ['dialog.passwordResetted.description'],\n 'button.ok',\n ''\n );\n const dialogRef = this._dialog.open(DialogComponent, {\n ...dialogData.layout(),\n data: dialogData\n });\n dialogRef.afterClosed().subscribe(() => {\n this._router.navigate(['overview']);\n });\n } else {\n this.passwordError = 'password.forgotten.failed';\n }\n })\n );\n }\n\n public requestNewPassword(): void {\n this.addSubscription(\n this._userService.resetPassword(this.emailConfig.control.value).subscribe((response: ResponseStatus) => {\n if (response === ResponseStatus.SUCCESS) {\n const dialogData: DialogConfig = new DialogConfig(\n DialogType.CONFIRM,\n 'dialog.passwordReset.headline',\n ['dialog.passwordReset.description'],\n 'button.ok',\n ''\n );\n const dialogRef = this._dialog.open(DialogComponent, {\n ...dialogData.layout(),\n data: dialogData\n });\n dialogRef.afterClosed().subscribe(() => {\n this._router.navigate(['overview']);\n });\n } else {\n this.passwordError = 'password.forgotten.error';\n }\n })\n );\n }\n\n}\n","\n \n \n \n \n
\n 0\" class=\"overview__applications\" (click)=\"goTo('applications')\">\n notifications \n {{ 'overview.applications.one' | translate }}\n 1\" >{{ 'overview.applications.many' | translate: [applicationCount] }}\n
\n \n
\n \n
\n {{'overview.card.' + card.label + '.headline' | translate }}
\n {{'overview.card.' + card.label + '.description' | translate }}
\n \n
\n","import { HttpEvent, HttpEventType } from '@angular/common/http';\nimport { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';\nimport { MatDialog } from '@angular/material/dialog';\nimport { ActivatedRoute } from '@angular/router';\nimport { Store } from '@ngxs/store';\nimport { LocalizationService } from '@tallence/localization';\nimport { throwError } from 'rxjs';\nimport { catchError } from 'rxjs/operators';\nimport { DialogComponent } from 'src/app/components/dialog/dialog.component';\nimport { Studio, TableAction, TableActionType, TableConfig } from 'src/app/models/administration.model';\nimport { AutocompleteConfig } from 'src/app/models/autocomplete.model';\nimport { CheckboxConfig } from 'src/app/models/checkbox.model';\nimport { DialogConfig, DialogType } from 'src/app/models/dialog.model';\nimport { FileUploadConfig } from 'src/app/models/file-upload.model';\nimport { InputConfig, InputType } from 'src/app/models/input.model';\nimport { Role } from 'src/app/models/security.model';\nimport { PhotostudioService } from 'src/app/services/register/photostudio.service';\nimport { UpdateRole } from 'src/app/store/security/security.actions';\nimport { GarbageCollectorComponent } from 'src/app/utilities/garbage-collector';\nimport * as moment from 'moment';\n\ninterface Step {\n valid: boolean;\n enabled: boolean;\n}\ninterface Steps {\n register: Step;\n studios: Step;\n files: Step;\n confirm: Step;\n}\n\n@Component({\n selector: 'app-register-view',\n templateUrl: './register-view.component.html',\n styleUrls: ['./register-view.component.scss']\n})\nexport class RegisterViewComponent extends GarbageCollectorComponent implements OnInit {\n\n public registerForm: FormGroup = this._fb.group({});\n public salutationConfig: AutocompleteConfig = new AutocompleteConfig('autocomplete.salutation.label');\n public firstNameConfig: InputConfig = new InputConfig(InputType.TEXT, 'input.firstName.label');\n public lastNameConfig: InputConfig = new InputConfig(InputType.TEXT, 'input.lastName.label');\n public birthDateConfig: InputConfig = new InputConfig(InputType.TEXT, 'input.birthDate.label');\n // public nationalityConfig: AutocompleteConfig = new AutocompleteConfig('autocomplete.nationality.label');\n // public idCardNumberConfig: InputConfig = new InputConfig(InputType.TEXT, 'input.idCardNumber.label');\n public companyConfig: InputConfig = new InputConfig(InputType.TEXT, 'input.company.label');\n public companyLegalFormConfig: AutocompleteConfig = new AutocompleteConfig('autocomplete.companyLegalForm.label');\n public emailConfig: InputConfig = new InputConfig(InputType.EMAIL, 'input.email.label');\n public websiteConfig: InputConfig = new InputConfig(InputType.TEXT, 'input.website.label');\n public phone1Config: InputConfig = new InputConfig(InputType.PHONE, 'input.phone1.label');\n public phone2Config: InputConfig = new InputConfig(InputType.PHONE, 'input.phone2.label');\n\n public studiosConfig: TableConfig = new TableConfig();\n public studios: Studio[] = [];\n public studiosControl: FormControl = new FormControl(this.studios);\n\n public fileConfig: FileUploadConfig = new FileUploadConfig('fileUpload.label');\n public memberConfig: InputConfig = new InputConfig(InputType.TEXT, 'input.member.label');\n\n public confirmForm: FormGroup = this._fb.group({});\n public dsgvoConfirmConfig: CheckboxConfig = new CheckboxConfig('checkbox.dsgvo.label');\n public uigConfirmConfig: CheckboxConfig = new CheckboxConfig('checkbox.uig.label');\n public bmiConfirmConfig: CheckboxConfig = new CheckboxConfig('checkbox.bmi.label');\n public legalNoteConfirmConfig: CheckboxConfig = new CheckboxConfig('checkbox.legalNote.label');\n public maxDate?: string;\n public role: Role = Role.NONE;\n public headline = '';\n public description = '';\n public registerError = '';\n public photographerEmail = '';\n public uploadProgress = 0;\n\n public steps: Steps = {\n register: {\n valid: false,\n enabled: true\n },\n studios: {\n valid: false,\n enabled: true\n },\n files: {\n valid: false,\n enabled: true\n },\n confirm: {\n valid: false,\n enabled: true\n }\n };\n\n constructor(\n private _fb: FormBuilder,\n private _localizationService: LocalizationService,\n private _route: ActivatedRoute,\n private _dialog: MatDialog,\n private _store: Store,\n private _photostudioService: PhotostudioService\n ) {\n super();\n }\n\n public ngOnInit(): void {\n this.role = this._route.snapshot.data.role;\n this._store.dispatch(new UpdateRole(this.role));\n this.headline = this._localizationService.getTranslation(`register.step.${this.role.toLowerCase()}.headline`);\n this.description = this._localizationService.getTranslation(`register.step.${this.role.toLowerCase()}.description`);\n switch (this.role) {\n case Role.PHOTOGRAPHER:\n this.studiosConfig.header = ['studioName', 'licenseNumber', 'address', 'zip', 'location'];\n this.studiosConfig.actions = [TableActionType.DELETE];\n this.studiosConfig.actionId = 'id';\n break;\n case Role.EMPLOYEE:\n this.steps.studios.enabled = false;\n this.steps.studios.valid = true;\n let token: string = this._route.snapshot.params.token;\n if (token) {\n token = decodeURIComponent(token);\n token = atob(token);\n const invite = token.split(':');\n this.photographerEmail = invite[0] || '';\n this.emailConfig.control.setValue(invite[1] || '');\n this.description = this._localizationService.getTranslation(`register.step.${this.role.toLowerCase()}.description`, [`${invite[2]} ${invite[3]}`]);\n } else {\n this.headline = this._localizationService.getTranslation(`register.step.employee.headline`);\n this.description = this._localizationService.getTranslation(`register.step.employee.description`);\n }\n break;\n default:\n break;\n }\n\n this._setupRegisterForm();\n this._setupConfirmForm();\n }\n\n private _setupRegisterForm(): void {\n this.registerForm.addControl('salutation', this.salutationConfig.control);\n this.registerForm.addControl('firstName', this.firstNameConfig.control);\n this.registerForm.addControl('lastName', this.lastNameConfig.control);\n this.registerForm.addControl('birthDate', this.birthDateConfig.control);\n // this.registerForm.addControl('nationality', this.nationalityConfig.control);\n this.registerForm.addControl('email', this.emailConfig.control);\n this.registerForm.addControl('phone1', this.phone1Config.control);\n this.registerForm.addControl('phone2', this.phone2Config.control);\n this.maxDate = moment().subtract(15, 'years').format('YYYY-MM-DD');\n\n if (this.role === Role.PHOTOGRAPHER) {\n // this.registerForm.addControl('idCardNumber', this.idCardNumberConfig.control);\n this.registerForm.addControl('company', this.companyConfig.control);\n this.registerForm.addControl('companyLegalForm', this.companyLegalFormConfig.control);\n this.registerForm.addControl('website', this.websiteConfig.control);\n this.registerForm.addControl('member', this.memberConfig.control);\n this.studiosControl.setValidators(Validators.required);\n }\n\n this.addSubscription(\n this.registerForm.statusChanges.subscribe(() => {\n this.steps.register.valid = this.registerForm.valid;\n this.registerError = '';\n })\n );\n }\n\n private _setupConfirmForm(): void {\n this.confirmForm.addControl('dsvgo', this.dsgvoConfirmConfig.control);\n this.confirmForm.addControl('uig', this.uigConfirmConfig.control);\n this.confirmForm.addControl('bmi', this.bmiConfirmConfig.control);\n this.confirmForm.addControl('legalNote', this.legalNoteConfirmConfig.control);\n this.addSubscription(\n this.confirmForm.statusChanges.subscribe(() => {\n if (this.steps.register.valid) {\n const values: boolean[] = Object.values(this.confirmForm.value);\n this.steps.confirm.valid = values.filter(((v: boolean) => !v)).length === 0 && this.steps.register.valid;\n this.registerError = '';\n }\n })\n );\n }\n\n public addStudio(): void {\n const dialogData: DialogConfig = new DialogConfig(\n DialogType.ADD_STUDIO,\n 'dialog.addStudio.headline',\n ['dialog.addStudio.description'],\n 'button.add'\n );\n const dialogRef = this._dialog.open(DialogComponent, {\n ...dialogData.layout(),\n data: dialogData,\n });\n\n this.addSubscription(\n dialogRef.afterClosed().subscribe((studio: Studio | undefined) => {\n if (studio !== undefined) {\n this.studios = [...this.studios, studio];\n this.studiosControl.setValue(this.studios);\n this.studiosConfig.items = [...this.studiosConfig.items, {\n ...studio,\n id: +new Date()\n }];\n this.studiosConfig = {...this.studiosConfig};\n }\n })\n );\n }\n\n public onAction(action: TableAction): void {\n switch (action.name) {\n case TableActionType.DELETE:\n this.studiosConfig.items = this.studiosConfig.items.filter(studio => studio.id !== action.id);\n this.studios = this.studiosConfig.items.map(studio => {\n return {\n studioName: studio.studioName,\n licenseNumber: studio.licenseNumber,\n address: studio.address,\n zip: studio.zip,\n location: studio.location\n };\n });\n this.studiosControl.setValue(this.studios);\n this.studiosConfig = {...this.studiosConfig};\n break;\n default:\n break;\n }\n }\n\n public register(): void {\n this.steps.confirm.valid = false;\n const formData = new FormData();\n const salutation =\n this.registerForm.value.salutation === this._localizationService.getTranslation('autocomplete.salutation.options.2') ?\n '' : this.registerForm.value.salutation;\n const data = {\n ...this.registerForm.value,\n salutation,\n };\n if (this.role === Role.PHOTOGRAPHER) {\n this.studios.forEach(s => {\n const studio = {\n name: s.studioName,\n licenseNumber: s.licenseNumber,\n address: s.address,\n zip: s.zip,\n location: s.location\n };\n formData.append('studios', JSON.stringify(studio));\n });\n }\n if (this.role === Role.EMPLOYEE && this.photographerEmail !== '') {\n formData.append('photographerEmail', this.photographerEmail);\n }\n Object.keys(data).forEach(key => {\n formData.append(key, data[key]);\n });\n this.fileConfig.control.value.forEach((file: File) => {\n formData.append('upload', file);\n });\n this.addSubscription(\n this._photostudioService.sendApplication(formData).pipe(\n catchError((error: any) => {\n this.uploadProgress = 0;\n this.steps.confirm.valid = true;\n switch (error.status) {\n case 400:\n this.registerError = this._localizationService.getTranslation('register.error.400');\n break;\n case 409:\n this.registerError = this._localizationService.getTranslation('register.error.409', [this.emailConfig.control.value]);\n break;\n default:\n this.registerError = this._localizationService.getTranslation('register.error.unknown');\n break;\n }\n return throwError(error);\n })\n ).subscribe((event: HttpEvent\n \n \n
\n\n {{ 'password.new.headline' | translate }} \n \n {{ passwordError | translate }} \n \n
\n \n {{ 'required-fields' | translate }}\n {{ 'button.confirm' | translate }} \n
\n \n {{ 'password.forgotten.headline' | translate }} \n \n {{ 'password.forgotten.description' | translate }}\n {{ passwordError | translate }} \n \n
\n \n {{ 'required-fields' | translate }}\n {{ 'button.resetPassword' | translate }} \n
\n \n
\n","import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup } from '@angular/forms';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { UigEmployee, User } from 'src/app/models/administration.model';\nimport { AutocompleteConfig } from 'src/app/models/autocomplete.model';\nimport { InputConfig, InputType } from 'src/app/models/input.model';\nimport { Helper } from 'src/app/utilities/helper';\nimport { GarbageCollectorComponent } from 'src/app/utilities/garbage-collector';\nimport { CheckboxConfig } from 'src/app/models/checkbox.model';\nimport { Role } from 'src/app/models/security.model';\nimport { Store } from '@ngxs/store';\nimport { StateModel } from 'src/app/models/store.model';\nimport { UserService } from 'src/app/services/register/user.service';\n\n@Component({\n selector: 'app-uig-employee-view',\n templateUrl: './uig-employee-view.component.html',\n styleUrls: ['./uig-employee-view.component.scss']\n})\nexport class UigEmployeeViewComponent extends GarbageCollectorComponent implements OnInit {\n\n private _uigEmployee: UigEmployee = new UigEmployee();\n public updateError = '';\n public isAdmin = false;\n\n public salutationConfig: AutocompleteConfig = new AutocompleteConfig('autocomplete.salutation.label');\n public firstNameConfig: InputConfig = new InputConfig(InputType.TEXT, 'input.firstName.label');\n public lastNameConfig: InputConfig = new InputConfig(InputType.TEXT, 'input.lastName.label');\n public emailConfig: InputConfig = new InputConfig(InputType.EMAIL, 'input.email.label');\n public phone1Config: InputConfig = new InputConfig(InputType.PHONE, 'input.phone1.label');\n public adminConfig: CheckboxConfig = new CheckboxConfig('checkbox.admin.label');\n public uigForm: FormGroup = this._fb.group({});\n public locked = true;\n\n constructor(\n private _route: ActivatedRoute,\n private _fb: FormBuilder,\n private _router: Router,\n private _store: Store,\n private _userService: UserService\n ) {\n super();\n }\n\n public ngOnInit(): void {\n const email: string = this._route.snapshot.params.email;\n const uigUser: User = new User();\n uigUser.role = Role.UIG;\n uigUser.email = email;\n\n this.uigForm.addControl('salutation', this.salutationConfig.control);\n this.uigForm.addControl('firstName', this.firstNameConfig.control);\n this.uigForm.addControl('lastName', this.lastNameConfig.control);\n this.uigForm.addControl('email', this.emailConfig.control);\n this.uigForm.addControl('phone1', this.phone1Config.control);\n\n this.addSubscription(\n this._userService.getUser(uigUser).subscribe((uigEmployee: any) => {\n if (uigEmployee) {\n this._uigEmployee = {...uigEmployee};\n Helper.mergeForm(this.uigForm, uigEmployee);\n } else {\n this.back();\n }\n })\n );\n\n const uig = this._store.selectSnapshot((state: StateModel) => state.administration.users)\n .items.find((user: User) => user.email === email);\n if (uig) {\n this.isAdmin = this._store.selectSnapshot((state: StateModel) => state.security.role) === Role.ADMIN;\n this.adminConfig.control.setValue(uig.role === Role.ADMIN);\n this._uigEmployee.role = uig.role;\n }\n\n this.addSubscription(\n this.uigForm.statusChanges.subscribe(() => {\n this.locked = this.uigForm.invalid;\n })\n );\n }\n\n public update(): void {\n const update = Helper.diffData(this._uigEmployee, this.uigForm.value);\n const user: User = new User();\n Helper.mergeData(user, this._uigEmployee);\n user.role = Role.UIG;\n this.addSubscription(\n this._userService.updateUser(update, user).subscribe(success => {\n if (!success) {\n this.updateError = 'uig-employee.error.update';\n }\n })\n );\n if (this.isAdmin) {\n const newRole: Role = this.adminConfig.control.value ? Role.ADMIN : Role.UIG;\n if (newRole !== this._uigEmployee.role) {\n this.addSubscription(\n this._userService.updateRole(newRole, this._uigEmployee.email).subscribe(success => {\n if (!success) {\n this.adminConfig.control.setValue(!this.adminConfig.control.value);\n }\n })\n );\n }\n }\n }\n\n public back(): void {\n this._router.navigate(['uig-employees']);\n }\n\n}\n","\n \n {{ 'register.headline' | translate }} \n \n \n\n \n \n {{ headline }} \n \n\n \n \n {{ 'register.step.studio.headline' | translate }} \n \n\n \n \n {{ 'register.step.upload.headline' | translate }} \n\n \n \n\n \n\n \n \n {{ 'register.step.confirm.headline' | translate }} \n \n \n\n \n\n \n
\n{{ description }}
\n\n \n\n\n {{ 'required-fields' | translate }}\n {{ 'button.next' | translate }} \n
\n {{ 'register.step.studio.description' | translate }}
\n\n\n {{ 'button.addStudio' | translate }} \n \n {{ 'button.back' | translate }} \n {{ 'button.next' | translate }} \n
\n {{ 'register.step.upload.description.member' | translate }}
\n\n
\n {{ 'register.step.upload.description.file' | translate }}
\n{{ 'register.step.upload.description.exception' | translate }}
\n{{ 'register.step.upload.description.employee' | translate }}
\n\n\n {{ 'button.back' | translate }} \n {{ 'button.next' | translate }} \n
\n {{ 'register.step.confirm.description' | translate }}
\n\n\n \n \n \n \n
\n {{ 'register.step.confirm.explanation' | translate }}
\n \n \n download \n {{ 'register.terms' | translate }}\n \n \n download \n {{ 'register.privacy' | translate }}\n \n
\n \n {{ registerError }} \n
\n \n {{ 'required-fields' | translate }}\n 0\" (action)=\"stepper.previous()\">{{ 'button.back' | translate }} \n {{ 'button.register' | translate }} \n 0\" [disabled]=\"true\">{{ 'button.sendProgress' | translate: [uploadProgress] }} \n
\n \n {{ 'uig-employee.headline' | translate }} \n \n {{ updateError | translate }} \n \n
\n\n
\n \n
\n \n
\n \n
\n \n {{ 'required-fields' | translate }}\n {{ 'button.back' | translate }} \n {{ 'button.applyChanges' | translate }} \n
\n \n \n 0\"\n paginator=\"true\"\n sortable=\"true\"\n [config]=\"tableConfig\"\n (changed)=\"configChanged($event)\"\n (action)=\"onAction($event)\"\n >\n \n
\n\n {{ 'uig-employees.headline' | translate }} \n
\n \n {{ 'button.addUigEmployee' | translate }} \n
\n \n
\n \n {{ 'uig-employees.empty' | translate }}\n
\n \n {{ 'user.headline' | translate }} \n \n {{ updateError | translate }} \n \n
\n\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {{ 'required-fields' | translate }}\n {{ 'button.back' | translate }} \n {{ 'button.applyChanges' | translate }} \n
\n \n \n 0\"\n paginator=\"true\"\n sortable=\"true\"\n [config]=\"tableConfig\"\n (changed)=\"configChanged($event)\"\n (action)=\"onAction($event)\"\n >\n \n
\n\n {{ 'users.headline' | translate }} \n
\n 0\" class=\"headline-action\">\n {{ 'button.exportCSV' | translate }} \n
\n \n
\n \n {{ 'users.empty' | translate }}\n
\n