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

AAE-32478 Asynchronous Form - update datatable on variable change (#10693)

Browse Source
This commit is contained in:
Bartosz Sekula 2025-03-05 10:54:47 +01:00 committed by GitHub
parent e862862fb9
commit 97970735fe
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 41 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
lib/process-services-cloud/src/lib/form/components/widgets/data-table/data-table.widget.spec.ts
View File

@ -16,7 +16,7 @@
*/
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { DataColumn, DataRow, FormFieldModel, FormFieldTypes, FormModel, VariableConfig } from '@alfresco/adf-core';
import { DataColumn, DataRow, FormFieldModel, FormFieldTypes, FormModel, FormService, ObjectDataRow, VariableConfig } from '@alfresco/adf-core';
import { By } from '@angular/platform-browser';
import { DataTableWidgetComponent } from './data-table.widget';
import { ProcessServiceCloudTestingModule } from '../../../../testing/process-service-cloud.testing.module';
@ -46,6 +46,7 @@ describe('DataTableWidgetComponent', () => {
let widget: DataTableWidgetComponent;
let fixture: ComponentFixture<DataTableWidgetComponent>;
let formCloudService: FormCloudService;
let formService: FormService;
const errorIcon: string = 'error_outline';
@ -90,6 +91,7 @@ describe('DataTableWidgetComponent', () => {
widget = fixture.componentInstance;
formCloudService = TestBed.inject(FormCloudService);
formService = TestBed.inject(FormService);
widget.field = new FormFieldModel(new FormModel({ taskId: 'fake-task-id' }), {
type: FormFieldTypes.DATA_TABLE,
@ -196,6 +198,32 @@ describe('DataTableWidgetComponent', () => {
assertData(mockCountryColumns, mockEuropeCountriesRows);
});
it('should reinitialize data source when variable value changed', () => {
const field = getDataVariable(mockVariableConfig, mockSchemaDefinition, [], mockJsonFormVariable);
widget.field = field;
const newDataSource = {
id: 'SE',
name: 'Sweden'
};
fixture.detectChanges();
field.form.changeVariableValue('json-form-variable', [newDataSource]);
formService.onFormVariableChanged.next({
field
});
fixture.detectChanges();
const expectedDataSource: DataRow[] = [new ObjectDataRow({ id: newDataSource.id, name: newDataSource.name })];
expectedDataSource.forEach((row) => (row.cssClass = ''));
const widgetRows = widget.dataSource.getRows();
expect(widgetRows).toEqual(expectedDataSource);
});
it('should NOT display data table with data source if form is in preview state', () => {
widget.field = getDataVariable(mockVariableConfig, mockSchemaDefinition, [], mockJsonFormVariable);
spyOn(formCloudService, 'getPreviewState').and.returnValue(true);

12
lib/process-services-cloud/src/lib/form/components/widgets/data-table/data-table.widget.ts
View File

@ -61,6 +61,16 @@ export class DataTableWidgetComponent extends WidgetComponent implements OnInit
}
ngOnInit(): void {
this.init();
this.formService.onFormVariableChanged.subscribe(({ field }) => {
if (field.id === this.field.id) {
this.init();
}
});
}
private init(): void {
this.setPreviewState();
this.getTableData();
this.initDataTable();
@ -74,6 +84,8 @@ export class DataTableWidgetComponent extends WidgetComponent implements OnInit
}
private initDataTable(): void {
this.dataTableLoadFailed = false;
if (this.rowsData?.length) {
this.dataSource = new WidgetDataTableAdapter(this.rowsData, this.columnsSchema);