inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-12 17:04:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

process header loaded event (#5981)

Browse Source
This commit is contained in:
Denys Vuika 2020-08-12 17:56:51 +01:00 committed by GitHub
parent edd172dc9b
commit 58ec56a3b8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 20 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
lib/process-services-cloud/src/lib/process/process-header/components/process-header-cloud.component.ts
View File

@ -15,7 +15,7 @@
* limitations under the License.
*/
import { Component, Input, OnChanges, OnInit } from '@angular/core';
import { Component, Input, OnChanges, OnInit, OnDestroy, EventEmitter } from '@angular/core';
import { CardViewItem, CardViewTextItemModel, TranslationService, AppConfigService, CardViewDateItemModel, CardViewBaseItemModel } from '@alfresco/adf-core';
import { ProcessInstanceCloud } from '../../start-process/models/process-instance-cloud.model';
import { ProcessCloudService } from '../../services/process-cloud.service';
@ -28,7 +28,7 @@ import { Subject } from 'rxjs';
styleUrls: ['./process-header-cloud.component.scss']
})
export class ProcessHeaderCloudComponent implements OnChanges, OnInit {
export class ProcessHeaderCloudComponent implements OnChanges, OnInit, OnDestroy {
/** (Required) The name of the application. */
@Input()
@ -43,23 +43,24 @@ export class ProcessHeaderCloudComponent implements OnChanges, OnInit {
dateFormat: string;
dateLocale: string;
/** Gets emitted each time a new process instance details are loaded. */
loaded = new EventEmitter<ProcessInstanceCloud>();
private onDestroy$ = new Subject<boolean>();
constructor(
private processCloudService: ProcessCloudService,
private translationService: TranslationService,
private appConfig: AppConfigService) {
this.dateFormat = this.appConfig.get('dateValues.defaultDateFormat');
this.dateLocale = this.appConfig.get('dateValues.defaultDateLocale');
}
ngOnInit() {
this.dateFormat = this.appConfig.get('dateValues.defaultDateFormat');
this.dateLocale = this.appConfig.get('dateValues.defaultDateLocale');
this.processCloudService.dataChangesDetected
.pipe(takeUntil(this.onDestroy$))
.subscribe((processDetails) => {
this.processInstanceDetails = processDetails;
this.refreshData();
});
.subscribe((processDetails) => this.onLoaded(processDetails));
}
ngOnChanges() {
@ -69,11 +70,16 @@ export class ProcessHeaderCloudComponent implements OnChanges, OnInit {
}
private loadProcessInstanceDetails(appName: string, processInstanceId: string) {
this.processCloudService.getProcessInstanceById(appName, processInstanceId).subscribe(
(processInstanceDetails) => {
this.processInstanceDetails = processInstanceDetails;
this.refreshData();
});
this.processCloudService
.getProcessInstanceById(appName, processInstanceId)
.subscribe((result) => this.onLoaded(result));
}
private onLoaded(processInstanceDetails: ProcessInstanceCloud) {
this.processInstanceDetails = processInstanceDetails;
this.refreshData();
this.loaded.emit(processInstanceDetails);
}
/**
@ -82,7 +88,7 @@ export class ProcessHeaderCloudComponent implements OnChanges, OnInit {
refreshData() {
if (this.processInstanceDetails) {
const defaultProperties = this.initDefaultProperties();
const filteredProperties: string[] = this.appConfig.get('adf-cloud-process-header.presets.properties');
const filteredProperties = this.appConfig.get<string[]>('adf-cloud-process-header.presets.properties');
this.properties = defaultProperties.filter((cardItem) => this.isValidSelection(filteredProperties, cardItem));
}
}