vcomply-workflow-engine 2.0.4 → 2.0.167

package/projects/vx-workflow-engine/src/lib/add-multiple-responsibility/data.ts

@@ -0,0 +1,321 @@
+export const TemplateInfo = {
+  categoryList: [
+    { name: 'Only owners', category_id: 10302 },
+    { name: 'Grand Child of ARCA', category_id: 10373 },
+    { name: 'CIS Controls V7', category_id: 10426 },
+  ],
+  rcList: [
+    { name: 'A', rc_id: 4422, parentIds: '[]' },
+    { name: 'Kolkata [WITHIN] A', rc_id: 4345, parentIds: '["4422"]' },
+    { name: 'Test A', rc_id: 4494, parentIds: '[]' },
+    { name: 'Test B  [WITHIN] Test A', rc_id: 4495, parentIds: '["4494"]' },
+  ],
+  assignorsList: [
+    {
+      nameAndEmail: 'VComply (irshad@excellencetech.com)',
+      name: 'VComply',
+      email: 'irshad@excellencetech.com',
+      member_id: 9,
+    },
+    {
+      nameAndEmail: 'Subhankar Bera (systems@kariwala.com)',
+      name: 'Subhankar Bera',
+      email: 'systems@kariwala.com',
+      member_id: 122,
+    },
+    {
+      nameAndEmail: 'Harshvardhan Kariwala (anmol1@excellencetech.com)',
+      name: 'Harshvardhan Kariwala',
+      email: 'anmol1@excellencetech.com',
+      member_id: 2,
+    },
+  ],
+  assigneesList: [
+    {
+      nameAndEmail: 'Pravin Kumar Mishra (pravin@excellencetech.com)',
+      name: 'Pravin Kumar Mishra',
+      email: 'pravin@excellencetech.com',
+      employee_id: 2390,
+      my_member_id: 3812,
+    },
+    {
+      nameAndEmail: 'Shipra (docs@v-comply.com)',
+      name: 'Shipra',
+      email: 'docs@v-comply.com',
+      employee_id: 26756,
+      my_member_id: 5378,
+    },
+    {
+      nameAndEmail: 'Achien (hr@v-comply.com)',
+      name: 'Achien',
+      email: 'hr@v-comply.com',
+      employee_id: 74866,
+      my_member_id: 9915,
+    },
+  ],
+  reviewerList: [
+    {
+      nameAndEmail: 'Shipra (docs@v-comply.com)',
+      name: 'Shipra',
+      email: 'docs@v-comply.com',
+      employee_id: 26756,
+      my_member_id: 5378,
+    },
+    {
+      nameAndEmail: 'Achien (hr@v-comply.com)',
+      name: 'Achien',
+      email: 'hr@v-comply.com',
+      employee_id: 74866,
+      my_member_id: 9915,
+    },
+  ],
+  memberId: '',
+};
+
+export const Report_Data = [
+  'Response a',
+  'Regulations',
+  '12',
+  null,
+  'AD Sync1 (adsync.1.28.11.01@vcomplycloud.com)',
+  'Dev_test_1 (dev11@v-comply.com)',
+  null,
+  null,
+  'Every Alternate Day',
+  '4',
+  "June'23",
+  null,
+  null,
+  null,
+  null,
+  null,
+  null,
+  null,
+  null,
+  null,
+  'null (test@gagagaga.com)',
+  '2',
+  '4',
+  null,
+  null
+];
+
+export const MockData1 = {
+  header: [
+    'Enter Responsibility Name*',
+    'Who should be shown as having created the responsibility?',
+    'Entrust To*',
+    'Select a Program',
+    'Frequency*',
+    'Due Date',
+    'Responsibility window (days)',
+    'Failed after (days)',
+    'Risk Class',
+    'Responsibility Center',
+    'Reviewer',
+    'Review To Be Completed Within (days)',
+    'Review Will Be Failed After (days)',
+    'Format For Responsibility (link)',
+    'Notes',
+    'Documentary evidence required',
+    'Oversight',
+    'Is this a Key Responsibility?',
+    'Objective',
+  ],
+  reports: [
+    {
+      responsibilityName: 'bulk upload admin',
+      assignor: 'Raja (sardar@gtnada.onmicrosoft.com)',
+      assignee: 'Raja (raja@sardar.com)',
+      responsibilityCategory: 'View program',
+      frequency: 'Every Week',
+      day: 4,
+      month: "December'22",
+      responsibilityWindow: 2,
+      failedAfter: 2,
+      reportClass: 'Medium-High',
+      responsibilityCenter: 'kolkata',
+      reviewer: 'Divyans (div@sardar.com)',
+      reviewToBeCompletedWithin: 3,
+      reviewWillBeFailedAfter: 3,
+      formatForResponsibility: '',
+      notes: 'notess',
+      documentEvidenceRequired: 'No',
+      alwaysNotify: 'Redh (red@sardarrr.com)',
+      notifyOnFailure: 'Test (dofo@getnada.com)',
+      keyResponsibility: 'No',
+      objective: '12233',
+      isValidDueDate: true,
+      isPastDate: false,
+      checkValidity: true,
+      isValid: true,
+      isValidUser: true,
+    },
+  ],
+};
+
+export const MockData2 = {
+  header: [
+    'Enter Responsibility Name*',
+    'Who should be shown as having created the responsibility?',
+    'Entrust To*',
+    'Frequency*',
+    'Due Date',
+    'Responsibility window (days)',
+    'Failed after (days)',
+    'Risk Class',
+    'Responsibility Center',
+    'Reviewer',
+    'Review To Be Completed Within (days)',
+    'Review Will Be Failed After (days)',
+    'Format For Responsibility (link)',
+    'Notes',
+    'Documentary evidence required',
+    'Oversight',
+    'Is this a Key Responsibility?',
+    'Objective',
+  ],
+  reports: [
+    {
+      responsibilityName: 'bulk upload admin',
+      assignor: 'Raja (sardar@gtnada.onmicrosoft.com)',
+      assignee: 'Raja (raja@sardar.com)',
+      responsibilityCategory: null,
+      frequency: 'Every Week',
+      day: 4,
+      month: "December'22",
+      responsibilityWindow: 2,
+      failedAfter: 2,
+      reportClass: 'Medium-High',
+      responsibilityCenter: 'kolkata',
+      reviewer: 'Divyans (div@sardar.com)',
+      reviewToBeCompletedWithin: 3,
+      reviewWillBeFailedAfter: 3,
+      formatForResponsibility: '',
+      notes: 'notess',
+      documentEvidenceRequired: 'No',
+      alwaysNotify: 'Redh (red@sardarrr.com)',
+      notifyOnFailure: 'Test (dofo@getnada.com)',
+      keyResponsibility: 'No',
+      objective: '12233',
+      isValidDueDate: true,
+      isPastDate: false,
+      checkValidity: true,
+      isValid: true,
+      isValidUser: true,
+    },
+  ],
+};
+
+export const REPORT = [
+  'bulk upload admin',
+  'Raja (sardar@gtnada.onmicrosoft.com)',
+  'Raja (raja@sardar.com)',
+  '',
+  'Every Week',
+  4,
+  "December'22",
+  2,
+  2,
+  'Medium-High',
+  'kolkata',
+  'Divyans (div@sardar.com)',
+  3,
+  3,
+  '',
+  'notess',
+  'No',
+  'Redh (red@sardarrr.com)',
+  'Test (dofo@getnada.com)',
+  'No',
+  '12233',
+  true,
+  false,
+  true,
+  true,
+  true,
+];
+export const REPORT2 = [
+    'bulk upload admin',
+  'Raja (sardar@gtnada.onmicrosoft.com)',
+  '','',
+  'Every Week',
+  4,
+  "December'22",
+  2,
+  2,
+  'Medium-High',
+  'kolkata',
+  'Divyans (div@sardar.com)',
+  3,
+  3,
+  '',
+  'notess',
+  'No',
+  'Redh (red@sardarrr.com)',
+  'Test (dofo@getnada.com)',
+  'No',
+  '12233',
+  true,
+  false,
+  true,
+  true,
+  true,
+];
+
+export const REPORT3 = [
+    'bulk upload admin',
+  'Raja (sardar@gtnada.onmicrosoft.com)',
+  'Raja (raja@sardar.com)',
+  'Every Week',
+  4,
+  "December'22",
+  2,
+  2,
+  'Medium-High',
+  'kolkata',
+  'Divyans (div@sardar.com)',
+  3,
+  3,
+  '',
+  'notess',
+  'No',
+  'Redh (red@sardarrr.com)',
+  'Test (dofo@getnada.com)',
+  'No',
+  '12233',
+  true,
+  false,
+  true,
+  true,
+  true,
+]
+
+export const REPORT4 = [
+  'bulk upload admin',
+  'Raja (sardar@gtnada.onmicrosoft.com)',
+  'Raja (raja@sardar.com)',
+  '',
+  'Every Week',
+  4,
+  "December'22",
+  2,
+  2,
+  'Medium-High',
+  'kolkata',
+  'Raja (raja@sardar.com)',
+  3,
+  3,
+  '',
+  'notess',
+  'No',
+  'Raja (raja@sardar.com)',
+  'Test (dofo@getnada.com)',
+  'No',
+  '12233',
+  true,
+  false,
+  true,
+  true,
+  true,
+];

