vc-create-dashboard 2.9.6 → 2.9.7

package/src/lib/create-dashboard-container/configure-widgets/configure-widgets/configure-widgets.component.spec.ts

@@ -0,0 +1,48 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { ConfigureWidgetsComponent } from './configure-widgets.component';
+import { HttpClientModule } from '@angular/common/http';
+import { HttpClientTestingModule } from '@angular/common/http/testing';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { ConfigureWidgetsService } from '../../services/configure-widgets.service';
+import { FloatingBarModule } from '../../../ui-kit/floating-bar/floating-bar.module';
+import { FormgroupModule } from '../../../ui-kit/formgroup/formgroup.module';
+import { DialogRef } from '../../../ui-kit/dialog/dialog-ref';
+import { SearchPipe } from '../../pipes/search.pipe';
+import { of } from 'rxjs';
+import { AuthService } from 'src/app/services/auth.service';
+
+
+describe('ConfigureWidgetsComponent', () => {
+  let component: ConfigureWidgetsComponent;
+  let fixture: ComponentFixture<ConfigureWidgetsComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ ConfigureWidgetsComponent, SearchPipe ],
+      imports: [
+        HttpClientTestingModule, 
+        HttpClientModule, 
+        CommonModule,
+        FloatingBarModule,
+        FormgroupModule,
+        FormsModule,
+      ],
+      providers:[DialogRef, ConfigureWidgetsService, {provide: AuthService, useValue: {isLoggedIn: () => of(true), getUserList: of(), getInfo: () => of(), _ID: () => of(), getUserInformation: () => of()}}],
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ConfigureWidgetsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+
+
+
+});

package/src/lib/create-dashboard-container/configure-widgets/configure-widgets/configure-widgets.component.ts

