vcomply-workflow-engine 2.0.4 → 2.0.167

package/projects/vx-workflow-engine/src/lib/workflow-program/create-program-ui/pipes/array-concat.pipe.ts

@@ -0,0 +1,12 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({
+  name: 'arrayConcat'
+})
+export class ArrayConcatPipe implements PipeTransform {
+
+  transform(value: any, ...args: any[]): any {
+    return [...value, ...args[0]];
+  }
+
+}

package/projects/vx-workflow-engine/src/lib/workflow-program/create-program-ui/pipes/assessment-resolver.pipe.spec.ts

@@ -0,0 +1,8 @@
+import { AssessmentResolverPipe } from './assessment-resolver.pipe';
+
+describe('AssessmentResolverPipe', () => {
+  it('create an instance', () => {
+    const pipe = new AssessmentResolverPipe();
+    expect(pipe).toBeTruthy();
+  });
+});

package/projects/vx-workflow-engine/src/lib/workflow-program/create-program-ui/pipes/assessment-resolver.pipe.ts

@@ -0,0 +1,19 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({
+  name: 'assessmentResolver',
+})
+export class AssessmentResolverPipe implements PipeTransform {
+
+  transform(value: any, ...args: any[]): any {
+    console.log("pipe value ====>", value, args)
+ if(value && value?.length){
+   value  = value.filter((ele:any) => ele?.assessmentIds?.length);
+   const val = Object.assign(JSON.parse(JSON.stringify(value.map(((category:any) => category.assessmentIds.map((assessment:any) => {return {...assessment,category_id:category.category_id}})))?.flat())));
+   return val;
+ }else{
+   return []
+ }
+  }
+  }
+

package/projects/vx-workflow-engine/src/lib/workflow-program/create-program-ui/pipes/filter.pipe.spec.ts

@@ -0,0 +1,8 @@
+import { FilterPipe } from './filter.pipe';
+
+describe('FilterPipe', () => {
+  it('create an instance', () => {
+    const pipe = new FilterPipe();
+    expect(pipe).toBeTruthy();
+  });
+});

package/projects/vx-workflow-engine/src/lib/workflow-program/create-program-ui/pipes/filter.pipe.ts

@@ -0,0 +1,22 @@
+import { Pipe, PipeTransform } from '@angular/core';
+@Pipe({
+  name: 'filter',
+})
+export class FilterPipe implements PipeTransform {
+  transform(items: any[], searchText: string): any[] {
+    if (!items) {
+      return [];
+    }
+    if (!searchText) {
+      return items;
+    }
+    searchText = searchText.toLowerCase();
+    if(items?.length){
+    return items.filter((it: any) => {
+      return JSON.stringify(it).toLowerCase().includes(searchText);
+    });
+  }else{
+     return [];
+  }
+  }
+}

package/projects/vx-workflow-engine/src/lib/workflow-program/create-program-ui/pipes/list-to-id.pipe.spec.ts

@@ -0,0 +1,8 @@
+import { ListToIdPipe } from './list-to-id.pipe';
+
+describe('ListToIdPipe', () => {
+  it('create an instance', () => {
+    const pipe = new ListToIdPipe();
+    expect(pipe).toBeTruthy();
+  });
+});

package/projects/vx-workflow-engine/src/lib/workflow-program/create-program-ui/pipes/list-to-id.pipe.ts

@@ -0,0 +1,12 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({
+  name: 'listToId'
+})
+export class ListToIdPipe implements PipeTransform {
+
+  transform(value: any, arg:any): any {
+    return value.map((ele:any) => ele[arg]);
+  }
+
+}

package/projects/vx-workflow-engine/src/lib/workflow-program/create-program-ui/pipes/pager.pipe.ts

@@ -0,0 +1,14 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({
+  name: 'pager',
+})
+export class PagerPipe implements PipeTransform {
+  transform(value: any, ...args: any[]): any {
+    if (value === 1) {
+      return args[0] + 1;
+    } else {
+      return (value - 1) * 30 + args[0] + 1;
+    }
+  }
+}

