migrate cloud components

This commit is contained in:
Denys Vuika
2024-09-19 17:27:04 -04:00
parent 2c1dc48b50
commit 3a6754c0f0
4 changed files with 47 additions and 26 deletions

View File

@@ -17,23 +17,23 @@
import { NgModule } from '@angular/core'; import { NgModule } from '@angular/core';
import { ProcessFiltersCloudModule } from './process-filters/process-filters-cloud.module'; import { ProcessFiltersCloudModule } from './process-filters/process-filters-cloud.module';
import { ProcessListCloudModule } from './process-list/process-list-cloud.module';
import { StartProcessCloudModule } from './start-process/start-process-cloud.module'; import { StartProcessCloudModule } from './start-process/start-process-cloud.module';
import { CoreModule, LocalizedDatePipe } from '@alfresco/adf-core'; import { CoreModule, LocalizedDatePipe } from '@alfresco/adf-core';
import { ProcessHeaderCloudModule } from './process-header/process-header-cloud.module'; import { ProcessHeaderCloudModule } from './process-header/process-header-cloud.module';
import { ProcessDirectiveModule } from './directives/process-directive.module'; import { ProcessDirectiveModule } from './directives/process-directive.module';
import { ProcessNameCloudPipe } from '../pipes/process-name-cloud.pipe'; import { ProcessNameCloudPipe } from '../pipes/process-name-cloud.pipe';
import { ProcessListCloudComponent } from './process-list/components/process-list-cloud.component';
@NgModule({ @NgModule({
imports: [ imports: [
CoreModule, CoreModule,
ProcessFiltersCloudModule, ProcessFiltersCloudModule,
ProcessListCloudModule, ProcessListCloudComponent,
StartProcessCloudModule, StartProcessCloudModule,
ProcessHeaderCloudModule, ProcessHeaderCloudModule,
ProcessDirectiveModule ProcessDirectiveModule
], ],
exports: [ProcessFiltersCloudModule, ProcessListCloudModule, StartProcessCloudModule, ProcessHeaderCloudModule, ProcessDirectiveModule], exports: [ProcessFiltersCloudModule, ProcessListCloudComponent, StartProcessCloudModule, ProcessHeaderCloudModule, ProcessDirectiveModule],
providers: [ProcessNameCloudPipe, LocalizedDatePipe] providers: [ProcessNameCloudPipe, LocalizedDatePipe]
}) })
export class ProcessCloudModule {} export class ProcessCloudModule {}

View File