package/projects/vx-workflow-engine/src/lib/add-multiple-responsibility-container/add-multiple-responsibility-container.component.html

@@ -0,0 +1,93 @@
+<div class="add-multiple-risk" [attr.id]="'scrollReference'" >
+    <!-- main container starts here -->
+    <div class="add-multiple-risk-body">
+        <div class="add-multiple-risk-container">
+            <div class="image">
+                <img src="https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/spreadsheet-multiple-category.svg" alt="" />
+            </div>
+            <h4>You can entrust multiple responsibilities in just two easy steps:</h4>
+            <ul class="list">
+                <li>Download the template and fill in the details.</li>
+                <li>Upload the .xlsx file and you’re good to go!</li>
+            </ul>
+
+            <!-- both old and new template -->
+            <div class="download-btn" *ngIf="(feature.isFeatureEnabled('ff_both_bulk_responsibility') && !feature.isFeatureEnabled('ff_bulk_responsibility')) && orgDetails?.doc_utc < deployedDate">
+                <button class="download" *ngIf="downloadStatus === 'NOT_DOWNLOADING'"
+                (click)="downloadTemplate()" type="button"><i class="icons">&#xe91b;</i> Download Existing Template</button>
+                <div *ngIf="downloadStatus === 'DOWNLOADING'" class="bulk-btn-progress">
+                    Download in Progress
+                    <app-line-loader [loaderHeight]="'2'"></app-line-loader>
+                </div>
+                <!-- <div *ngIf="downloadStatus === 'DOWNLOADED'" class="bulk-btn-progress complete"><i class="icons">&#xe91c;</i>Download Complete -&nbsp;<button (click)="downloadTemplate()">Retry Download</button></div> -->
+                <ng-container *ngIf="downloadStatus === 'DOWNLOADED'">
+                    <div class="bulk-btn-progress"><i class="icons">&#xe91c;</i>Download Complete</div>
+                    <div class="bulk-btn-again">
+                        Is the file not downloaded?
+                        <button (click)="downloadTemplate()">Retry Download</button>
+                    </div>
+                </ng-container>
+
+                <div class="orDiv">OR</div>
+
+                <button class="download" *ngIf="downloadStatusV2 === 'NOT_DOWNLOADING'"
+                (click)="downloadTemplate('v2')" type="button"><i class="icons">&#xe91b;</i> Download New Template</button>
+                <div *ngIf="downloadStatusV2 === 'DOWNLOADING'" class="bulk-btn-progress">
+                    Download in Progress
+                    <app-line-loader [loaderHeight]="'2'"></app-line-loader>
+                </div>
+                <!-- <div *ngIf="downloadStatusV2 === 'DOWNLOADED'" class="bulk-btn-progress complete"><i class="icons">&#xe91c;</i>Download Complete -&nbsp;<button (click)="downloadTemplate('v2')">Retry Download</button></div> -->
+                <ng-container *ngIf="downloadStatusV2 === 'DOWNLOADED'">
+                    <div class="bulk-btn-progress"><i class="icons">&#xe91c;</i>Download Complete</div>
+                    <div class="bulk-btn-again">
+                        Is the file not downloaded?
+                        <button (click)="downloadTemplate('v2')">Retry Download</button>
+                    </div>
+                </ng-container>
+            </div>
+
+            <!-- only for new template -->
+            <div class="download-btn" *ngIf="(feature.isFeatureEnabled('ff_bulk_responsibility') && !feature.isFeatureEnabled('ff_both_bulk_responsibility')) || (feature.isFeatureEnabled('ff_bulk_responsibility') && feature.isFeatureEnabled('ff_both_bulk_responsibility')) || orgDetails?.doc_utc > deployedDate">
+                <button class="download" *ngIf="downloadStatusV2 === 'NOT_DOWNLOADING'"
+                (click)="downloadTemplate('v2')" type="button"><i class="icons">&#xe91b;</i> Download Template</button>
+                <div *ngIf="downloadStatusV2 === 'DOWNLOADING'" class="bulk-btn-progress">
+                    Download in Progress
+                    <app-line-loader [loaderHeight]="'2'"></app-line-loader>
+                </div>
+                <!-- <div *ngIf="downloadStatusV2 === 'DOWNLOADED'" class="bulk-btn-progress complete"><i class="icons">&#xe91c;</i>Download Complete -&nbsp;<button (click)="downloadTemplate('v2')">Retry Download</button></div> -->
+                <ng-container *ngIf="downloadStatusV2 === 'DOWNLOADED'">
+                    <div class="bulk-btn-progress"><i class="icons">&#xe91c;</i>Download Complete</div>
+                    <div class="bulk-btn-again">
+                        Is the file not downloaded?
+                        <button (click)="downloadTemplate('v2')">Retry Download</button>
+                    </div>
+                </ng-container>
+            </div>
+
+            <!-- only for old template -->
+            <div class="download-btn" *ngIf="(!feature.isFeatureEnabled('ff_bulk_responsibility') && !feature.isFeatureEnabled('ff_both_bulk_responsibility'))">
+                <button class="download" *ngIf="downloadStatus === 'NOT_DOWNLOADING'"
+                (click)="downloadTemplate()" type="button"><i class="icons">&#xe91b;</i> Download Template</button>
+                <div class="bulk-btn-progress" *ngIf="downloadStatus === 'DOWNLOADING'">
+                    Download in Progress
+                    <app-line-loader [loaderHeight]="'2'"></app-line-loader>
+                </div>
+                <ng-container *ngIf="downloadStatus === 'DOWNLOADED'">
+                    <div class="bulk-btn-progress"><i class="icons">&#xe91c;</i>Download Complete</div>
+                    <div class="bulk-btn-again">
+                        Is the file not downloaded?
+                        <button (click)="downloadTemplate()">Retry Download</button>
+                    </div>
+                </ng-container>
+            </div>
+            <p class="error-message" *ngIf="isWrongFile || isWrongFormat|| isFileEmpty"
+            >{{errorMessage}}</p>
+        </div>
+    </div>
+</div>
+
+<input type="file" [(ngModel)]="fileValue" id="fileInput" class="hidden-input" accept=".xlsx" (change)="uploadedFile($event)" multiple />
+<app-smiley-dialog-inline *ngIf="showSmiley" [message]="smileyMessage" [actionButtons]="actionButtons" (action)="action($event)" (closeSmiley)="closeSmiley($event)"></app-smiley-dialog-inline>
+
+<app-add-multiple-responsibility *ngIf="singleTabResponsibility" [uploadedFile]="uploadedFileData" (closeAddMultipleResponsibility)="closeAddMultipleResponsibility($event)" [featureflag]="isResponsibilitySimplified" [feature]="feature"></app-add-multiple-responsibility>
+<lib-add-multiple-responsibility-with-tab *ngIf="multiTabResponsibility" [orgDetails]="orgDetails" [uploadedFile]="uploadedFileData" (closeAddMultipleResponsibility)="closeAddMultipleResponsibility($event)" [featureflag]="isResponsibilitySimplified" [feature]="feature"></lib-add-multiple-responsibility-with-tab>

