vc-create-dashboard 3.0.83 → 3.0.84

package/src/lib/create-dashboard-container/risk-categories/risk-categories.component.ts

@@ -0,0 +1,209 @@
+import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { DashboardFooterConfig } from '../../ui-kit/dashboard-footer/dashboard-footer-config';
+import { RiskCategoriesConfig } from './risk-categories-config';
+import { ASSETS } from '../constants/assets.constant';
+
+@Component({
+  selector: 'app-risk-categories',
+  templateUrl: './risk-categories.component.html',
+  styleUrls: ['./risk-categories.component.less'],
+})
+export class RiskCategoriesComponent implements OnInit {
+  ASSETS = ASSETS;
+
+  @Input() categoryList: RiskCategoriesConfig = {
+    strategic: {
+      list: [],
+      selectedList: [],
+    },
+    operational: {
+      list: [],
+      selectedList: [],
+    },
+    compliance: {
+      list: [],
+      selectedList: [],
+    },
+    others: {
+      list: [],
+      selectedList: [],
+    },
+  };
+  @Input() allCategories: any[] = [];
+
+  @Input() categoryIdKey: any;
+  @Input() selectedCategories: any[] = [];
+
+  search = '';
+  activeTab: 'strategic' | 'operational' | 'compliance' | 'others' =
+    'strategic';
+  selectedIds: any[] = [];
+  animation = false;
+  blockWidth: any;
+  footerDetails: DashboardFooterConfig = {
+    selectedData: [],
+    nonRemovableList: [],
+    displayElementKey: 'category_name',
+    elementId: 'category_id',
+    singularText: 'Risk Category selected',
+    pluralText: 'Risk Categories selected',
+    showFrequency: false,
+    frequencyText: '',
+    isDisabled: false,
+  };
+
+  @Output() saveSelectedCategory = new EventEmitter();
+  @Output() closeList = new EventEmitter();
+  @Output() closeCategoriesList = new EventEmitter();
+
+  constructor() {}
+
+  ngOnInit(): void {
+    this.animation = true;
+    setTimeout(() => {
+      this.animation = false;
+    }, 300);
+    this.selectedIds = [];
+    if (this.selectedCategories) {
+      this.selectedCategories.forEach((element) => {
+        this.selectedIds.push(element[this.categoryIdKey]);
+      });
+    }
+    this.setList();
+  }
+
+  selectCategory(mode: any, activeTab: any, category: any) {
+    if (mode) {
+      this.selectedIds.push(category[this.categoryIdKey]);
+    } else {
+      const index = this.selectedIds.findIndex(
+        (element: any) => element == category[this.categoryIdKey]
+      );
+      this.selectedIds.splice(index, 1);
+    }
+    this.setList();
+  }
+
+  deleteEvent(event: any) {
+    const index = this.selectedIds.findIndex(
+      (element: any) => element == event[this.categoryIdKey]
+    );
+    this.selectedIds.splice(index, 1);
+    this.setList();
+  }
+
+  selectAll(mode: any, activeTab: string) {
+    if (mode) {
+      if (
+        activeTab === 'strategic' ||
+        activeTab === 'operational' ||
+        activeTab === 'compliance' ||
+        activeTab === 'others'
+      ) {
+        const list = this.categoryList[activeTab].list;
+        list.forEach((element) => {
+          if (!this.selectedIds.includes(element[this.categoryIdKey])) {
+            this.selectedIds.push(element[this.categoryIdKey]);
+          }
+        });
+      }
+    } else {
+      if (
+        activeTab === 'strategic' ||
+        activeTab === 'operational' ||
+        activeTab === 'compliance' ||
+        activeTab === 'others'
+      ) {
+        const list = [...this.categoryList[activeTab].list];
+        list.forEach((element) => {
+          if (this.selectedIds.includes(element[this.categoryIdKey])) {
+            let idIndex = this.selectedIds.findIndex(
+              (id: any) => id == element[this.categoryIdKey]
+            );
+            this.selectedIds.splice(idIndex, 1);
+          }
+        });
+      }
+    }
+    this.setList();
+  }
+
+  setList() {
+    const data: any = [];
+    const categoryList = [...new Set(this.allCategories)];
+    // cloneDeep(this.allCategories)
+    const selectedIds = [...new Set(this.selectedIds)];
+    //  cloneDeep(this.selectedIds);
+    this.categoryList.strategic.selectedList = [];
+    this.categoryList.operational.selectedList = [];
+    this.categoryList.compliance.selectedList = [];
+    this.categoryList.others.selectedList = [];
+
+    categoryList.forEach((element: any) => {
+      if (selectedIds.includes(element[this.categoryIdKey])) {
+        data.push(element);
+      }
+    });
+    this.selectedCategories = data;
+    this.footerDetails.selectedData = data;
+
+    this.categoryList.strategic.list.forEach((category: any) => {
+      if (selectedIds.includes(category[this.categoryIdKey])) {
+        this.categoryList.strategic.selectedList.push(category);
+      }
+    });
+    this.categoryList.operational.list.forEach((category: any) => {
+      if (selectedIds.includes(category[this.categoryIdKey])) {
+        this.categoryList.operational.selectedList.push(category);
+      }
+    });
+    this.categoryList.compliance.list.forEach((category: any) => {
+      if (selectedIds.includes(category[this.categoryIdKey])) {
+        this.categoryList.compliance.selectedList.push(category);
+      }
+    });
+    this.categoryList.others.list.forEach((category: any) => {
+      if (selectedIds.includes(category[this.categoryIdKey])) {
+        this.categoryList.others.selectedList.push(category);
+      }
+    });
+    if (!this.activeTab) {
+      this.setActiveTab();
+    }
+  }
+  setActiveTab() {
+    if (this.categoryList.strategic.selectedList.length > 0) {
+      this.activeTab = 'strategic';
+    } else if (this.categoryList.operational.selectedList.length > 0) {
+      this.activeTab = 'operational';
+    } else if (this.categoryList.compliance.selectedList.length > 0) {
+      this.activeTab = 'compliance';
+    } else if (this.categoryList.others.selectedList.length > 0) {
+      this.activeTab = 'others';
+    } else {
+      this.activeTab = 'strategic';
+    }
+  }
+
+  checkSelectAll(activeTab: string) {
+    if (
+      activeTab === 'strategic' ||
+      activeTab === 'operational' ||
+      activeTab === 'compliance' ||
+      activeTab === 'others'
+    ) {
+      const data = this.categoryList[activeTab].list.every((user: any) =>
+        this.selectedIds.includes(user[this.categoryIdKey])
+      );
+      return data;
+    }
+  }
+
+  save() {
+    this.saveSelectedCategory.emit(this.selectedCategories);
+  }
+
+  close() {
+    this.closeCategoriesList.emit();
+  }
+}