@@ -0,0 +1,545 @@
+import { ConfigureWidgetsService } from '../../services/configure-widgets.service';
+import { Component, EventEmitter, Input, OnChanges, OnInit, Output } from '@angular/core';
+import { retry } from 'rxjs/operators';
+import { widgetDataModel } from '../../interfaces/widget-data-model';
+import { DialogRef } from '../../../ui-kit/dialog/dialog-ref';
+import { widgetConfig } from './widget.interface';
+import { SnackBarService } from '../../../ui-kit/snack-bar/snack-bar.service';
+
+@Component({
+  selector: 'app-configure-widgets',
+  templateUrl: './configure-widgets.component.html',
+  styleUrls: ['./configure-widgets.component.less']
+})
+export class ConfigureWidgetsComponent implements OnInit, OnChanges {
+
+  @Output() widgetsDataModified: EventEmitter<any> = new EventEmitter();
+  @Output() closeConfigureWidgets: EventEmitter<any> = new EventEmitter();
+  checkboxStatus!: any;
+  search: string = '';
+  checkedArray: Array<{ index: number, status: number }> = [];
+  selectedWidgets: Array<widgetDataModel> = [];
+
+  module: "COMPLIANCE" | "RISK" = 'COMPLIANCE';
+  @Input() selectedWidgetsData: any = [];
+  @Input() displayedWidgets: any = [];
+  @Input() showRisk = false;
+  @Input() showCompliance = false;
+  @Input() mode = 'CREATE'
+  noDataText = 'You have not configured any widgets. Click on the <strong>Configure Widgets</strong> button to begin.';
+
+  selectedWidgetIds: any = [];
+  subResponsibilitiesSelected: boolean = false
+  subKeyResponsibilitiesSelected: boolean = false
+  showWidgets = true;
+  complianceWidgetsDisplayCount = 9;
+  riskWidgetsDisplayCount = 9;
+
+
+  constructor(
+    private dialog: DialogRef,
+    public configureWidgetsService: ConfigureWidgetsService,
+    private snackBar: SnackBarService) {
+
+  }
+
+  ngOnChanges() {
+    if (this.mode == 'EDIT') {
+      this.setWidgetsVisibilityToFalse()
+      this.riskWidgetsDisplayCount = 0;
+      this.complianceWidgetsDisplayCount = 0;
+      const finalData = [...new Set(this.displayedWidgets)];
+      finalData.forEach((element: any, index: any) => {
+        this.widgetsList.COMPLIANCE.forEach((ele: any) => {
+          if (ele.id == element.widget_code) {
+            ele.visibility = true;
+            if (ele.subWidgets.length > 0) {
+              const filterData: any = []
+              element.sub_widgets.filter((subwidget: any) => {
+                  filterData.push(subwidget.widget_code);
+              });
+              ele.subWidgets.forEach((subElement: any, subIndex: number) => {
+                if (filterData.includes(subElement.id)) {
+                  ele.subWidgets[subIndex].visibility = true;
+                } else {
+                  ele.subWidgets[subIndex].visibility = false;
+                }
+              });
+            }
+            this.complianceWidgetsDisplayCount++
+          }
+        })
+        this.widgetsList.RISK.forEach((ele: any) => {
+          if (ele.id == element.widget_code) {
+            ele.visibility = true;
+            if (ele.subWidgets.length > 0) {
+              const filterData: any = []
+              element.sub_widgets.filter((subwidget: any) => {
+                  filterData.push(subwidget.widget_code);
+              });
+              ele.subWidgets.forEach((subElement: any, subIndex: number) => {
+                if (filterData.includes(subElement.id)) {
+                  ele.subWidgets[subIndex].visibility = true;
+                } else {
+                  ele.subWidgets[subIndex].visibility = false;
+                }
+              });
+
+            }
+            this.riskWidgetsDisplayCount++
+          }
+        })
+      });
+    }
+    const data = [...new Set(this.selectedWidgetsData)];
+    data.forEach((element: any, index: any) => {
+      this.widgetsList.COMPLIANCE.forEach((ele: any) => {
+        if (ele.id == element.widget_code && element.state == 'ACTIVE') {
+          ele.value = true;
+          if (ele.subWidgets.length > 0) {
+            const filterData: any = []
+            element.sub_widgets.filter((subwidget: any) => {
+              if (subwidget.state == 'ACTIVE') {
+                filterData.push(subwidget.widget_code);
+              }
+            });
+            ele.subWidgets.forEach((subElement: any, subIndex: number) => {
+              if (filterData.includes(subElement.id)) {
+                ele.subWidgets[subIndex].value = true;
+              } else {
+                ele.subWidgets[subIndex].value = false;
+              }
+            });
+
+          }
+          this.selectedWidgets.push(ele);
+
+        }
+      })
+      this.widgetsList.RISK.forEach((ele: any) => {
+        if (ele.id == element.widget_code && element.state == 'ACTIVE') {
+          ele.value = true;
+          if (ele.subWidgets.length > 0) {
+            const filterData: any = []
+            element.sub_widgets.filter((subwidget: any) => {
+              if (subwidget.state == 'ACTIVE') {
+                filterData.push(subwidget.widget_code);
+              }
+            });
+            ele.subWidgets.forEach((subElement: any, subIndex: number) => {
+              if (filterData.includes(subElement.id)) {
+                ele.subWidgets[subIndex].value = true;
+              } else {
+                ele.subWidgets[subIndex].value = false;
+              }
+            });
+
+          }
+          this.selectedWidgets.push(ele);
+
+        }
+      })
+
+    });
+    this.module = (this.showCompliance) ? 'COMPLIANCE' : 'RISK';
+    this.setSelectedWidgets();
+  }
+
+  ngOnInit(): void {
+
+  }
+
+
+  widgetsList = {
+    COMPLIANCE: [
+      {
+        title: 'Overview',
+        id: 'overview',
+        description: 'Overview shows the performance of responsibilities and Programs.',
+        widgetImage: 'https://cdn.v-comply.com/libraries/configure-widget/assets/images/overview.png',
+        value: false,
+        visibility:true,
+        module: 'COMPLIANCE',
+        subWidgets: []
+      },
+      {
+        title: 'Responsibility Calendar',
+        id: 'compliance_calendar_flag',
+        description: 'The Responsibility Calendar shows the due dates of responsibilities in a calendar format. The responsibilities are color coded to reflect the status of the responsibilities.',
+        widgetImage: 'https://cdn.v-comply.com/libraries/configure-widget/assets/images/responsibility-calender.png',
+        value: false,
+        visibility:true,
+        module: 'COMPLIANCE',
+        subWidgets: []
+      },
+      {
+        title: 'Responsibility Center Overview',
+        id: 'responsibility_center_overview_flag',
+        description: 'The Responsibility Center Overview shows the performance of responsibilities and Responsibility Centers.',
+        widgetImage: 'https://cdn.v-comply.com/libraries/configure-widget/assets/images/responsibility-center-overview.png',
+        value: false,
+        visibility:true,
+        module: 'COMPLIANCE',
+        subWidgets: []
+      },
+      {
+        title: 'Responsibilities',
+        id: 'my_responsibilities',
+        description: 'This widget shows the performance of the responsibilities that you are required to complete, the responsibilities that you are reviewing and the responsibilities that you are overseeing.',
+        widgetImage: 'https://cdn.v-comply.com/libraries/configure-widget/assets/images/my-responsibilities.png',
+        tabOption: true,
+        value: false,
+        visibility:true,
+        module: 'COMPLIANCE',
+        subWidgets: [
+          {
+            title: 'My Responsibilities',
+            id: 'my_responsibility_flag',
+            value: false,
+            visibility:true,
+          },
+          {
+            title: 'I’m Reviewing',
+            id: 'reviewer_responsibility_flag',
+            value: false,
+            visibility:true,
+          },
+          {
+            title: 'I’m Overseeing',
+            id: 'cc_responsibility_flag',
+            value: false,
+            visibility:true,
+          }
+        ]
+      },
+      {
+        title: 'Key Responsibilities',
+        id: 'key_responsibilities',
+        description: 'This widget shows the performance of key responsibilities that you are required to complete, that you are reviewing, that you are overseeing and that you have assigned to another person.',
+        widgetImage: 'https://cdn.v-comply.com/libraries/configure-widget/assets/images/key-responsibilities.png',
+        tabOption: true,
+        value: false,
+        visibility:true,
+        module: 'COMPLIANCE',
+        subWidgets: [
+          {
+            title: 'Overview',
+            id: 'key_responsibilities_overview_flag',
+            value: false,
+            visibility:true,
+          },
+          {
+            title: 'My Responsibilities',
+            id: 'key_my_responsibilities_flag',
+            value: false,
+            visibility:true,
+          },
+          {
+            title: 'I’m Reviewing',
+            id: 'key_i_am_reviewing_flag',
+            value: false,
+            visibility:true,
+          },
+          {
+            title: 'I’m Overseeing',
+            id: 'key_i_am_overseeing_flag',
+            value: false,
+            visibility:true,
+          }
+        ]
+      },
+      {
+        title: 'Trend Analysis',
+        id: 'trend_analysis_flag',
+        description: 'The Trend Analysis is a graphical representation of the performance of responsibilities over a period.',
+        widgetImage: 'https://cdn.v-comply.com/libraries/configure-widget/assets/images/trend-analysis.png',
+        value: false,
+        visibility:true,
+        module: 'COMPLIANCE',
+        subWidgets: []
+      },
+      {
+        title: 'Workroom Updates',
+        id: 'workroom_alert_flag',
+        description: 'The Responsibility Workroom shows updates from the Responsibility Workrooms. A Responsibility Workroom exists for all responsibilities.',
+        widgetImage: 'https://cdn.v-comply.com/libraries/configure-widget/assets/images/workroom-updates.png',
+        value: false,
+        visibility:true,
+        module: 'COMPLIANCE',
+        subWidgets: []
+      },
+      {
+        title: 'Recent Activities',
+        id: 'recent_activity_flag',
+        description: 'This is a chronological view of the recent updates of responsibilities.',
+        widgetImage: 'https://cdn.v-comply.com/libraries/configure-widget/assets/images/recent-activities.png',
+        value: false,
+        visibility:true,
+        module: 'COMPLIANCE',
+        subWidgets: []
+      },
+      {
+        title: 'Exception Summary',
+        id: 'exception_summary_flag',
+        description: 'Exceptions Summary show the number of responsibilities that are either not accepted, not completed or deleted.',
+        widgetImage: 'https://cdn.v-comply.com/libraries/configure-widget/assets/images/exception-summary.png',
+        value: false,
+        visibility:true,
+        module: 'COMPLIANCE',
+        subWidgets: []
+      }
+    ],
+    RISK: [
+      {
+        title: 'Risk Overview',
+        id: 'risk_overview',
+        description: 'This widget shows the number and percentage of risks within each risk response strategy.',
+        // widgetImage: 'https://cdn.v-comply.com/libraries/configure-widget/assets/images/risk-overview.png',
+        widgetImage: 'https://cdn.v-comply.com/libraries/configure-widget/assets/images/riskV2/risk-overview.png',
+        value: false,
+        visibility:true,
+        module: 'RISK',
+        subWidgets: []
+      },
+      {
+        title: 'Risk Metrics',
+        id: 'risk_metrics',
+        description: 'This widget shows the number of risks within each risk appetite, the number of risks that exceed the risk appetite, the number of risks that exceed the risk tolerance, the number of risks within each risk rating, and the number of risks that do not have any linked controls.',
+        // widgetImage: 'https://cdn.v-comply.com/libraries/configure-widget/assets/images/appetite-tolerance.png',
+        widgetImage: 'https://cdn.v-comply.com/libraries/configure-widget/assets/images/riskV2/appetite-tolerance.png',
+        value: false,
+        visibility:true,
+        module: 'RISK',
+        subWidgets: [
+          {
+            title: 'Risk Appetite & Tolerance',
+            id: 'risk_appetite_tolerance',
+            value: false,
+            visibility:true,
+          },
+          {
+            title: 'Risk Ratings',
+            id: 'risk_ratings',
+            value: false,
+            visibility:true,
+          },
+          {
+            title: 'Risks Without Controls',
+            id: 'risks_without_controls',
+            value: false,
+            visibility:true,
+          },
+          // {
+          //   title: 'Exceeds Risk Tolerance',
+          //   id: 'exceeds_risk_tolerance',
+          //   value: false,
+          //   visibility:true,
+          // },
+        ]
+      },
+
+      {
+        title: 'Inherent Risk Rating by Responsibility Centers ',
+        id: 'inherent_risk_rating_by_responsibility_centers',
+        description: 'This widget shows the number of risks within each inherent risk rating, grouped according to the Responsibility Center exposed to the risk.',
+        // widgetImage: 'https://cdn.v-comply.com/libraries/configure-widget/assets/images/inherent-RC.png',
+        widgetImage: 'https://cdn.v-comply.com/libraries/configure-widget/assets/images/riskV2/inherent-RC.png',
+        value: false,
+        visibility:true,
+        module: 'RISK',
+        subWidgets: []
+      },
+      {
+        title: 'Residual Risk Rating by Responsibility Centers ',
+        id: 'residual_risk_rating_by_responsibility_centers',
+        description: 'This widget shows the number of risks within each residual risk rating, grouped according to the Responsibility Center exposed to the risk.',
+        // widgetImage: 'https://cdn.v-comply.com/libraries/configure-widget/assets/images/residual-RC.png',
+        widgetImage: 'https://cdn.v-comply.com/libraries/configure-widget/assets/images/riskV2/residual-RC.png',
+        value: false,
+        visibility:true,
+        module: 'RISK',
+        subWidgets: []
+      },
+      {
+        title: 'Risk Category Overview',
+        id: 'risk_category_overview',
+        description: 'This widgets shows the number of risks within each status, grouped according to the Risk Category the risk is assigned to.',
+        // widgetImage: 'https://cdn.v-comply.com/libraries/configure-widget/assets/images/risk-category-overview.png',
+        widgetImage: 'https://cdn.v-comply.com/libraries/configure-widget/assets/images/riskV2/risk-category-overview.png',
+        value: false,
+        visibility:true,
+        module: 'RISK',
+        subWidgets: []
+      },
+      {
+        title: 'Risk Heatmap',
+        id: 'risk_heatmap',
+        description: 'The Risk Heatmap displays the risk matrix for any two risk factors.',
+        widgetImage: 'https://cdn.v-comply.com/libraries/configure-widget/assets/images/risk-heatmap.png',
+        value: false,
+        visibility:true,
+        module: 'RISK',
+        subWidgets: []
+      },
+      {
+        title: 'Inherent Risk Rating by Categories',
+        id: 'inherent_risk_rating_by_categories',
+        description: 'This widget shows the number of risks within each inherent risk rating, grouped according to the Risk Category that the risk is assigned to.',
+        // widgetImage: 'https://cdn.v-comply.com/libraries/configure-widget/assets/images/inherent-categories.png',
+        widgetImage: 'https://cdn.v-comply.com/libraries/configure-widget/assets/images/riskV2/inherent-categories.png',
+        value: false,
+        visibility:true,
+        module: 'RISK',
+        subWidgets: []
+      },
+
+      {
+        title: 'Residual Risk Rating by Categories',
+        id: 'residual_risk_rating_by_categories',
+        description: 'This widget shows the number of risks within each residual risk rating, grouped according to the Risk Category that the risk is assigned to.',
+        // widgetImage: 'https://cdn.v-comply.com/libraries/configure-widget/assets/images/residual-categories.png',
+        widgetImage: 'https://cdn.v-comply.com/libraries/configure-widget/assets/images/riskV2/residual-categories.png',
+        value: false,
+        visibility:true,
+        module: 'RISK',
+        subWidgets: []
+      },
+      // {
+      //   title: 'Inherent Risk Rating Trend by Responsibility Centers',
+      //   id: 'inherent_risk_rating_trend_by_responsibility_centers',
+      //   description: 'This widget is a graphical representation of the number of risks within each inherent risk rating, grouped according to the Responsibility Center exposed to the risk.',
+      //   widgetImage: 'https://cdn.v-comply.com/libraries/configure-widget/assets/images/inherent-trend.png',
+      //   value: false,
+      //   visibility:true,
+      //   module: 'RISK',
+      //   subWidgets: []
+      // },
+      // {
+      //   title: 'Residual Risk Rating Trend by Responsibility Centers',
+      //   id: 'residual_risk_rating_trend_by_responsibility_centers',
+      //   description: 'This widget is a graphical representation of the number of risks within each residual risk rating, grouped according to the Responsibility Center exposed to the risk.',
+      //   widgetImage: 'https://cdn.v-comply.com/libraries/configure-widget/assets/images/residual-trend.png',
+      //   value: false,
+      //   visibility:true,
+      //   module: 'RISK',
+      //   subWidgets: []
+      // },
+      // {
+      //   title: 'Risk Rating Trend by Categories',
+      //   id: 'risk_rating_trend_by_categories',
+      //   description: 'This widgets is a trend chart that shows the inherent and residual risk rating trend across the different Risk Categories.',
+      //   widgetImage: 'https://cdn.v-comply.com/libraries/configure-widget/assets/images/risk-trend.png',
+      //   value: false,
+      //   visibility:true,
+      //   module: 'RISK',
+      //   subWidgets: []
+      // },
+      {
+        title: 'Top 10 Risk Ratings',
+        id: 'top_10_residual_risk_ratings',
+        description: 'This widgets shows ths top five risks with the highest risk rating.',
+        // widgetImage: 'https://cdn.v-comply.com/libraries/configure-widget/assets/images/5-risk-ratings.png',
+        widgetImage: 'https://cdn.v-comply.com/libraries/configure-widget/assets/images/10-risk-ratings.png',
+        value: false,
+        visibility:true,
+        module: 'RISK',
+        subWidgets: []
+      }
+    ]
+  }
+
+  selectWidget(event: any, module: 'COMPLIANCE' | 'RISK', widgetId: string, subWidgetId?: string) {
+    const widgetIndex = this.widgetsList[module].findIndex((ele: any) => ele.id == widgetId);
+    const isSubWidgetAddable = this.selectedWidgets.findIndex(( widget: any) => widget.id === widgetId )
+    if (event) {
+      if (this.selectedWidgets.length >= 10 && !(subWidgetId && isSubWidgetAddable >= 0)) {
+        this.snackBar.show('You cannot add more than 10 widgets.','alert');
+        this.showWidgets = false;
+        setTimeout(() => {
+          this.widgetsList[module][widgetIndex].value = false;
+          this.showWidgets = true;
+        }, 10);
+        return
+      }
+      this.widgetsList[module][widgetIndex].value = true;
+      if (this.widgetsList[module][widgetIndex].subWidgets.length > 0) {
+        if (!subWidgetId) {
+          this.widgetsList[module][widgetIndex].subWidgets.forEach(ele => ele.value = true);
+        } else {
+          const subWidgetIndex = this.widgetsList[module][widgetIndex].subWidgets.findIndex((ele: any) => ele.id == subWidgetId);
+          this.widgetsList[module][widgetIndex].subWidgets[subWidgetIndex].value = true;
+        }
+      }
+    } else {
+      if (this.widgetsList[module][widgetIndex].subWidgets.length > 0) {
+        if (!subWidgetId) {
+          this.widgetsList[module][widgetIndex].value = false;
+          this.widgetsList[module][widgetIndex].subWidgets.forEach((ele: any) => ele.value = false);
+        } else {
+          const subWidgetIndex = this.widgetsList[module][widgetIndex].subWidgets.findIndex((ele: any) => ele.id == subWidgetId);
+          this.widgetsList[module][widgetIndex].subWidgets[subWidgetIndex].value = false;
+
+          const isAllWidgetsRemoved = this.widgetsList[module][widgetIndex].subWidgets.every((ele: any) => ele.value == false);
+          if (isAllWidgetsRemoved) {
+            this.widgetsList[module][widgetIndex].value = false;
+          }
+        }
+      } else {
+        this.widgetsList[module][widgetIndex].value = false;
+      }
+    }
+    this.setSelectedWidgets();
+
+  }
+  setSelectedWidgets() {
+    this.selectedWidgets = []
+    this.widgetsList.COMPLIANCE.forEach((ele: any) => {
+      if (ele.value) {
+        this.selectedWidgets.push(ele)
+      }
+    })
+    this.widgetsList.RISK.forEach((ele: any) => {
+      if (ele.value) {
+        this.selectedWidgets.push(ele)
+      }
+    })
+  }
+
+  removeWidget(widget: widgetConfig) {
+    const widgetIndex = this.widgetsList[widget.module].findIndex((ele: any) => ele.id == widget.id);
+    this.widgetsList[widget.module][widgetIndex].value = false;
+    if (this.widgetsList[widget.module][widgetIndex].subWidgets.length > 0) {
+      this.widgetsList[widget.module][widgetIndex].subWidgets.forEach((ele: any) => ele.value = false);
+    }
+    this.setSelectedWidgets()
+  }
+
+  onNextClick() {
+    this.widgetsDataModified.emit(this.selectedWidgets);
+  }
+
+  closeConfigureDashboard() {
+    this.selectedWidgets = [];
+    this.dialog.close();
+    this.closeConfigureWidgets.emit(false);
+  }
+
+  setWidgetsVisibilityToFalse(){
+    this.widgetsList.COMPLIANCE.forEach((ele: any) => {
+        ele.visibility = false;
+        if (ele.subWidgets.length > 0) {        
+          ele.subWidgets.forEach((subElement: any) => {        
+            subElement.visibility = false;
+          });
+        }
+    })
+    this.widgetsList.RISK.forEach((ele: any) => {
+        ele.visibility = false;
+        if (ele.subWidgets.length > 0) {
+          ele.subWidgets.forEach((subElement: any) => {
+            subElement.visibility = false;
+          });
+        }
+    })
+  }
+}