@@ -82,8 +82,9 @@ describe('ProcessListCloudComponent', () => {
}); });
appConfig = TestBed.inject(AppConfigService); appConfig = TestBed.inject(AppConfigService);
processListCloudService = TestBed.inject(ProcessListCloudService); processListCloudService = TestBed.inject(ProcessListCloudService);
preferencesService = TestBed.inject<PreferenceCloudServiceInterface>(PROCESS_LISTS_PREFERENCES_SERVICE_TOKEN);
fixture = TestBed.createComponent(ProcessListCloudComponent); fixture = TestBed.createComponent(ProcessListCloudComponent);
preferencesService = fixture.debugElement.injector.get<PreferenceCloudServiceInterface>(PROCESS_LISTS_PREFERENCES_SERVICE_TOKEN);
component = fixture.componentInstance; component = fixture.componentInstance;
appConfig.config = Object.assign(appConfig.config, { appConfig.config = Object.assign(appConfig.config, {
'adf-cloud-process-list': { 'adf-cloud-process-list': {
@@ -614,6 +615,8 @@ describe('ProcessListCloudComponent: Injecting custom columns for task list - Cu
describe('ProcessListCloudComponent: Creating an empty custom template - EmptyTemplateComponent', () => { describe('ProcessListCloudComponent: Creating an empty custom template - EmptyTemplateComponent', () => {
@Component({ @Component({
standalone: true,
imports: [ProcessListCloudComponent, CustomEmptyContentTemplateDirective],
template: ` template: `
<adf-cloud-process-list #processListCloud> <adf-cloud-process-list #processListCloud>
<adf-custom-empty-content-template> <adf-custom-empty-content-template>
@@ -635,9 +638,14 @@ describe('ProcessListCloudComponent: Creating an empty custom template - EmptyTe
beforeEach(() => { beforeEach(() => {
TestBed.configureTestingModule({ TestBed.configureTestingModule({
imports: [ProcessServiceCloudTestingModule, MatProgressSpinnerModule, CustomEmptyContentTemplateDirective], imports: [
providers: [{ provide: PROCESS_LISTS_PREFERENCES_SERVICE_TOKEN, useValue: preferencesService }], ProcessServiceCloudTestingModule,
declarations: [EmptyTemplateComponent, ProcessListCloudComponent] MatProgressSpinnerModule,
CustomEmptyContentTemplateDirective,
ProcessListCloudComponent,
EmptyTemplateComponent
],
providers: [{ provide: PROCESS_LISTS_PREFERENCES_SERVICE_TOKEN, useValue: preferencesService }]
}); });
fixtureEmpty = TestBed.createComponent(EmptyTemplateComponent); fixtureEmpty = TestBed.createComponent(EmptyTemplateComponent);
fixtureEmpty.detectChanges(); fixtureEmpty.detectChanges();

View File

@@ -42,7 +42,12 @@ import {
DataCellEvent, DataCellEvent,
DataRowActionEvent, DataRowActionEvent,
DataTableComponent, DataTableComponent,
DataColumn DataColumn,
EmptyContentComponent,
NoContentTemplateDirective,
LoadingContentTemplateDirective,
MainMenuDataTableTemplateDirective,
ColumnsSelectorComponent
} from '@alfresco/adf-core'; } from '@alfresco/adf-core';
import { ProcessListCloudService } from '../services/process-list-cloud.service'; import { ProcessListCloudService } from '../services/process-list-cloud.service';
import { BehaviorSubject, Subject, of } from 'rxjs'; import { BehaviorSubject, Subject, of } from 'rxjs';
@@ -56,19 +61,41 @@ import { ProcessListCloudPreferences } from '../models/process-cloud-preferences
import { ProcessListDatatableAdapter } from '../datatable/process-list-datatable-adapter'; import { ProcessListDatatableAdapter } from '../datatable/process-list-datatable-adapter';
import { ProcessListDataColumnCustomData, PROCESS_LIST_CUSTOM_VARIABLE_COLUMN } from '../../../models/data-column-custom-data'; import { ProcessListDataColumnCustomData, PROCESS_LIST_CUSTOM_VARIABLE_COLUMN } from '../../../models/data-column-custom-data';
import { VariableMapperService } from '../../../services/variable-mapper.sevice'; import { VariableMapperService } from '../../../services/variable-mapper.sevice';
import { CommonModule } from '@angular/common';
import { TranslateModule } from '@ngx-translate/core';
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
import { LocalPreferenceCloudService } from '../../../services/local-preference-cloud.service';
const PRESET_KEY = 'adf-cloud-process-list.presets'; const PRESET_KEY = 'adf-cloud-process-list.presets';
@Component({ @Component({
selector: 'adf-cloud-process-list', selector: 'adf-cloud-process-list',
standalone: true,
imports: [
CommonModule,
TranslateModule,
EmptyContentComponent,
NoContentTemplateDirective,
MatProgressSpinnerModule,
LoadingContentTemplateDirective,
MainMenuDataTableTemplateDirective,
ColumnsSelectorComponent,
DataTableComponent
],
providers: [
{
provide: PROCESS_LISTS_PREFERENCES_SERVICE_TOKEN,
useClass: LocalPreferenceCloudService
}
],
templateUrl: './process-list-cloud.component.html', templateUrl: './process-list-cloud.component.html',
styleUrls: ['./process-list-cloud.component.scss'], styleUrls: ['./process-list-cloud.component.scss'],
encapsulation: ViewEncapsulation.None encapsulation: ViewEncapsulation.None
}) })
// eslint-disable-next-line @typescript-eslint/brace-style
export class ProcessListCloudComponent export class ProcessListCloudComponent
extends DataTableSchema<ProcessListDataColumnCustomData> extends DataTableSchema<ProcessListDataColumnCustomData>
implements OnChanges, AfterContentInit, PaginatedComponent, OnDestroy implements OnChanges, AfterContentInit, PaginatedComponent, OnDestroy
// eslint-disable-next-line @typescript-eslint/brace-style
{ {
@ViewChild(DataTableComponent) @ViewChild(DataTableComponent)
dataTable: DataTableComponent; dataTable: DataTableComponent;

View File

@@ -16,25 +16,11 @@
*/ */
import { NgModule } from '@angular/core'; import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { ProcessListCloudComponent } from './components/process-list-cloud.component'; import { ProcessListCloudComponent } from './components/process-list-cloud.component';
import { MaterialModule } from '../../material.module';
import { CoreModule } from '@alfresco/adf-core';
import { LocalPreferenceCloudService } from '../../services/local-preference-cloud.service';
import { PROCESS_LISTS_PREFERENCES_SERVICE_TOKEN } from '../../services/cloud-token.service';
/** @deprecated use ProcessListCloudComponent instead */
@NgModule({ @NgModule({
imports: [ imports: [ProcessListCloudComponent],
CommonModule,
MaterialModule,
CoreModule
],
providers: [{
provide: PROCESS_LISTS_PREFERENCES_SERVICE_TOKEN,
useClass: LocalPreferenceCloudService
}],
declarations: [ProcessListCloudComponent],
exports: [ProcessListCloudComponent] exports: [ProcessListCloudComponent]
}) })
export class ProcessListCloudModule { } export class ProcessListCloudModule {}