improved service registration

Alfresco · May 13, 2020 · 94ffd6c · 94ffd6c
1 parent e425821
commit 94ffd6c
Show file tree

Hide file tree

Showing 8 changed files with 45 additions and 23 deletions.
diff --git a/demo-shell/src/app/components/app-layout/cloud/form-demo/cloud-form-demo.component.ts b/demo-shell/src/app/components/app-layout/cloud/form-demo/cloud-form-demo.component.ts
@@ -16,13 +16,16 @@
  */
 
 import { Component, OnDestroy, OnInit } from '@angular/core';
-import { FormFieldModel, NotificationService, CoreAutomationService, FormModel } from '@alfresco/adf-core';
-import { FormCloudService } from '@alfresco/adf-process-services-cloud';
+import { FormFieldModel, NotificationService, CoreAutomationService, FormModel, FormRenderingService } from '@alfresco/adf-core';
+import { FormCloudService, CloudFormRenderingService } from '@alfresco/adf-process-services-cloud';
 import { Subscription } from 'rxjs';
 
 @Component({
     templateUrl: 'cloud-form-demo.component.html',
-    styleUrls: ['cloud-form-demo.component.scss']
+    styleUrls: ['cloud-form-demo.component.scss'],
+    providers: [
+        { provide: FormRenderingService, useClass: CloudFormRenderingService }
+    ]
 })
 export class FormCloudDemoComponent implements OnInit, OnDestroy {
 

diff --git a/demo-shell/src/app/components/form/form.component.ts b/demo-shell/src/app/components/form/form.component.ts
@@ -16,7 +16,8 @@
  */
 
 import { Component, Inject, OnDestroy, OnInit, ViewEncapsulation } from '@angular/core';
-import { FormModel, FormFieldModel, FormService, FormOutcomeEvent, NotificationService, CoreAutomationService } from '@alfresco/adf-core';
+import { FormModel, FormFieldModel, FormService, FormOutcomeEvent, NotificationService, CoreAutomationService, FormRenderingService } from '@alfresco/adf-core';
+import { ProcessFormRenderingService } from '@alfresco/adf-process-services';
 import { InMemoryFormService } from '../../services/in-memory-form.service';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
@@ -26,7 +27,8 @@ import { takeUntil } from 'rxjs/operators';
     templateUrl: 'form.component.html',
     styleUrls: ['form.component.scss'],
     providers: [
-        { provide: FormService, useClass: InMemoryFormService }
+        { provide: FormService, useClass: InMemoryFormService },
+        { provide: FormRenderingService, useClass: ProcessFormRenderingService }
     ],
     encapsulation: ViewEncapsulation.None
 })

diff --git a/lib/core/services/dynamic-component-mapper.service.ts b/lib/core/services/dynamic-component-mapper.service.ts
@@ -67,6 +67,17 @@ export abstract class DynamicComponentMapper {
         this.types[type] = resolver;
     }
 
+    /**
+     * Register multiple components
+     */
+    register(components: { [key: string]: DynamicComponentResolveFunction }, override: boolean = false) {
+        if (components) {
+            for (const type of Object.keys(components)) {
+                this.setComponentTypeResolver(type, components[type], override);
+            }
+        }
+    }
+
     /**
      * Finds the component type that is needed to render a form field.
      * @param model Form field model for the field to render

diff --git a/lib/process-services-cloud/src/lib/form/components/cloud-form-rendering.service.ts b/lib/process-services-cloud/src/lib/form/components/cloud-form-rendering.service.ts
@@ -29,10 +29,13 @@ import { GroupCloudWidgetComponent } from './widgets/group/group-cloud.widget';
 export class CloudFormRenderingService extends FormRenderingService {
     constructor() {
         super();
-        this.setComponentTypeResolver('upload', () => AttachFileCloudWidgetComponent, true);
-        this.setComponentTypeResolver('dropdown', () => DropdownCloudWidgetComponent, true);
-        this.setComponentTypeResolver('date', () => DateCloudWidgetComponent, true);
-        this.setComponentTypeResolver('people', () => PeopleCloudWidgetComponent, true);
-        this.setComponentTypeResolver('functional-group', () => GroupCloudWidgetComponent, true);
+
+        this.register({
+            'upload': () => AttachFileCloudWidgetComponent,
+            'dropdown': () => DropdownCloudWidgetComponent,
+            'date': () => DateCloudWidgetComponent,
+            'people': () => PeopleCloudWidgetComponent,
+            'functional-group': () => GroupCloudWidgetComponent
+        }, true);
     }
 }
diff --git a/lib/process-services-cloud/src/lib/form/form-cloud.module.ts b/lib/process-services-cloud/src/lib/form/form-cloud.module.ts
@@ -18,7 +18,7 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FlexLayoutModule } from '@angular/flex-layout';
-import { TemplateModule, FormBaseModule, PipeModule, CoreModule, FormRenderingService } from '@alfresco/adf-core';
+import { TemplateModule, FormBaseModule, PipeModule, CoreModule } from '@alfresco/adf-core';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { MaterialModule } from '../material.module';
 import { FormCloudComponent } from './components/form-cloud.component';
@@ -36,7 +36,6 @@ import { AttachFileCloudWidgetComponent } from './components/widgets/attach-file
 import { UploadCloudWidgetComponent } from './components/widgets/attach-file/upload-cloud.widget';
 import { PeopleCloudModule } from '../people/people-cloud.module';
 import { GroupCloudModule } from '../group/group-cloud.module';
-import { CloudFormRenderingService } from './components/cloud-form-rendering.service';
 
 @NgModule({
     imports: [
@@ -65,9 +64,7 @@ import { CloudFormRenderingService } from './components/cloud-form-rendering.ser
         GroupCloudWidgetComponent
     ],
     providers: [
-        FormDefinitionSelectorCloudService,
-        FormRenderingService,
-        { provide: FormRenderingService, useClass: CloudFormRenderingService }
+        FormDefinitionSelectorCloudService
     ],
     entryComponents: [
         UploadCloudWidgetComponent,

diff --git a/lib/process-services-cloud/src/lib/process-services-cloud.module.ts b/lib/process-services-cloud/src/lib/process-services-cloud.module.ts
@@ -16,7 +16,7 @@
  */
 
 import { NgModule } from '@angular/core';
