vcomply-workflow-engine 2.0.4 → 2.0.167

package/projects/vx-workflow-engine/src/lib/log-an-issue/log-an-issue.component.ts

@@ -0,0 +1,1205 @@
+import { AuthService } from '../workflow-services/auth.service';
+import { LogIssueService } from '../workflow-services/log-issue.service';
+import {
+  Component,
+  EventEmitter,
+  Input,
+  OnInit,
+  Output,
+  ViewChild,
+  OnChanges,
+  AfterViewInit,
+  ChangeDetectorRef,
+} from '@angular/core';
+import { EditorConfig } from 'vcomply-editor';
+import { DatePickerComponent } from 'ng2-date-picker';
+import { cloneDeep } from 'lodash';
+import { UiKitService } from '../workflow-services/ui-kit.service';
+import { SnackBarService } from '../ui-kit/snack-bar/snack-bar.service';
+import moment from 'moment/moment';
+import { IssueConfiguration } from '../interfaces/issue-data';
+@Component({
+  selector: 'app-log-an-issue',
+  templateUrl: './log-an-issue.component.html',
+  styleUrls: ['./log-an-issue.component.less', '../forms.less'],
+})
+export class LogAnIssueComponent implements OnInit, OnChanges, AfterViewInit {
+  @Input() openedFrom!: any;
+  @Input() issueId!: any;
+  @Input() reponsibilityData = {
+    // only used by log an issue
+    responsibilityId: null,
+    responsibilityName: '',
+    rcId: null,
+    responsibilityObjectId: '',
+  };
+  @Input() issueDetails = {
+    auditPlanId: null,
+    auditPlanName: '',
+    rcId: null,
+    auditObjId: null,
+  };
+  @Input() mode = 'CREATE';
+  @Input() config!: IssueConfiguration;
+  @Input() responsibilitiesData: any;
+  @Output() pickerChanged = new EventEmitter();
+  @Output() populateOption = new EventEmitter();
+  @Output() closeWorkflow = new EventEmitter();
+  @Output() modeChange = new EventEmitter();
+  @Output() disconnectRefresh = new EventEmitter();
+  currentUser!: any;
+  @ViewChild('datePicker') datePicker!: DatePickerComponent;
+  scrollToBottom = false;
+  datePickerOverlay = false;
+  showDateError = false;
+  selectedDate: any;
+  showSmiley = false;
+  loader = false;
+  smileyMessage = `The issue has been reported.`;
+  issueData!: any;
+  isRiskControlLoading = false;
+  actionButtons = [
+    { buttonText: 'Report More Issues', class: 'white-btn', id: 'addMore' },
+    { buttonText: 'View Issue', class: 'blue-btn', id: 'viewIssue' },
+  ];
+  createdData!: any;
+  description: EditorConfig = {
+    // mode: 'prime',
+    colorPalette: true,
+    link: true,
+    placeholder: 'Description',
+  };
+
+  dateConfig = {
+    disableKeypress: true,
+    format: 'DD MMM YYYY',
+    unSelectOnClick: true,
+    openOnClick: false,
+    openOnFocus: false,
+    min: new Date().getDate().toString(),
+  };
+  listData: any = {
+    issueTypeList: [],
+    userList: [],
+    categoryList: [],
+    rcList: [],
+    linkageList: [],
+  };
+
+  get message() {
+    return this.mode === 'EDIT'
+      ? ' The Issue has been updated.'
+      : this.smileyMessage;
+  }
+
+  logIssueForm: any = {
+    issueName: '',
+    evidenceRequired: 0,
+    issueDescription: '',
+    issueDescriptionAttachements: [],
+    issueCategory: [],
+    issueCustomTag: [],
+    issueRC: [],
+    issueType: 'issue',
+    isAssignToMyself: false,
+    entrustTo: [],
+    issueDueDate: '',
+    issueDueTime: '11:59 pm',
+    exceptionType: 1,
+    issueRiskRating: 1,
+    issuePriority: 1,
+    issueRecommendation: '',
+    recommendedActionsAttachments: [],
+    issueAssociatedRisk: '',
+    associatedRisksAttachments: [],
+    issueCCUsers: [],
+    failureCCUsers: [],
+    linkedControlRisk: [],
+    linkageType: 'RISK',
+  };
+  AttachmentTrack: any = [[], [], []];
+  additionalOptionStatus: any = {
+    EXCEPTION_TYPE: false,
+    EVIDENCE: false,
+    PRIORITY: false,
+    ISSUE_TYPE: false,
+    ASSOCIATED_RISKS: false,
+    OVERSIGHT: false,
+  };
+  riskClassification = [
+    { name: 'LOW', value: 1, class: 'low' },
+    { name: 'LOW-Medium', value: 2, class: 'low-med' },
+    { name: 'Medium-High', value: 3, class: 'med-high' },
+    { name: 'High', value: 4, class: 'high' },
+  ];
+  riskPrority = [
+    { name: 'LOW', value: 1, class: 'low' },
+    { name: 'MEDIUM', value: 2, class: 'low-med' },
+    { name: 'HIGH', value: 3, class: 'high' },
+  ];
+
+  sideSelectorElements: any = [
+    'ISSUE_CATEGORY',
+    'ISSUE_RC',
+    'ISSUE_WHO',
+    'ISSUE_TYPE',
+    'ISSUE_CC',
+    'ISSUE_FCC',
+    'ISSUE_CONTROL_RISK',
+  ];
+  selectorConfig = {
+    ISSUE_CATGORY: {
+      panelTitle: 'Select Issue Category',
+      floatingTextSingular: 'Category selected',
+      searchPlaceholder: 'Search Issue Category',
+      searchEnabled: true,
+      noDataText: 'No Categories Found',
+    },
+    ISSUE_RC: {
+      panelTitle: 'Select Responsibility Center',
+      floatingTextSingular: 'Responsibilty center selected',
+      searchPlaceholder: 'Search Responsibility Center',
+      searchEnabled: true,
+      noDataText: 'No Responsibility Centers Found',
+    },
+    ISSUE_WHO: {
+      panelTitle: 'Select User',
+      floatingTextSingular: 'User selected',
+      searchPlaceholder: 'Search User',
+      searchEnabled: true,
+      noDataText: 'No Users Found',
+    },
+    ISSUE_TYPE: {
+      panelTitle: 'Select Issue Type',
+      floatingTextSingular: 'Issue Type selected',
+      searchPlaceholder: 'Search Issue Type',
+      searchEnabled: true,
+      noDataText: 'No Issue Types Found',
+    },
+    ISSUE_CC: {
+      panelTitle: 'Select user(s)',
+      floatingTextSingular: 'User selected',
+      searchPlaceholder: 'Search User',
+      searchEnabled: true,
+      selectAllEnabled: true,
+      noDataText: 'No Users Found',
+    },
+    ISSUE_FCC: {
+      panelTitle: 'Select user(s)',
+      floatingTextSingular: 'User selected',
+      searchPlaceholder: 'Search User',
+      searchEnabled: true,
+      selectAllEnabled: true,
+      noDataText: 'No Users Found',
+    },
+  };
+
+  fieldsWithError: any = [];
+  // hiddenList: any[] = [];
+
+  activeField = '';
+  activeSelector = '';
+  listLoadingStatus: any = [];
+  currentTime = '';
+  /**
+   * isRCPreSelected,isRCVisible are variable used to set the visibility of rc field and edit button in certain conditions
+   */
+  isRCPreSelected = false;
+  isRCVisible = true;
+  isRCMandatory = false;
+  dataForEdit!: any;
+  isRiskControlVisible = false;
+  constructor(
+    private logService: LogIssueService,
+    private authService: AuthService,
+    private uiKitService: UiKitService,
+    private snackBar: SnackBarService,
+    private changeDeterctorRef: ChangeDetectorRef
+  ) {}
+  ngOnInit(): void {
+    this.currentTime = this.getCurrentTime();
+    this.pickerChanged.emit(false);
+    this.setUserDetails();
+    this.fetchIssueTypes();
+    this.fetchUserList();
+    this.fetchCategoryList();
+    this.fetchRCList();
+    // this.authService.getOrganizationDetails().subscribe((res: any) => {
+    //   if (!res.enable_riskclass) {
+    //     this.hiddenList.push('RISK_CLASSIFICATION');
+    //   }
+    // });
+    // commented the above API since Risk Classification should be displayed by default in log an issue form
+  }
+  ngAfterViewInit() {
+    this.changeDeterctorRef.detectChanges();
+    this.fetchControlRisks();
+    this.decideRCmandatory();
+  }
+
+  ngOnChanges() {
+    this.currentTime = this.getCurrentTime();
+  }
+
+  decideRCmandatory() {
+    this.isRCMandatory = false;
+  }
+
+  setCurrentTime() {
+    this.currentTime = this.getCurrentTime();
+  }
+  getCurrentTime() {
+    let today = new Date();
+    if (
+      today.getDate() === new Date(this.logIssueForm.issueDueDate).getDate()
+    ) {
+      if (
+        today.getHours() < 12 &&
+        today.getMinutes() < 59 &&
+        today.getSeconds() < 59
+      ) {
+        return `${
+          today.getHours() < 10 ? '0' + today.getHours() : today.getHours()
+        }:${
+          today.getMinutes() < 10
+            ? '0' + today.getMinutes()
+            : today.getMinutes()
+        } am`;
+      } else {
+        return `${
+          today.getHours() - 12 < 10
+            ? '0' + (today.getHours() - 12)
+            : today.getHours() - 12
+        }:${
+          today.getMinutes() < 10
+            ? '0' + today.getMinutes()
+            : today.getMinutes()
+        } pm`;
+      }
+    } else {
+      return '00:00 am';
+    }
+  }
+  setUserDetails() {
+    this.currentUser = this.authService.getUserDetails().user;
+  }
+  fetchIssueTypes() {
+    this.listLoadingStatus[0] = false;
+    this.checkAllListLoaded();
+    this.logService.getIssueTypes().subscribe(
+      (res: any) => {
+        this.listLoadingStatus[0] = true;
+        this.listData.issueTypeList = res;
+        this.checkAllListLoaded();
+      },
+      (error: any) => {
+        this.listLoadingStatus[0] = true;
+        this.checkAllListLoaded();
+      }
+    );
+  }
+  fetchUserList() {
+    this.listLoadingStatus[1] = false;
+    this.logService.getOrgPeople().subscribe(
+      (res: any) => {
+        this.listLoadingStatus[1] = true;
+        this.listData.userList = res;
+        this.checkAllListLoaded();
+      },
+      (error: any) => {
+        this.listLoadingStatus[1] = true;
+        this.checkAllListLoaded();
+      }
+    );
+  }
+
+  fetchCategoryList() {
+    this.listLoadingStatus[2] = false;
+    this.logService.getIssueCategories().subscribe(
+      (res: any) => {
+        this.listLoadingStatus[2] = true;
+        this.listData.categoryList = res?.data;
+        this.listData.categoryList = this.listData.categoryList.filter(
+          (e: any) => e?.category_name !== 'Uncategorized'
+        );
+        this.checkAllListLoaded();
+      },
+      (error: any) => {
+        this.listLoadingStatus[2] = true;
+        this.checkAllListLoaded();
+      }
+    );
+  }
+
+  fetchRCList() {
+    this.listLoadingStatus[3] = false;
+    this.logService.getResponsibilityCenterList().subscribe(
+      (res: any) => {
+        this.listLoadingStatus[3] = true;
+        this.listData.rcList = res;
+        this.checkAllListLoaded();
+        this.setSelectedRC();
+      },
+      (error: any) => {
+        this.listLoadingStatus[3] = true;
+        this.checkAllListLoaded();
+      }
+    );
+  }
+
+  setSelectedRC() {
+    if (
+      this.reponsibilityData?.rcId &&
+      this.openedFrom === 'COMPLIANCE_WORKROOM'
+    ) {
+      this.logIssueForm.issueRC = this.reponsibilityData.rcId
+        ? this.listData.rcList.filter(
+            (e: any) => e.rc_id === this.reponsibilityData.rcId
+          )
+        : [];
+      console.log(
+        'this.logIssueForm.issueRC  ==>',
+        this.logIssueForm.issueRC,
+        this.listData.rcList,
+        this.reponsibilityData.rcId,
+        this.listData.rcList.filter(
+          (e: any) => e.rc_id === this.reponsibilityData.rcId
+        )
+      );
+    } else if (
+      this.issueDetails?.rcId &&
+      [
+        'AUDIT_WORKROOM',
+        'VIEW_AUDIT_EXECUTION_SUMMARY',
+        'EXECUTE_AUDIT_PLAN',
+      ].includes(this.openedFrom)
+    ) {
+      this.logIssueForm.issueRC = this.issueDetails?.rcId
+        ? this.listData.rcList.filter(
+            (e: any) => e.rc_id === this.issueDetails?.rcId
+          )
+        : [];
+    }
+
+    if (this.logIssueForm?.issueRC?.length) {
+      this.isRCPreSelected = true;
+    } else {
+      this.isRCPreSelected = false;
+    }
+    console.log(
+      'this.reponsibilityDatathis.reponsibilityDatathis.reponsibilityData ===>',
+      this.reponsibilityData
+    );
+    if (
+      !(this.reponsibilityData?.rcId || this.issueDetails?.rcId) &&
+      [
+        'COMPLIANCE_WORKROOM',
+        'AUDIT_WORKROOM',
+        'VIEW_AUDIT_EXECUTION_SUMMARY',
+        'EXECUTE_AUDIT_PLAN',
+      ].includes(this.openedFrom)
+    ) {
+      this.isRCVisible = false;
+    } else {
+      this.isRCVisible = true;
+    }
+  }
+
+  fetchControlRisks() {
+    if (
+      ['VIEW_AUDIT_EXECUTION_SUMMARY', 'EXECUTE_AUDIT_PLAN'].includes(
+        this.openedFrom
+      )
+    ) {
+      this.getLinkage(
+        this.issueDetails?.auditObjId,
+        this.logIssueForm.linkageType
+      );
+    }
+  }
+
+  getLinkage(auditId: any, type: string) {
+    this.isRiskControlLoading = true;
+    this.logService.getControlRisk(auditId, type)?.subscribe(
+      (data: any) => {
+        this.listData.linkageList = [...this.listData.linkageList, ...data];
+        this.listData.linkageList = this.listData.linkageList.filter(
+          (thing: any, index: any, self: any) =>
+            index ===
+            self.findIndex(
+              (t: any) =>
+                t.itemId === thing.itemId && t.itemType === thing.itemType
+            )
+        );
+        this.isRiskControlLoading = false;
+        console.log('linkage', this.listData);
+      },
+      (error: any) => {
+        this.isRiskControlLoading = false;
+      }
+    );
+  }
+  /**
+   * This functioj check weather all the required lists are loaded
+   * If loaded hides the loader otherwise shows the loader.
+   */
+  checkAllListLoaded() {
+    if (this.listLoadingStatus.includes(false)) {
+      this.loader = true;
+      this.uiKitService.isLoader = true;
+    } else {
+      this.loader = false;
+      this.uiKitService.isLoader = false;
+      if (this.mode === 'EDIT') {
+        this.fetchIssueDetails();
+      }
+    }
+  }
+  /**
+   * Removes error from the fiels with error to remove the error messag from the UI
+   * @param errorKey error Identifier used to show error in specific fields.
+   */
+  removeError(errorKey: string) {
+    const index = this.fieldsWithError.indexOf(errorKey);
+    if (index > -1) {
+      this.fieldsWithError.splice(index, 1);
+    }
+  }
+  openDatePicker() {
+    this.datePicker.api.open();
+    this.datePickerOverlay = true;
+    this.setActiveFieldSelector('ISSUE_DATE_TIME', 'ISSUE_DATE_TIME');
+  }
+  closeDatePicker(evt: any) {
+    if (!evt) {
+      return;
+    }
+    if (evt?.date?._d) {
+      let monthArray = [
+        'Jan',
+        'Feb',
+        'Mar',
+        'Apr',
+        'Jun',
+        'Jul',
+        'Aug',
+        'Sep',
+        'Oct',
+        'Nov',
+        'Dec',
+      ];
+      const dateValue = new Date(evt?.date?._d).getDate();
+      const monthValue = monthArray[new Date(evt?.date?._d).getMonth()];
+      const yearValue = new Date(evt?.date?._d).getFullYear();
+      const dateStr = `${dateValue} ${monthValue} ${yearValue}`;
+      if (evt?.date?._d !== this.logIssueForm.issueDueDate?._d) {
+        this.logIssueForm.issueDueTime = '11:59 PM';
+        this.setCurrentTime();
+      }
+    }
+    if (evt?.date?._d) {
+      this.logIssueForm.issueDueDate = evt?.date?._d;
+    }
+    this.datePicker.api.close();
+    this.datePickerOverlay = false;
+    this.setActiveFieldSelector('', '');
+  }
+
+  setActiveFieldSelector(activeField: string, activeSelector?: string) {
+    this.activeField = activeField;
+    activeSelector
+      ? (this.activeSelector = activeSelector)
+      : (this.activeSelector = '');
+    const sliderType = [
+      'ISSUE_RC',
+      'ISSUE_CATEGORY',
+      'ISSUE_TYPE',
+      'ISSUE_CC',
+      'ISSUE_FCC',
+      'ISSUE_WHO',
+      'ISSUE_CONTROL_RISK',
+    ];
+    if (sliderType.includes(activeField)) {
+      this.pickerChanged.emit(true);
+    }
+  }
+
+  fieldDeselector(type: any) {
+    this.activeSelector = '';
+    this.activeField = '';
+    this.pickerChanged.emit(false);
+  }
+
+  selectorAction(evt: any, type: any) {
+    console.log(evt, type);
+    switch (type) {
+      case 'ISSUE_CATEGORY': {
+        console.log(evt);
+        this.logIssueForm.issueCategory = this.idToArray(
+          evt,
+          this.listData.categoryList,
+          'category_id'
+        );
+        console.log(this.logIssueForm.issueCategory);
+        this.fieldDeselector(type);
+        if (evt?.length > 0) {
+          this.removeError('issueCategory');
+        }
+        if (this.logIssueForm?.issueCategory[0]?.custom_tags?.length) {
+          const tag: any = [];
+          this.logIssueForm?.issueCategory[0]?.custom_tags.forEach(
+            (element: any) => {
+              tag.push({ name: element, value: '' });
+            }
+          );
+          this.logIssueForm.issueCustomTag = tag;
+        } else {
+          this.logIssueForm.issueCustomTag = [];
+        }
+        break;
+      }
+      //["issueName", "issueCategory", "issueRC", "entrustTo", "issueDueDate", "issueRecommendation"]
+      case 'ISSUE_RC': {
+        console.log(evt, type);
+        this.logIssueForm.issueRC = this.idToArray(
+          evt,
+          this.listData.rcList,
+          'rc_id'
+        );
+        this.fieldDeselector(type);
+        if (evt?.length > 0) {
+          this.removeError('issueRC');
+        }
+        break;
+      }
+      case 'ISSUE_WHO': {
+        this.logIssueForm.entrustTo = this.idToArray(
+          evt,
+          this.listData.userList,
+          'employee_id'
+        );
+        if (
+          this.logIssueForm.entrustTo[0]?.my_member_id === this.currentUser.id
+        ) {
+          this.logIssueForm.isAssignToMyself = true;
+        } else {
+          this.logIssueForm.isAssignToMyself = false;
+        }
+        this.fieldDeselector(type);
+        if (evt?.length > 0) {
+          this.removeError('entrustTo');
+        }
+        break;
+      }
+      case 'ISSUE_TYPE': {
+        this.logIssueForm.issueType = this.idToArray(
+          evt,
+          this.listData.issueTypeList,
+          'issue_id'
+        );
+        this.fieldDeselector(type);
+        break;
+      }
+      case 'ISSUE_CC': {
+        this.logIssueForm.issueCCUsers = this.idToArray(
+          evt,
+          this.listData.userList,
+          'employee_email'
+        );
+        this.fieldDeselector(type);
+        break;
+      }
+      case 'ISSUE_FCC': {
+        this.logIssueForm.failureCCUsers = this.idToArray(
+          evt,
+          this.listData.userList,
+          'employee_email'
+        );
+        this.fieldDeselector(type);
+        break;
+      }
+
+      case 'ISSUE_CONTROL_RISK':
+        this.logIssueForm.linkedControlRisk = this.idToArray(
+          evt,
+          this.listData.linkageList,
+          'itemId'
+        );
+        this.logIssueForm.linkageType =
+          this.logIssueForm?.linkedControlRisk[0]?.itemType;
+        this.fieldDeselector(type);
+        break;
+    }
+    this.pickerChanged.emit(false);
+  }
+
+  deleteItem(type: any, element: any) {
+    switch (type) {
+      case 'ISSUE_CATEGORY': {
+        const itemIndex = this.logIssueForm.issueCategory.findIndex(
+          (item: any) => item.category_id === element.category_id
+        );
+        if (itemIndex !== -1) {
+          this.logIssueForm.issueCategory.splice(itemIndex, 1);
+        }
+        break;
+      }
+      case 'ISSUE_RC': {
+        const itemIndex = this.logIssueForm.issueRC.findIndex(
+          (item: any) => item.rc_id === element.rc_id
+        );
+        if (itemIndex !== -1) {
+          this.logIssueForm.issueRC.splice(itemIndex, 1);
+        }
+        break;
+      }
+      case 'ISSUE_WHO': {
+        const itemIndex = this.logIssueForm.entrustTo.findIndex(
+          (item: any) => item.employee_id === element.employee_id
+        );
+        if (itemIndex !== -1) {
+          this.logIssueForm.entrustTo.splice(itemIndex, 1);
+        }
+        this.logIssueForm.isAssignToMyself = false;
+        break;
+      }
+      case 'ISSUE_TYPE': {
+        const itemIndex = this.logIssueForm.issueType.findIndex(
+          (item: any) => item.issue_id === element.issue_id
+        );
+        if (itemIndex !== -1) {
+          this.logIssueForm.issueType.splice(itemIndex, 1);
+        }
+        break;
+      }
+      case 'ISSUE_CC': {
+        const itemIndex = this.logIssueForm.issueCCUsers.findIndex(
+          (item: any) => item.employee_email === element.employee_email
+        );
+        if (itemIndex !== -1) {
+          this.logIssueForm.issueCCUsers.splice(itemIndex, 1);
+        }
+        break;
+      }
+      case 'ISSUE_FCC': {
+        const itemIndex = this.logIssueForm.failureCCUsers.findIndex(
+          (item: any) => item.employee_email === element.employee_email
+        );
+        if (itemIndex !== -1) {
+          this.logIssueForm.failureCCUsers.splice(itemIndex, 1);
+        }
+        break;
+      }
+      case 'ISSUE_CONTROL_RISK':
+        const itemIndex = this.logIssueForm.linkedControlRisk.findIndex(
+          (item: any) => item.itemId === element.itemId
+        );
+        if (itemIndex !== -1) {
+          this.logIssueForm.linkedControlRisk.splice(itemIndex, 1);
+        }
+        break;
+    }
+  }
+  assignMyself(event: any) {
+    this.removeError('entrustTo');
+    this.logIssueForm.entrustTo = [];
+    if (event) {
+      this.logIssueForm.entrustTo = this.listData.userList.filter(
+        (emplist: any) => emplist.my_member_id === this.currentUser.id
+      );
+    }
+  }
+  setException(type: any) {
+    this.logIssueForm.exceptionType = type;
+  }
+  setEvidence(type: any) {
+    this.logIssueForm.evidenceRequired = type;
+  }
+  setIssueType(type: any) {
+    this.logIssueForm.issueType = type;
+  }
+
+  addMoreInfo(event: any) {
+    this.additionalOptionStatus[event.code] = event.checked;
+    this.scrollToBottom = true;
+  }
+  idToArray(selectedItems: any, listItems: any, filterkey: any) {
+    const selected = selectedItems;
+    const list = listItems;
+    const key = filterkey;
+    const x = list.filter((el: any) => selected.includes(el[key]));
+    return x;
+  }
+  ///Code between 503 to 608 can be optimized to remove duplication
+  selectFile(type: string, files: any) {
+    switch (type) {
+      case 'ISSUE_DESCRIPTION': {
+        for (let i = 0; i <= files.length - 1; i++) {
+          const name = files[i].file.name ?? '';
+          this.AttachmentTrack[0].push(name);
+          this.uploadFile(files[i].file, type);
+        }
+        break;
+      }
+      case 'RECOMMENDED_ACTIONS': {
+        for (let i = 0; i <= files.length - 1; i++) {
+          const name = files[i].file.name ?? '';
+          this.AttachmentTrack[1].push(name);
+          this.uploadFile(files[i].file, type);
+        }
+        break;
+      }
+      case 'ASSOCIATED_RISKS': {
+        for (let i = 0; i <= files.length - 1; i++) {
+          const name = files[i].file.name ?? '';
+          this.AttachmentTrack[2].push(name);
+          this.uploadFile(files[i].file, type);
+        }
+        break;
+      }
+    }
+  }
+
+  uploadFile(file: any, type: string) {
+    let trackIndex = 0;
+    switch (type) {
+      case 'ISSUE_DESCRIPTION': {
+        trackIndex = 0;
+        break;
+      }
+      case 'RECOMMENDED_ACTIONS': {
+        trackIndex = 1;
+        break;
+      }
+      case 'ASSOCIATED_RISKS': {
+        trackIndex = 2;
+        break;
+      }
+    }
+
+    const formData = new FormData();
+    formData.append('file', file);
+    const destinationString = this.authService.getOrganizationId().toString();
+    this.logService.uploadFiles(formData, destinationString + '/').subscribe(
+      (res: any) => {
+        const index = this.AttachmentTrack[trackIndex].indexOf(file?.name);
+        if (index !== -1) {
+          this.AttachmentTrack[trackIndex].splice(index, 1);
+        }
+
+        switch (type) {
+          case 'ISSUE_DESCRIPTION': {
+            this.logIssueForm.issueDescriptionAttachements.push(res);
+            break;
+          }
+          case 'RECOMMENDED_ACTIONS': {
+            this.logIssueForm.recommendedActionsAttachments.push(res);
+            break;
+          }
+          case 'ASSOCIATED_RISKS': {
+            this.logIssueForm.associatedRisksAttachments.push(res);
+            break;
+          }
+        }
+      },
+      (error) => {
+        const index = this.AttachmentTrack[trackIndex].indexOf(file.name);
+        if (index !== -1) {
+          this.AttachmentTrack[trackIndex].splice(index, 1);
+        }
+      }
+    );
+  }
+
+  deleteFile(file: any, type: string) {
+    let fileIndex = -1;
+    switch (type) {
+      case 'ISSUE_DESCRIPTION': {
+        fileIndex =
+          this.logIssueForm.issueDescriptionAttachements?.findIndex(
+            (currentFiles: any) => currentFiles.org_file === file.org_file
+          ) ?? -1;
+        this.logIssueForm.issueDescriptionAttachements?.splice(fileIndex, 1);
+        break;
+      }
+      case 'RECOMMENDED_ACTIONS': {
+        fileIndex =
+          this.logIssueForm.recommendedActionsAttachments?.findIndex(
+            (currentFiles: any) => currentFiles.org_file === file.org_file
+          ) ?? -1;
+        this.logIssueForm.recommendedActionsAttachments?.splice(fileIndex, 1);
+        break;
+      }
+      case 'ASSOCIATED_RISKS': {
+        fileIndex =
+          this.logIssueForm.associatedRisksAttachments?.findIndex(
+            (currentFiles: any) => currentFiles.org_file === file.org_file
+          ) ?? -1;
+        this.logIssueForm.associatedRisksAttachments?.splice(fileIndex, 1);
+        break;
+      }
+    }
+  }
+
+  addIssue() {
+    const form = cloneDeep(this.logIssueForm);
+    if (form.isAssignToMyself) {
+      form.entrustTo = this.listData.userList.filter(
+        (emplist: any) => emplist.my_member_id === this.currentUser.id
+      );
+    }
+
+    this.fieldsWithError = [];
+    this.fieldsWithError = this.logService.validate(
+      form,
+      this.openedFrom,
+      this.isRCMandatory
+    );
+    if (this.fieldsWithError.length > 0) {
+      return;
+    }
+    const PAYLOAD = this.logService.payloadBuilder(
+      form,
+      this.additionalOptionStatus
+    );
+
+    if (this.mode === 'CREATE') {
+      PAYLOAD.linkage_object = {
+        source: this.openedFrom,
+        type: '',
+        type_id: 0,
+        source_id: 0,
+        source_object_id: '',
+      };
+      if (
+        this.openedFrom === 'COMPLIANCE_WORKROOM' &&
+        this.reponsibilityData?.responsibilityId
+      ) {
+        PAYLOAD.linkage_object = {
+          source_id: this.reponsibilityData?.responsibilityId,
+          type: '',
+          type_id: 0,
+          source: this.openedFrom,
+          source_object_id: this.reponsibilityData?.responsibilityObjectId,
+        };
+      }
+      if (
+        ['VIEW_AUDIT_EXECUTION_SUMMARY', 'EXECUTE_AUDIT_PLAN'].includes(
+          this.openedFrom
+        )
+      ) {
+        if (
+          this.logIssueForm?.linkageType &&
+          this.logIssueForm?.linkedControlRisk.length > 0
+        ) {
+          if (
+            ['RISK', 'RESPONSIBILITY'].includes(this.logIssueForm?.linkageType)
+          ) {
+            PAYLOAD.linkage_object.source_id =
+              this.logIssueForm?.linkedControlRisk[0]?.itemId;
+          }
+        }
+      }
+      if (
+        [
+          'AUDIT_WORKROOM',
+          'VIEW_AUDIT_EXECUTION_SUMMARY',
+          'EXECUTE_AUDIT_PLAN',
+        ].includes(this.openedFrom)
+      ) {
+        if (this.issueDetails.auditPlanId) {
+          PAYLOAD.linkage_object.source_id = this.issueDetails.auditPlanId;
+        }
+      }
+    }
+
+    if (this.mode === 'EDIT') {
+      PAYLOAD.IssueLinkage = this.dataForEdit?.linkage_object;
+    }
+    this.loader = true;
+    this.uiKitService.isLoader = true;
+    console.log('PAYLOAD ===>', PAYLOAD);
+    if (this.mode === 'EDIT') {
+      this.logService.updateIssue(PAYLOAD, this.issueId).subscribe(
+        (res: any) => {
+          // this.smileyMessage = `The issue has been updated.`;
+          this.issueData = res;
+          this.showSmiley = true;
+          this.uiKitService.isSmileyOn = true;
+          this.loader = false;
+          this.uiKitService.isLoader = false;
+        },
+        (error) => {
+          this.loader = false;
+          this.uiKitService.isLoader = false;
+          this.snackBar.show(
+            'OOPS! Something went wrong and the page could not be loaded. Could you please try one more time?',
+            'alert'
+          );
+        }
+      );
+    } else if (this.mode === 'CREATE' || this.mode === '' || !this.mode) {
+      this.logService.createIssue(PAYLOAD).subscribe(
+        (res: any) => {
+          this.issueData = res;
+          this.showSmiley = true;
+          this.uiKitService.isSmileyOn = true;
+          this.loader = false;
+          this.uiKitService.isLoader = false;
+        },
+        (error) => {
+          this.loader = false;
+          this.uiKitService.isLoader = false;
+          this.snackBar.show(
+            'OOPS! Something went wrong and the page could not be loaded. Could you please try one more time?',
+            'alert'
+          );
+        }
+      );
+    }
+  }
+  closeSmiley(evt?: any) {
+    this.resetIssueForm();
+    this.showSmiley = false;
+    this.uiKitService.isSmileyOn = false;
+    this.closeWorkFlow(this.issueData, false);
+  }
+  /**
+   * Closes workflow engine
+   * @param evt
+   * @param confirm
+   */
+  closeWorkFlow(evt: any, confirm: any) {
+    this.closeWorkflow.emit({ evt, confirm });
+  }
+  action(evt: any) {
+    if (evt === 'addMore') {
+      this.resetIssueForm();
+      this.showSmiley = false;
+      this.uiKitService.isSmileyOn = false;
+      // this.closeWorkFlow(this.issueData, false);
+    } else if (evt === 'viewIssue') {
+      this.viewIssue();
+    }
+  }
+
+  viewIssue(): void {
+    this.disconnectRefresh.emit(false);
+    let url: string;
+    if (window.location.host.startsWith('localhost')) {
+      url = 'http://' + window.location.host;
+    } else {
+      url = 'https://' + window.location.host;
+    }
+
+    if (window.location.host.startsWith('localhost')) {
+      url += '/issue/issue-workroom/' + this.issueData?._id;
+    } else {
+      url += '/audit/issue/issue-workroom/' + this.issueData?._id;
+    }
+    window.location.href = url;
+  }
+
+  /**
+   * Populate the tickmark of optional fields
+   */
+  populateOptionalFields() {
+    const activatedOptions = [];
+    for (const key of Object.keys(this.additionalOptionStatus)) {
+      if (this.additionalOptionStatus[key] === true) {
+        activatedOptions.push(key);
+      }
+    }
+    this.populateOption.emit(activatedOptions);
+  }
+  /**
+   * Fetchs issue details when in edit mode based on the input id passed
+   */
+  fetchIssueDetails() {
+    this.loader = true;
+    this.uiKitService.isLoader = true;
+    this.logService.getIssueDetails(this.issueId).subscribe((data: any) => {
+      console.log('issue Data', data);
+      this.populateForm(data);
+    });
+  }
+  /**
+   * Populates the issue form when in edit mode
+   * @param issueData issue data fetched from API
+   */
+  async populateForm(issueData: any) {
+    this.dataForEdit = issueData;
+    this.loader = false;
+    this.uiKitService.isLoader = false;
+    const issueDueDate = issueData.frequency_details?.frequency_date.split('-');
+    this.logIssueForm = {
+      issueName: issueData.title ?? '',
+      evidenceRequired: issueData?.evidence?.evidence_flag ?? 0,
+      issueDescription: issueData?.description?.length
+        ? issueData?.description[0]?.text
+        : '',
+      issueDescriptionAttachements: issueData?.description?.length
+        ? issueData?.description[0]?.attachments
+        : [],
+      issueCategory: issueData?.category_id
+        ? this.listData.categoryList.filter(
+            (e: any) => e.category_id === issueData?.category_id
+          )
+        : [],
+      issueCustomTag: issueData?.custom_tags ?? [],
+      issueRC: issueData?.rc_id
+        ? this.listData.rcList.filter((e: any) => e.rc_id === issueData?.rc_id)
+        : [],
+      recommendedActionsAttachments: issueData?.recommendation?.length
+        ? issueData?.recommendation[0]?.attachments
+        : [],
+      associatedRisksAttachments: [],
+      isAssignToMyself:
+        issueData?.assignee_id === this.currentUser.id ? true : false,
+      entrustTo:
+        issueData?.assignee_id === this.currentUser.id
+          ? []
+          : this.listData.userList.filter(
+              (e: any) => e.my_member_id === issueData?.assignee_id
+            ),
+      issueDueDate: issueData?.frequency_details?.frequency_date
+        ? moment(`${issueDueDate[0]}-${issueDueDate[1]}-${issueDueDate[2]}`)
+        : '',
+      issueDueTime: this.logService.convertFrom24To12Format(
+        issueData.frequency_details.frequency_time
+      ),
+      exceptionType: issueData.exception_type ?? 1,
+      issueRiskRating: issueData.risk_class ?? 1,
+      issuePriority: issueData.priority ?? 1,
+      issueRecommendation: issueData?.recommendation?.length
+        ? issueData?.recommendation[0]?.text
+        : '',
+      issueAssociatedRisk: issueData?.associated_risk?.length
+        ? issueData?.associated_risk[0]?.text
+        : '',
+      issueCCUsers: issueData.overseer?.cc_email.length
+        ? await this.generateOverseerList(
+            this.listData.userList,
+            issueData.overseer?.cc_email
+          )
+        : [],
+      failureCCUsers: issueData.overseer?.failure_cc_email.length
+        ? await this.generateOverseerList(
+            this.listData.userList,
+            issueData.overseer?.failure_cc_email
+          )
+        : [],
+      linkedControlRisk: [],
+      linkageType: 'RESPONSIBILITY',
+      issueType: issueData.issueType ? issueData.issueType : 'issue',
+    };
+    console.log('After Init', this.logIssueForm);
+    if (this.mode === 'EDIT') {
+      this.logIssueForm.issueRC?.length > 0
+        ? (this.isRCPreSelected = true)
+        : (this.isRCPreSelected = false);
+      // issueData.linkage_object?.source === 'GLOBAL'? this.isRCMandatory = true : this.isRCMandatory = false;
+      issueData.linkage_object?.source === 'GLOBAL' && issueData?.rc_id
+        ? (this.isRCPreSelected = false)
+        : (this.isRCPreSelected = true);
+      // if(issueData.linkage_object?.compliance?.ids?.length){
+      //   this.logIssueForm.linkedControlRisk = issueData.linkage_object?.compliance?.ids??[],
+      //   this.logIssueForm.linkageType = 'RESPONSIBILITY'
+      //   this.isRiskControlVisible = true;
+      // }
+      // if(issueData.linkage_object?.risk?.ids?.length){
+      //   this.logIssueForm.linkedControlRisk = issueData.linkage_object?.risk?.ids??[],
+      //   this.logIssueForm.linkageType = 'RISK';
+      //   this.isRiskControlVisible = true;
+      // }
+    }
+    this.setOptionalField(issueData);
+  }
+  /**
+   * Sets the visibility of optional fields
+   * @param issueData  issue data fetched from API
+   */
+  setOptionalField(issueData: any) {
+    this.additionalOptionStatus = {
+      EXCEPTION_TYPE: issueData.exception_type ? true : false,
+      EVIDENCE: issueData.evidence.evidence_flag ? true : false,
+      PRIORITY: issueData.priority ? true : false,
+      ISSUE_TYPE: false,
+      ASSOCIATED_RISKS: issueData.associated_risk.length
+        ? issueData.associated_risk[0].text.length
+          ? true
+          : false
+        : false,
+      OVERSIGHT:
+        issueData.overseer.cc_email.length > 0 ||
+        issueData.overseer.failure_cc_email.length > 0
+          ? true
+          : false,
+    };
+    this.populateOptionalFields();
+  }
+  /**
+   * Generates list of selected overseer
+   * @param allUserList list of all users in the organzation
+   * @param overseerList  lit of the overseer that needs to be filtered
+   * @returns  list of array containing the users objects
+   */
+  generateOverseerList(allUserList: any, overseerList: any) {
+    return overseerList.map((user: any) => {
+      const foundUser = allUserList.find(
+        (element: any) => element.my_member_id === user.member_id
+      );
+      if (foundUser) {
+        return foundUser;
+      }
+    });
+  }
+  /**
+   * Resets issue form
+   */
+  resetIssueForm() {
+    this.scrollToBottom = false;
+    this.logIssueForm = {
+      issueName: '',
+      evidenceRequired: 0,
+      issueDescription: '',
+      issueDescriptionAttachements: [],
+      recommendedActionsAttachments: [],
+      associatedRisksAttachments: [],
+      issueCategory: [],
+      issueCustomTag: [],
+      issueRC: [],
+      issueType: 'issue',
+      isAssignToMyself: false,
+      entrustTo: [],
+      issueDueDate: '',
+      issueDueTime: '11:59 PM',
+      exceptionType: 1,
+      issueRiskRating: 1,
+      issuePriority: 1,
+      issueRecommendation: '',
+      issueAssociatedRisk: '',
+      issueCCUsers: [],
+      failureCCUsers: [],
+    };
+    for (const key of Object.keys(this.additionalOptionStatus)) {
+      this.additionalOptionStatus[key] = false;
+    }
+    // this.smileyMessage = `The issue has been reported.`;
+    this.mode = 'CREATE';
+    this.modeChange.emit(this.mode);
+    this.populateOptionalFields();
+    this.setSelectedRC();
+  }
+  checkDescription() {
+    if (this.logIssueForm.issueDescription == '<br>') {
+      this.logIssueForm.issueDescription = '';
+    }
+    if (this.logIssueForm.issueRecommendation == '<br>') {
+      this.logIssueForm.issueRecommendation = '';
+    }
+    if (this.logIssueForm.issueAssociatedRisk == '<br>') {
+      this.logIssueForm.issueAssociatedRisk = '';
+    }
+  }
+}