package/projects/vx-workflow-engine/src/lib/workflow-program/create-program-ui/pipes/ref-disconnect.pipe.spec.ts

@@ -0,0 +1,8 @@
+import { RefDisconnectPipe } from './ref-disconnect.pipe';
+
+describe('RefDisconnectPipe', () => {
+  it('create an instance', () => {
+    const pipe = new RefDisconnectPipe();
+    expect(pipe).toBeTruthy();
+  });
+});

package/projects/vx-workflow-engine/src/lib/workflow-program/create-program-ui/pipes/ref-disconnect.pipe.ts

@@ -0,0 +1,13 @@
+import { Pipe, PipeTransform } from '@angular/core';
+import { cloneDeep } from 'lodash';
+
+@Pipe({
+  name: 'refDisconnect'
+})
+export class RefDisconnectPipe implements PipeTransform {
+
+  transform(value: any, ...args: any[]): any {
+    return   cloneDeep(value);
+  }
+
+}

package/projects/vx-workflow-engine/src/lib/workflow-program/create-program-ui/pipes/search.pipe.spec.ts

@@ -0,0 +1,8 @@
+import { SearchPipe } from './search.pipe';
+
+describe('SearchPipe', () => {
+  it('create an instance', () => {
+    const pipe = new SearchPipe();
+    expect(pipe).toBeTruthy();
+  });
+});

package/projects/vx-workflow-engine/src/lib/workflow-program/create-program-ui/pipes/search.pipe.ts

@@ -0,0 +1,19 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({
+  name: 'search'
+})
+export class SearchPipe implements PipeTransform {
+
+  transform(value: any, ...args: any[]): any {
+    const key = args[1];
+    if(value && value?.length){
+      const searchTerm = args[0]?.toLowerCase()?.trim();
+      return value?.filter((ele:any) => {return ele[key]?.toLowerCase().includes(searchTerm?.toLowerCase()) || ele[key]?.toString()?.toLowerCase()?.includes(searchTerm)});
+    }else{
+      return [];
+    }
+  
+  }
+
+}

package/projects/vx-workflow-engine/src/lib/workflow-program/create-program-ui/removed-code.ts