package/src/lib/create-dashboard-container/services/auth.service.ts

@@ -0,0 +1,27 @@
+import { Injectable, Optional } from '@angular/core';
+import { JwtHelperService } from '@auth0/angular-jwt';
+import { HttpClient, HttpErrorResponse, HttpHeaders } from '@angular/common/http';
+import { of, BehaviorSubject, Observable, Subject } from 'rxjs';
+import { map, shareReplay, catchError, delay} from 'rxjs/operators';
+import { Configurations } from '../../configurations';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class AuthService {
+  public env !: any;
+
+  constructor(private http: HttpClient, @Optional() config?: Configurations) { 
+    if (config) {
+      this.env = config.envConfig;
+    }
+  }
+  getAuthorizationToken() {
+    if (localStorage.getItem('currentUser')) {
+      const currentUser = JSON.parse(localStorage.getItem('currentUser') || '{}');
+      return currentUser.token;
+    }
+  }
+
+  
+}

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

@@ -0,0 +1,19 @@
+import { HttpClientModule } from '@angular/common/http';
+import { TestBed } from '@angular/core/testing';
+
+import { ConfigureWidgetsService } from './configure-widgets.service';
+
+describe('ConfigureWidgetsService', () => {
+  let service: ConfigureWidgetsService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      imports:[HttpClientModule]
+    });
+    service = TestBed.inject(ConfigureWidgetsService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

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

@@ -0,0 +1,235 @@
+import { Injectable, Optional } from '@angular/core';
+import { widgetDataModel } from '../interfaces/widget-data-model';
+import { HttpClient } from '@angular/common/http';
+import { catchError, map, retry } from 'rxjs/operators';
+import { JwtHelperService } from '@auth0/angular-jwt';
+import { of } from 'rxjs';
+import { Configurations } from '../../configurations';
+import { ASSETS } from '../constants/assets.constant';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class ConfigureWidgetsService {
+  public env!: any;
+
+  constructor(
+    private http: HttpClient,
+    @Optional() config?: Configurations
+  ) {
+    if (config) {
+      this.env = config.envConfig;
+    }
+  }
+
+  // complianceWidgetsData = [
+  //   {
+  //     title: 'Overview',
+  //     id: 'overview_flag',
+  //     description:
+  //       'Displays all responsibilities that have been assigned to you.',
+  //     widgetImage: ASSETS.overviewWidget,
+  //     value: 0,
+  //   },
+  //   {
+  //     title: 'Responsibility Calendar',
+  //     id: 'compliance_calendar_flag',
+  //     description:
+  //       'Displays all responsibilities that are due on a particular day.',
+  //     widgetImage: ASSETS.responsibilityCalenderWidget,
+  //     value: 0,
+  //   },
+  //   {
+  //     title: 'Responsibility Center Overview',
+  //     id: 'responsibility_center_overview_flag',
+  //     description:
+  //       'Displays all responsibilities that have been assigned to you.',
+  //     widgetImage: ASSETS.overviewWidget,
+  //     value: 0,
+  //   },
+  //   {
+  //     title: 'My Responsibilities',
+  //     id: 'my_responsibilities',
+  //     description:
+  //       'Displays all responsibilities that have been assigned to you.',
+  //     widgetImage: ASSETS.myResponsibilitiesWidget,
+  //     tabOption: true,
+  //     value: 0,
+  //   },
+  //   {
+  //     title: 'Key Responsibilities',
+  //     id: 'key_responsibilities',
+  //     description:
+  //       'Displays all responsibilities that are due on a particular day.',
+  //     widgetImage: ASSETS.keyResponsibilitiesWidget,
+  //     tabOption: true,
+  //     value: 0,
+  //   },
+  //   {
+  //     title: 'Trend Analysis',
+  //     id: 'trend_analysis_flag',
+  //     description:
+  //       'Displays all responsibilities that have been assigned to you.',
+  //     widgetImage: ASSETS.trendAnalysisWidget,
+  //     value: 0,
+  //   },
+  //   {
+  //     title: 'Workroom Updates',
+  //     id: 'workroom_alert_flag',
+  //     description:
+  //       'Displays all responsibilities that have been assigned to you.',
+  //     widgetImage: ASSETS.workroomUpdatesWidget,
+  //     value: 0,
+  //   },
+  //   {
+  //     title: 'Recent Activities',
+  //     id: 'recent_activity_flag',
+  //     description:
+  //       'Displays all responsibilities that have been assigned to you.',
+  //     widgetImage: ASSETS.recentActivitiesWidget,
+  //     value: 0,
+  //   },
+  //   {
+  //     title: 'Exception Summary',
+  //     id: 'exception_summary_flag',
+  //     description:
+  //       'Displays all responsibilities that have been assigned to you.',
+  //     widgetImage: ASSETS.exceptionSummaryWidget,
+  //     value: 0,
+  //   },
+  // ];
+
+  riskWidgetsData = [
+    {
+      title: 'Risk Overview',
+      id: 'risk_overview',
+      description: 'description',
+      // widgetImage: 'https://cdn.v-comply.com/libraries/configure-widget/assets/images/risk-overview.png',
+      widgetImage: ASSETS.riskOverviewWidget,
+      value: 0,
+    },
+    {
+      title: 'Risk Appetite & Tolerance',
+      id: 'risk_appetite_tolerance',
+      description: 'description',
+      // widgetImage: 'https://cdn.v-comply.com/libraries/configure-widget/assets/images/appetite-tolerance.png',
+      widgetImage: ASSETS.appetiteToleranceWidget,
+      value: 0,
+    },
+    {
+      title: 'Risk Ratings',
+      id: 'risk_ratings',
+      description: 'Description.',
+      widgetImage: ASSETS.appetite_tolerance,
+      value: 0,
+    },
+    {
+      title: 'Risks Without Controls',
+      id: 'risks_without_controls',
+      description: 'Description',
+      widgetImage: ASSETS.appetite_tolerance,
+      value: 0,
+    },
+    {
+      title: 'Risks Exceeding Risk Tolerance',
+      id: 'exceeds_risk_tolerance',
+      description: 'description',
+      widgetImage: ASSETS.appetite_tolerance,
+      value: 0,
+    },
+    {
+      title: 'Inherent Risk Rating by Responsibility Centers ',
+      id: 'inherent_risk_rating_by_responsibility_centers',
+      description: 'Description.',
+      // widgetImage: 'https://cdn.v-comply.com/libraries/configure-widget/assets/images/inherent-RC.png',
+      widgetImage: ASSETS.inherentRCWidget,
+      value: 0,
+    },
+    {
+      title: 'Residual Risk Rating by Responsibility Centers ',
+      id: 'residual_risk_rating_by_responsibility_centers',
+      description: 'Description.',
+      // widgetImage: 'https://cdn.v-comply.com/libraries/configure-widget/assets/images/residual-RC.png',
+      widgetImage: ASSETS.residualRCWidget,
+      value: 0,
+    },
+    {
+      title: 'Risk Category Overview',
+      id: 'risk_category_overview',
+      description: 'description',
+      // widgetImage: 'https://cdn.v-comply.com/libraries/configure-widget/assets/images/risk-category-overview.png',
+      widgetImage: ASSETS.riskCategoryOverviewWidget,
+      value: 0,
+    },
+    {
+      title: 'Risk Heatmap',
+      id: 'risk_heatmap',
+      description: 'Description.',
+      widgetImage: ASSETS.riskHeatmapWidget,
+      value: 0,
+    },
+    {
+      title: 'Inherent Risk Rating by Categories',
+      id: 'inherent_risk_rating_by_categories',
+      description: 'Description.',
+      // widgetImage: 'https://cdn.v-comply.com/libraries/configure-widget/assets/images/inherent-categories.png',
+      widgetImage: ASSETS.inherentCategoriesWidget,
+      value: 0,
+    },
+
+    {
+      title: 'Residual Risk Rating by Categories',
+      id: 'residual_risk_rating_by_categories',
+      description: 'description',
+      // widgetImage: 'https://cdn.v-comply.com/libraries/configure-widget/assets/images/residual-categories.png',
+      widgetImage: ASSETS.residualCategoriesWidget,
+      value: 0,
+    },
+    {
+      title: 'Inherent Risk Rating Trend by Responsibility Centers',
+      id: 'inherent_risk_rating_trend_by_responsibility_centers',
+      description: 'Description.',
+      widgetImage: ASSETS.inherent_trend,
+      value: 0,
+    },
+    {
+      title: 'Residual Risk Rating Trend by Responsibility Centers',
+      id: 'residual_risk_rating_trend_by_responsibility_centers',
+      description: 'Description.',
+      widgetImage: ASSETS.residual_trend,
+      value: 0,
+    },
+    {
+      title: 'Risk Rating Trend by Categories',
+      id: 'risk_rating_trend_by_categories',
+      description: 'Description.',
+      widgetImage: ASSETS.risk_trend,
+      value: 0,
+    },
+    {
+      title: 'Top 5 Risk Ratings',
+      id: 'top_5_residual_risk_ratings',
+      description: 'Description.',
+      // widgetImage: 'https://cdn.v-comply.com/libraries/configure-widget/assets/images/5-risk-ratings.png',
+      widgetImage: ASSETS.tenRiskRatingsWidget,
+      value: 0,
+    },
+  ];
+  auditWidgetsData = [];
+  policyWidgetsData = [];
+
+  // For dashboard view
+  dashBoardWidgetUpdate(widGetJson: any) {
+    return this.http
+      .put(this.env.OrganizationPut + 'dashboardWidgets', widGetJson)
+      .pipe(retry(2));
+  }
+
+  moduleType(identifier: string) {
+    if (JSON.stringify(this.riskWidgetsData).includes(identifier)) {
+      return 'RISK';
+    // } else if (JSON.stringify(this.complianceWidgetsData).includes(identifier)) {
+    //   return 'COMPLIANCE';
+    }
+  }
+}

package/src/lib/create-dashboard-container/services/create-dashboard.service.spec.ts

@@ -0,0 +1,19 @@
+import { HttpClientModule } from '@angular/common/http';
+import { TestBed } from '@angular/core/testing';
+
+import { CreateDashboardService } from './create-dashboard.service';
+
+describe('CreateDashboardService', () => {
+  let service: CreateDashboardService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      imports: [HttpClientModule]
+    });
+    service = TestBed.inject(CreateDashboardService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});