-import { TRANSLATION_PROVIDER, CoreModule } from '@alfresco/adf-core';
+import { TRANSLATION_PROVIDER, CoreModule, FormRenderingService } from '@alfresco/adf-core';
 import { AppListCloudModule } from './app/app-list-cloud.module';
 import { TaskCloudModule } from './task/task-cloud.module';
 import { ProcessCloudModule } from './process/process-cloud.module';
@@ -30,6 +30,7 @@ import {
     TASK_FILTERS_SERVICE_TOKEN
 } from './services/public-api';
 import { PeopleCloudModule } from './people/people-cloud.module';
+import { CloudFormRenderingService } from './form/components/cloud-form-rendering.service';
 
 @NgModule({
     imports: [
@@ -54,7 +55,9 @@ import { PeopleCloudModule } from './people/people-cloud.module';
         UserPreferenceCloudService,
         LocalPreferenceCloudService,
         { provide: PROCESS_FILTERS_SERVICE_TOKEN, useClass: LocalPreferenceCloudService },
-        { provide: TASK_FILTERS_SERVICE_TOKEN, useClass: LocalPreferenceCloudService }
+        { provide: TASK_FILTERS_SERVICE_TOKEN, useClass: LocalPreferenceCloudService },
+        FormRenderingService,
+        { provide: FormRenderingService, useClass: CloudFormRenderingService }
     ],
     exports: [
         AppListCloudModule,

diff --git a/lib/process-services/src/lib/form/process-form-rendering.service.ts b/lib/process-services/src/lib/form/process-form-rendering.service.ts
@@ -26,7 +26,10 @@ import { AttachFolderWidgetComponent } from '../content-widget/attach-folder-wid
 export class ProcessFormRenderingService extends FormRenderingService {
     constructor() {
         super();
-        this.setComponentTypeResolver('upload', () => AttachFileWidgetComponent, true);
-        this.setComponentTypeResolver('select-folder', () => AttachFolderWidgetComponent, true);
+
+        this.register({
+            'upload': () => AttachFileWidgetComponent,
+            'select-folder': () => AttachFolderWidgetComponent
+        }, true);
     }
 }
diff --git a/lib/process-services/src/lib/process.module.ts b/lib/process-services/src/lib/process.module.ts
@@ -54,9 +54,7 @@ import { ProcessFormRenderingService } from './form/process-form-rendering.servi
                 name: 'adf-process-services',
                 source: 'assets/adf-process-services'
             }
-        },
-        FormRenderingService,
-        { provide: FormRenderingService, useClass: ProcessFormRenderingService }
+        }
     ],
     exports: [
         CommonModule,
@@ -83,7 +81,9 @@ export class ProcessModule {
                         name: 'adf-process-services',
                         source: 'assets/adf-process-services'
                     }
-                }
+                },
+                FormRenderingService,
+                { provide: FormRenderingService, useClass: ProcessFormRenderingService }
             ]
         };
     }