@@ -0,0 +1,101 @@
+// /**
+//  *
+//  * @param res raw data which gave details program
+//  * @param userOrGroupDetails: user details / group details array */
+//  populateMoreOption(res: any, userOrGroupDetails: any, type: string): void {
+
+//     // Assignee related data population
+//     if(res.assignee_ids.length || res.default_assignee_ids.length || res.assignee_group_ids.length || res.default_assignee_group_ids.length) {
+//       if(type === 'user') {
+//         const assigneeDetailsArray = res.assignee_ids.length > 0 ? userOrGroupDetails.filter((user: any) => res.assignee_ids.includes(user.member_id)): [];
+//         const defaultAssigneeArray = res.default_assignee_ids.length > 0 ? userOrGroupDetails.filter((user: any) => res.default_assignee_ids.includes(user.member_id)) : [];
+//         this.setFormField('program_assignee', assigneeDetailsArray);
+//         this.setFormField('program_default_assignee', defaultAssigneeArray);
+//         if(assigneeDetailsArray.length > 0) {
+//           this.lists.DEFAULT_ASSIGNEES = this.uniqueByProp(assigneeDetailsArray, 'member_id');
+//         } else {
+//           this.lists.DEFAULT_ASSIGNEES = this.lists.ALL_USER;
+//         }
+//       } else {
+//         const assigneeGroupArr = res.assignee_group_ids.length ? userOrGroupDetails.filter((group: any) => res.assignee_group_ids.includes(group.group_id)): [];
+//         const defaultReviewerGroupArray = res.default_assignee_group_ids ? userOrGroupDetails.filter((group: any) => res.default_assignee_group_ids.includes(group.group_id)): [];
+//         this.setFormField('program_assignee_group', assigneeGroupArr);
+//         this.setFormField('program_default_assignee_group', defaultReviewerGroupArray);
+
+//         if(assigneeGroupArr.length) {
+//           this.lists.DEFAULT_ASSIGNEES_GROUP = this.uniqueByProp(assigneeGroupArr, 'group_id');
+//         } else {
+//           this.lists.DEFAULT_ASSIGNEES_GROUP = this.lists.ALL_GROUP;
+//         }
+//       }
+//     }
+
+//     // Reviewer related data population
+//     if(res.default_reviewers.length || res.default_reviewer_group_ids.length ||  res.default_reviewers.length || res.default_reviewer_group_ids) {
+//       if(type === 'user') {
+//         const reviewerDetailsArray = res.reviewers.length > 0 ? userOrGroupDetails.filter((user: any) => res.reviewers.includes(user.member_id)): [];
+//         const defaultReviewerArray = res.default_reviewers.length > 0 ? userOrGroupDetails.filter((user: any) => res.default_reviewers.includes(user.member_id)) : [];
+//         this.setFormField('program_default_reviewer', defaultReviewerArray);
+//         this.setFormField('program_reviewer', reviewerDetailsArray);
+//         if(reviewerDetailsArray.length) {
+//           this.lists.DEFAULT_REVIEWERS = this.uniqueByProp(reviewerDetailsArray, 'member_id');
+//         } else {
+//           this.lists.DEFAULT_REVIEWERS = this.lists.ALL_USER;
+//         }
+
+//       } else {
+//         const reviewerGroupArr = res.reviewer_group_ids.length ? userOrGroupDetails.filter((group: any) => res.reviewer_group_ids.includes(group.group_id)): [];
+//         const defaultReviewerGroupArray = res.default_reviewer_group_ids ? userOrGroupDetails.filter((group: any) => res.default_reviewer_group_ids.includes(group.group_id)): [];
+//         this.setFormField('program_reviewer_group', reviewerGroupArr);
+//         this.setFormField('program_reviewer_group', defaultReviewerGroupArray);
+
+//         if(reviewerGroupArr.length) {
+//           this.lists.DEFAULT_REVIEWERS_GROUP = this.uniqueByProp(reviewerGroupArr, 'group_id');
+//         } else {
+//           this.lists.DEFAULT_REVIEWERS = this.lists.ALL_USER;
+//         }
+//       }
+//       this.setFormField('reviewer_completion_criteria', res.default_reviewers_type);
+//       this.constants.additionalOption.REVIEWER = true;
+//     }
+
+//     // Overseer related data population
+//     if(res.overseers.length || res.default_overseers.cc_email.length || res.default_overseers.cc_email_groups.length || res.default_overseers.failure_cc_email_groups.length) {
+//       if(type === 'user') {
+//         const ccDetailsArray = res.overseers.cc_email.length > 0 ? userOrGroupDetails.filter((user: any) => res.overseers.cc_email.includes(user.member_id)): [];
+//         const defaultCCArray = res.default_overseers.cc_email.length > 0 ? userOrGroupDetails.filter((user: any) => res.default_overseers.cc_email.includes(user.member_id)) : [];
+//         const defaultCCFailArray = res.default_overseers.failure_cc_email.length > 0 ? userOrGroupDetails.filter((user: any) => res.default_overseers.failure_cc_email.includes(user.member_id)) : [];
+//         this.setFormField('program_overseer',ccDetailsArray)
+//         this.setFormField('program_default_overseer', defaultCCArray);
+//         this.setFormField('program_default_failed_overseer', defaultCCFailArray);
+//         if(ccDetailsArray.length) {
+//           this.lists.DEFAULT_OVERSEERS = this.uniqueByProp(ccDetailsArray, 'member_id');
+//         } else {
+//           this.lists.DEFAULT_OVERSEERS = this.lists.ALL_USER;
+//         }
+//       } else {
+//         const defaultCCGroupArr = res.default_overseers.cc_email_groups.length ? userOrGroupDetails.filter((group: any) => res.default_overseers.cc_email_groups.includes(group.group_id)): [];
+//         const defaultCCFailureGroup = res.default_overseers.failure_cc_email_groups.length ? userOrGroupDetails.filter((group: any) => res.default_overseers.failure_cc_email_groups.includes(group.group_id)): [];
+//         this.setFormField('program_default_overseer_group', defaultCCGroupArr);
+//         this.setFormField('program_default_failed_overseer_group', defaultCCFailureGroup);
+//         if(defaultCCGroupArr.length) {
+//           this.lists.DEFAULT_OVERSEERS_GROUP = this.uniqueByProp(defaultCCGroupArr, 'group_id');
+//         } else {
+//           this.lists.DEFAULT_OVERSEERS_GROUP = this.lists.ALL_GROUP;
+//         }
+//       }
+
+
+//       this.constants.additionalOption.OVERSEER = true;
+//     }
+//     if(res.evidence_upload_flag || res.is_key_evidence) {
+//       this.constants.additionalOption.FORMATE_EVIDENCE = true;
+//     }
+
+
+//     this.programForm.markAllAsTouched();
+//     this.programForm.controls.performance_calculation.updateValueAndValidity();
+//     this.populateOptionalFields()
+
+
+//   }