package/src/lib/create-dashboard-container/configure-widgets/configure-widgets/widget.interface.ts

@@ -0,0 +1,9 @@
+export interface widgetConfig{
+    title: string,
+    id: string,
+    description: string,
+    widgetImage: string,
+    value: boolean,
+    module: 'COMPLIANCE'|'RISK',
+    subWidgets: []
+}

package/src/lib/create-dashboard-container/configure-widgets/configure-widgets.module.ts

@@ -0,0 +1,29 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FloatingBarModule } from '../../ui-kit//floating-bar/floating-bar.module';
+import { FormgroupModule } from '../../ui-kit/formgroup/formgroup.module';
+import { FormsModule } from '@angular/forms';
+import { SearchPipe } from '../pipes/search.pipe';
+import { ConfigureWidgetsComponent } from './configure-widgets/configure-widgets.component';
+import { DirectivesModule } from '../directives/directives.module';
+import { NoDataModule } from '../../ui-kit/no-data/no-data.module';
+
+
+
+@NgModule({
+  declarations: [
+    ConfigureWidgetsComponent, SearchPipe
+  ],
+  imports: [
+    CommonModule,
+    FloatingBarModule,
+    FormgroupModule,
+    FormsModule,
+    DirectivesModule,
+    NoDataModule
+  ],
+  exports: [
+    ConfigureWidgetsComponent
+  ]
+})
+export class ConfigureWidgetsModule { }

package/src/lib/create-dashboard-container/create-dashboard-config.ts

@@ -0,0 +1,24 @@
+export interface CreateDashboardForm {
+    dashboardName: string,
+    dashboardDescriptionText: string,
+    selectedViewers: any[],
+    selectedGroup:any[],
+    selectedFromDate: any,
+    selectedToDate: any,
+    selectedResponsibilityCenters: any[],
+    selectedResponsibilityCategories: any[],
+    selectedRiskCategories: any[],
+    
+
+    displayCriteria:string,
+    configureWidget: any[],
+
+
+    frequencyDetails:string,
+    selectedFrequencyType: string,
+    selectedFrequencies: any,
+    frequencyMessage:string
+    frequencyDate:any
+
+  }
+