();\n private selectedEvent: any;\n private $calendar: any;\n private calendarOptions: any = this.getInitOptions();\n\n @ViewChild('fullcalendar') fullcalendar: ElementRef;\n\n constructor() { }\n\n ngOnInit() {\n this.calendarOptions.editable = this.isEditable;\n this.calendarOptions.droppable = this.isDragAndDrop;\n this.calendarOptions.eventSources = [this._items];\n this.calendarOptions.header = {\n left: 'myPrev,myNext myToday',\n center: 'title',\n right: ''\n };\n if (!this.showOnlyMonthView) {\n this.calendarOptions.header.right = 'month,agendaWeek,agendaDay';\n }\n\n }\n\n ngAfterViewInit() {\n let calendarRef = $(this.fullcalendar.nativeElement);\n calendarRef.fullCalendar(this.calendarOptions);\n this.$calendar = calendarRef.fullCalendar('getCalendar');\n\n this.currentDateRange = this.getCurrentDateRange();\n //this.onDateNavClick.emit(currentDateRange);\n }\n\n public onMyPrev() {\n $('#calendar').fullCalendar('prev');\n let currentDateRange = this.getCurrentDateRange();\n this.onPrevClick.emit(currentDateRange);\n this.onDateNavClick.emit(currentDateRange);\n }\n\n public onMyNext() {\n $('#calendar').fullCalendar('next');\n let currentDateRange = this.getCurrentDateRange();\n this.onNextClick.emit(currentDateRange);\n this.onDateNavClick.emit(currentDateRange);\n }\n\n public onMyToday() {\n $('#calendar').fullCalendar('today');\n let currentDateRange = this.getCurrentDateRange();\n this.onTodayClick.emit(currentDateRange);\n this.onDateNavClick.emit(currentDateRange);\n }\n\n public getCurrentDateRange(): DateRange {\n let currentView = this.$calendar.getView();\n let currentStart = new Date(currentView.intervalStart._d.setHours(0));\n let currentEndTemp = currentView.intervalEnd._d;\n let currentEnd = new Date(currentEndTemp.getFullYear(), currentEndTemp.getMonth(), 0);\n let dateRange = { start: currentStart, end: currentEnd };\n\n return dateRange;\n }\n\n private eventClick(calEvent, jsEvent, view) {\n this.selectedEvent = {\n title: calEvent.title,\n start: calEvent.start,\n url: calEvent.url || ''\n };\n\n this.onItemClick.emit(calEvent);\n }\n\n private dayClick(date, jsEvent, view) {\n this.selectedEvent = {\n date: date.format()\n };\n\n this.onDayClick.emit(this.selectedEvent);\n }\n\n private onItemRender(info: any, el: any) {\n el.attr('title', info.title);\n }\n\n private getInitOptions() {\n let options = {\n customButtons: {\n myPrev: {\n click: this.onMyPrev.bind(this),\n icon: ' fas fa-caret-left'\n },\n myNext: {\n click: this.onMyNext.bind(this),\n icon: ' fas fa-caret-right'\n },\n myToday: {\n text: 'dziś',\n click: this.onMyToday.bind(this)\n }\n },\n buttonIcons: { // note the space at the beginning\n prev: ' fas fa-caret-left',\n next: ' fas fa-caret-right'\n },\n buttonText: {\n month: 'miesiąc',\n week: 'tydzień',\n day: 'dzień'\n },\n timeFormat: 'H:mm',\n editable: this.isEditable,\n droppable: this.isDragAndDrop,\n eventClick: this.eventClick.bind(this),\n dayClick: this.dayClick.bind(this),\n eventRender: this.onItemRender.bind(this),\n locale: 'pl',\n eventLimit: 4,\n businessHours: {\n dow: [1, 2, 3, 4, 5], // Monday - Friday\n\n start: '8:00', // a start time\n end: '16:00', // an end time\n },\n minTime: '06:00:00',\n maxTime: '18:00:00',\n nowIndicator: true,\n handleWindowResize: true,\n aspectRatio: 1.8,\n eventLimitText: 'więcej',\n views: {\n month: {\n locale: 'pl',\n displayEventTime: false\n },\n basic: {\n locale: 'pl'\n },\n agenda: {\n locale: 'pl'\n },\n week: {\n locale: 'pl'\n },\n day: {\n locale: 'pl'\n }\n }\n };\n\n return options;\n }\n\n ngOnDestroy() {\n this.$calendar.destroy();\n }\n\n}\n","module.exports = \" \\n\\n\\n\"","import { Component, OnInit, Input, EventEmitter, Output, ViewChild, HostListener, OnDestroy } from '@angular/core';\nimport { DateInputModel } from './date-input.model';\nimport { BsLocaleService } from 'ngx-bootstrap';\nimport { defineLocale } from 'ngx-bootstrap/chronos';\nimport { plLocale } from 'ngx-bootstrap/locale';\ndefineLocale('pl', plLocale); \n\n\n@Component({\n selector: 'smp-date-input',\n //template: `{{ element.name }}
`\n templateUrl: './date-input.component.html',\n})\nexport class DateInputComponent implements OnInit { \n @Input() element: DateInputModel;\n @Input() withTime: boolean;\n @Input() showClearButton: boolean = false;\n @Input() showTextInfo: boolean = true;\n @Output() validated = new EventEmitter(false);\n public dateFormat = 'dd.MM.yyyy';\n\n // private elementValue: FormControl;\n // private form: FormGroup;\n // private showDateTime = false;\n // private fullDateTime: Date;\n // private fullDateTimeInString = '';\n // private date: Date;\n // private time = new Date();\n\n locale = 'pl'; \n\n bsConfig = {\n containerClass: 'theme-angle'//,\n //dateInputFormat: 'YYYY-MM-DD'\n }\n\n constructor(private localeService: BsLocaleService) { \n this.localeService.use(this.locale);\n }\n\n ngOnInit() {\n //this.time.setSeconds(0);\n \n //this.withTime = this.element.withTime; \n //this.elementValue = this.builder.control('', this.createValidators());\n\n //this.elementValue.valueChanges.subscribe(() => this.onValueChange());\n //this.form = this.builder.group({ 'elementValue': this.elementValue });\n\n \n \n }\n\n private onValueChange(event) {\n //if (this.elementValue.valid) { \n // this.element.valueStr = this.elementValue.value.toLocaleString('pl-PL',{year:\"numeric\",month:\"2-digit\", day:\"2-digit\"});\n // this.element.value = this.elementValue.value;\n // this.validated.emit(this.elementValue.valid);\n //}\n if(event == null) {\n this.element.value = null;\n this.validated.emit(true);\n return;\n }\n\n this.element.valueStr = event.toLocaleString('pl-PL');\n this.element.value = event; \n //this.element.value.setUTCHours(this.element.value.getUTCHours() - (this.element.value.getTimezoneOffset() / 60));\n\n this.validated.emit(true);\n }\n\n private clear() {\n this.element.value = null;\n this.validated.emit(true);\n }\n\n // private setToday() {\n // this.element.value = new Date();\n // this.validated.emit(true);\n // }\n\n // private createValidators(): ValidatorFn {\n // if (this.element && this.element.isRequired) {\n // return Validators.compose([Validators.required]);\n // }\n // }\n\n // private getFullDateTime() {\n // if (this.date) {\n // this.fullDateTime = this.date;\n // if (this.withTime) {\n // this.fullDateTime.setHours(this.time.getHours());\n // this.fullDateTime.setMinutes(this.time.getMinutes());\n // this.element.valueStr = this.fullDateTime.toLocaleString('pl-PL',{year:\"numeric\",month:\"2-digit\", day:\"2-digit\"});\n // this.element.value = this.fullDateTime\n // this.fullDateTimeInString = this.fullDateTime.toLocaleString();\n // } else {\n // this.element.valueStr = this.fullDateTime.toLocaleDateString('pl-PL',{year:\"numeric\",month:\"2-digit\", day:\"2-digit\"});\n // this.element.value = this.fullDateTime;\n // this.fullDateTimeInString = this.fullDateTime.toLocaleDateString('pl-PL',{year:\"numeric\",month:\"2-digit\", day:\"2-digit\"});\n // }\n // } else {\n // this.fullDateTimeInString = this.element.valueStr;\n // }\n // }\n\n // private clearDate() {\n // setTimeout(() => {\n // this.date = this.fullDateTime = null;\n // this.time = new Date();\n // this.time.setSeconds(0);\n // this.element.valueStr = '';\n // this.showDateTime = false;\n // this.getFullDateTime();\n // });\n // }\n\n // private setDateTime() { \n // setTimeout(() => this.getFullDateTime());\n // } \n}\n","export class DateInputModel {\n name: string;\n isReadOnly: boolean;\n isRequired: boolean;\n withTime: boolean;\n valueStr: string; \n value: Date; \n internalName: string; \n dateFormat: string;\n}","import { SelectionMode } from '../grid/grid.model';\n\nexport class DialogConfig {\n title?: string;\n maxwidth?: string;\n selectionMode: SelectionMode;\n data?: D;\n}\n","import { Directive, ViewContainerRef } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[dialogChildInsertion]'\r\n})\r\nexport class DialogChildInsertionDirective {\r\n constructor(public viewContainerRef: ViewContainerRef) {}\r\n}","import { Injector, Type, InjectionToken, InjectFlags } from '@angular/core';\n\nexport class DialogInjector implements Injector {\n constructor(private _parentInjector: Injector, private _additionalTokens: WeakMap) {}\n\n get(token: Type | InjectionToken, notFoundValue?: T, flags?: InjectFlags): T;\n get(token: any, notFoundValue?: any);\n get(token: any, notFoundValue?: any, flags?: any) {\n const value = this._additionalTokens.get(token);\n\n if (value) return value;\n\n return this._parentInjector.get(token, notFoundValue);\n }\n}\n","import { Observable, Subject } from 'rxjs';\nimport { DialogConfig } from './dialog-config';\n\nexport class DialogRef {\n constructor(dialogConf: DialogConfig ) {\n this.dialogConfig = dialogConf;\n }\n\n public dialogConfig: DialogConfig;\n \n close(result?: any) {\n this._afterClosed.next(result);\n }\n\n private readonly _afterClosed = new Subject();\n afterClosed: Observable = this._afterClosed.asObservable();\n}\n","module.exports = \"\\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\"","import { Component, AfterViewInit, OnDestroy, ComponentRef, ViewChild, Type, ChangeDetectorRef, ComponentFactoryResolver } from '@angular/core';\r\nimport { Subject } from 'rxjs';\r\nimport { DialogRef } from './dialog-ref';\r\nimport { DialogChildInsertionDirective } from './dialog-directive';\r\nimport { ModalComponent } from '../modal/modal.component';\r\nimport { SelectionMode } from '../grid/grid.model';\r\n\r\n@Component({\r\n selector: 'app-dialog',\r\n templateUrl: './dialog.component.html'\r\n})\r\nexport class DialogComponent implements AfterViewInit, OnDestroy {\r\n componentRef: ComponentRef;\r\n\r\n @ViewChild(DialogChildInsertionDirective) insertionPoint: DialogChildInsertionDirective;\r\n @ViewChild(ModalComponent) modal: ModalComponent;\r\n\r\n public title: string;\r\n public maxwidth: string;\r\n public selectionMode: SelectionMode = SelectionMode.none;\r\n private get selectionModes() { return SelectionMode; }\r\n\r\n private readonly _onClose = new Subject();\r\n public onClose = this._onClose.asObservable();\r\n\r\n childComponentType: Type;\r\n\r\n constructor(\r\n private componentFactoryResolver: ComponentFactoryResolver,\r\n private cd: ChangeDetectorRef,\r\n private dialogRef: DialogRef\r\n ) {}\r\n\r\n ngAfterViewInit() {\r\n this.setConfiguredValues();\r\n\r\n if(this.maxwidth) {\r\n this.modal.openWithCustomSize({maxwidth: this.maxwidth});\r\n } else {\r\n this.modal.open();\r\n }\r\n\r\n this.loadChildComponent(this.childComponentType);\r\n this.cd.detectChanges();\r\n }\r\n\r\n loadChildComponent(componentType: Type) {\r\n let componentFactory = this.componentFactoryResolver.resolveComponentFactory(componentType);\r\n\r\n let viewContainerRef = this.insertionPoint.viewContainerRef;\r\n viewContainerRef.clear();\r\n\r\n this.componentRef = viewContainerRef.createComponent(componentFactory);\r\n\r\n if(this.dialogRef.dialogConfig.data) {\r\n this.componentRef.instance.dialogConfigData = this.dialogRef.dialogConfig.data;\r\n }\r\n\r\n if(this.selectionMode == SelectionMode.single) {\r\n this.componentRef.instance.onItemSelected.subscribe((item) => { this.close(item)});\r\n }\r\n\r\n if(this.selectionMode == SelectionMode.none) {\r\n this.componentRef.instance.onDialogClose.subscribe((data) => { this.close(data)});\r\n } else {\r\n this.componentRef.instance.selectionMode = this.selectionMode;\r\n }\r\n\r\n this.componentRef.instance.isOnDialog = true;\r\n }\r\n\r\n ngOnDestroy() {\r\n if (this.componentRef) {\r\n this.componentRef.destroy();\r\n }\r\n }\r\n\r\n close(result?: any) {\r\n this.dialogRef.close(result);\r\n this.modal.close();\r\n }\r\n\r\n returnSelectedItems() {\r\n let selectedItems = this.componentRef.instance.grid.getSelectedItems();\r\n this.close(selectedItems);\r\n }\r\n\r\n setConfiguredValues() {\r\n this.selectionMode = this.dialogRef.dialogConfig.selectionMode;\r\n this.title = this.dialogRef.dialogConfig.title;\r\n this.maxwidth = this.dialogRef.dialogConfig.maxwidth;\r\n }\r\n\r\n confirmDialog() {\r\n this.componentRef.instance.confirmDialog();\r\n }\r\n\r\n closeDialog() {\r\n this.componentRef.instance.closeDialog();\r\n }\r\n}\r\n","import { Injectable, ComponentFactoryResolver, ApplicationRef, Injector, Type, EmbeddedViewRef, ComponentRef } from '@angular/core';\nimport { DialogConfig } from './dialog-config';\nimport { DialogRef } from './dialog-ref';\nimport { DialogInjector } from './dialog-injector';\nimport { DialogComponent } from './dialog.component';\n\n\n@Injectable()\nexport class DialogService {\n dialogComponentRef: ComponentRef;\n\n constructor(private componentFactoryResolver: ComponentFactoryResolver, private appRef: ApplicationRef, private injector: Injector) {}\n\n public open(componentType: Type, config: DialogConfig) {\n const dialogRef = this.appendDialogComponentToBody(config);\n\n this.dialogComponentRef.instance.childComponentType = componentType;\n\n return dialogRef;\n }\n\n private appendDialogComponentToBody(config: DialogConfig) {\n const map = new WeakMap();\n map.set(DialogConfig, config);\n\n const dialogRef = new DialogRef(config);\n map.set(DialogRef, dialogRef);\n\n const sub = dialogRef.afterClosed.subscribe(() => {\n this.removeDialogComponentFromBody();\n sub.unsubscribe();\n });\n\n const componentFactory = this.componentFactoryResolver.resolveComponentFactory(DialogComponent);\n const componentRef = componentFactory.create(new DialogInjector(this.injector, map));\n\n this.appRef.attachView(componentRef.hostView);\n\n const domElem = (componentRef.hostView as EmbeddedViewRef).rootNodes[0] as HTMLElement;\n document.body.appendChild(domElem);\n\n this.dialogComponentRef = componentRef;\n\n this.dialogComponentRef.instance.onClose.subscribe(() => {\n this.removeDialogComponentFromBody();\n });\n\n return dialogRef;\n }\n\n private removeDialogComponentFromBody() {\n this.appRef.detachView(this.dialogComponentRef.hostView);\n this.dialogComponentRef.destroy();\n }\n}\n","module.exports = \"\\n \\n \\n \\n\\n\"","import { Component, OnInit, ViewChild, EventEmitter, Output, HostListener } from '@angular/core';\nimport { ObjectToSelect } from '../objectToSelect.model';\nimport { EmployeesRest } from '../../../company/employees/employee.rest';\nimport { NgForm } from '@angular/forms';\nimport { ModalComponent } from '../modal/modal.component';\nimport { NotificationForEmployee } from '../../../absences/absences.model';\nimport { INgxSelectOption } from 'ngx-select-ex';\n\n@Component({\n selector: 'app-employee-id-selection',\n templateUrl: './employee-id-selection.component.html',\n})\nexport class EmployeeIdSelectionComponent implements OnInit {\n\n public currentEmployeer: String;\n public employees: ObjectToSelect[];\n public notificationEmployeeId: number;\n private employeesOpen = false;\n private isSaving = false;\n\n constructor(private rest: EmployeesRest) { }\n\n @ViewChild('employeeSelectionForm') employeeSelectionForm: NgForm;\n @ViewChild(ModalComponent) public modal: ModalComponent;\n @Output() onSuccess: EventEmitter<{ isSuccess: boolean, selectedEmployeeId: any }> = new EventEmitter<{ isSuccess: boolean, selectedEmployeeId: any }>();\n\n @HostListener('document:keydown.control.s', ['$event']) onKeydownHandler(event: KeyboardEvent) {\n if (this.modal.modalRoot.isShown === true && this.employeeSelectionForm.valid) {\n this.confirm();\n event.preventDefault();\n }\n }\n\n ngOnInit() {\n this.modal.title = 'Wybierz pracownika';\n }\n\n public selectEmployee(employees: ObjectToSelect[], existingEmployeeIds: number[]) {\n this.employees = employees.filter(x => existingEmployeeIds.every(employeeId => employeeId !== x.id));\n this.modal.openWithCustomSize({ height: '25vh', width: '450px' });\n }\n\n\n public closeModal() {\n this.modal.close();\n }\n\n private confirm() {\n if (this.isSaving) {\n return;\n }\n\n this.addNotificationEmployee();\n }\n\n private addNotificationEmployee() {\n this.onSuccess.emit({ isSuccess: true, selectedEmployeeId: this.notificationEmployeeId });\n this.modal.close();\n }\n\n private onOpen() {\n this.employeesOpen = true;\n }\n\n private onClose() {\n this.employeesOpen = false;\n }\n\n private searchCallback(search: string, item: INgxSelectOption): boolean {\n search = search.toLowerCase();\n return item.data.name.toLowerCase().includes(search) || item.data.guid.toLowerCase().includes(search);\n }\n}\n","module.exports = \"\"","module.exports = \".contentHolder {\\n display: flex;\\n flex-direction: row; }\\n\\napp-item-selection {\\n width: 100%; }\\n\\n.mobileScrollBar {\\n width: 0px;\\n border: none; }\\n\\n@media (max-width: 500px) {\\n app-item-selection {\\n width: 85%; }\\n .mobileScrollBar {\\n width: 15%;\\n border: 1px solid #eee;\\n margin: 2px; } }\\n\"","import { Component, OnInit, Input, EventEmitter, AfterViewInit } from '@angular/core';\nimport { GridHeader } from '../grid.model';\nimport { DialogControl } from '../../dialog/dialog.model';\n\n@Component({\n selector: 'app-column-editor',\n templateUrl: './column-editor.component.html',\n styleUrls: ['./column-editor.component.scss']\n})\nexport class ColumnEditorComponent implements OnInit, AfterViewInit, DialogControl {\n \n public dialogConfigData: any;\n public onDialogClose: EventEmitter = new EventEmitter();\n isConfirmButtonDisabled: boolean = false;\n\n private items: GridHeader[];\n\n constructor() { }\n\n ngOnInit() {\n this.processDialogConfig();\n }\n\n ngAfterViewInit() {\n }\n\n public closeDialog() {\n this.onDialogClose.emit();\n }\n\n public confirmDialog() {\n if(!this.items.some(item => item.isVisible)) {\n sweetAlert(\"Przynajmniej 1 kolumna musi być widoczna.\");\n return;\n }\n\n let visibleItems = [];\n let columnSettings = {};\n for (let index = 0; index < this.items.length; index++) {\n const item = this.items[index];\n if(item.isVisible == true) {\n visibleItems.push(item);\n }\n columnSettings[item.propertyName] = {index: index, isVisible: item.isVisible};\n }\n\n this.onDialogClose.emit({visibleItems: visibleItems, columnSettings: columnSettings});\n }\n\n private processDialogConfig() {\n if(!this.dialogConfigData){\n return;\n }\n\n if (this.dialogConfigData['items']) {\n this.items = this.dialogConfigData['items'];\n }\n }\n\n}\n","module.exports = \"\\n \\n \\n
\"","import { Component, OnInit, Input, Output, ViewChild, EventEmitter, AfterViewInit, OnChanges, SimpleChanges, ElementRef } from '@angular/core';\n\n@Component({\n selector: 'app-grid-checkbox-filter',\n templateUrl: './grid-checkbox-filter.component.html',\n styles: []\n})\nexport class GridCheckboxFilterComponent implements AfterViewInit, OnChanges {\n @Input() actualFilterState: string;\n @Input() isReadonly: boolean = false;\n @Output() stateChanged = new EventEmitter();\n @ViewChild('filterCheckbox') checkbox: ElementRef;\n private actualInnerState = '';\n\n constructor() { }\n\n ngAfterViewInit() {\n if(this.actualFilterState) {\n this.actualInnerState = this.actualFilterState;\n switch (this.actualFilterState) {\n case 'true':\n this.setChecked(this.checkbox.nativeElement);\n break;\n\n case 'false':\n this.setUnChecked(this.checkbox.nativeElement);\n break;\n \n default:\n this.setIndeterminate(this.checkbox.nativeElement);\n break;\n }\n } else {\n this.setIndeterminate(this.checkbox.nativeElement);\n }\n }\n\n ngOnChanges(changes: SimpleChanges) {\n if (changes['actualFilterState']) {\n const currentValue = changes['actualFilterState'].currentValue;\n if (currentValue === '' && currentValue !== this.actualInnerState) {\n this.setIndeterminate(this.checkbox.nativeElement);\n }\n }\n }\n\n changeState(event) {\n if(this.isReadonly === true) {\n return;\n }\n\n const el = event.target;\n if (el.readOnly) {\n this.setUnChecked(el);\n this.stateChanged.emit('false');\n } else {\n if (!el.checked) {\n this.setIndeterminate(el);\n this.stateChanged.emit('');\n } else {\n this.stateChanged.emit('true');\n }\n }\n }\n\n private setIndeterminate(el: any) {\n this.actualInnerState = '';\n el.readOnly = el.indeterminate = true;\n }\n\n private setChecked(el: any) {\n this.actualInnerState = 'true';\n el.indeterminate = el.readOnly = false;\n el.checked = true;\n }\n\n private setUnChecked(el: any) {\n this.actualInnerState = 'false';\n el.checked = el.readOnly = false;\n }\n}","module.exports = \"\\n {{ header.displayName }}\\n \\n | \\n | \"","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-grid-header',\n templateUrl: './grid-header.component.html',\n styles: []\n})\nexport class GridHeaderComponent implements OnInit {\n \n public headers: any[];\n\n constructor() { }\n\n ngOnInit() {\n }\n\n}","module.exports = \"\\n \\n
\"","import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';\nimport { CustomButton } from '../grid.model';\n\n@Component({\n selector: 'app-grid-row-buttons',\n templateUrl: './grid-row-buttons.component.html',\n styles: []\n})\nexport class GridRowButtonsComponent implements OnInit {\n \n @Input() buttons: CustomButton[];\n @Input() row: any;\n @Output() buttonClicked = new EventEmitter();\n public visibleButtons: CustomButton[];\n \n constructor() { }\n \n ngOnInit() {\n this.visibleButtons = this.buttons.filter(b => this.checkIfCustomButtonVisible(b, this.row));\n }\n \n private checkIfCustomButtonVisible(button, row) {\n if (button.isVisible) {\n return button.isVisible(row);\n } else {\n return true;\n }\n }\n \n }","module.exports = \"\\n\\n
\\n\\n
\\n
\\n \\n {{ ((currentPage * pageSize) + 1) | ifNaN }} - {{ getLastVisibleElement() | ifNaN}} / {{ dataSize | ifNaN }}\\n \\n \\n
\\n \\n
\\n
\\n
\\n
\\n
\\n
\\n
{{item[textPropertyName]}}
\\n
\\n
\\n
\\n
\n
{{message}}
\n
\n \n\n`\n})\n\nexport class MessageBoxComponent {\n @Output() onSuccess = new EventEmitter();\n @Output() onCancel = new EventEmitter();\n @Output() onClose = new EventEmitter();\n\n @ViewChild(ModalComponent) private modal: ModalComponent;\n\n public title: string = '';\n public message: string = '';\n public cancelButtonVisible = true;\n public successButtonText: string = '';\n private cancelButtonText: string = '';\n\n constructor(\n private translateService: TranslatorService) {\n }\n\n public openYesNoBox(title: string, message: string) {\n this.setTranslation('successButtonText', 'COMMONBUTTONS_yes');\n this.setTranslation('cancelButtonText', 'COMMONBUTTONS_no');\n this.cancelButtonVisible = true;\n this.setCommonControls(title, message);\n this.modal.open();\n }\n\n public openOkCancelBox(title: string, message: string) {\n this.setTranslation('successButtonText', 'COMMONBUTTONS_ok');\n this.setTranslation('cancelButtonText', 'COMMONBUTTONS_cancel');\n this.cancelButtonVisible = true;\n this.setCommonControls(title, message);\n this.modal.open();\n }\n\n public openMessageBox(title: string, message: string) {\n this.setTranslation('successButtonText', 'COMMONBUTTONS_close');\n this.cancelButtonVisible = false;\n this.setCommonControls(title, message);\n this.modal.open();\n }\n\n public success() {\n this.modal.close();\n this.onSuccess.emit({});\n this.onClose.emit({});\n }\n\n private setCommonControls(title: string, message: string) {\n this.setTranslation('title', title);\n this.setTranslation('message', message);\n }\n\n private setTranslation(destination: string, translationName: string) {\n this.translateService.translate.get(translationName).subscribe(value => { this[destination] = value; });\n }\n\n private cancel() {\n this.modal.close();\n this.onCancel.emit({});\n this.onClose.emit({});\n }\n}","module.exports = \"\\n\\n\\n\\n \\n\\n\"","import {Component, Input, Output, EventEmitter, ViewChild, OnInit, ChangeDetectorRef, AfterViewInit} from '@angular/core';\nimport { ShellSideNavService } from '../../../shell/shell-sidenav.service';\nimport { MediaMatcher } from '@angular/cdk/layout';\n\n@Component({\n selector: 'smp-modal',\n templateUrl: 'modal.component.html'\n})\nexport class ModalComponent implements OnInit, AfterViewInit{\n @Input() modalClass: string;\n @Input() closeOnEscape: boolean = true;\n @Input() closeOnOutsideClick: boolean = true;\n @Input() title: string;\n @Input() hideCloseButton: boolean = false;\n @Input() cancelButtonLabel: string;\n @Input() submitButtonLabel: string;\n @Input() focusableInputId: string;\n @Input() allowOverflow: boolean = false;\n\n @Output() onOpen = new EventEmitter(false);\n @Output() onClose = new EventEmitter(false);\n @Output() onSubmit = new EventEmitter(false);\n\n @ViewChild('modalRoot') modalRoot: any;\n\n public mobileQuery: MediaQueryList;\n public modalConfig = {\n backdrop: true,\n ignoreBackdropClick: true\n };\n\n private backdropElement: HTMLElement;\n private width: string = 'auto';\n public height: string = 'auto';\n public maxwidth: string = '';\n\n constructor(\n changeDetectorRef: ChangeDetectorRef,\n media: MediaMatcher\n ) {\n this.mobileQuery = media.matchMedia('(max-width: 900px)');\n this.mobileQuery.addListener(() => changeDetectorRef.detectChanges());\n }\n\n ngOnInit(){\n }\n\n ngAfterViewInit() {\n this.modalRoot.onHidden.subscribe(() => {\n this.onClose.emit();\n });\n }\n\n public open(...args: any[]) { \n this.width = 'auto';\n this.height = 'auto';\n this.showModal(args);\n }\n\n public openWithCustomSize(args: any) {\n if (args) {\n this.setSize(args);\n }\n\n this.showModal(args);\n }\n\n public close(...args: any[]) {\n this.modalRoot.hide();\n this.onClose.emit(args);\n }\n\n private showModal(...args: any[]) {\n this.onOpen.emit(args);\n this.modalRoot.show();\n }\n\n private getModalWidth() {\n return {\n width: this.width\n };\n }\n\n private getModalMaxWidth() {\n return {\n max_width: this.maxwidth\n };\n }\n\n public preventClosing(event: MouseEvent) {\n event.stopPropagation();\n }\n\n private setSize(sizeData: any) {\n this.width = sizeData['width'] || 'auto';\n this.height = sizeData['height'] || 'auto';\n this.maxwidth = sizeData['maxwidth'] || '';\n }\n\n private getModalHeight() {\n return {\n height: this.height\n };\n }\n}\n","export class ObjectToSelect { \n id: number;\n guid: string;\n name: string;\n}","import { Directive, ElementRef, OnInit, Input } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[appResizable]'\r\n})\r\nexport class ResizableDirective implements OnInit {\r\n \r\n @Input('appResizable') directions: string[];\r\n\r\n constructor(private el: ElementRef) {}\r\n\r\n ngOnInit(): void {\r\n const element: HTMLInputElement = this.el.nativeElement as HTMLInputElement;\r\n let dir = this.directions || ['right'];\r\n \r\n for (let i = 0; i < dir.length; i++) {\r\n const direction = dir[i];\r\n let handle = document.createElement('div');\r\n handle.setAttribute('class', 'resize-handle-'+direction);\r\n handle.innerHTML = '';\r\n element.appendChild(handle);\r\n }\r\n // dir.forEach((direction) => {\r\n // let handle = document.createElement('div');\r\n // handle.setAttribute('class', 'resize-handle-'+direction);\r\n // handle.innerHTML = '';\r\n // element.appendChild(handle);\r\n // });\r\n }\r\n}","module.exports = \"\\n\"","import { Component, OnInit, Input, HostListener } from '@angular/core';\nimport { ButtonModel } from './button.model';\nimport { keyframes } from '@angular/animations';\nimport { Key } from 'protractor';\ndeclare var $: any;\n\n@Component({\n selector: 'app-richtext',\n templateUrl: './richtext.component.html'\n})\nexport class RichTextComponent implements OnInit {\n @Input() id = 'summernote';\n @Input() buttons: ButtonModel[];\n @Input() height = 600;\n @Input() disableFullscreen: boolean = false;\n @Input() mentionsEnabled: boolean = false;\n // public content: string;\n\n private userMentions: any[] = [];\n\n ngOnInit() {\n let cachedMentions = this.mentionsEnabled ? localStorage.getItem('userMentions') : '[]';\n this.userMentions = JSON.parse(cachedMentions || '[]');\n\n $(`#${this.id}`).summernote({\n height: this.height,\n dialogsInBody: true,\n followingToolbar: false,\n callbacks: {\n // onChange: (content, $editable) => {\n // this.content = content;\n // }\n },\n toolbar: [\n ['style', ['style']],\n ['font', ['bold', 'italic', 'underline', 'clear']],\n ['fontname', ['fontname']],\n ['fontsize', ['fontsize']],\n ['color', ['color']],\n ['para', ['ul', 'ol', 'paragraph']],\n ['table', ['table']],\n ['insert', ['link', 'picture', 'video']],\n ['view', [ this.disableFullscreen ? '' : 'fullscreen', 'codeview', 'help']],\n ],\n fontSizeUnits: ['px'],\n hint: {\n mentions: this.userMentions,\n match: /\\B@([a-z ]*)/i,\n search: function (keyword, callback) {\n callback(\n this.mentions.filter(function(item){return item.name.toLowerCase().indexOf(keyword)>-1 || item.email.toLowerCase().indexOf(keyword)>-1;})\n );\n },\n template: function(item) {\n return item.name;\n },\n content: function (item) {\n return $('')\n .attr('href', '')\n .attr('title', item.email)\n .text('@' + item.name)\n .get(0);\n }\n }\n });\n\n $('.note-popover').css({\n 'display': 'none'\n });\n\n // $(`#${this.id}`).summernote({\n // callbacks: {\n // onPaste: function (e, ne) {\n // console.log('Called event paste');\n // }\n // }\n // });\n\n // // summernote.paste\n // $(`#${this.id}`).on('summernote.paste', function (e, ne) {\n // console.log('Called event paste');\n\n // var data = ((ne.originalEvent || ne).clipboardData || (window as any).clipboardData);\n // // var text: string = data.getData('text/plain');\n // var html: string = data.getData('text/html');\n // // var rtf: string = data.getData('text/rtf');\n\n // e.preventDefault();\n // // console.log('RTF:');\n // // console.log(rtf);\n // // console.log('HTML:');\n // // console.log(html);\n\n // var length = html.length;\n // var index = 0;\n\n\n // var imagesArray = $(html).find(\"img\").map(function () {\n // return $(this).html();\n // }).get();\n\n // console.log(imagesArray);\n\n\n // while (index < length) {\n // var newIndex = html.indexOf(\"\", index);\n\n // var imgString = html.substr(newIndex, endingIndex - newIndex + 1);\n\n // var url = $(imgString).attr('src');\n\n // // tu dostajemy url \n // console.log(url);\n\n // index = endingIndex;\n // }\n // }\n // });\n\n // addEventListener('keydown', x => { this.convert(x.ctrlKey, x.altKey, x.keyCode); });\n }\n\n // public convert(isCtrl, isAlt, key) {\n // if (!(isAlt && isCtrl && key === 86)) {\n // return;\n // }\n\n // console.log(\"Test\");\n // }\n\n public getHtml() {\n return $(`#${this.id}`).summernote('code');\n }\n\n public reset() {\n $(`#${this.id}`).summernote('reset');\n }\n\n public insertHtml(text: string) {\n $(`#${this.id}`).summernote('code', text);\n }\n\n public setHtml(text: string) {\n this.reset();\n this.insertHtml(text);\n }\n\n public insertText(text: string) {\n $(`#${this.id}`).summernote('insertText', text);\n }\n\n public setText(text: string) {\n this.reset();\n this.insertText(text);\n }\n\n public disableContol() {\n $(`#${this.id}`).summernote('disable');\n }\n\n public enableContol() {\n $(`#${this.id}`).summernote('enable');\n }\n\n public isEmpty(data: string) {\n data = this.replaceAll(data, '', '');\n data = this.replaceAll(data, '
', '');\n data = this.replaceAll(data, ' ', '');\n data = this.replaceAll(data, '
', '');\n return data.trim() === '' ? true : false;\n }\n\n private replaceAll(str, find, replace) {\n while (str.includes(find)) {\n str = str.replace(new RegExp(find, ''), replace);\n }\n return str;\n }\n}\n","import { Injectable } from \"@angular/core\";\nimport { RestService } from \"../../core/rest.service\";\nimport { NoteObjectType } from './noteobjecttype.enum';\nimport { UserNote } from \"./usernote.model\";\nimport { Observable } from \"rxjs\";\n\n@Injectable()\nexport class UserNoteRest {\n constructor(private http: RestService) { } \n \n public postNote(note: UserNote) {\n return this.http.post(\"api/usernote\", note);\n }\n \n public getNote(noteObjectType: NoteObjectType, objectId: number) {\n return this.http.get(`api/usernote/${noteObjectType}/${objectId}`);\n }\n}","import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatIconModule, MatToolbarModule, MatSidenavModule, MatListModule, MatDatepickerModule, MatTabsModule, MatExpansionModule, MatTooltipModule } from '@angular/material';\nimport { AlertModule } from 'ngx-bootstrap/alert';\nimport { TimepickerModule } from 'ngx-bootstrap/timepicker';\nimport { DatepickerModule } from 'ngx-bootstrap/datepicker';\nimport { BsDropdownModule } from 'ngx-bootstrap/dropdown';\nimport { ReactiveFormsModule, FormsModule } from '@angular/forms';\nimport { GridComponent } from './grid/grid.component';\nimport { ModalComponent } from './modal/modal.component';\nimport { MessageBoxComponent } from './message-box.component';\nimport { TreelistComponent } from './treelist/treelist.component';\nimport { GridRowButtonsComponent } from './grid/grid-row-buttons/grid-row-buttons.component';\nimport { GridCheckboxFilterComponent } from './grid/grid-checkbox-filter/grid-checkbox-filter.component';\nimport { GridHeaderComponent } from './grid/grid-header/grid-header.component';\nimport { TreelistElementComponent } from './treelist/treelist-element/treelist-element.component';\nimport { TranslatorService } from '../translator/translator.service';\n//import { LayoutModule } from '../../layout/layout.module';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { SharedTemplateModule } from '../../shared-template/shared-template.module';\nimport { RouterModule } from '@angular/router';\nimport { Ng2TableModule } from 'ng2-table';\nimport { DateInputComponent } from './date-input/date-input.component';\nimport { RichTextComponent } from './richtext/richtext.component';\nimport { UserNoteRest } from './richtext/usernote.rest';\nimport { NgxSelectModule } from 'ngx-select-ex';\nimport { AttachmentsComponent } from './attachments/attachments.component';\nimport { EmployeeModalComponent } from '../../company/employees/employee-modal/employee-modal.component';\nimport { TabMenuComponent } from './tabmenu/tabmenu.component';\nimport { NumeratorModule } from '../../numerator/numerator.module';\nimport { NumeratorComponent } from '../../numerator/numerator.component';\nimport { NgxNumberSpinModule } from 'ngx-number-spin';\nimport { SpinEditComponent } from './spinedit/spinedit.component';\nimport { ReadonlyDirective } from './grid/readonly-checkbox.directive';\nimport { DeleteCommaPipe } from './spinedit/delete-comma-pipe.pipe';\nimport { PaginationModule } from 'ngx-bootstrap/pagination';\nimport { NumeratorRest } from '../../numerator/numerator.rest';\nimport { InputFocusDirective } from './input-focus.directive';\nimport { IfNanPipe } from './grid/if-nan.filter';\nimport { ContextMenuModule } from 'ngx-contextmenu';\nimport { ItemSelectionComponent } from './item-selection/item-selection.component';\nimport { DndModule } from 'ngx-drag-drop';\nimport { ColumnEditorComponent } from './grid/column-editor/column-editor.component';\nimport { DialogComponent } from './dialog/dialog.component';\nimport { DialogChildInsertionDirective } from './dialog/dialog-directive';\nimport { DialogService } from './dialog/dialog.service';\nimport { GridRest } from './grid/grid.rest';\nimport { CalendarComponent } from './calendar/calendar.component';\nimport { ResizableModule } from 'angular-resizable-element';\nimport { ResizableDirective } from './resizable.directive';\nimport { CustomersRest } from '../../company/customers/customers.rest';\nimport { EmployeeIdSelectionComponent } from './employee-selection/employee-id-selection.component';\n\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n TranslateModule,\n RouterModule,\n SharedTemplateModule,\n Ng2TableModule,\n NgxSelectModule,\n NgxNumberSpinModule,\n PaginationModule,\n ResizableModule,\n ContextMenuModule.forRoot({\n useBootstrap4: true\n }),\n DndModule\n ],\n declarations: [\n GridComponent,\n GridRowButtonsComponent,\n GridHeaderComponent,\n GridCheckboxFilterComponent,\n ModalComponent,\n MessageBoxComponent,\n TreelistComponent,\n TreelistElementComponent,\n DateInputComponent,\n RichTextComponent,\n AttachmentsComponent,\n EmployeeModalComponent,\n TabMenuComponent,\n SpinEditComponent,\n NumeratorComponent,\n DeleteCommaPipe,\n ReadonlyDirective,\n InputFocusDirective,\n IfNanPipe,\n ItemSelectionComponent,\n ColumnEditorComponent,\n DialogComponent,\n DialogChildInsertionDirective,\n CalendarComponent,\n ResizableDirective,\n EmployeeIdSelectionComponent\n ],\n exports: [\n MatToolbarModule,\n MatIconModule,\n MatListModule,\n MatSidenavModule,\n MatMenuModule,\n MatCheckboxModule,\n MatDatepickerModule,\n MatTabsModule,\n MatExpansionModule,\n DatepickerModule,\n TimepickerModule,\n AlertModule,\n ReactiveFormsModule,\n CommonModule,\n FormsModule,\n GridComponent,\n ModalComponent,\n MessageBoxComponent,\n BsDropdownModule,\n TreelistComponent,\n //LayoutModule,\n TranslateModule,\n SharedTemplateModule,\n RouterModule,\n Ng2TableModule,\n DateInputComponent,\n RichTextComponent,\n NgxSelectModule,\n AttachmentsComponent,\n EmployeeModalComponent,\n TabMenuComponent,\n //NumeratorModule,\n SpinEditComponent,\n NumeratorComponent,\n NgxNumberSpinModule,\n ReadonlyDirective,\n PaginationModule,\n InputFocusDirective,\n CalendarComponent,\n ResizableModule,\n ResizableDirective,\n MatTooltipModule,\n EmployeeIdSelectionComponent\n ],\n entryComponents: [DialogComponent, ColumnEditorComponent],\n providers: [\n UserNoteRest,\n NumeratorRest,\n DialogService,\n GridRest,\n CustomersRest\n ]\n})\nexport class SharedModule { }\n","import { Pipe, PipeTransform } from \"@angular/core\";\n\n@Pipe({name: 'deleteComma'})\nexport class DeleteCommaPipe implements PipeTransform {\n transform(value: string): string {\n if(value == undefined){\n return '';\n }\n return value.replace(',','.');\n }\n}\n","module.exports = \"\\n
\\n
\\n
\\n
\\n
\\n
\\n \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n {{shortcut.title}}\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
{{item.title}}\\r\\n
\\r\\n {{row.value}}\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\n
\\n
\\n
\\n
\\n \\n \\n \\n {{ successMessage | 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 + value.element.htmlDescripiton + '
' + this.elementsDescriptions;\n this.grid.refreshData();\n let element = this.elements.indexOf(value.element);\n this.grid.focusRow(value, element);\n this.grid.selectedItemId = value.element.id;\n this.setIssueValuesForLastElement();\n }\n }\n\n private previousDescriptionsChange() {\n if (this.showPreviousDescriptions) {\n this.concatDescriptions();\n } else {\n if (!this.grid.focusedRowId) {\n if (this.elements.length > 0) {\n this.selectedElementId = this.elements[0].id;\n this.grid.selectedItemId = this.selectedElementId;\n this.grid.focusedRowId = this.selectedElementId;\n this.grid.focusRow(this.elements[0], 0);\n } else {\n this.getDescription('');\n }\n } else {\n this.selectedElementId = this.grid.focusedRowId;\n this.grid.selectedItemId = this.selectedElementId;\n this.getDescription(this.elements[this.grid.selectedItemId]);\n }\n }\n }\n\n private concatDescriptions(){\n this.elementsDescriptions = '';\n let previousElements = new Array();\n if (this.grid && this.grid.focusedRowId) {\n for (const element of this.elements) {\n if (new Date(element.createdDate).getTime() <= new Date(this.issue.issueElements[this.grid.focusedRowId].createdDate).getTime()) {\n previousElements.push(element);\n }\n }\n } else {\n previousElements = this.elements;\n }\n previousElements.sort((a, b) => new Date(b.createdDate).getTime() - new Date(a.createdDate).getTime());\n for (const element of previousElements) {\n let date = new Date(element.createdDate.toLocaleString());\n if (date.toString() == 'Invalid Date') {\n date = new Date(element.createdDate);\n }\n if (element.htmlDescripiton && element.htmlDescripiton.trim() !== '') {\n this.elementsDescriptions += ` ${date.toLocaleString()} ${element.createdBy}
`;\n this.elementsDescriptions += element.htmlDescripiton + '
';\n }\n }\n\n if (this.issue.htmlDescripiton && this.issue.htmlDescripiton.trim() !== '') {\n const issueStartDate = new Date(this.issue.startDate);\n this.elementsDescriptions += ` ${issueStartDate.toLocaleString()} OPIS ZGŁOSZENIA
`;\n this.elementsDescriptions += this.issue.htmlDescripiton + '
';\n }\n\n if (this.showPreviousDescriptions) {\n this.getDescription(this.elementsDescriptions);\n } else {\n if (this.elements.length > 0 && this.grid) {\n this.selectedElementId = this.elements[0].id;\n this.grid.selectedItemId = this.selectedElementId;\n this.grid.focusedRowId = this.selectedElementId;\n this.getDescription(this.elements.find(x => x.id === this.selectedElementId));\n } else {\n this.getDescription('');\n }\n }\n }\n\n private rowFocus(row: any) {\n if (this.showPreviousDescriptions) {\n this.concatDescriptions();\n } else {\n if (row.element) {\n this.getDescription(row.element);\n } else {\n this.getDescription(row);\n }\n }\n }\n\n private setIssueValuesForLastElement() {\n const lastElement = this.issue.issueElements.sort((a, b) => new Date(a.createdDate).getTime() - new Date(b.createdDate).getTime())[this.issue.issueElements.length-1];\n if (lastElement) {\n this.issue.objectStateId = lastElement.objectStateId;\n this.issue.elementAssignee = lastElement.employeeFullName;\n }\n }\n}\n","module.exports = \"\"","import { Component, OnInit, ViewChildren, QueryList, ViewChild, HostListener, OnDestroy } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { NgForm } from '@angular/forms';\nimport { ObjectToSelect } from '../../../core/shared/objectToSelect.model';\nimport { DateInputModel } from '../../../core/shared/date-input/date-input.model';\nimport { RichTextComponent } from '../../../core/shared/richtext/richtext.component';\nimport { SelectionMode } from '../../../core/shared/grid/grid.model';\nimport { EmployeesListComponent } from '../../../company/employees/employee-list/employees-list.component';\nimport { GridComponent } from '../../../core/shared/grid/grid.component';\nimport { SpinEditComponent } from '../../../core/shared/spinedit/spinedit.component';\nimport { ProjectWatcher } from '../../../projects/projects.model';\nimport { ProjectsRest } from '../../../projects/projects.rest';\nimport { CustomersRest } from '../../../company/customers/customers.rest';\nimport { HasPermissions, Permissions } from '../../../core/services/permissions/permissions.model';\nimport { PermissionsService } from '../../../core/services/permissions/permissions.service';\nimport { Subscription } from 'rxjs';\nimport { INgxSelectOption } from 'ngx-select-ex';\nimport { LoginRest } from '../../../login/login.rest';\nimport { IssuesExtRest } from '../../issues-ext.rest';\nimport { Issue, IssueWatcher, IssueElement } from '../../../issues/issues.model';\nimport { DialogService } from '../../../core/shared/dialog/dialog.service';\nimport { DialogConfig } from '../../../core/shared/dialog/dialog-config';\nimport { ShellRestService } from '../../../shell/shell.rest';\n\n@Component({\n selector: 'app-issue-ext-header',\n templateUrl: './issue-ext-header.component.html',\n styleUrls: []\n})\nexport class IssueExtHeaderComponent implements OnInit, OnDestroy, HasPermissions {\n isCopy: boolean;\n constructor(private router: Router,\n private route: ActivatedRoute,\n private restExt: IssuesExtRest,\n public dialog: DialogService,\n private permissionService: PermissionsService,\n private loginRest: LoginRest,\n private shellRest: ShellRestService) {\n this.onResize();\n }\n\n public issueTypes: ObjectToSelect[];\n public employees: ObjectToSelect[];\n public departments: ObjectToSelect[];\n public systemVersions: ObjectToSelect[];\n public states: ObjectToSelect[];\n public projectSteps: ObjectToSelect[];\n public issue: Issue;\n public isNew: boolean;\n public startDate: DateInputModel;\n public isEditable: boolean;\n\n private descriptionView: RichTextComponent = null;\n private summerNoteHeight = 680;\n private subscription: Subscription;\n private oldProject: string;\n private oldCustomer: string;\n private currentUser: ObjectToSelect; \n private notAssignedIssue: boolean;\n\n @ViewChildren(RichTextComponent) headerExtDescriptionViews: QueryList;\n @ViewChild(GridComponent) watchersGrid: GridComponent;\n @ViewChild('issueFormExt') issueForm: NgForm;\n @ViewChild('priority') isPublic: SpinEditComponent;\n @ViewChild('planningWorkTime') planningWorkTime: SpinEditComponent;\n\n private watchersHeaders = [\n { displayName: 'Pracownik', propertyName: 'employeeFullName', propertyType: 'string' },\n ];\n permissions: Permissions;\n setPermissions(claimType: string): void {\n this.permissions = this.permissionService.getUserPermissions(claimType);\n }\n\n ngOnInit() {\n this.getIssueTypes();\n this.getDepartments();\n this.getStates();\n this.employees = new Array();\n }\n\n ngOnDestroy() {\n if (this.subscription) {\n this.subscription.unsubscribe();\n }\n }\n\n public setModel(issue: Issue, isNew: boolean, isCopy: boolean) {\n this.setPermissions('IssueExt');\n this.issue = issue;\n this.isNew = isNew;\n this.isCopy = isCopy ;\n\n this.shellRest.IsBlockedCustomer().subscribe((isBlockedCustomer: boolean) => {\n if (isBlockedCustomer)\n this.isEditable = false;\n else\n this.isEditable = isNew ? this.permissions.canAdd : this.permissions.canEdit;\n\n if (isNew) { \n if(!this.isCopy){\n this.issue.projectName = '';\n this.issue.projectStepId = null;\n this.issue.projectStepName = '';\n this.issue.userStoryId = null;\n this.issue.userStoryName = '';\n this.issue.systemVersionId = null;\n }\n this.getCurrentUser(true);\n }\n this.setCustomerInfo();\n \n\n if (isNew) {\n if (!this.issue.issueType) {\n this.issue.issueType = this.issueTypes[0].name;\n }\n if (!this.issue.departmentId) {\n this.issue.departmentId = this.departments[0].id;\n }\n if (!this.issue.systemVersionId) {\n this.issue.systemVersionId = null;\n }\n }\n\n this.initializeDate();\n this.getDescription();\n\n if (this.issue.elementAssignee == null && !this.isNew) {\n this.notAssignedIssue = true;\n }\n });\n }\n\n private setCustomerInfo() {\n this.getSystemVersions(this.issue.customerId);\n this.getCustomerProjectSteps(this.issue.customerId);\n this.getCustomerEmployees(this.issue.customerId);\n }\n\n\n public getSystemVersions(customerId: number) {\n this.restExt.getSystemVersions(customerId).subscribe((result: ObjectToSelect[]) => {\n if (result) {\n this.systemVersions = result;\n }\n });\n }\n\n\n private initializeDate() {\n this.startDate = new DateInputModel();\n this.startDate.isReadOnly = true;\n this.startDate.isRequired = false;\n this.startDate.name = 'Data zgłoszenia';\n this.startDate.value = new Date(this.issue.startDate);\n this.startDate.valueStr = this.startDate.value.toDateString();\n this.startDate.withTime = false;\n }\n\n public saveDescription() {\n if (this.descriptionView == null) {\n return;\n }\n\n if (this.issue && typeof(this.descriptionView.getHtml()) === 'string' && this.descriptionView.getHtml() !== '') {\n this.issue.htmlDescripiton = this.descriptionView.getHtml();\n }\n }\n\n\n public getDescription() {\n if (!this.headerExtDescriptionViews) {\n return;\n }\n this.subscription = this.headerExtDescriptionViews.changes.subscribe((nv: QueryList) => {\n if (this.descriptionView === null) {\n this.descriptionView = nv.first;\n }\n\n if (this.descriptionView && this.isNew && !this.issue.htmlDescripiton && this.issue.htmlDescripiton !== '') {\n this.descriptionView.setHtml('');\n this.issue.htmlDescripiton = '';\n } else if (!this.isNew) {\n this.descriptionView.setHtml(this.issue.htmlDescripiton);\n }\n\n if (!this.isEditable || this.issue.assigneeId ) {\n this.descriptionView.disableContol();\n }\n });\n\n if (!this.descriptionView) {\n if (this.headerExtDescriptionViews.first) {\n this.descriptionView = this.headerExtDescriptionViews.first;\n this.descriptionView.setHtml(this.issue.htmlDescripiton);\n }\n }\n }\n\n public addWatcher() {\n const dialogconf = new DialogConfig();\n dialogconf.title = 'Wybierz Obserwatorów';\n dialogconf.selectionMode = SelectionMode.multi;\n dialogconf.maxwidth = '1000px';\n dialogconf.data = {isFromExternalIssues: true, customerId: this.issue.customerId, customerCode: this.issue.customerCode};\n const ref = this.dialog.open(EmployeesListComponent, dialogconf);\n ref.afterClosed.subscribe(result => {\n if (result != null) {\n result.forEach(element => {\n const watcher = new IssueWatcher;\n watcher.issueId = this.issue.id;\n watcher.employeeFullName = element.fullName;\n watcher.employeeId = element.id;\n this.issue.issueWatchers.push(watcher);\n });\n this.watchersGrid.refreshData();\n }\n });\n }\n\n public getIssueTypes() {\n const action = this.restExt.getIssueTypes;\n action.call(this.restExt).subscribe((result: ObjectToSelect[]) => {\n if (result) {\n this.issueTypes = result;\n }\n });\n }\n\n public getDepartments() {\n const action = this.restExt.getDepartments;\n action.call(this.restExt).subscribe((result: ObjectToSelect[]) => {\n if (result) {\n this.departments = result;\n }\n });\n }\n \n public getStates() { \n this.restExt.getStates(false).subscribe((result: ObjectToSelect[]) => {\n if (result) {\n this.states = result;\n }\n });\n }\n\n private removeWatcher(row: IssueWatcher) {\n if (row.id != null) {\n this.restExt.removeWatcher(row.id).subscribe();\n }\n this.issue.issueWatchers.splice(this.issue.issueWatchers.indexOf(row), 1);\n this.watchersGrid.refreshData();\n }\n\n @HostListener('window:resize', ['$event'])\n private onResize(event?) {\n if (window.innerWidth <= 650) {\n this.summerNoteHeight = 280;\n } else {\n this.summerNoteHeight = 430;\n }\n }\n public isInvalid() {\n return this.issueForm.invalid;\n }\n\n private tfsChanged() {\n if (this.issue.isToTfs) {\n this.issue.issueType = this.issueTypes.find(x => x.name === 'User Story').name;\n } else {\n this.issue.issueType = this.issueTypes.find(x => x.name === 'Zgłoszenie').name;\n }\n }\n\n private getCustomerProjectSteps(customerId: number) {\n this.restExt.getCustomerProjectStepsForIssue(customerId, this.issue.id).subscribe((result: ObjectToSelect[]) => {\n if (result) {\n this.projectSteps = result;\n }\n });\n }\n\n private setProjectStepName(event) {\n if (event[0]) {\n this.issue.projectStepName = event[0].data.name;\n }\n }\n\n private projectChanged() {\n this.issue.issueWatchers = this.issue.issueWatchers.filter((element) => {\n return element.isFromProject !== true;\n });\n this.watchersGrid.refreshData();\n if (this.issue.projectStepId == null) {\n return;\n }\n const action = this.restExt.getProjectWatchersByProjectStepId;\n action.call(this.restExt, this.issue.projectStepId).subscribe((result: ProjectWatcher[]) => {\n if (result) {\n result.forEach(element => {\n if (this.issue.issueWatchers.filter(x => x.employeeId === element.employeeId).length === 0) {\n const watcher = Object.assign( new IssueWatcher(), {\n employeeId: element.employeeId,\n employeeFullName: element.projectWatcherName,\n isFromProject: true\n });\n this.issue.issueWatchers.push(watcher);\n this.watchersGrid.refreshData();\n }\n });\n }\n });\n }\n\n private searchCallback(search: string, item: INgxSelectOption): boolean {\n search = search.toLowerCase();\n if (item.data) {\n return item.data.name.toLowerCase().includes(search) || item.data.guid.toLowerCase().includes(search);\n } else {\n return false;\n }\n }\n\n private getCustomerEmployees(customerId: number) {\n\n if (this.issue.assigneeId) {\n this.restExt.getCustomerEmployees(customerId,this.issue.assigneeId).subscribe((result: ObjectToSelect[]) => {\n if (result) {\n this.employees = result;\n }\n });\n }\n else {\n this.restExt.getCustomerEmployees(customerId,0).subscribe((result: ObjectToSelect[]) => {\n if (result) {\n this.employees = result;\n }\n });\n }\n }\n\n private getCurrentUser(withSetAssigneeAndReporter = false) {\n if (!this.currentUser) {\n this.loginRest.GetLoggedUser().subscribe((user: any) => {\n this.currentUser = new ObjectToSelect();\n this.currentUser.id = user.employeeId;\n this.currentUser.name = user.name;\n this.currentUser.guid = user.email;\n if (withSetAssigneeAndReporter) {\n this.setCurrentUserAsAssigneeAndReporter();\n }\n });\n } else {\n if (withSetAssigneeAndReporter) {\n this.setCurrentUserAsAssigneeAndReporter();\n }\n }\n }\n\n private setCurrentUserAsAssigneeAndReporter() {\n this.issue.reporterId = this.currentUser.id;\n if (this.employees.filter(x => x.id === this.currentUser.id).length === 0) {\n this.employees.push(this.currentUser);\n }\n }\n}\n","module.exports = \"\\n
\\n
\\n
\\n
\\n \\n {{ successMessage }}\\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 + value.element.htmlDescripiton + '
' + this.elementsDescriptions;\n this.grid.refreshData();\n let element = this.elements.indexOf(value.element);\n this.grid.focusRow(value, element);\n this.grid.selectedItemId = value.element.id;\n this.issue.notAssignedIssue = false;\n this.setIssueValuesForLastElement();\n }\n }\n\n private previousDescriptionsChange() {\n if (this.showPreviousDescriptions) {\n this.concatDescriptions();\n } else {\n if (!this.grid.focusedRowId) {\n if (this.elements.length > 0) {\n this.selectedElementId = this.elements[0].id;\n this.grid.selectedItemId = this.selectedElementId;\n this.grid.focusedRowId = this.selectedElementId;\n this.grid.focusRow(this.elements[0], 0);\n } else {\n this.getDescription('');\n }\n } else {\n this.getDescription(this.elements.find(x => x.id === this.selectedElementId));\n }\n }\n }\n\n private concatDescriptions(){\n this.elementsDescriptions = '';\n let previousElements = new Array();\n if (this.grid && this.grid.focusedRowId) {\n for (const element of this.elements) {\n if (this.issue.issueElements[this.grid.focusedRowId]) {\n if (new Date(element.createdDate).getTime() <= new Date(this.issue.issueElements[this.grid.focusedRowId].createdDate).getTime()) {\n previousElements.push(element);\n }\n }\n }\n } else {\n previousElements = this.elements;\n }\n previousElements.sort((a, b) => new Date(b.createdDate).getTime() - new Date(a.createdDate).getTime());\n for (const element of previousElements) {\n let date = new Date(element.createdDate.toLocaleString());\n if (date.toString() == 'Invalid Date') {\n date = new Date(element.createdDate);\n }\n if (element.htmlDescripiton && element.htmlDescripiton.trim() !== '') {\n this.elementsDescriptions += ` ${date.toLocaleString()} ${element.createdBy}
`;\n this.elementsDescriptions += element.htmlDescripiton + '
';\n }\n }\n\n if (this.issue.htmlDescripiton && this.issue.htmlDescripiton.trim() !== '') {\n const issueStartDate = new Date(this.issue.startDate);\n this.elementsDescriptions += ` ${issueStartDate.toLocaleString()} OPIS ZGŁOSZENIA
`;\n this.elementsDescriptions += this.issue.htmlDescripiton + '
';\n }\n\n if (this.showPreviousDescriptions) {\n this.getDescription(this.elementsDescriptions);\n } else {\n if (this.elements.length > 0 && this.grid) {\n this.selectedElementId = this.elements[0].id;\n this.grid.selectedItemId = this.selectedElementId;\n this.grid.focusedRowId = this.selectedElementId;\n this.getDescription(this.elements.find(x => x.id === this.selectedElementId));\n } else {\n this.getDescription('');\n }\n }\n }\n\n private rowFocus(row: any) {\n if (this.showPreviousDescriptions) {\n this.concatDescriptions();\n } else {\n if (row.element) {\n this.getDescription(row.element);\n } else {\n this.getDescription(row);\n }\n }\n }\n\n private setIssueValuesForLastElement() {\n const lastElement = this.issue.issueElements.sort((a, b) => new Date(a.createdDate).getTime() - new Date(b.createdDate).getTime())[this.issue.issueElements.length-1];\n if (lastElement) {\n this.issue.objectStateId = lastElement.objectStateId;\n this.issue.elementAssignee = lastElement.employeeFullName;\n }\n }\n}\n","module.exports = \"\"","module.exports = \"\"","import { Component, OnInit, ViewChildren, QueryList, ViewChild, HostListener, OnDestroy } from '@angular/core';\nimport { Issue, IssueWatcher, IssueElement } from '../../issues.model';\nimport { IssuesRest } from '../../issues.rest';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { NgForm } from '@angular/forms';\nimport { ObjectToSelect } from '../../../core/shared/objectToSelect.model';\nimport { DateInputModel } from '../../../core/shared/date-input/date-input.model';\nimport { RichTextComponent } from '../../../core/shared/richtext/richtext.component';\nimport { SelectionMode } from '../../../core/shared/grid/grid.model';\nimport { CustomersListComponent } from '../../../company/customers/customers-list/customers-list.component';\nimport { IssuesListComponent } from '../../issues-list/issues-list.component';\nimport { EmployeesListComponent } from '../../../company/employees/employee-list/employees-list.component';\nimport { GridComponent } from '../../../core/shared/grid/grid.component';\nimport { CustomerRow } from '../../../company/customers/customers.model';\nimport { SpinEditComponent } from '../../../core/shared/spinedit/spinedit.component';\nimport { ProjectWatcher } from '../../../projects/projects.model';\nimport { ProjectsRest } from '../../../projects/projects.rest';\nimport { CustomersRest } from '../../../company/customers/customers.rest';\nimport { HasPermissions, Permissions } from '../../../core/services/permissions/permissions.model';\nimport { PermissionsService } from '../../../core/services/permissions/permissions.service';\nimport { Subscription } from 'rxjs';\nimport { INgxSelectOption } from 'ngx-select-ex';\nimport { LoginRest } from '../../../login/login.rest';\nimport { DialogService } from '../../../core/shared/dialog/dialog.service';\nimport { DialogConfig } from '../../../core/shared/dialog/dialog-config';\n@Component({\n selector: 'app-issue-header',\n templateUrl: './issue-header.component.html',\n styleUrls: ['./issue-header.component.scss']\n})\nexport class IssueHeaderComponent implements OnInit, OnDestroy, HasPermissions {\n\n constructor(private router: Router,\n private route: ActivatedRoute,\n private rest: IssuesRest,\n private projRest: ProjectsRest,\n private custRest: CustomersRest,\n public dialog: DialogService,\n private permissionService: PermissionsService,\n private loginRest: LoginRest) {\n this.onResize();\n }\n\n public issueTypes: ObjectToSelect[];\n public employees: ObjectToSelect[];\n public departments: ObjectToSelect[];\n public systemVersions: ObjectToSelect[];\n public states: ObjectToSelect[];\n public functionalities: ObjectToSelect[];\n public projectSteps: ObjectToSelect[];\n public issue: Issue;\n public isNew: boolean;\n public startDate: DateInputModel;\n public isEditable: boolean;\n public mentionsEnabled: boolean = false;\n private descriptionView: RichTextComponent = null;\n private summerNoteHeight = 680;\n private subscription: Subscription;\n private oldProject: string;\n private oldCustomer: string;\n private currentUser: ObjectToSelect;\n private reporterAndAssigneeReadOnly = false;\n private notAssignedIssue: boolean;\n\n @ViewChildren(RichTextComponent) headerDescriptionViews: QueryList;\n @ViewChild(GridComponent) watchersGrid: GridComponent;\n @ViewChild('issueForm') issueForm: NgForm;\n @ViewChild('priority') isPublic: SpinEditComponent;\n @ViewChild('planningWorkTime') planningWorkTime: SpinEditComponent;\n private watchersHeaders = [\n { displayName: 'Pracownik', propertyName: 'employeeFullName', propertyType: 'string' },\n ];\n permissions: Permissions;\n setPermissions(claimType: string): void {\n this.permissions = this.permissionService.getUserPermissions(claimType);\n }\n\n ngOnInit() {\n this.getIssueTypes();\n this.getDepartments();\n this.getStates();\n this.getFunctionalities();\n this.employees = new Array();\n }\n\n ngOnDestroy() {\n if (this.subscription) {\n this.subscription.unsubscribe();\n }\n }\n\n public setModel(issue: Issue, isNew: boolean) {\n this.setPermissions('Issue');\n this.issue = issue;\n this.isNew = isNew;\n this.isEditable = isNew ? this.permissions.canAdd : this.permissions.canEdit;\n\n if (isNew) {\n this.getCurrentUser(true);\n }\n\n if (this.issue.customerId) {\n this.getSystemVersions(this.issue.customerId);\n this.getCustomerProjectSteps(this.issue.customerId);\n this.getCustomerEmployees(this.issue.customerId);\n this.reporterAndAssigneeReadOnly = false;\n }\n\n if (isNew) {\n if (!this.issue.issueType && this.issueTypes) {\n this.issue.issueType = this.issueTypes[0].name;\n }\n if (!this.issue.departmentId && this.departments) {\n this.issue.departmentId = this.departments[0].id;\n }\n if (!this.issue.systemVersionId) {\n this.issue.systemVersionId = null;\n }\n this.mentionsEnabled = true;\n }\n\n this.initializeDate();\n this.getDescription();\n\n if ((this.issue.elementAssignee == null || this.issue.assigneeId == null) && !this.isNew) {\n this.notAssignedIssue = true;\n this.issue.notAssignedIssue = true;\n }\n }\n\n public getIssueTypes() {\n const action = this.rest.getIssueTypes;\n action.call(this.rest).subscribe((result: ObjectToSelect[]) => {\n if (result) {\n this.issueTypes = result;\n if(this.isNew && !this.issue.issueType){\n this.issue.issueType = this.issueTypes[0].name;\n }\n }\n });\n }\n\n public getDepartments() {\n const action = this.rest.getDepartments;\n action.call(this.rest).subscribe((result: ObjectToSelect[]) => {\n if (result) {\n this.departments = result;\n if(this.isNew && !this.issue.departmentId){\n this.issue.departmentId = this.departments[0].id;\n }\n }\n });\n }\n\n public getStates() {\n const action = this.rest.getStates;\n action.call(this.rest).subscribe((result: ObjectToSelect[]) => {\n if (result) {\n this.states = result;\n }\n });\n }\n\n public getSystemVersions(customerId: number) {\n const action = this.rest.getSystemVersions;\n action.call(this.rest, customerId).subscribe((result: ObjectToSelect[]) => {\n if (result) {\n this.systemVersions = result;\n }\n });\n }\n\n public getFunctionalities() {\n const action = this.rest.getFunctionalities;\n action.call(this.rest).subscribe((result: ObjectToSelect[]) => {\n if (result) {\n this.functionalities = result;\n }\n });\n }\n\n private initializeDate() {\n this.startDate = new DateInputModel();\n this.startDate.isReadOnly = true;\n this.startDate.isRequired = false;\n this.startDate.name = 'Data zgłoszenia';\n this.startDate.value = new Date(this.issue.startDate);\n this.startDate.valueStr = this.startDate.value.toDateString();\n this.startDate.withTime = true;\n this.startDate.dateFormat = 'dd.MM.yyyy HH:mm';\n }\n\n onKeyDownCustomer() {\n this.oldCustomer = this.issue.customerCode;\n }\n\n public onKeyCustomer(event: any) {\n if (this.oldCustomer !== this.issue.customerCode) {\n this.issue.customerId = null;\n this.clearCustomerInfo();\n } \n\n if (event.key === 'Enter' || (event.key === undefined && event.returnValue === true)) {\n this.searchCustomer();\n }\n }\n\n private searchCustomer() {\n if (this.issue.customerCode === '') {\n this.issue.customerCode = null;\n }\n this.custRest.getCustomerRowsByName(this.issue.customerCode).subscribe((result: CustomerRow[]) => {\n if (result.length === 1) {\n const customer = result[0];\n this.issue.customerId = customer.id;\n this.issue.customerCode = customer.code;\n this.clearCustomerInfo();\n } else {\n this.openModalCustomer();\n }\n });\n }\n\n\n public openModalCustomer() {\n this.saveDescription();\n const dialogconf = new DialogConfig();\n dialogconf.title = 'Wybierz kontrahenta';\n dialogconf.selectionMode = SelectionMode.single;\n dialogconf.maxwidth = '1050px';\n dialogconf.data = { selectList: true };\n if (this.issue.customerCode != null) {\n dialogconf.data.initialFilters = { code: this.issue.customerCode };\n }\n\n const ref = this.dialog.open(CustomersListComponent, dialogconf);\n ref.afterClosed.subscribe(result => {\n if (result != null) {\n if (this.issue.customerId !== result.id) {\n this.issue.customerId = result.id;\n this.issue.customerCode = result.code;\n this.clearCustomerInfo();\n }\n }\n });\n }\n\n public openModalUserStory() {\n this.saveDescription();\n const dialogconf = new DialogConfig();\n dialogconf.title = 'Wybierz User Story';\n dialogconf.selectionMode = SelectionMode.single;\n dialogconf.maxwidth = '1000px';\n dialogconf.data = { customerId: this.issue.customerId, tfsOnly: 1, initialFilters: { issueType: 'User Story' } };\n\n const ref = this.dialog.open(IssuesListComponent, dialogconf);\n ref.afterClosed.subscribe(result => {\n if (result != null) {\n this.issue.userStoryId = result.id;\n this.issue.userStoryName = result.fullTitle;\n this.issue.customerId = result.customerId;\n this.issue.customerCode = result.customerCode;\n this.issue.projectName = result.projectNumberString;\n this.issue.projectStepId = result.projectStepId;\n this.issue.projectStepName = result.projectStepName;\n }\n });\n }\n\n public saveDescription() {\n if (this.descriptionView == null) {\n return;\n }\n\n if (this.issue && typeof (this.descriptionView.getHtml()) === \"string\" && this.descriptionView.getHtml() !== '') {\n this.issue.htmlDescripiton = this.descriptionView.getHtml();\n }\n }\n\n\n public getDescription() {\n if (!this.headerDescriptionViews) {\n return;\n }\n this.subscription = this.headerDescriptionViews.changes.subscribe((nv: QueryList) => {\n if (this.descriptionView === null) {\n this.descriptionView = nv.first;\n }\n\n if (this.descriptionView && this.isNew && !this.issue.htmlDescripiton && this.issue.htmlDescripiton !== '') {\n this.descriptionView.setHtml('');\n this.issue.htmlDescripiton = '';\n } else if (!this.isNew) {\n this.descriptionView.setHtml(this.issue.htmlDescripiton);\n }\n\n if (!this.isEditable) {\n this.descriptionView.disableContol();\n }\n });\n if (!this.descriptionView) {\n if (this.headerDescriptionViews.first) {\n this.descriptionView = this.headerDescriptionViews.first;\n this.descriptionView.setHtml(this.issue.htmlDescripiton);\n }\n }\n }\n\n public addWatcher() {\n const dialogconf = new DialogConfig();\n dialogconf.title = 'Wybierz Obserwatorów';\n dialogconf.selectionMode = SelectionMode.multi;\n dialogconf.maxwidth = '1000px';\n\n const ref = this.dialog.open(EmployeesListComponent, dialogconf);\n ref.afterClosed.subscribe(result => {\n if (result != null) {\n result.forEach(element => {\n const watcher = new IssueWatcher;\n watcher.issueId = this.issue.id;\n watcher.employeeFullName = element.fullName;\n watcher.employeeId = element.id;\n this.issue.issueWatchers.push(watcher);\n });\n this.watchersGrid.refreshData();\n }\n });\n }\n\n private removeWatcher(row: IssueWatcher) {\n if (row.id != null) {\n const action = this.rest.removeWatcher;\n action.call(this.rest, row.id).subscribe();\n }\n this.issue.issueWatchers.splice(this.issue.issueWatchers.indexOf(row), 1);\n this.watchersGrid.refreshData();\n }\n\n @HostListener('window:resize', ['$event'])\n private onResize(event?) {\n if (window.innerWidth <= 767) {\n this.summerNoteHeight = 280;\n } else {\n this.summerNoteHeight = 680;\n }\n }\n\n public isInvalid() {\n return this.issueForm.invalid;\n }\n\n private clearCustomerInfo() {\n this.issue.projectName = '';\n this.issue.projectStepId = null;\n this.issue.projectStepName = '';\n this.issue.userStoryId = null;\n this.issue.userStoryName = '';\n this.issue.systemVersionId = null;\n if (this.issue.customerId) {\n this.getSystemVersions(this.issue.customerId);\n this.getCustomerProjectSteps(this.issue.customerId);\n this.getCustomerEmployees(this.issue.customerId);\n this.reporterAndAssigneeReadOnly = false;\n } else {\n this.systemVersions = null;\n this.projectSteps = null;\n this.getCurrentUser(true);\n }\n }\n\n private tfsChanged() {\n if (this.issue.userStoryId != null)\n return;\n\n\n\n if (this.issue.isToTfs) {\n this.issue.issueType = this.issueTypes.find(x => x.name === 'User Story').name;\n } else {\n this.issue.issueType = this.issueTypes.find(x => x.name === 'Zgłoszenie').name;\n }\n }\n\n private getCustomerProjectSteps(customerId: number) {\n const action = this.projRest.getCustomerProjectStepsForIssue;\n action.call(this.rest, customerId, this.issue.id).subscribe((result: ObjectToSelect[]) => {\n if (result) {\n this.projectSteps = result;\n }\n });\n }\n\n private setProjectStepName(event) {\n if (event[0]) {\n this.issue.projectStepName = event[0].data.name;\n }\n }\n\n private projectChanged() {\n this.issue.issueWatchers = this.issue.issueWatchers.filter((element) => {\n return element.isFromProject !== true;\n });\n this.watchersGrid.refreshData();\n if (this.issue.projectStepId == null) {\n return;\n }\n const action = this.projRest.getProjectWatchersByProjectStepId;\n action.call(this.projRest, this.issue.projectStepId).subscribe((result: ProjectWatcher[]) => {\n if (result) {\n result.forEach(element => {\n if (this.issue.issueWatchers.filter(x => x.employeeId === element.employeeId).length === 0) {\n const watcher = Object.assign(new IssueWatcher(), {\n employeeId: element.employeeId,\n employeeFullName: element.projectWatcherName,\n isFromProject: true\n });\n this.issue.issueWatchers.push(watcher);\n this.watchersGrid.refreshData();\n }\n });\n }\n });\n }\n\n private searchCallback(search: string, item: INgxSelectOption): boolean {\n search = search.toLowerCase();\n if (item.data) {\n return item.data.name.toLowerCase().includes(search) || item.data.guid.toLowerCase().includes(search);\n } else {\n return false;\n }\n }\n\n private getCustomerEmployees(customerId: number) {\n const action = this.rest.getCustomerEmployees;\n action.call(this.rest, customerId).subscribe((result: ObjectToSelect[]) => {\n if (result) {\n this.employees = result;\n }\n });\n }\n\n private getCurrentUser(withSetAssigneeAndReporter = false) {\n if (!this.currentUser) {\n this.loginRest.GetLoggedUser().subscribe((user: any) => {\n this.currentUser = new ObjectToSelect();\n this.currentUser.id = user.employeeId;\n this.currentUser.name = user.name;\n this.currentUser.guid = user.email;\n if (withSetAssigneeAndReporter) {\n this.setCurrentUserAsAssigneeAndReporter();\n }\n });\n } else {\n if (withSetAssigneeAndReporter) {\n this.setCurrentUserAsAssigneeAndReporter();\n }\n }\n }\n\n private setCurrentUserAsAssigneeAndReporter() {\n this.issue.reporterId = this.currentUser.id;\n this.issue.assigneeId = this.currentUser.id;\n if (this.employees.filter(x => x.id === this.currentUser.id).length === 0) {\n this.employees.push(this.currentUser);\n }\n\n }\n\n private assigneeChanges(event: any) {\n if ((this.notAssignedIssue && this.states)\n || (this.issue.issueElements && this.issue.issueElements.filter(x => x.autoForNotAssigned).length === 1)) {\n\n if (this.issue.issueElements != undefined) {\n const index = this.issue.issueElements.indexOf(this.issue.issueElements.find(x => x.autoForNotAssigned === true));\n if (index > -1) {\n this.issue.issueElements.splice(index, 1);\n }\n }\n const element = new IssueElement();\n element.createdDate = new Date();\n element.employeeId = event[0].value;\n element.objectStateId = this.states.find(x => x.name === 'Do realizacji').id;\n element.stateTranslation = 'Do realizacji';\n element.employeeFullName = event[0].text;\n if (!this.currentUser) {\n this.loginRest.GetLoggedUser().subscribe((user: any) => {\n element.createdBy = user.email;\n });\n } else {\n element.createdBy = this.currentUser.guid;\n }\n element.isInternal = true;\n element.htmlDescripiton = '';\n element.assignedTo = event[0].text;\n element.autoForNotAssigned = true;\n element.issueId = this.issue.id;\n this.notAssignedIssue = false;\n if(!this.issue.issueElements) {\n this.issue.issueElements = new Array();\n }\n this.issue.issueElements.push(element);\n }\n }\n}\n","module.exports = \"\"","module.exports = \"\"","import { Component, OnInit, ViewChild } from '@angular/core';\nimport { IssueRow, IssueRelation, Issue } from '../../issues.model';\nimport { GridComponent } from '../../../core/shared/grid/grid.component';\nimport { IssuesRest } from '../../issues.rest';\nimport { SelectionMode } from '../../../core/shared/grid/grid.model';\nimport { IssuesListComponent } from '../../issues-list/issues-list.component';\nimport { IssueService } from '../../issue.service';\nimport { DialogService } from '../../../core/shared/dialog/dialog.service';\nimport { DialogConfig } from '../../../core/shared/dialog/dialog-config';\n\n@Component({\n selector: 'app-issue-relations',\n templateUrl: './issue-relations.component.html',\n styleUrls: ['./issue-relations.component.scss']\n})\nexport class IssueRelationsComponent implements OnInit {\n\n public relations: IssueRelation[];\n public isEditable: boolean;\n private issueId: number;\n private issueIsNew: boolean;\n\n\n @ViewChild(GridComponent) grid: GridComponent;\n\n private headers = [\n { displayName: 'Identyfikatior', propertyName: 'childId', propertyType: 'number' },\n { displayName: 'Tytuł', propertyName: 'childTitle', propertyType: 'string' },\n { displayName: 'Data rozpoczęcia', propertyName: 'childStartDate', propertyType: 'date' },\n { displayName: 'Data końcowa', propertyName: 'childEndDate', propertyType: 'date' },\n { displayName: 'Budżet', propertyName: 'childBudget', propertyType: 'number' },\n { displayName: 'Ilość godzin w budżecie', propertyName: 'childTimeBudget', propertyType: 'number' },\n { displayName: 'Ilość przepracowanych godzin', propertyName: 'childWorklogsTimeSpent', propertyType: 'number' },\n { displayName: 'Opis', propertyName: 'childDescription', propertyType: 'string' }\n ];\n\n constructor(\n private rest: IssuesRest, \n public dialog: DialogService, \n private issueService: IssueService) { }\n\n ngOnInit() {\n }\n\n public setModel(relations: IssueRelation[], isEditable: boolean, issueId: number, issueIsNew: boolean) {\n this.relations = relations;\n this.isEditable = isEditable;\n this.issueId = issueId;\n this.issueIsNew = issueIsNew;\n }\n\n private addRelation() {\n const dialogconf = new DialogConfig();\n dialogconf.title = 'Wybierz zgłoszenia';\n dialogconf.selectionMode = SelectionMode.multi;\n dialogconf.maxwidth = '1000px';\n\n const ref = this.dialog.open(IssuesListComponent, dialogconf);\n ref.afterClosed.subscribe((result: IssueRow[]) => {\n\n if (result != null) {\n result.forEach(row => {\n if (this.issueId !== row.id && this.notExistInList(row.id)) {\n const element = new IssueRelation();\n element.parentId = this.issueId;\n element.childId = row.id;\n if (this.issueIsNew) {\n this.mapElement(element);\n } else {\n this.saveIssueRelation(element);\n }\n }\n });\n }\n });\n }\n\n saveIssueRelation(relation: IssueRelation) {\n this.rest.saveIssueRelation(relation).subscribe((rel: IssueRelation) =>\n {\n this.relations.push(rel);\n this.grid.refreshData();\n });\n }\n\n private removeRelation(row: IssueRelation) {\n if (row.id != null && row.id !== 0) {\n const action = this.rest.removeRelation;\n action.call(this.rest, row).subscribe();\n }\n this.relations.splice(this.relations.indexOf(row), 1);\n this.grid.refreshData();\n }\n\n\n get elements() {\n return this.relations.length > 12;\n }\n\n notExistInList(rowId: number): boolean {\n\n const exist = this.relations.find( x => x.childId === rowId);\n if (exist) {\n return false;\n }\n return true;\n }\n\n private mapElement(rel: IssueRelation) {\n this.rest.getIssue(rel.childId, true).subscribe((res: Issue) => {\n if (res != null) {\n const relation = new IssueRelation();\n relation.parentId = this.issueId;\n relation.childId = res.id;\n relation.childTitle = res.title;\n relation.childStartDate = res.startDate;\n relation.childEndDate = res.endDate;\n relation.childBudget = res.budget;\n relation.childTimeBudget = res.timeBudget;\n relation.childWorklogsTimeSpent = res.worklogs.reduce((sum, current) => sum + current.timeSpent, 0);\n relation.childDescription = res.description;\n this.relations.push(relation);\n this.grid.refreshData();\n }\n });\n }\n}\n","module.exports = \"\"","module.exports = \"\"","import { Component, OnInit, ViewChild } from '@angular/core';\nimport { Worklog } from '../../../worklogs/worklogs.model';\nimport { GridComponent } from '../../../core/shared/grid/grid.component';\nimport { GoupedColumn, GroupFunction } from '../../../core/shared/grid/grid.model';\nimport { Router, ActivatedRoute } from '@angular/router';\nimport { IssueService } from '../../issue.service';\nimport { Issue } from '../../issues.model';\nimport { HasPermissions, Permissions } from '../../../core/services/permissions/permissions.model';\nimport { PermissionsService } from '../../../core/services/permissions/permissions.service';\n\n@Component({\n selector: 'app-issue-worklogs',\n templateUrl: './issue-worklogs.component.html',\n styleUrls: ['./issue-worklogs.component.scss']\n})\nexport class IssueWorklogsComponent implements OnInit, HasPermissions {\n\n public worklogs: Worklog[];\n private issue: Issue;\n private worklogEdit: boolean;\n private worklogAdding: boolean;\n @ViewChild(GridComponent) grid: GridComponent;\n\n permissions: Permissions;\n setPermissions(claimType: string): void {\n this.permissions = this.permissionService.getUserPermissions(claimType);\n }\n\n private headers = [\n { displayName: 'Numer', propertyName: 'numberString', propertyType: 'string' },\n { displayName: 'Data Pracy', propertyName: 'workDate', propertyType: 'date', isInitSort: true },\n { displayName: 'Czas pracy', propertyName: 'timeSpent', propertyType: 'number' },\n { displayName: 'Czas fakturowany', propertyName: 'invoiceTime', propertyType: 'number' },\n { displayName: 'Pracownik', propertyName: 'employeeFullName', propertyType: 'string' },\n { displayName: 'Opis', propertyName: 'description', propertyType: 'string' }\n ];\n\n private columnsToGroup: GoupedColumn[] = [\n { name: 'timeSpent', func: GroupFunction.sum },\n { name: 'invoiceTime', func: GroupFunction.sum }\n ];\n\n ngOnInit() {\n }\n\n constructor(\n private router: Router,\n private route: ActivatedRoute,\n private issueService: IssueService,\n private permissionService: PermissionsService) { }\n\n public setModel(worklogs: Worklog[], issue: Issue, isEditable: boolean) {\n this.setPermissions('Worklog');\n this.worklogEdit = this.permissions.canShow || this.permissions.canEdit || this.permissions.canAdd ? true : false;\n this.worklogAdding = this.permissions.canAdd && isEditable ? true : false;\n this.issue = issue;\n this.worklogs = worklogs;\n }\n\n get elements() {\n return this.worklogs.length > 12;\n }\n\n private onRowAdd(value: any) {\n if (this.issue.customerId === 0 || this.issue.projectStepId === 0 || this.issue.title === null) {\n swal('Uzupełnij wymagane dane na nagłówku zgłoszenia');\n return;\n }\n\n this.issueService.passIssue(this.issue);\n this.issueService.setTab(5);\n this.router.navigate(['worklogdetails', 'new'], { queryParams: { new: true }, relativeTo: this.route });\n }\n\n private onRowEdit(row: Worklog) {\n this.issueService.passIssue(this.issue);\n this.issueService.setTab(5);\n this.router.navigate([\"worklogdetails\", row.numberString], { queryParams: { id: row.id }, relativeTo: this.route });\n }\n}\n","import { Injectable } from '@angular/core';\nimport { Issue } from './issues.model';\nimport { BehaviorSubject } from 'rxjs';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class IssueService {\n\n private issueSource = new BehaviorSubject(null);\n private tabSource = new BehaviorSubject(null);\n currentIssue = this.issueSource.asObservable();\n currentTab = this.tabSource.asObservable();\n\n constructor() { }\n public passIssue(issue: Issue) {\n this.issueSource.next(issue);\n }\n\n public setTab(tabIndex: number) {\n this.tabSource.next(tabIndex);\n }\n\n public complete() {\n this.passIssue(null);\n this.setTab(null);\n }\n}\n","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { SharedModule } from \"../../core/shared/shared.module\";\nimport { IssuesListComponent } from \"./issues-list.component\";\nimport { IssuesRest } from \"../issues.rest\";\nimport { LoginRest } from \"../../login/login.rest\";\nimport { IssuesChangeStateComponent } from \"./issues-change-state/issues-change-state.component\";\n\n@NgModule({\n imports: [\n CommonModule,\n SharedModule\n ],\n declarations: [IssuesListComponent, IssuesChangeStateComponent],\n entryComponents: [ IssuesChangeStateComponent],\n exports: [IssuesChangeStateComponent, IssuesListComponent],\n providers : [IssuesListComponent, IssuesChangeStateComponent, IssuesRest, LoginRest]\n })\n export class IssueListModule { }","module.exports = \"\"","module.exports = \".overlay {\\n display: flex;\\n flex-direction: column;\\n position: fixed;\\n top: 0;\\n bottom: 0;\\n left: 0;\\n right: 0;\\n background: rgba(0, 0, 0, 0.7);\\n align-items: center;\\n justify-content: center;\\n z-index: 300; }\\n\\n.dialog {\\n width: auto;\\n height: -webkit-min-content;\\n height: -moz-min-content;\\n height: min-content;\\n margin: 50px;\\n overflow: auto;\\n box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);\\n background-color: white; }\\n\\n.element-modal-body-content {\\n margin-left: 20px;\\n margin-right: 20px; }\\n\\n.element-modal-form-row {\\n margin-left: -15px;\\n margin-right: -15px; }\\n\"","import { Component, OnInit, AfterViewInit, EventEmitter, QueryList, ViewChildren, ViewChild } from '@angular/core';\nimport { NgForm } from '@angular/forms';\nimport { IssuesRest } from '../../issues.rest';\nimport { ObjectToSelect } from '../../../core/shared/objectToSelect.model';\nimport { RichTextComponent } from '../../../core/shared/richtext/richtext.component';\nimport { DialogControl } from '../../../core/shared/dialog/dialog.model';\nimport { INgxSelectOption } from 'ngx-select-ex';\n\n@Component({\n selector: 'app-issues-change-state',\n templateUrl: './issues-change-state.component.html',\n styleUrls: ['./issues-change-state.component.scss']\n})\nexport class IssuesChangeStateComponent implements AfterViewInit, OnInit, DialogControl {\n dialogConfigData: any;\n onDialogClose: EventEmitter = new EventEmitter();\n isConfirmButtonDisabled: boolean = false;\n\n public states: ObjectToSelect[];\n public employees: ObjectToSelect[];\n private selectedIds: any;\n public stateId: any;\n public employeeId: any;\n public isSendEmail: any;\n private descriptionView: RichTextComponent = null;\n @ViewChildren(RichTextComponent) descriptionViews: QueryList;\n @ViewChild('changeStateForm') changeStateForm: NgForm;\n\n constructor(private rest: IssuesRest) {\n this.descriptionViews = new QueryList();\n this.isSendEmail = true;\n } \n\n ngAfterViewInit() {\n this.selectedIds = this.dialogConfigData.selectedItems;\n this.getDescription();\n this.descriptionViews.notifyOnChanges();\n this.changeStateForm.statusChanges.subscribe(() => {\n this.isConfirmButtonDisabled = this.changeStateForm.invalid;\n }); \n }\n\n ngOnInit() {\n this.getStates();\n this.getCustomerEmployees(0);\n }\n\n \n public closeDialog() {\n // this.descriptionViews.destroy();\n this.onDialogClose.emit();\n } \n\n public confirmDialog(){\n this.changeState();\n };\n\n public getStates() {\n const action = this.rest.getStates;\n action.call(this.rest).subscribe((result: ObjectToSelect[]) => {\n if (result) {\n this.states = result;\n }\n });\n }\n\n private getDescription() { \n this.descriptionViews.changes.subscribe((nv: QueryList) => {\n this.descriptionView = nv.first; \n this.descriptionView.setHtml(\"\"); \n });\n }\n\n public getCustomerEmployees(customerId: number) {\n const action = this.rest.getCustomerEmployees;\n action.call(this.rest, customerId).subscribe((result: ObjectToSelect[]) => {\n if (result) {\n this.employees = result;\n }\n });\n }\n\n private searchCallback(search: string, item: INgxSelectOption): boolean {\n search = search.toLowerCase();\n return item.data.name.toLowerCase().includes(search) || item.data.guid.toLowerCase().includes(search);\n }\n\n changeState()\n {\n if (this.stateId == undefined)\n {\n sweetAlert(\"Nie określono statusu.\");\n return;\n }\n\n const changeStateEntity = {\n ids: this.selectedIds,\n objectStateId: this.stateId,\n employeeId: this.employeeId,\n isSendEmail: this.isSendEmail,\n description: this.descriptionView.getHtml()\n };\n\n this.rest.changeStates(changeStateEntity).subscribe((result: boolean) => {\n if (result) {\n \n }\n this.closeDialog();\n });\n \n }\n}","module.exports = \"\\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 {{option.data.name}} ({{option.data.guid}})\\n \\n \\n
\\n
\\n \\n \\n \\n \\n \\n \\n {{option.data.name}} ({{option.data.guid}})\\n \\n \\n
\\n
\\n \\n \\n \\n \\n \\n \\n {{option.data.name}}\\n \\n \\n
\\n
\\n \\n \\n \\n \\n \\n \\n {{option.data.name}}\\n \\n \\n
\\n
\\n \\n \\n \\n
\\n
\\n \\n \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n \\n {{ successMessage }}\\n \\n
\\n\\n
\\n \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
ITS - {{ 'COMMONBUTTONS_resetPassword' | translate}}
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
ITS - {{ 'COMMONBUTTONS_resetPassword' | 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