package/projects/vx-workflow-engine/src/lib/workflow-program/create-program-ui/role-list/loader/loader.component.html

@@ -0,0 +1,13 @@
+<div class="assessment-list-item" *ngFor="let data of [1, 1, 1, 1, 1, 1, 1]">
+    <div class="table-row">
+        <div class="table-column serial">
+            <div class="sr-no"></div>
+        </div>
+        <div class="table-column name">
+            <div class="loader"></div>
+        </div>
+        <div class="table-column action">
+            <div class="loader"></div>
+        </div>
+    </div>
+</div>

package/projects/vx-workflow-engine/src/lib/workflow-program/create-program-ui/role-list/loader/loader.component.less

@@ -0,0 +1,58 @@
+.assessment-list-item {
+    border: 1px solid #f1f1f1;
+    border-radius: 2px;
+    margin-bottom: 4px;
+      
+    .table-row {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+
+      .table-column {
+        height : 48px;
+        position   : relative;
+        width      : 100%;
+        display: flex;
+        align-items: center;
+        padding: 0 4px;
+
+        &.serial {
+            width          : 32px;
+            max-width      : 32px;
+            justify-content: center;
+      
+            .sr-no {
+                width          : 16px;
+                background     : #f8f8f8;
+                writing-mode   : vertical-lr;
+                height         : 100%;
+            }
+        }
+
+        &.name {
+          width          : calc(100% - 64px);
+          min-width      : calc(100% - 64px);
+
+          .loader {
+              width: calc(100% - 200px);
+          }
+        }
+
+        &.action {
+            width          : 32px;
+            max-width      : 32px;
+            justify-content: center;
+
+            .loader {
+                width: 28px;
+            }
+        }
+      }
+    }
+}
+
+.loader {
+    background: #f1f1f1;
+    border-radius: 20px;
+    height: 10px;
+}

package/projects/vx-workflow-engine/src/lib/workflow-program/create-program-ui/role-list/loader/loader.component.spec.ts

@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LoaderComponent } from './loader.component';
+
+describe('LoaderComponent', () => {
+  let component: LoaderComponent;
+  let fixture: ComponentFixture<LoaderComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ LoaderComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LoaderComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/projects/vx-workflow-engine/src/lib/workflow-program/create-program-ui/role-list/loader/loader.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'role-loader',
+  templateUrl: './loader.component.html',
+  styleUrls: ['./loader.component.less']
+})
+export class LoaderComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}