package/projects/vx-workflow-engine/src/lib/add-multiple-responsibility-container/add-multiple-responsibility-container.component.less

@@ -0,0 +1,167 @@
+@import url('https://cdn.v-comply.com/design-system/css/icons/icons.css');
+::ng-deep .add-multiple-risk {
+  background: #ffffff;
+  position: relative;
+  z-index: 1;
+
+  @media only screen and (min-width: 1920px) {
+    height: calc(100vh - 200px);
+    display: flex;
+    align-items: center;
+  }
+
+  &-body {
+    padding: 0;
+    display: block;
+  }
+
+  &-container {
+    display: block;
+    text-align: center;
+
+    .image {
+      width: 300px;
+      margin: 0 auto 24px;
+    }
+
+    h4 {
+      font-size: 20px;
+      line-height: 30px;
+      margin: 0 0 20px;
+      font-weight: 500;
+    }
+
+    ul.list {
+      padding: 0;
+      margin: 0 0 40px;
+      display: block;
+      counter-reset: my-awesome-counter;
+
+      li {
+        text-align: left;
+        color: #747576;
+        font-size: 15px;
+        line-height: 38px;
+        font-weight: 400;
+        list-style: none;
+        counter-increment: my-awesome-counter;
+        background: #FBFBFB;
+        border: 1px solid #F1F1F1;
+        border-radius: 4px;
+        padding: 0 12px;
+
+        &:before {
+          content: counter(my-awesome-counter) '. ';
+        }
+        &+li {
+          margin-top: 4px;
+        }
+      }
+    }
+
+    .download-btn {
+        button.download {
+            background: white;
+            height: 36px;
+            border-radius: 2px;
+            cursor: pointer;
+            border: 1px solid #1e5dd3;
+            color: #1e5dd3;
+            text-transform: uppercase;
+            padding: 0 8px;
+            font-weight: 500;
+            font-size: 11px;
+            width: 208px;
+            display: block;
+            margin: 0 auto;
+        }
+
+        .orDiv {
+            color: #161b2f;
+            font-size: 12px;
+            font-weight: 500;
+            text-transform: uppercase;
+            margin: .75rem 0;
+            text-align: center;
+        }
+    }
+
+    .bulk-btn-progress {
+      background: #f8f8f8;
+      height: 36px;
+      border-radius: 2px;
+      cursor: pointer;
+      border: 1px solid #f8f8f8;
+      color: #747576;
+      text-transform: uppercase;
+      padding: 0 12px;
+      font-weight: 500;
+      font-size: 11px;
+      position: relative;
+      display: inline-block;
+      line-height: 34px;
+      min-width: 208px;
+
+      &.complete {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+      }
+
+      i {
+        color: #34aa44;
+        font-size: 14px;
+        // float: left;
+        position: relative;
+        // margin     : 0 -5px 0 15px;
+        margin: 0 10px 0 0;
+        font-weight: 400;
+      }
+
+      span.progress {
+        height: 3px;
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        background: #1e5dd3;
+      }
+
+      button {
+        background: transparent;
+        border: none;
+        padding: 0;
+        font-size: 11px;
+        color: #1e5dd3;
+        font-weight: 500;
+        text-decoration: underline;
+        cursor: pointer;
+        text-transform: uppercase;
+        display: inline-block;
+      }
+    }
+
+    .bulk-btn-again {
+      color: #161b2f;
+      font-size: 11px;
+      margin-top: 10px;
+
+      button {
+        background: transparent;
+        border: none;
+        padding: 0;
+        font-size: 11px;
+        color: #1e5dd3;
+        font-weight: 500;
+        text-decoration: underline;
+        cursor: pointer;
+        text-transform: uppercase;
+        display: inline-block;
+      }
+    }
+  }
+}
+
+.hidden-input {
+  opacity: 0;
+}

package/projects/vx-workflow-engine/src/lib/add-multiple-responsibility-container/add-multiple-responsibility-container.component.spec.ts

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