portal-FE-common/src/app/pages/dynamic-widget/dynamic-widget.component.ts

   1 /*-
   2  * ============LICENSE_START==========================================
   3  * ONAP Portal
   4  * ===================================================================
   5  * Copyright (C) 2019 AT&T Intellectual Property. All rights reserved.
   6  * ===================================================================
   7  *
   8  * Unless otherwise specified, all software contained herein is licensed
   9  * under the Apache License, Version 2.0 (the "License");
  10  * you may not use this software except in compliance with the License.
  11  * You may obtain a copy of the License at
  12  *
  13  *             http://www.apache.org/licenses/LICENSE-2.0
  14  *
  15  * Unless required by applicable law or agreed to in writing, software
  16  * distributed under the License is distributed on an "AS IS" BASIS,
  17  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  18  * See the License for the specific language governing permissions and
  19  * limitations under the License.
  20  *
  21  * Unless otherwise specified, all documentation contained herein is licensed
  22  * under the Creative Commons License, Attribution 4.0 Intl. (the "License");
  23  * you may not use this documentation except in compliance with the License.
  24  * You may obtain a copy of the License at
  25  *
  26  *             https://creativecommons.org/licenses/by/4.0/
  27  *
  28  * Unless required by applicable law or agreed to in writing, documentation
  29  * distributed under the License is distributed on an "AS IS" BASIS,
  30  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  31  * See the License for the specific language governing permissions and
  32  * limitations under the License.
  33  *
  34  * ============LICENSE_END============================================
  35  *
  36  *
  37  */
  38 import { Compiler, Component, Injector, NgModule, NgModuleRef, ViewChild, ViewContainerRef, OnInit, Input } from '@angular/core';
  39 import { PluginLoaderService } from 'src/app/shared/plugin/plugin-loader/plugin-loader.service';
  40
  41 @Component({
  42   selector: 'app-dynamic-widget',
  43   templateUrl: './dynamic-widget.component.html',
  44   styleUrls: ['./dynamic-widget.component.scss']
  45 })
  46 export class DynamicWidgetComponent implements OnInit {
  47
  48   @ViewChild('vc', { read: ViewContainerRef }) _container: ViewContainerRef;
  49   @Input() widgetType:string;
  50
  51   constructor(private injector: Injector,
  52     private pluginLoader: PluginLoaderService) {
  53   }
  54
  55   ngOnInit() {
  56     console.log('this.widgetType'+ this.widgetType);
  57     this.loadPlugin(this.widgetType);
  58   }
  59
  60
  61   loadPlugin(pluginName: string) {
  62
  63     setTimeout(() => {
  64       this.executePlugin(pluginName);
  65
  66     }, 2000);
  67
  68   }
  69
  70   executePlugin(pluginName: string) {
  71     this.pluginLoader.load(pluginName).then(moduleFactory => {
  72       const moduleRef = moduleFactory.create(this.injector);
  73       const entryComponent = (moduleFactory.moduleType as any).entry;
  74       const compFactory = moduleRef.componentFactoryResolver.resolveComponentFactory(
  75         entryComponent
  76       );
  77       this._container.createComponent(compFactory);
  78     });
  79   }
  80 }