package/projects/vx-workflow-engine/src/lib/workflow-program/create-program-ui/role-list/role-list.component.html

@@ -0,0 +1,121 @@
+<div class="roles-list" [class.animate]="animation">
+    <div class="roles-list-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4">
+        <div id ="titlename" class="vx-fs-14 vx-fw-500 vx-label-txt">{{ff_rc_listing ? 'Select Permissions':'Select Permission Group(s)'}}</div>
+    </div>
+
+    <div class="roles-list-body">
+        <div class="search-block vx-mb-1" [class.disabled]="!rolesList?.length">
+            <i class="icons">&#xe90b;</i>
+            <input type="text" [placeholder]="ff_rc_listing ?'Search Permissions':'Search Permission Groups'" [(ngModel)]="searchKey"/>
+        </div>
+        <div class="vx-mt-4" *ngIf="loading"><role-loader></role-loader></div>
+
+        <ng-container *ngIf="!loading">
+            <ng-container *ngIf="(rolesList|search:searchKey:'roleName') as roles">
+                <div *ngIf="roles?.length  > 0" class="roles-list-mid vx-mb-4">
+                    <div class="role-box-select vx-pb-2">
+                        <vui-checkbox [indeterminateEnabled]="false" #check (change)="selectAll($event)"
+                            [(ngModel)]="allSelected" [checked]="allSelected">
+                            <div class="user-name vx-fs-12 vx-fw-600 vx-label-txt">{{!check.checked ? 'Select All' :
+                                'Deselect All'}}</div>
+                        </vui-checkbox>
+                    </div>
+
+                    <div class="role-box vx-mb-2" *ngFor="let role of roles; let i = index">
+                        <div (click)="!expandedRows.includes(role?._id) ? expandOrCollapse('EXPAND',role?._id):  expandOrCollapse('COLLAPSE',role?._id) "
+                            class="role-box-heading vx-d-flex vx-align-center vx-justify-between vx-p-3">
+                            <div class="left vx-d-flex vx-align-center vx-lh-4">
+                                <vui-checkbox [disabled]="systemRolesIds.includes(role?._id)"
+                                    [checked]="selectedIds.includes(role?._id)" (change)="selectItem($event,role)">
+                                </vui-checkbox>
+                                <div class="name vx-fs-12 vx-label-txt" [appTooltip]="'Role name'" placement="bottom-left"
+                                    delay="0" type="black" [tooltipMandatory]="false">{{featureflagrole && role?.permissionGroupName ? role?.permissionGroupName : role?.roleName}}</div>
+                                <span *ngIf="role?.roleActions?.length  > 0"
+                                    class="count vx-fs-9 vx-fw-600 vx-lh-3 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-ml-2">{{role?.roleActions?.length}}
+                                    PERMISSIONS</span>
+                            </div>
+                            <div class="right vx-d-flex vx-align-center vx-justify-between">
+                                <div *ngIf="role?.licenseType === 'power users'"
+                                    class="status-label vx-fs-9 vx-fw-500 vx-txt-white vx-tt-uppercase vx-pl-1 vx-pr-1"
+                                    [class.power-user]="true" [class.all-user]="false"> Power User</div>
+                                <div *ngIf="role?.licenseType === 'light users'"
+                                    class="status-label vx-fs-9 vx-fw-500 vx-txt-white vx-tt-uppercase vx-pl-1 vx-pr-1"
+                                    [class.power-user]="false" [class.all-user]="true">Light User</div>
+                                <button class="arrow-btn vx-fs-12 vx-paragraph-txt vx-m-0 vx-p-0 vx-d-flex vx-align-center">
+                                    <i *ngIf="!expandedRows.includes(role?._id)" class="icons">&#xe970;</i>
+                                    <i *ngIf="expandedRows.includes(role?._id)" class="icons">&#xe9e8;</i>
+                                </button>
+                            </div>
+                        </div>
+                        <div class="role-box-list" *ngIf="expandedRows.includes(role?._id)">
+                            <ul class="vx-p-0 vx-m-0">
+                                <li class="vx-p-3 vx-lh-4" *ngFor="let permission  of role?.roleActions">
+                                    <div class="value vx-fs-12 vx-label-txt">{{ permissionText(permission)}}</div>
+                                </li>
+                                <!-- <li class="vx-p-3 vx-lh-4">
+                                <div class="value vx-fs-12 vx-label-txt">View User List</div>
+                            </li>
+                            <li class="vx-p-3 vx-lh-4">
+                                <div class="value vx-fs-12 vx-label-txt">Manage Users <span class="vx-fs-10 vx-paragraph-txt">(Create/Edit/Delete/Deactivate)</span></div>
+                            </li>
+                            <li class="vx-p-3 vx-lh-4">
+                                <div class="value vx-fs-12 vx-label-txt">Over-ride Log In</div>
+                            </li>
+                            <li class="vx-p-3 vx-lh-4">
+                                <div class="value vx-fs-12 vx-label-txt">View Statutory Holidays</div>
+                            </li>
+                            <li class="vx-p-3 vx-lh-4">
+                                <div class="value vx-fs-12 vx-label-txt">Manage Statutory Holidays</div>
+                            </li> -->
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+
+                <app-no-data *ngIf="roles?.length === 0" [noDataImage]="'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'" [noDataText]="searchKey?.length > 0 ?'No match found.': 'No Roles Found'"></app-no-data>
+            </ng-container>
+        </ng-container>
+
+        <div class="roles-list-footer"  *ngIf="!showConfirmation">
+            <vui-floating-bar (closeEvent)="saveList()" (closeList)="closeList()">
+                <!-- <div class="counter" *ngIf="selectedRoles?.length"
+                placement="left">{{selectedRoles?.length}}</div> -->
+                <button *ngIf="selectedRoles?.length"class="counter role-list-counter" appPopover (click)="role.popover()" placement="left">{{selectedRoles?.length}}</button>
+              <div class="name" *ngIf="selectedRoles?.length>1" id="permissionselected">
+                <span *ngIf="selectedRoles?.length === 1">{{featureflagrole ? 'Permission selected':'Role selected'}}</span>
+                <span *ngIf="selectedRoles?.length > 1">{{featureflagrole ? 'Permissions selected':'Roles selected'}}</span>
+              </div>
+            </vui-floating-bar>
+    
+            <app-popover #role [dontCloseonClick]="true">
+              <div class="wf-action-list">
+                  <ul class="action-item">
+                      <li *ngFor="let data of selectedRoles">
+                          <div class="avatar-card">
+                              <span class="value">
+                                  <i *ngIf="!systemRolesIds.includes(data?._id)" class="icons"
+                                  (click)="selectItem({target:{checked:false}},data)">&#xe90d;</i>
+                                        {{featureflagrole && data?.permissionGroupName ? data?.permissionGroupName : data?.roleName}}
+                              </span>
+                          </div>
+                      </li>
+                  </ul>
+              </div>
+          </app-popover>
+        </div>
+    </div>
+
+    <div class="roles-list-confirmation" *ngIf="showConfirmation">
+        <div class="confirmation-top">
+            <div class="icon-block"><i class="icons">&#xe930;</i></div>
+            <div class="text" id="confirmationmessage">{{featureflagrole ?'This action will update the Permission settings and impact the owners selected for the Program.':'This action will update the Role settings and impact the owners selected for the Program.'}}</div>
+        </div>
+        <div class="confirmation-bottom">
+            <div class="message">Are you sure you would like to proceed?</div>
+            <div class="button-group">
+                <button class="no-btn" (click)="confirmAction('NO')">NO</button>
+                <button class="yes-btn"  (click)="confirmAction('YES')">YES</button>
+            </div>
+        </div>
+    </div>
+</div>