vcomply-workflow-engine 2.6.193 → 2.6.194

package/bundles/vcomply-workflow-engine.umd.js

@@ -13464,7 +13464,7 @@
     BulkResponsibilityViewComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'app-bulk-responsibility-view',
-                    template: "\r\n<ng-container *ngIf=\"responsibilityType === 'singleTab'\">\r\n<div class=\"bulk-view\">\r\n    <div class=\"bulk-view-head\">\r\n        <h2 class=\"bulk-view-title\">\r\n            {{fileName}}\r\n        </h2>\r\n    </div>\r\n    <div class=\"bulk-view-body\">\r\n        <div class=\"exel-view\">\r\n            <div class=\"exel-view-row head\">\r\n                <div class=\"exel-view-column sl-no\">#</div>\r\n                <div class=\"exel-view-column\" *ngFor=\"let heading of responsibilityBulkUpload?.header\"\r\n                    [class.large]=\"heading && heading.startsWith('Inherent')\">\r\n                    <ng-container *ngIf=\"heading && !(heading.startsWith('Due')) && !(heading.startsWith('Oversight'))\">\r\n                        {{(heading.includes('*')? heading.replace('*', '') : heading)}}\r\n                        <span *ngIf=\"heading.includes('*')\" class=\"required\">*</span>\r\n                    </ng-container>\r\n                    <ng-container *ngIf=\"heading && heading.startsWith('Due')\">\r\n                        <div class=\"exel-view-row\">\r\n                            <div class=\"exel-view-column large\">Due Date</div>\r\n                        </div>\r\n                        <div class=\"exel-view-row multi-column\">\r\n                            <div class=\"exel-view-column\">Day</div>\r\n                            <div class=\"exel-view-column\">Month</div>\r\n                        </div>\r\n                    </ng-container>\r\n                    <ng-container *ngIf=\"heading && heading.startsWith('Oversight')\">\r\n                        <div class=\"exel-view-row\">\r\n                            <div class=\"exel-view-column large\">Oversight </div>\r\n                        </div>\r\n                        <div class=\"exel-view-row multi-column\">\r\n                            <div class=\"exel-view-column\">Always Notify</div>\r\n                            <div class=\"exel-view-column\">Notify on Failure</div>\r\n                        </div>\r\n                    </ng-container>\r\n                </div>\r\n\r\n            </div>\r\n            <div class=\"exel-view-row\" *ngFor=\"let report of responsibilityBulkUpload?.reports; let i = index\">\r\n                <div class=\"exel-view-column sl-no\" [class.error]=\"!report.isValid\">{{i+1}}</div>\r\n\r\n                <div class=\"exel-view-column\" [class.error]=\"!report.responsibilityName\">{{report?.responsibilityName}}\r\n                    <i *ngIf=\"!report?.responsibilityName\" class=\"icons\"\r\n                        [appTooltip]=\"'Enter a name for this responsibility.'\" placement=\"bottom-right\" type=\"white\"\r\n                        delay=\"0\" [tooltipMandatory]=true>&#xe932;</i>\r\n                </div>\r\n                <div class=\"exel-view-column\" [class.error]=\"report?.assignor && ((report?.assignor == report?.alwaysNotify) || (report?.assignor == report?.notifyOnFailure))\">\r\n                    {{report?.assignor}}\r\n                    <i *ngIf=\"((report?.assignor) && (report?.notifyOnFailure == report?.assignor||report?.alwaysNotify == report?.assignor))\"\r\n                        class=\"icons\"\r\n                        [appTooltip]=\"'The Overseer cannot also be the Assignor of this responsibility. Select another user as the Assignor.'\"\r\n                        placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                    </i>\r\n<!--\r\n                    <i *ngIf=\"((report?.assignor) && (report?.reviewer == report?.assignor))\"\r\n                        class=\"icons\"\r\n                        [appTooltip]=\"'The Reviewer cannot also be the Assignor of this responsibility. Select another user as the Assignor.'\"\r\n                        placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                    </i>     -->\r\n                </div>\r\n                <div class=\"exel-view-column\" [class.error]=\"!report?.assignee || ((report?.assignee == report?.reviewer)\r\n                || (report?.assignee == report?.alwaysNotify) || (report?.assignee == report?.notifyOnFailure)) || (!report?.isValidUser)\">\r\n                    {{report?.assignee}}\r\n\r\n                    <i *ngIf=\"((report?.assignee) && (report?.notifyOnFailure == report?.assignee||report?.alwaysNotify == report?.assignee))\"\r\n                        class=\"icons\"\r\n                        [appTooltip]=\"'The Overseer cannot also be the Assignee of this responsibility. Select another user as the Assignee.'\"\r\n                        placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                    </i>\r\n\r\n                    <i *ngIf=\"((report?.assignee) && (report?.reviewer == report?.assignee))\"\r\n                        class=\"icons\"\r\n                        [appTooltip]=\"'The Reviewer cannot also be the Assignee of this responsibility. Select another user as the Assignee.'\"\r\n                        placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                    </i>\r\n                    <i *ngIf=\"(!report?.assignee) || (!report?.isValidUser)\"\r\n                    class=\"icons\"\r\n                    [appTooltip]=\"'Select the user responsible for completing this responsibility. '\"\r\n                    placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                    </i>\r\n                </div>\r\n                <div class=\"exel-view-column\" id=\"resCategory\" *ngIf=\"report?.responsibilityCategory!==null\">{{report?.responsibilityCategory}}</div>\r\n                <div class=\"exel-view-column\" [class.error]=\"!report.frequency\">{{report?.frequency}}\r\n                    <i *ngIf=\"!report?.frequency\" class=\"icons\" [appTooltip]=\"'Select a frequency for this responsibility.'\"\r\n                    placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;</i>\r\n                </div>\r\n                <div class=\"exel-view-column multi-column\">\r\n                    <div class=\"exel-view-row\">\r\n                        <div class=\"exel-view-column\" [class.error]=\"!report.isValidDueDate\">{{report?.day}}\r\n                            <i *ngIf=\"!report?.isValidDueDate\" class=\"icons\" [appTooltip]=\"'Invalid Due Date.'\"\r\n                                placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;</i>\r\n                            <i *ngIf=\"report?.isPastDate\" class=\"icons\" [appTooltip]=\"'This date occurs in the past. Select a future date.'\"\r\n                                placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;</i>\r\n                        </div>\r\n                        <div class=\"exel-view-column\" [class.error]=\"!report.isValidDueDate\">{{report?.month}}\r\n                            <i *ngIf=\"!report?.isValidDueDate\" class=\"icons\" [appTooltip]=\"'Invalid Due Date.'\"\r\n                                placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;</i>\r\n                            <i *ngIf=\"report?.isPastDate\" class=\"icons\" [appTooltip]=\"'This date occurs in the past. Select a future date.'\"\r\n                                placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;</i>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"exel-view-column\">{{report?.responsibilityWindow}}</div>\r\n                <div class=\"exel-view-column\">{{report?.failedAfter}}</div>\r\n                <div class=\"exel-view-column\">{{report?.reportClass}}</div>\r\n                <div class=\"exel-view-column\">{{report?.responsibilityCenter}}</div>\r\n                <div class=\"exel-view-column\"\r\n                    [class.error]=\"report?.reviewer && ((report?.reviewer == report?.alwaysNotify) ||  (report?.reviewer == report?.notifyOnFailure)\r\n                      || (report?.reviewer == report?.assignee) )\">\r\n                    {{report?.reviewer}}\r\n\r\n                    <i *ngIf=\"(report?.reviewer) && ((report?.reviewer == report?.alwaysNotify) || (report?.reviewer == report?.notifyOnFailure))\"\r\n                        class=\"icons\"\r\n                        [appTooltip]=\"'The Overseer cannot also be the Reviewer of this responsibility. Select another user as the Reviewer'\"\r\n                        placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                    </i>\r\n\r\n                    <i *ngIf=\"report?.reviewer && (report?.reviewer == report?.assignee)\" class=\"icons\"\r\n                        [appTooltip]=\"'The Assignee cannot also be the Reviewer of this responsibility. Select another user as the Reviewer.'\"\r\n                        placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                    </i>\r\n                    <!-- <i *ngIf=\"(report?.reviewer && report?.assignor)\"\r\n                        class=\"icons\"\r\n                        [appTooltip]=\"((report?.assignor)?'The Assignor cannot also be the Reviewer of this responsibility.':'You cannot be a Reviewer of this responsibility since you are the assignor. ') +'Select another user as the Reviewer'\"\r\n                        placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                    </i> -->\r\n                </div>\r\n                <div class=\"exel-view-column\">{{report?.reviewToBeCompletedWithin}}</div>\r\n                <div class=\"exel-view-column\">{{report?.reviewWillBeFailedAfter}}</div>\r\n                <div class=\"exel-view-column\">{{report?.formatForResponsibility}}</div>\r\n                <div class=\"exel-view-column\">{{report?.notes}}</div>\r\n                <div class=\"exel-view-column\">{{report?.documentEvidenceRequired}}</div>\r\n                <div class=\"exel-view-column multi-column\">\r\n                    <div class=\"exel-view-row\">\r\n                        <div class=\"exel-view-column\" [class.error]=\"report?.alwaysNotify && ((report?.alwaysNotify == report?.reviewer)\r\n                        || (report?.alwaysNotify == report?.assignor) || (report?.alwaysNotify == report?.assignee) ||\r\n                        ((!report?.assignor)&&(report?.alwaysNotify == defaultOwner)))\">\r\n                            {{report?.alwaysNotify}}\r\n                            <i *ngIf=\"(report?.alwaysNotify) && ((report?.reviewer == report?.alwaysNotify))\"\r\n                                class=\"icons\"\r\n                                [appTooltip]=\"'The Reviewer cannot also be the Overseer of this responsibility. Select another user as the Overseer.'\"\r\n                                placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                            </i>\r\n\r\n                            <i *ngIf=\"report?.alwaysNotify && (report?.alwaysNotify == report?.assignee)\" class=\"icons\"\r\n                                [appTooltip]=\"'The Assignee cannot also be the Overseer of this responsibility. Select another user as the Overseer'\"\r\n                                placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                            </i>\r\n                            <i *ngIf=\"((report?.alwaysNotify && report?.assignor) && (report?.alwaysNotify == report?.assignor)) ||((report?.alwaysNotify && (!report?.assignor)) && (report?.alwaysNotify == defaultOwner))\"\r\n                                class=\"icons\"\r\n                                [appTooltip]=\"((report?.assignor)?'The Assignor cannot also be the Overseer of this responsibility. ':'You cannot be an Overseer of this responsibility since you are the Assignor. ') +'Select another user as the Overseer.'\"\r\n                                placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                            </i>\r\n                        </div>\r\n                        <div class=\"exel-view-column\" [class.error]=\"report?.notifyOnFailure && ((report?.notifyOnFailure == report?.reviewer)\r\n                        || (report?.notifyOnFailure == report?.assignor) || (report?.notifyOnFailure == report?.assignee) ||\r\n                        ((!report?.assignor)&&(report?.notifyOnFailure == defaultOwner)))\">\r\n                            {{report?.notifyOnFailure}}\r\n                            <i *ngIf=\"(report?.notifyOnFailure) && ((report?.reviewer == report?.notifyOnFailure))\"\r\n                            class=\"icons\"\r\n                            [appTooltip]=\"'The Reviewer cannot also be the Overseer of this responsibility. Select another user as the Overseer.'\"\r\n                            placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                        </i>\r\n\r\n                        <i *ngIf=\"report?.notifyOnFailure && (report?.notifyOnFailure == report?.assignee)\" class=\"icons\"\r\n                            [appTooltip]=\"'The Assignee cannot also be the Overseer of this responsibility. Select another user as the Overseer'\"\r\n                            placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                        </i>\r\n                        <i *ngIf=\"((report?.notifyOnFailure && report?.assignor) && (report?.notifyOnFailure == report?.assignor)) ||((report?.notifyOnFailure && (!report?.assignor)) && (report?.notifyOnFailure == defaultOwner))\"\r\n                            class=\"icons\"\r\n                            [appTooltip]=\"((report?.assignor)?'The Assignor cannot also be the Overseer of this responsibility. ':'You cannot be an Overseer of this responsibility since you are the Assignor. ') +'Select another user as the Overseer.'\"\r\n                            placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                        </i>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n\r\n                <div class=\"exel-view-column\">{{report?.keyResponsibility}}</div>\r\n                <div class=\"exel-view-column\">{{report?.objective}}</div>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"bulk-view-footer\">\r\n        <div class=\"left\">\r\n            <p>{{finalResponsibilities}} out of {{responsibilityBulkUpload?.reports?.length}} responsibilities will be\r\n                uploaded.</p>\r\n        </div>\r\n        <div class=\"right\">\r\n            <button (click)=\"close()\" id=\"bulk-resp-cancel\" >Cancel</button>\r\n            <button (click)=\"submit()\" id=\"bulk-resp-confirm\" [disabled]=\"finalResponsibilities<1\" class=\"blue\">Confirm</button>\r\n        </div>\r\n    </div>\r\n</div>\r\n<app-loader  *ngIf=\"loader\"></app-loader>\r\n\r\n</ng-container>\r\n\r\n<!-- --------------------------------------------------------------------upward is new one-------------------- -->\r\n<app-loader  *ngIf=\"loader\"></app-loader>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- HTML for multiple tabs -->\r\n<ng-container *ngIf=\"responsibilityType === 'multiTab'\">\r\n    <div class=\"bulk-view\">\r\n        <div class=\"bulk-view-head\">\r\n            <h2 class=\"bulk-view-title\">\r\n                {{fileName}}\r\n            </h2>\r\n        </div>\r\n        <div class=\"bulk-view-body bulk\">\r\n            <div class=\"exel-view\">\r\n                <div class=\"exel-view-row head\">\r\n                    <div class=\"exel-view-column sl-no\">#</div>\r\n                    <div class=\"exel-view-column\">Responsibility Name <span class=\"required\">*</span></div>\r\n                    <div class=\"exel-view-column\" *ngIf=\"responsibilityBulkUpload?.header.includes('Program')\" [class.three-column]=\"true\">\r\n                        <div class=\"exel-view-row\">\r\n                            <div class=\"exel-view-column large\">Program</div>\r\n                        </div>\r\n                        <div class=\"exel-view-row multi-column\" [class.three-column]=\"true\">\r\n                            <div class=\"exel-view-column\">Program Type</div>\r\n                            <div class=\"exel-view-column\">Program</div>\r\n                            <div class=\"exel-view-column\">Program Category</div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"exel-view-column\">Entrusted By</div>\r\n                    <div class=\"exel-view-column\" [class.two-column]=\"true\">\r\n                        <div class=\"exel-view-row\">\r\n                            <div class=\"exel-view-column large\">Entrust To <span class=\"required\">*</span></div>\r\n                        </div>\r\n                        <div class=\"exel-view-row multi-column\" [class.two-column]=\"true\">\r\n                            <div class=\"exel-view-column\">Person or Group<span class=\"required\">*</span></div>\r\n                            <div class=\"exel-view-column\">All or Any Persons</div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"exel-view-column\">Key Responsibility?</div>\r\n                    <div class=\"exel-view-column\" [class.five-column]=\"tabType === 'frequency' || tabType === 'onCompletion'\" [class.three-column]=\"tabType === 'ongoing'\">\r\n                        <div class=\"exel-view-row\">\r\n                            <!-- <div class=\"exel-view-column large\">Frequency of Occurrence and Completion Window <span class=\"required\">*</span></div> -->\r\n                            <div class=\"exel-view-column large\">{{responsibilityBulkUpload?.header.includes('Program') ? responsibilityBulkUpload?.header[8]?.slice(0, -1) : responsibilityBulkUpload?.header[5]?.slice(0, -1)}}<span class=\"required\">*</span></div>\r\n                        </div>\r\n                        <div class=\"exel-view-row multi-column\" [class.five-column]=\"tabType === 'frequency' || tabType === 'onCompletion'\" [class.three-column]=\"tabType === 'ongoing'\">\r\n                            <ng-container *ngIf=\"tabType === 'frequency'\">\r\n                                <div class=\"exel-view-column\">Frequency <span class=\"required\">*</span></div>\r\n                                <div class=\"exel-view-column\">Due Date <span class=\"info-text\">(Day)</span></div>\r\n                                <div class=\"exel-view-column\">Due Date <span class=\"info-text\">(Month)</span></div>\r\n                                <div class=\"exel-view-column\">Start <span class=\"info-text\">(No. of days before the due date)</span></div>\r\n                                <div class=\"exel-view-column\">Fail <span class=\"info-text\" appTooltip=\"(No. of days after the due date. Select '0' if the responsibility must be completed on the due date)\" placement=\"bottom\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">(No. of days after the due date. Select \"0\" if the responsibility must be completed on the due date)</span></div>\r\n                            </ng-container>\r\n                            <ng-container *ngIf=\"tabType === 'ongoing'\">\r\n                                <div class=\"exel-view-column\">Ongoing Frequency <span class=\"required\">*</span></div>\r\n                                <div class=\"exel-view-column\">Set a Reminder?</div>\r\n                                <div class=\"exel-view-column\">Frequency of Reminder</div>\r\n                            </ng-container>\r\n                            <ng-container *ngIf=\"tabType === 'onCompletion'\">\r\n                                <div class=\"exel-view-column\">On Completion of Frequency <span class=\"required\">*</span></div>\r\n                                <div class=\"exel-view-column\">Parent Responsibility<span class=\"info-text\">(Day)</span></div>\r\n                                <div class=\"exel-view-column\">Due Date <span class=\"info-text\" appTooltip=\"(No. of days after completion of the Parent Responsibility)\" placement=\"bottom\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">(No. of days after completion of the Parent Responsibility)</span></div>\r\n                                <div class=\"exel-view-column\">Start <span class=\"info-text\" appTooltip=\"(No. of days before the due date)\" placement=\"bottom\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">(No. of days before the due date)</span></div>\r\n                                <div class=\"exel-view-column\">Fail <span class=\"info-text\" appTooltip=\"(No. of days after the due date. Select '0' if the responsibility must be completed on the due date)\" placement=\"bottom\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">(No. of days after the due date. Select \"0\" if the responsibility must be completed on the due date)</span></div>\r\n                            </ng-container>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"exel-view-column\">Responsibility Centre</div>\r\n                    <div class=\"exel-view-column\">Risk Class</div>\r\n                    <div class=\"exel-view-column\">Objective</div>\r\n                    <div class=\"exel-view-column\">Notes</div>\r\n                    <div class=\"exel-view-column\" [class.two-column]=\"true\">\r\n                        <div class=\"exel-view-row\">\r\n                            <div class=\"exel-view-column large\">Format & Evidence</div>\r\n                        </div>\r\n                        <div class=\"exel-view-row multi-column\" [class.two-column]=\"true\" [class.three-column]=\"false\">\r\n                            <div class=\"exel-view-column\" [class.small-column]=\"true\">Format</div>\r\n                            <div class=\"exel-view-column\">Format For Responsibility (link)</div>\r\n                            <div class=\"exel-view-column\" [class.small-column]=\"true\">Evidence</div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"exel-view-column\">Assessments or Checkpoints</div>\r\n                    <div class=\"exel-view-column\" [class.two-column]=\"true\">\r\n                        <div class=\"exel-view-row\">\r\n                            <div class=\"exel-view-column large\">Review of Responsibility</div>\r\n                        </div>\r\n                        <div class=\"exel-view-row multi-column\" [class.two-column]=\"true\">\r\n                            <div class=\"exel-view-column\">Reviewer</div>\r\n                            <div class=\"exel-view-column\">Review Period (Days)</div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"exel-view-column\" [class.two-column]=\"true\">\r\n                        <div class=\"exel-view-row\">\r\n                            <div class=\"exel-view-column large\">Overseer</div>\r\n                        </div>\r\n                        <div class=\"exel-view-row multi-column\" [class.two-column]=\"true\">\r\n                            <div class=\"exel-view-column\">Always Notify</div>\r\n                            <div class=\"exel-view-column\">Notify on Failure</div>\r\n                        </div>\r\n                    </div>\r\n                    <!-- <div class=\"exel-view-column\">Overseer</div> -->\r\n    \r\n                </div>\r\n                <div class=\"exel-view-row\" *ngFor=\"let report of responsibilityBulkUpload?.reports; let i = index\">\r\n                    <div class=\"exel-view-column sl-no\" [class.error]=\"!report?.isValid\">{{i+1}}</div>\r\n                    <div class=\"exel-view-column\" [class.error]=\"!report.responsibilityName\">{{report?.responsibilityName}} <i *ngIf=\"!report.responsibilityName\" class=\"icons\" [appTooltip]=\"'Enter a name for this responsibility.'\"  placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;</i></div>\r\n                    <div class=\"exel-view-column multi-column\" *ngIf=\"responsibilityBulkUpload?.header.includes('Program')\" [class.error]=\"false\" [class.three-column]=\"true\">\r\n                        <div class=\"exel-view-row multi-column\" [class.three-column]=\"true\">\r\n                            <div class=\"exel-view-column\">{{report?.programType}}</div>\r\n                            <div class=\"exel-view-column\">{{report?.program}}</div>\r\n                            <div class=\"exel-view-column\">{{report?.programCategory}}</div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"exel-view-column\" [class.error]=\"report?.assignor && (report?.notifyOnFailure == report?.assignor || report?.assignor == report?.overseer)\">{{report?.assignor}}\r\n                        <i *ngIf=\"((report?.assignor) && (report?.overseer == report?.assignor || report?.notifyOnFailure == report?.assignor))\"\r\n                            class=\"icons\"\r\n                            [appTooltip]=\"'The Overseer cannot also be the Assignor of this responsibility. Select another user as the Assignor.'\"\r\n                            placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                        </i>\r\n                        <!-- <i *ngIf=\"((report?.assignor) && (report?.reviewer === report?.assignor))\"\r\n                            class=\"icons\"\r\n                            [appTooltip]=\"'The Reviewer cannot also be the Assignor of this responsibility. Select another user as the Assignor.'\"\r\n                            placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                        </i> -->\r\n                    </div>\r\n                    <div class=\"exel-view-column multi-column\" [class.two-column]=\"true\">\r\n                        <div class=\"exel-view-row multi-column\" [class.two-column]=\"true\">\r\n                            <div class=\"exel-view-column\" [class.error]=\"!report?.assignee || report?.assignee == report?.reviewer || !report?.userValidateWithProgram?.isValidAssignee || report?.overseer === report?.assignee  || (!report?.isValidUser)\">{{report?.assignee}}\r\n                                <!-- || (!report?.isValidUser) -->\r\n                                <i *ngIf=\"((report?.assignee) && (report?.overseer == report?.assignee))\"\r\n                                    class=\"icons\"\r\n                                    [appTooltip]=\"'The Overseer cannot also be the Assignee of this responsibility. Select another user as the Assignee.'\"\r\n                                    placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                                </i>\r\n                                <i *ngIf=\"((report?.assignee) && (report?.reviewer == report?.assignee))\"\r\n                                    class=\"icons\"\r\n                                    [appTooltip]=\"'The Reviewer cannot also be the Assignee of this responsibility. Select another user as the Assignee.'\"\r\n                                    placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                                </i>\r\n                                <i *ngIf=\"(!report?.assignee) || (!report?.isValidUser)\"\r\n                                    class=\"icons\"\r\n                                    [appTooltip]=\"'Select the user responsible for completing this responsibility. '\"\r\n                                    placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                                </i>\r\n                                <i *ngIf=\"(report?.assignee) && !report?.userValidateWithProgram?.isValidAssignee\"\r\n                                    class=\"icons\"\r\n                                    [appTooltip]=\"'This user is not associated with the selected Program.'\"\r\n                                    placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                                </i>\r\n                            </div>\r\n                            <div class=\"exel-view-column\">{{report?.assigneeType}}</div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"exel-view-column\">{{report?.keyResponsibility}}</div>\r\n                    <div class=\"exel-view-column multi-column\" [class.five-column]=\"tabType === 'frequency' || tabType === 'onCompletion'\" [class.three-column]=\"tabType === 'ongoing'\">\r\n                        <ng-container *ngIf=\"tabType === 'frequency'\">\r\n                            <div class=\"exel-view-row multi-column\" [class.five-column]=\"true\">\r\n                                <div class=\"exel-view-column\" [class.error]=\"!report?.frequency\">{{report?.frequency}}\r\n                                    <i *ngIf=\"!report?.frequency\" class=\"icons\" [appTooltip]=\"'Select a frequency for this responsibility.'\"\r\n                                    placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;</i>\r\n                                </div>\r\n                                <div class=\"exel-view-column\" [class.error]=\"!report?.validDate || report?.isPastDate\">{{report?.day}}\r\n                                    <i *ngIf=\"!report?.validDate\" class=\"icons\" [appTooltip]=\"'Invalid Due Date.'\"\r\n                                        placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;</i>\r\n                                    <i *ngIf=\"report?.isPastDate\" class=\"icons\" [appTooltip]=\"'This date occurs in the past. Select a future date.'\"\r\n                                        placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;</i>\r\n                                </div>\r\n                                <div class=\"exel-view-column\" [class.error]=\"!report?.validDate || report?.isPastDate\">{{report?.month}}\r\n                                    <i *ngIf=\"!report?.validDate\" class=\"icons\" [appTooltip]=\"'Invalid Due Date.'\"\r\n                                        placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;</i>\r\n                                    <i *ngIf=\"report?.isPastDate\" class=\"icons\" [appTooltip]=\"'This date occurs in the past. Select a future date.'\"\r\n                                        placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;</i>\r\n                                </div>\r\n                                <div class=\"exel-view-column\">{{report?.responsibilityWindow}}</div>\r\n                                <div class=\"exel-view-column\">{{report?.failedAfter}}</div>\r\n                            </div>\r\n                        </ng-container>\r\n                        <ng-container *ngIf=\"tabType === 'ongoing'\">\r\n                            <div class=\"exel-view-row multi-column\" [class.three-column]=\"true\">\r\n                                <div class=\"exel-view-column\" [class.error]=\"!report?.frequency\">{{report?.frequency}}\r\n                                    <i *ngIf=\"!report?.frequency\" class=\"icons\" [appTooltip]=\"'Select a frequency for this responsibility.'\"\r\n                                    placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;</i>\r\n                                </div>\r\n                                <div class=\"exel-view-column\">{{report?.setReminder}}</div>\r\n                                <div class=\"exel-view-column\">{{report?.frequencyReminder}}</div>\r\n                            </div>\r\n                        </ng-container>\r\n                        <ng-container *ngIf=\"tabType === 'onCompletion'\">\r\n                            <div class=\"exel-view-row multi-column\" [class.five-column]=\"true\">\r\n                                <div class=\"exel-view-column\" [class.error]=\"!report?.frequency\">{{report?.frequency}}\r\n                                    <i *ngIf=\"!report?.frequency\" class=\"icons\" [appTooltip]=\"'Select a frequency for this responsibility.'\"\r\n                                    placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;</i>\r\n                                </div>\r\n                                <div class=\"exel-view-column\" [class.error]=\"!report?.parentResponsibility\">{{report?.parentResponsibility}}\r\n                                    <i *ngIf=\"!report?.parentResponsibility\" class=\"icons\" [appTooltip]=\"'Select a parent responsibility on whose completion this responsibility will become active.'\"\r\n                                    placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;</i>\r\n                                </div>\r\n                                <div class=\"exel-view-column\">{{report?.dueDate}}</div>\r\n                                <div class=\"exel-view-column\">{{report?.responsibilityWindow}}</div>\r\n                                <div class=\"exel-view-column\">{{report?.failedAfter}}</div>\r\n                            </div>\r\n                        </ng-container>\r\n                    </div>\r\n                    <div class=\"exel-view-column\">{{report?.responsibilityCenter}}</div>\r\n                    <div class=\"exel-view-column\">{{report?.reportClass}}</div>\r\n                    <div class=\"exel-view-column\">{{report?.objective}}</div>\r\n                    <div class=\"exel-view-column\">{{report?.notes}}</div>\r\n                    <div class=\"exel-view-column multi-column\" [class.two-column]=\"true\">\r\n                        <div class=\"exel-view-row multi-column\" [class.two-column]=\"true\">\r\n                            <div class=\"exel-view-column multi-column\">\r\n                                <div class=\"exel-view-row multi-column\">\r\n                                    <div class=\"exel-view-column\" [class.small-column]=\"true\">{{report?.isFormat}}</div>\r\n                                    <div class=\"exel-view-column\">{{report?.formatForResponsibility}}</div>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"exel-view-column\" [class.small-column]=\"true\">{{report?.documentEvidenceRequired}}</div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"exel-view-column\">{{report?.assessments}}</div>\r\n                    <div class=\"exel-view-column multi-column\" [class.two-column]=\"true\">\r\n                        <div class=\"exel-view-row multi-column\" [class.two-column]=\"true\">\r\n                            <div class=\"exel-view-column\" [class.error]=\"report?.reviewer && ((report?.reviewer === report?.overseer)\r\n                            || (report?.reviewer === report?.assignee) || !report?.userValidateWithProgram?.isValidReviewer )\">{{report?.reviewer}}\r\n                        <i *ngIf=\"(report?.reviewer) && ((report?.reviewer === report?.overseer))\"\r\n                            class=\"icons\"\r\n                            [appTooltip]=\"'The Overseer cannot also be the Reviewer of this responsibility. Select another user as the Reviewer'\"\r\n                            placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                        </i>\r\n    \r\n                        <i *ngIf=\"report?.reviewer && (report?.reviewer === report?.assignee)\" class=\"icons\"\r\n                            [appTooltip]=\"'The Assignee cannot also be the Reviewer of this responsibility. Select another user as the Reviewer.'\"\r\n                            placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                        </i>\r\n                        <!-- <i *ngIf=\"(report?.reviewer && report?.reviewer === report?.assignor)\"\r\n                            class=\"icons\"\r\n                            [appTooltip]=\"((report?.assignor)?'The Assignor cannot also be the Reviewer of this responsibility.':'You cannot be a Reviewer of this responsibility since you are the assignor. ') +'Select another user as the Reviewer'\"\r\n                            placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                        </i> -->\r\n                        <i *ngIf=\"report?.reviewer && !report?.userValidateWithProgram?.isValidReviewer\"\r\n                            class=\"icons\"\r\n                            [appTooltip]=\"'This user is not associated with the selected Program.'\"\r\n                            placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                        </i>\r\n                            </div>\r\n                            <div class=\"exel-view-column\">{{report?.reviewToBeCompletedWithin}}</div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"exel-view-column multi-column\" [class.two-column]=\"true\">\r\n                        <div class=\"exel-view-row multi-column\" [class.two-column]=\"true\">\r\n                            <div class=\"exel-view-column\" [class.error]=\"report?.overseer && ((report?.reviewer === report?.overseer)\r\n                            || (report?.overseer === report?.assignee) || (report?.overseer === report?.assignor) || !report?.userValidateWithProgram?.isValidOverseer )\">\r\n                            {{report?.overseer}}\r\n                                <i *ngIf=\"(report?.overseer) && ((report?.reviewer === report?.overseer))\"\r\n                                class=\"icons\"\r\n                                [appTooltip]=\"'The Reviewer cannot also be the Overseer of this responsibility. Select another user as the Overseer.'\"\r\n                                placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                                </i>\r\n\r\n                                <i *ngIf=\"report?.overseer && (report?.overseer === report?.assignee)\" class=\"icons\"\r\n                                    [appTooltip]=\"'The Assignee cannot also be the Overseer of this responsibility. Select another user as the Overseer'\"\r\n                                    placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                                </i>\r\n                                <i *ngIf=\"((report?.overseer && report?.assignor) && (report?.overseer == report?.assignor)) ||((report?.overseer && (!report?.assignor)) && (report?.overseer == defaultOwner))\"\r\n                                    class=\"icons\"\r\n                                    [appTooltip]=\"((report?.assignor)?'The Assignor cannot also be the Overseer of this responsibility. ':'You cannot be an Overseer of this responsibility since you are the Assignor. ') +'Select another user as the Overseer.'\"\r\n                                    placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                                </i>\r\n                                <i *ngIf=\"(report?.overseer) && !report?.userValidateWithProgram?.isValidOverseer\"\r\n                                    class=\"icons\"\r\n                                    [appTooltip]=\"'This user is not associated with the selected Program.'\"\r\n                                    placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                                </i>\r\n                            </div>\r\n                            <div class=\"exel-view-column\" [class.error]=\"report?.notifyOnFailure && ((report?.reviewer === report?.notifyOnFailure)\r\n                            || (report?.notifyOnFailure === report?.assignee) || ((report?.notifyOnFailure && report?.assignor) && (report?.notifyOnFailure == report?.assignor)) ||((report?.notifyOnFailure && (!report?.assignor)) && (report?.notifyOnFailure == defaultOwner)) || !report?.userValidateWithProgram?.isValidNotifyOnFailure )\">\r\n                                {{report?.notifyOnFailure}}\r\n                                <i *ngIf=\"(report?.notifyOnFailure) && ((report?.reviewer === report?.notifyOnFailure))\"\r\n                                    class=\"icons\"\r\n                                    [appTooltip]=\"'The Reviewer cannot also be the Overseer of this responsibility. Select another user as the Overseer.'\"\r\n                                    placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                                </i>\r\n\r\n                                <i *ngIf=\"report?.notifyOnFailure && (report?.notifyOnFailure === report?.assignee)\" class=\"icons\"\r\n                                    [appTooltip]=\"'The Assignee cannot also be the Overseer of this responsibility. Select another user as the Overseer'\"\r\n                                    placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                                </i>\r\n                                <i *ngIf=\"((report?.notifyOnFailure && report?.assignor) && (report?.notifyOnFailure == report?.assignor)) ||((report?.notifyOnFailure && (!report?.assignor)) && (report?.notifyOnFailure == defaultOwner))\"\r\n                                    class=\"icons\"\r\n                                    [appTooltip]=\"((report?.assignor)?'The Assignor cannot also be the Overseer of this responsibility. ':'You cannot be an Overseer of this responsibility since you are the Assignor. ') +'Select another user as the Overseer.'\"\r\n                                    placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                                </i>\r\n                                <i *ngIf=\"(report?.notifyOnFailure) && !report?.userValidateWithProgram?.isValidNotifyOnFailure\"\r\n                                    class=\"icons\"\r\n                                    [appTooltip]=\"'This user is not associated with the selected Program.'\"\r\n                                    placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                                </i>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    \r\n                    <!-- <div class=\"exel-view-column\" [class.error]=\"(report?.overseer) && ((report?.overseer === report?.assignee) ||(report?.reviewer === report?.overseer) || (report?.overseer == report?.assignor) || (!report?.userValidateWithProgram?.isValidOverseer))\">\r\n                        {{report?.overseer}}\r\n                        <i *ngIf=\"(report?.overseer) && ((report?.reviewer === report?.overseer))\"\r\n                            class=\"icons\"\r\n                            [appTooltip]=\"'The Reviewer cannot also be the Overseer of this responsibility. Select another user as the Overseer.'\"\r\n                            placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                        </i>\r\n\r\n                        <i *ngIf=\"report?.overseer && (report?.overseer === report?.assignee)\" class=\"icons\"\r\n                            [appTooltip]=\"'The Assignee cannot also be the Overseer of this responsibility. Select another user as the Overseer'\"\r\n                            placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                        </i>\r\n                        <i *ngIf=\"((report?.overseer) && (report?.overseer == report?.assignor))\"\r\n                            class=\"icons\"\r\n                            [appTooltip]=\"((report?.assignor)?'The Assignor cannot also be the Overseer of this responsibility. ':'You cannot be an Overseer of this responsibility since you are the Assignor. ') +'Select another user as the Overseer.'\"\r\n                            placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                        </i>\r\n                        <i *ngIf=\"!report?.userValidateWithProgram?.isValidOverseer\"\r\n                            class=\"icons\"\r\n                            [appTooltip]=\"'Selected user is not a valid overseer for selected program.'\"\r\n                            placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                        </i>\r\n                    </div> -->\r\n                </div>\r\n    \r\n    \r\n    \r\n    \r\n    \r\n    \r\n                <!-- ------------------------------------------------old code dynamic------------------------------------------------- -->\r\n    \r\n                <!-- *ngFor=\"let report of responsibilityBulkUpload?.reports; let i = index\" -->\r\n            </div>\r\n        </div>\r\n        <div class=\"bulk-view-option\">\r\n            <button *ngIf=\"bulkUpload?.frequency?.reports?.length\" [class.active]=\"tabType === 'frequency'\" (click)=\"selectedTab.emit('frequency')\">Frequency Responsibilities</button>\r\n            <button *ngIf=\"bulkUpload?.ongoing?.reports?.length\" [class.active]=\"tabType === 'ongoing'\" (click)=\"selectedTab.emit('ongoing')\">Ongoing Responsibilities</button>\r\n            <button *ngIf=\"bulkUpload?.onCompletion?.reports?.length\" [class.active]=\"tabType === 'onCompletion'\" (click)=\"selectedTab.emit('onCompletion')\">On Completion Responsibilities</button>\r\n        </div>\r\n        <div class=\"bulk-view-footer\">\r\n            <!-- <div class=\"left\">\r\n                <p>{{finalResponsibilities}} out of {{responsibilityBulkUpload?.reports?.length}} responsibilities will be\r\n                    uploaded.</p>\r\n            </div> -->\r\n            <div class=\"left\">\r\n                <p>{{finalResponsibilities}} out of {{responsibilityMultiTabBulkUpload?.length}} {{responsibilityMultiTabBulkUpload?.length > 1 ? 'responsibilities' : 'responsibility'}} will be\r\n                    uploaded.</p>\r\n            </div>\r\n            <div class=\"right\">\r\n                <button (click)=\"close()\">Cancel</button>\r\n                <button (click)=\"submit()\" [disabled]=\"!isConfirmClickable\" class=\"blue\">Confirm</button>\r\n                <!-- finalResponsibilities < 1 -->\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <app-loader  *ngIf=\"loader\"></app-loader>\r\n    \r\n</ng-container>\r\n    \r\n    <!-- --------------------------------------------------------------------upward is new one-------------------- -->",
+                    template: "\r\n<ng-container *ngIf=\"responsibilityType === 'singleTab'\">\r\n<div class=\"bulk-view\">\r\n    <div class=\"bulk-view-head\">\r\n        <h2 class=\"bulk-view-title\">\r\n            {{fileName}}\r\n        </h2>\r\n    </div>\r\n    <div class=\"bulk-view-body\">\r\n        <div class=\"exel-view\">\r\n            <div class=\"exel-view-row head\">\r\n                <div class=\"exel-view-column sl-no\">#</div>\r\n                <div class=\"exel-view-column\" *ngFor=\"let heading of responsibilityBulkUpload?.header\"\r\n                    [class.large]=\"heading && heading.startsWith('Inherent')\">\r\n                    <ng-container *ngIf=\"heading && !(heading.startsWith('Due')) && !(heading.startsWith('Oversight'))\">\r\n                        {{(heading.includes('*')? heading.replace('*', '') : heading)}}\r\n                        <span *ngIf=\"heading.includes('*')\" class=\"required\">*</span>\r\n                    </ng-container>\r\n                    <ng-container *ngIf=\"heading && heading.startsWith('Due')\">\r\n                        <div class=\"exel-view-row\">\r\n                            <div class=\"exel-view-column large\">Due Date</div>\r\n                        </div>\r\n                        <div class=\"exel-view-row multi-column\">\r\n                            <div class=\"exel-view-column\">Day</div>\r\n                            <div class=\"exel-view-column\">Month</div>\r\n                        </div>\r\n                    </ng-container>\r\n                    <ng-container *ngIf=\"heading && heading.startsWith('Oversight')\">\r\n                        <div class=\"exel-view-row\">\r\n                            <div class=\"exel-view-column large\">Oversight </div>\r\n                        </div>\r\n                        <div class=\"exel-view-row multi-column\">\r\n                            <div class=\"exel-view-column\">Always Notify</div>\r\n                            <div class=\"exel-view-column\">Notify on Failure</div>\r\n                        </div>\r\n                    </ng-container>\r\n                </div>\r\n\r\n            </div>\r\n            <div class=\"exel-view-row\" *ngFor=\"let report of responsibilityBulkUpload?.reports; let i = index\">\r\n                <div class=\"exel-view-column sl-no\" [class.error]=\"!report.isValid\">{{i+1}}</div>\r\n\r\n                <div class=\"exel-view-column\" [class.error]=\"!report.responsibilityName\">{{report?.responsibilityName}}\r\n                    <i *ngIf=\"!report?.responsibilityName\" class=\"icons\"\r\n                        [appTooltip]=\"'Enter a name for this responsibility.'\" placement=\"bottom-right\" type=\"white\"\r\n                        delay=\"0\" [tooltipMandatory]=true>&#xe932;</i>\r\n                </div>\r\n                <div class=\"exel-view-column\" [class.error]=\"report?.assignor && ((report?.assignor == report?.alwaysNotify) || (report?.assignor == report?.notifyOnFailure))\">\r\n                    {{report?.assignor}}\r\n                    <i *ngIf=\"((report?.assignor) && (report?.notifyOnFailure == report?.assignor||report?.alwaysNotify == report?.assignor))\"\r\n                        class=\"icons\"\r\n                        [appTooltip]=\"'The Overseer cannot also be the Assignor of this responsibility. Select another user as the Assignor.'\"\r\n                        placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                    </i>\r\n<!--\r\n                    <i *ngIf=\"((report?.assignor) && (report?.reviewer == report?.assignor))\"\r\n                        class=\"icons\"\r\n                        [appTooltip]=\"'The Reviewer cannot also be the Assignor of this responsibility. Select another user as the Assignor.'\"\r\n                        placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                    </i>     -->\r\n                </div>\r\n                <div class=\"exel-view-column\" [class.error]=\"!report?.assignee || ((report?.assignee == report?.reviewer)\r\n                || (report?.assignee == report?.alwaysNotify) || (report?.assignee == report?.notifyOnFailure)) || (!report?.isValidUser)\">\r\n                    {{report?.assignee}}\r\n\r\n                    <i *ngIf=\"((report?.assignee) && (report?.notifyOnFailure == report?.assignee||report?.alwaysNotify == report?.assignee))\"\r\n                        class=\"icons\"\r\n                        [appTooltip]=\"'The Overseer cannot also be the Assignee of this responsibility. Select another user as the Assignee.'\"\r\n                        placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                    </i>\r\n\r\n                    <i *ngIf=\"((report?.assignee) && (report?.reviewer == report?.assignee))\"\r\n                        class=\"icons\"\r\n                        [appTooltip]=\"'The Reviewer cannot also be the Assignee of this responsibility. Select another user as the Assignee.'\"\r\n                        placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                    </i>\r\n                    <i *ngIf=\"(!report?.assignee) || (!report?.isValidUser)\"\r\n                    class=\"icons\"\r\n                    [appTooltip]=\"'Select the user responsible for completing this responsibility. '\"\r\n                    placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                    </i>\r\n                </div>\r\n                <div class=\"exel-view-column\" id=\"resCategory\" *ngIf=\"report?.responsibilityCategory!==null\">{{report?.responsibilityCategory}}</div>\r\n                <div class=\"exel-view-column\" [class.error]=\"!report.frequency\">{{report?.frequency}}\r\n                    <i *ngIf=\"!report?.frequency\" class=\"icons\" [appTooltip]=\"'Select a frequency for this responsibility.'\"\r\n                    placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;</i>\r\n                </div>\r\n                <div class=\"exel-view-column multi-column\">\r\n                    <div class=\"exel-view-row\">\r\n                        <div class=\"exel-view-column\" [class.error]=\"!report.isValidDueDate\">{{report?.day}}\r\n                            <i *ngIf=\"!report?.isValidDueDate\" class=\"icons\" [appTooltip]=\"'Invalid Due Date.'\"\r\n                                placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;</i>\r\n                            <i *ngIf=\"report?.isPastDate\" class=\"icons\" [appTooltip]=\"'This date occurs in the past. Select a future date.'\"\r\n                                placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;</i>\r\n                        </div>\r\n                        <div class=\"exel-view-column\" [class.error]=\"!report.isValidDueDate\">{{report?.month}}\r\n                            <i *ngIf=\"!report?.isValidDueDate\" class=\"icons\" [appTooltip]=\"'Invalid Due Date.'\"\r\n                                placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;</i>\r\n                            <i *ngIf=\"report?.isPastDate\" class=\"icons\" [appTooltip]=\"'This date occurs in the past. Select a future date.'\"\r\n                                placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;</i>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"exel-view-column\">{{report?.responsibilityWindow}}</div>\r\n                <div class=\"exel-view-column\">{{report?.failedAfter}}</div>\r\n                <div class=\"exel-view-column\">{{report?.reportClass}}</div>\r\n                <div class=\"exel-view-column\">{{report?.responsibilityCenter}}</div>\r\n                <div class=\"exel-view-column\"\r\n                    [class.error]=\"report?.reviewer && ((report?.reviewer == report?.alwaysNotify) ||  (report?.reviewer == report?.notifyOnFailure)\r\n                      || (report?.reviewer == report?.assignee) )\">\r\n                    {{report?.reviewer}}\r\n\r\n                    <i *ngIf=\"(report?.reviewer) && ((report?.reviewer == report?.alwaysNotify) || (report?.reviewer == report?.notifyOnFailure))\"\r\n                        class=\"icons\"\r\n                        [appTooltip]=\"'The Overseer cannot also be the Reviewer of this responsibility. Select another user as the Reviewer'\"\r\n                        placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                    </i>\r\n\r\n                    <i *ngIf=\"report?.reviewer && (report?.reviewer == report?.assignee)\" class=\"icons\"\r\n                        [appTooltip]=\"'The Assignee cannot also be the Reviewer of this responsibility. Select another user as the Reviewer.'\"\r\n                        placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                    </i>\r\n                    <!-- <i *ngIf=\"(report?.reviewer && report?.assignor)\"\r\n                        class=\"icons\"\r\n                        [appTooltip]=\"((report?.assignor)?'The Assignor cannot also be the Reviewer of this responsibility.':'You cannot be a Reviewer of this responsibility since you are the assignor. ') +'Select another user as the Reviewer'\"\r\n                        placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                    </i> -->\r\n                </div>\r\n                <div class=\"exel-view-column\">{{report?.reviewToBeCompletedWithin}}</div>\r\n                <div class=\"exel-view-column\">{{report?.reviewWillBeFailedAfter}}</div>\r\n                <div class=\"exel-view-column\">{{report?.formatForResponsibility}}</div>\r\n                <div class=\"exel-view-column\">{{report?.notes}}</div>\r\n                <div class=\"exel-view-column\">{{report?.documentEvidenceRequired}}</div>\r\n                <div class=\"exel-view-column multi-column\">\r\n                    <div class=\"exel-view-row\">\r\n                        <div class=\"exel-view-column\" [class.error]=\"report?.alwaysNotify && ((report?.alwaysNotify == report?.reviewer)\r\n                        || (report?.alwaysNotify == report?.assignor) || (report?.alwaysNotify == report?.assignee) ||\r\n                        ((!report?.assignor)&&(report?.alwaysNotify == defaultOwner)))\">\r\n                            {{report?.alwaysNotify}}\r\n                            <i *ngIf=\"(report?.alwaysNotify) && ((report?.reviewer == report?.alwaysNotify))\"\r\n                                class=\"icons\"\r\n                                [appTooltip]=\"'The Reviewer cannot also be the Overseer of this responsibility. Select another user as the Overseer.'\"\r\n                                placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                            </i>\r\n\r\n                            <i *ngIf=\"report?.alwaysNotify && (report?.alwaysNotify == report?.assignee)\" class=\"icons\"\r\n                                [appTooltip]=\"'The Assignee cannot also be the Overseer of this responsibility. Select another user as the Overseer'\"\r\n                                placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                            </i>\r\n                            <i *ngIf=\"((report?.alwaysNotify && report?.assignor) && (report?.alwaysNotify == report?.assignor)) ||((report?.alwaysNotify && (!report?.assignor)) && (report?.alwaysNotify == defaultOwner))\"\r\n                                class=\"icons\"\r\n                                [appTooltip]=\"((report?.assignor)?'The Assignor cannot also be the Overseer of this responsibility. ':'You cannot be an Overseer of this responsibility since you are the Assignor. ') +'Select another user as the Overseer.'\"\r\n                                placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                            </i>\r\n                        </div>\r\n                        <div class=\"exel-view-column\" [class.error]=\"report?.notifyOnFailure && ((report?.notifyOnFailure == report?.reviewer)\r\n                        || (report?.notifyOnFailure == report?.assignor) || (report?.notifyOnFailure == report?.assignee) ||\r\n                        ((!report?.assignor)&&(report?.notifyOnFailure == defaultOwner)))\">\r\n                            {{report?.notifyOnFailure}}\r\n                            <i *ngIf=\"(report?.notifyOnFailure) && ((report?.reviewer == report?.notifyOnFailure))\"\r\n                            class=\"icons\"\r\n                            [appTooltip]=\"'The Reviewer cannot also be the Overseer of this responsibility. Select another user as the Overseer.'\"\r\n                            placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                        </i>\r\n\r\n                        <i *ngIf=\"report?.notifyOnFailure && (report?.notifyOnFailure == report?.assignee)\" class=\"icons\"\r\n                            [appTooltip]=\"'The Assignee cannot also be the Overseer of this responsibility. Select another user as the Overseer'\"\r\n                            placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                        </i>\r\n                        <i *ngIf=\"((report?.notifyOnFailure && report?.assignor) && (report?.notifyOnFailure == report?.assignor)) ||((report?.notifyOnFailure && (!report?.assignor)) && (report?.notifyOnFailure == defaultOwner))\"\r\n                            class=\"icons\"\r\n                            [appTooltip]=\"((report?.assignor)?'The Assignor cannot also be the Overseer of this responsibility. ':'You cannot be an Overseer of this responsibility since you are the Assignor. ') +'Select another user as the Overseer.'\"\r\n                            placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                        </i>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n\r\n                <div class=\"exel-view-column\">{{report?.keyResponsibility}}</div>\r\n                <div class=\"exel-view-column\">{{report?.objective}}</div>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"bulk-view-footer\">\r\n        <div class=\"left\">\r\n            <p>{{finalResponsibilities}} out of {{responsibilityBulkUpload?.reports?.length}} responsibilities will be\r\n                uploaded.</p>\r\n        </div>\r\n        <div class=\"right\">\r\n            <button (click)=\"close()\" id=\"bulk-resp-cancel\" >Cancel</button>\r\n            <button (click)=\"submit()\" id=\"bulk-resp-confirm\" [disabled]=\"finalResponsibilities<1\" class=\"blue\">Confirm</button>\r\n        </div>\r\n    </div>\r\n</div>\r\n<app-loader  *ngIf=\"loader\"></app-loader>\r\n\r\n</ng-container>\r\n\r\n<!-- --------------------------------------------------------------------upward is new one-------------------- -->\r\n<app-loader  *ngIf=\"loader\"></app-loader>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- HTML for multiple tabs -->\r\n<ng-container *ngIf=\"responsibilityType === 'multiTab'\">\r\n    <div class=\"bulk-view\">\r\n        <div class=\"bulk-view-head\">\r\n            <h2 class=\"bulk-view-title\">\r\n                {{fileName}}\r\n            </h2>\r\n        </div>\r\n        <div class=\"bulk-view-body bulk\">\r\n            <div class=\"exel-view\">\r\n                <div class=\"exel-view-row head\">\r\n                    <div class=\"exel-view-column sl-no\">#</div>\r\n                    <div class=\"exel-view-column\">Responsibility Name <span class=\"required\">*</span></div>\r\n                    <div class=\"exel-view-column\" *ngIf=\"responsibilityBulkUpload?.header.includes('Program')\" [class.three-column]=\"true\">\r\n                        <div class=\"exel-view-row\">\r\n                            <div class=\"exel-view-column large\">Program</div>\r\n                        </div>\r\n                        <div class=\"exel-view-row multi-column\" [class.three-column]=\"true\">\r\n                            <div class=\"exel-view-column\">Program Type</div>\r\n                            <div class=\"exel-view-column\">Program</div>\r\n                            <div class=\"exel-view-column\">Program Category</div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"exel-view-column\">Entrusted By</div>\r\n                    <div class=\"exel-view-column\" [class.two-column]=\"true\">\r\n                        <div class=\"exel-view-row\">\r\n                            <div class=\"exel-view-column large\">Entrust To <span class=\"required\">*</span></div>\r\n                        </div>\r\n                        <div class=\"exel-view-row multi-column\" [class.two-column]=\"true\">\r\n                            <div class=\"exel-view-column\">Person or Group<span class=\"required\">*</span></div>\r\n                            <div class=\"exel-view-column\">All or Any Persons</div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"exel-view-column\">Key Responsibility?</div>\r\n                    <div class=\"exel-view-column\" [class.five-column]=\"tabType === 'frequency' || tabType === 'onCompletion'\" [class.three-column]=\"tabType === 'ongoing'\">\r\n                        <div class=\"exel-view-row\">\r\n                            <!-- <div class=\"exel-view-column large\">Frequency of Occurrence and Completion Window <span class=\"required\">*</span></div> -->\r\n                            <div class=\"exel-view-column large\">{{responsibilityBulkUpload?.header.includes('Program') ? responsibilityBulkUpload?.header[8]?.slice(0, -1) : responsibilityBulkUpload?.header[5]?.slice(0, -1)}}<span class=\"required\">*</span></div>\r\n                        </div>\r\n                        <div class=\"exel-view-row multi-column\" [class.five-column]=\"tabType === 'frequency' || tabType === 'onCompletion'\" [class.three-column]=\"tabType === 'ongoing'\">\r\n                            <ng-container *ngIf=\"tabType === 'frequency'\">\r\n                                <div class=\"exel-view-column\">Frequency <span class=\"required\">*</span></div>\r\n                                <div class=\"exel-view-column\">Due Date <span class=\"info-text\">(Day)</span></div>\r\n                                <div class=\"exel-view-column\">Due Date <span class=\"info-text\">(Month)</span></div>\r\n                                <div class=\"exel-view-column\">Start <span class=\"info-text\">(No. of days before the due date)</span></div>\r\n                                <div class=\"exel-view-column\">Fail <span class=\"info-text\" appTooltip=\"(No. of days after the due date. Select '0' if the responsibility must be completed on the due date)\" placement=\"bottom\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">(No. of days after the due date. Select \"0\" if the responsibility must be completed on the due date)</span></div>\r\n                            </ng-container>\r\n                            <ng-container *ngIf=\"tabType === 'ongoing'\">\r\n                                <div class=\"exel-view-column\">Ongoing Frequency <span class=\"required\">*</span></div>\r\n                                <div class=\"exel-view-column\">Set a Reminder?</div>\r\n                                <div class=\"exel-view-column\">Frequency of Reminder</div>\r\n                            </ng-container>\r\n                            <ng-container *ngIf=\"tabType === 'onCompletion'\">\r\n                                <div class=\"exel-view-column\">On Completion of Frequency <span class=\"required\">*</span></div>\r\n                                <div class=\"exel-view-column\">Parent Responsibility<span class=\"info-text\">(Day)</span></div>\r\n                                <div class=\"exel-view-column\">Due Date <span class=\"info-text\" appTooltip=\"(No. of days after completion of the Parent Responsibility)\" placement=\"bottom\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">(No. of days after completion of the Parent Responsibility)</span></div>\r\n                                <div class=\"exel-view-column\">Start <span class=\"info-text\" appTooltip=\"(No. of days before the due date)\" placement=\"bottom\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">(No. of days before the due date)</span></div>\r\n                                <div class=\"exel-view-column\">Fail <span class=\"info-text\" appTooltip=\"(No. of days after the due date. Select '0' if the responsibility must be completed on the due date)\" placement=\"bottom\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">(No. of days after the due date. Select \"0\" if the responsibility must be completed on the due date)</span></div>\r\n                            </ng-container>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"exel-view-column\">Responsibility Centre</div>\r\n                    <div class=\"exel-view-column\">Risk Class</div>\r\n                    <div class=\"exel-view-column\">Objective</div>\r\n                    <div class=\"exel-view-column\">Notes</div>\r\n                    <div class=\"exel-view-column\" [class.two-column]=\"true\">\r\n                        <div class=\"exel-view-row\">\r\n                            <div class=\"exel-view-column large\">Format & Evidence</div>\r\n                        </div>\r\n                        <div class=\"exel-view-row multi-column\" [class.two-column]=\"true\" [class.three-column]=\"false\">\r\n                            <div class=\"exel-view-column\" [class.small-column]=\"true\">Format</div>\r\n                            <div class=\"exel-view-column\">Format For Responsibility (link)</div>\r\n                            <div class=\"exel-view-column\" [class.small-column]=\"true\">Evidence</div>\r\n                        </div>\r\n                    </div>\r\n                    <!-- <div class=\"exel-view-column\">Assessments or Checkpoints</div> -->\r\n                    <div class=\"exel-view-column\" [class.three-column]=\"true\">\r\n                        <div class=\"exel-view-row\">\r\n                            <div class=\"exel-view-column large\">Review of Responsibility</div>\r\n                        </div>\r\n                        <div class=\"exel-view-row multi-column\" [class.three-column]=\"true\">\r\n                            <div class=\"exel-view-column\">Reviewer</div>\r\n                            <div class=\"exel-view-column\">Review Start <span class=\"info-text\">(No. of days before the due date)</span></div>\r\n                            <div class=\"exel-view-column\">Review Fail <span class=\"info-text\" appTooltip=\"(No. of days after the due date. Select '0' if the responsibility must be reviewed on the due date)\" placement=\"bottom\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">(No. of days after the due date. Select \"0\" if the responsibility must be reviewed on the due date)</span></div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"exel-view-column\" [class.two-column]=\"true\">\r\n                        <div class=\"exel-view-row\">\r\n                            <div class=\"exel-view-column large\">Overseer</div>\r\n                        </div>\r\n                        <div class=\"exel-view-row multi-column\" [class.two-column]=\"true\">\r\n                            <div class=\"exel-view-column\">Always Notify</div>\r\n                            <div class=\"exel-view-column\">Notify on Failure</div>\r\n                        </div>\r\n                    </div>\r\n                    <!-- <div class=\"exel-view-column\">Overseer</div> -->\r\n    \r\n                </div>\r\n                <div class=\"exel-view-row\" *ngFor=\"let report of responsibilityBulkUpload?.reports; let i = index\">\r\n                    <div class=\"exel-view-column sl-no\" [class.error]=\"!report?.isValid\">{{i+1}}</div>\r\n                    <div class=\"exel-view-column\" [class.error]=\"!report.responsibilityName\">{{report?.responsibilityName}} <i *ngIf=\"!report.responsibilityName\" class=\"icons\" [appTooltip]=\"'Enter a name for this responsibility.'\"  placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;</i></div>\r\n                    <div class=\"exel-view-column multi-column\" *ngIf=\"responsibilityBulkUpload?.header.includes('Program')\" [class.error]=\"false\" [class.three-column]=\"true\">\r\n                        <div class=\"exel-view-row multi-column\" [class.three-column]=\"true\">\r\n                            <div class=\"exel-view-column\">{{report?.programType}}</div>\r\n                            <div class=\"exel-view-column\">{{report?.program}}</div>\r\n                            <div class=\"exel-view-column\">{{report?.programCategory}}</div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"exel-view-column\" [class.error]=\"report?.assignor && (report?.notifyOnFailure == report?.assignor || report?.assignor == report?.overseer)\">{{report?.assignor}}\r\n                        <i *ngIf=\"((report?.assignor) && (report?.overseer == report?.assignor || report?.notifyOnFailure == report?.assignor))\"\r\n                            class=\"icons\"\r\n                            [appTooltip]=\"'The Overseer cannot also be the Assignor of this responsibility. Select another user as the Assignor.'\"\r\n                            placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                        </i>\r\n                        <!-- <i *ngIf=\"((report?.assignor) && (report?.reviewer === report?.assignor))\"\r\n                            class=\"icons\"\r\n                            [appTooltip]=\"'The Reviewer cannot also be the Assignor of this responsibility. Select another user as the Assignor.'\"\r\n                            placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                        </i> -->\r\n                    </div>\r\n                    <div class=\"exel-view-column multi-column\" [class.two-column]=\"true\">\r\n                        <div class=\"exel-view-row multi-column\" [class.two-column]=\"true\">\r\n                            <div class=\"exel-view-column\" [class.error]=\"!report?.assignee || report?.assignee == report?.reviewer || !report?.userValidateWithProgram?.isValidAssignee || report?.overseer === report?.assignee  || (!report?.isValidUser)\">{{report?.assignee}}\r\n                                <!-- || (!report?.isValidUser) -->\r\n                                <i *ngIf=\"((report?.assignee) && (report?.overseer == report?.assignee))\"\r\n                                    class=\"icons\"\r\n                                    [appTooltip]=\"'The Overseer cannot also be the Assignee of this responsibility. Select another user as the Assignee.'\"\r\n                                    placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                                </i>\r\n                                <i *ngIf=\"((report?.assignee) && (report?.reviewer == report?.assignee))\"\r\n                                    class=\"icons\"\r\n                                    [appTooltip]=\"'The Reviewer cannot also be the Assignee of this responsibility. Select another user as the Assignee.'\"\r\n                                    placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                                </i>\r\n                                <i *ngIf=\"(!report?.assignee) || (!report?.isValidUser)\"\r\n                                    class=\"icons\"\r\n                                    [appTooltip]=\"'Select the user responsible for completing this responsibility. '\"\r\n                                    placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                                </i>\r\n                                <i *ngIf=\"(report?.assignee) && !report?.userValidateWithProgram?.isValidAssignee\"\r\n                                    class=\"icons\"\r\n                                    [appTooltip]=\"'This user is not associated with the selected Program.'\"\r\n                                    placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                                </i>\r\n                            </div>\r\n                            <div class=\"exel-view-column\">{{report?.assigneeType}}</div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"exel-view-column\">{{report?.keyResponsibility}}</div>\r\n                    <div class=\"exel-view-column multi-column\" [class.five-column]=\"tabType === 'frequency' || tabType === 'onCompletion'\" [class.three-column]=\"tabType === 'ongoing'\">\r\n                        <ng-container *ngIf=\"tabType === 'frequency'\">\r\n                            <div class=\"exel-view-row multi-column\" [class.five-column]=\"true\">\r\n                                <div class=\"exel-view-column\" [class.error]=\"!report?.frequency\">{{report?.frequency}}\r\n                                    <i *ngIf=\"!report?.frequency\" class=\"icons\" [appTooltip]=\"'Select a frequency for this responsibility.'\"\r\n                                    placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;</i>\r\n                                </div>\r\n                                <div class=\"exel-view-column\" [class.error]=\"!report?.validDate || report?.isPastDate\">{{report?.day}}\r\n                                    <i *ngIf=\"!report?.validDate\" class=\"icons\" [appTooltip]=\"'Invalid Due Date.'\"\r\n                                        placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;</i>\r\n                                    <i *ngIf=\"report?.isPastDate\" class=\"icons\" [appTooltip]=\"'This date occurs in the past. Select a future date.'\"\r\n                                        placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;</i>\r\n                                </div>\r\n                                <div class=\"exel-view-column\" [class.error]=\"!report?.validDate || report?.isPastDate\">{{report?.month}}\r\n                                    <i *ngIf=\"!report?.validDate\" class=\"icons\" [appTooltip]=\"'Invalid Due Date.'\"\r\n                                        placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;</i>\r\n                                    <i *ngIf=\"report?.isPastDate\" class=\"icons\" [appTooltip]=\"'This date occurs in the past. Select a future date.'\"\r\n                                        placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;</i>\r\n                                </div>\r\n                                <div class=\"exel-view-column\">{{report?.responsibilityWindow}}</div>\r\n                                <div class=\"exel-view-column\">{{report?.failedAfter}}</div>\r\n                            </div>\r\n                        </ng-container>\r\n                        <ng-container *ngIf=\"tabType === 'ongoing'\">\r\n                            <div class=\"exel-view-row multi-column\" [class.three-column]=\"true\">\r\n                                <div class=\"exel-view-column\" [class.error]=\"!report?.frequency\">{{report?.frequency}}\r\n                                    <i *ngIf=\"!report?.frequency\" class=\"icons\" [appTooltip]=\"'Select a frequency for this responsibility.'\"\r\n                                    placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;</i>\r\n                                </div>\r\n                                <div class=\"exel-view-column\">{{report?.setReminder}}</div>\r\n                                <div class=\"exel-view-column\">{{report?.frequencyReminder}}</div>\r\n                            </div>\r\n                        </ng-container>\r\n                        <ng-container *ngIf=\"tabType === 'onCompletion'\">\r\n                            <div class=\"exel-view-row multi-column\" [class.five-column]=\"true\">\r\n                                <div class=\"exel-view-column\" [class.error]=\"!report?.frequency\">{{report?.frequency}}\r\n                                    <i *ngIf=\"!report?.frequency\" class=\"icons\" [appTooltip]=\"'Select a frequency for this responsibility.'\"\r\n                                    placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;</i>\r\n                                </div>\r\n                                <div class=\"exel-view-column\" [class.error]=\"!report?.parentResponsibility\">{{report?.parentResponsibility}}\r\n                                    <i *ngIf=\"!report?.parentResponsibility\" class=\"icons\" [appTooltip]=\"'Select a parent responsibility on whose completion this responsibility will become active.'\"\r\n                                    placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;</i>\r\n                                </div>\r\n                                <div class=\"exel-view-column\">{{report?.dueDate}}</div>\r\n                                <div class=\"exel-view-column\">{{report?.responsibilityWindow}}</div>\r\n                                <div class=\"exel-view-column\">{{report?.failedAfter}}</div>\r\n                            </div>\r\n                        </ng-container>\r\n                    </div>\r\n                    <div class=\"exel-view-column\">{{report?.responsibilityCenter}}</div>\r\n                    <div class=\"exel-view-column\">{{report?.reportClass}}</div>\r\n                    <div class=\"exel-view-column\">{{report?.objective}}</div>\r\n                    <div class=\"exel-view-column\">{{report?.notes}}</div>\r\n                    <div class=\"exel-view-column multi-column\" [class.two-column]=\"true\">\r\n                        <div class=\"exel-view-row multi-column\" [class.two-column]=\"true\">\r\n                            <div class=\"exel-view-column multi-column\">\r\n                                <div class=\"exel-view-row multi-column\">\r\n                                    <div class=\"exel-view-column\" [class.small-column]=\"true\">{{report?.isFormat}}</div>\r\n                                    <div class=\"exel-view-column\">{{report?.formatForResponsibility}}</div>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"exel-view-column\" [class.small-column]=\"true\">{{report?.documentEvidenceRequired}}</div>\r\n                        </div>\r\n                    </div>\r\n                    <!-- <div class=\"exel-view-column\">{{report?.assessments}}</div> -->\r\n                    <div class=\"exel-view-column multi-column\" [class.three-column]=\"true\">\r\n                        <div class=\"exel-view-row multi-column\" [class.three-column]=\"true\">\r\n                            <div class=\"exel-view-column\" [class.error]=\"report?.reviewer && ((report?.reviewer === report?.overseer)\r\n                            || (report?.reviewer === report?.assignee) || !report?.userValidateWithProgram?.isValidReviewer )\">{{report?.reviewer}}\r\n                        <i *ngIf=\"(report?.reviewer) && ((report?.reviewer === report?.overseer))\"\r\n                            class=\"icons\"\r\n                            [appTooltip]=\"'The Overseer cannot also be the Reviewer of this responsibility. Select another user as the Reviewer'\"\r\n                            placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                        </i>\r\n    \r\n                        <i *ngIf=\"report?.reviewer && (report?.reviewer === report?.assignee)\" class=\"icons\"\r\n                            [appTooltip]=\"'The Assignee cannot also be the Reviewer of this responsibility. Select another user as the Reviewer.'\"\r\n                            placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                        </i>\r\n                        <!-- <i *ngIf=\"(report?.reviewer && report?.reviewer === report?.assignor)\"\r\n                            class=\"icons\"\r\n                            [appTooltip]=\"((report?.assignor)?'The Assignor cannot also be the Reviewer of this responsibility.':'You cannot be a Reviewer of this responsibility since you are the assignor. ') +'Select another user as the Reviewer'\"\r\n                            placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                        </i> -->\r\n                        <i *ngIf=\"report?.reviewer && !report?.userValidateWithProgram?.isValidReviewer\"\r\n                            class=\"icons\"\r\n                            [appTooltip]=\"'This user is not associated with the selected Program.'\"\r\n                            placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                        </i>\r\n                            </div>\r\n                            <div class=\"exel-view-column\">{{report?.reviewToBeCompletedWithin}}</div>\r\n                            <div class=\"exel-view-column\">{{report?.reviewWillBeFailedAfter}}</div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"exel-view-column multi-column\" [class.two-column]=\"true\">\r\n                        <div class=\"exel-view-row multi-column\" [class.two-column]=\"true\">\r\n                            <div class=\"exel-view-column\" [class.error]=\"report?.overseer && ((report?.reviewer === report?.overseer)\r\n                            || (report?.overseer === report?.assignee) || (report?.overseer === report?.assignor) || !report?.userValidateWithProgram?.isValidOverseer )\">\r\n                            {{report?.overseer}}\r\n                                <i *ngIf=\"(report?.overseer) && ((report?.reviewer === report?.overseer))\"\r\n                                class=\"icons\"\r\n                                [appTooltip]=\"'The Reviewer cannot also be the Overseer of this responsibility. Select another user as the Overseer.'\"\r\n                                placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                                </i>\r\n\r\n                                <i *ngIf=\"report?.overseer && (report?.overseer === report?.assignee)\" class=\"icons\"\r\n                                    [appTooltip]=\"'The Assignee cannot also be the Overseer of this responsibility. Select another user as the Overseer'\"\r\n                                    placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                                </i>\r\n                                <i *ngIf=\"((report?.overseer && report?.assignor) && (report?.overseer == report?.assignor)) ||((report?.overseer && (!report?.assignor)) && (report?.overseer == defaultOwner))\"\r\n                                    class=\"icons\"\r\n                                    [appTooltip]=\"((report?.assignor)?'The Assignor cannot also be the Overseer of this responsibility. ':'You cannot be an Overseer of this responsibility since you are the Assignor. ') +'Select another user as the Overseer.'\"\r\n                                    placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                                </i>\r\n                                <i *ngIf=\"(report?.overseer) && !report?.userValidateWithProgram?.isValidOverseer\"\r\n                                    class=\"icons\"\r\n                                    [appTooltip]=\"'This user is not associated with the selected Program.'\"\r\n                                    placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                                </i>\r\n                            </div>\r\n                            <div class=\"exel-view-column\" [class.error]=\"report?.notifyOnFailure && ((report?.reviewer === report?.notifyOnFailure)\r\n                            || (report?.notifyOnFailure === report?.assignee) || ((report?.notifyOnFailure && report?.assignor) && (report?.notifyOnFailure == report?.assignor)) ||((report?.notifyOnFailure && (!report?.assignor)) && (report?.notifyOnFailure == defaultOwner)) || !report?.userValidateWithProgram?.isValidNotifyOnFailure )\">\r\n                                {{report?.notifyOnFailure}}\r\n                                <i *ngIf=\"(report?.notifyOnFailure) && ((report?.reviewer === report?.notifyOnFailure))\"\r\n                                    class=\"icons\"\r\n                                    [appTooltip]=\"'The Reviewer cannot also be the Overseer of this responsibility. Select another user as the Overseer.'\"\r\n                                    placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                                </i>\r\n\r\n                                <i *ngIf=\"report?.notifyOnFailure && (report?.notifyOnFailure === report?.assignee)\" class=\"icons\"\r\n                                    [appTooltip]=\"'The Assignee cannot also be the Overseer of this responsibility. Select another user as the Overseer'\"\r\n                                    placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                                </i>\r\n                                <i *ngIf=\"((report?.notifyOnFailure && report?.assignor) && (report?.notifyOnFailure == report?.assignor)) ||((report?.notifyOnFailure && (!report?.assignor)) && (report?.notifyOnFailure == defaultOwner))\"\r\n                                    class=\"icons\"\r\n                                    [appTooltip]=\"((report?.assignor)?'The Assignor cannot also be the Overseer of this responsibility. ':'You cannot be an Overseer of this responsibility since you are the Assignor. ') +'Select another user as the Overseer.'\"\r\n                                    placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                                </i>\r\n                                <i *ngIf=\"(report?.notifyOnFailure) && !report?.userValidateWithProgram?.isValidNotifyOnFailure\"\r\n                                    class=\"icons\"\r\n                                    [appTooltip]=\"'This user is not associated with the selected Program.'\"\r\n                                    placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                                </i>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    \r\n                    <!-- <div class=\"exel-view-column\" [class.error]=\"(report?.overseer) && ((report?.overseer === report?.assignee) ||(report?.reviewer === report?.overseer) || (report?.overseer == report?.assignor) || (!report?.userValidateWithProgram?.isValidOverseer))\">\r\n                        {{report?.overseer}}\r\n                        <i *ngIf=\"(report?.overseer) && ((report?.reviewer === report?.overseer))\"\r\n                            class=\"icons\"\r\n                            [appTooltip]=\"'The Reviewer cannot also be the Overseer of this responsibility. Select another user as the Overseer.'\"\r\n                            placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                        </i>\r\n\r\n                        <i *ngIf=\"report?.overseer && (report?.overseer === report?.assignee)\" class=\"icons\"\r\n                            [appTooltip]=\"'The Assignee cannot also be the Overseer of this responsibility. Select another user as the Overseer'\"\r\n                            placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                        </i>\r\n                        <i *ngIf=\"((report?.overseer) && (report?.overseer == report?.assignor))\"\r\n                            class=\"icons\"\r\n                            [appTooltip]=\"((report?.assignor)?'The Assignor cannot also be the Overseer of this responsibility. ':'You cannot be an Overseer of this responsibility since you are the Assignor. ') +'Select another user as the Overseer.'\"\r\n                            placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                        </i>\r\n                        <i *ngIf=\"!report?.userValidateWithProgram?.isValidOverseer\"\r\n                            class=\"icons\"\r\n                            [appTooltip]=\"'Selected user is not a valid overseer for selected program.'\"\r\n                            placement=\"bottom-right\" type=\"white\" delay=\"0\" [tooltipMandatory]=true>&#xe932;\r\n                        </i>\r\n                    </div> -->\r\n                </div>\r\n    \r\n    \r\n    \r\n    \r\n    \r\n    \r\n                <!-- ------------------------------------------------old code dynamic------------------------------------------------- -->\r\n    \r\n                <!-- *ngFor=\"let report of responsibilityBulkUpload?.reports; let i = index\" -->\r\n            </div>\r\n        </div>\r\n        <div class=\"bulk-view-option\">\r\n            <button *ngIf=\"bulkUpload?.frequency?.reports?.length\" [class.active]=\"tabType === 'frequency'\" (click)=\"selectedTab.emit('frequency')\">Frequency Responsibilities</button>\r\n            <button *ngIf=\"bulkUpload?.ongoing?.reports?.length\" [class.active]=\"tabType === 'ongoing'\" (click)=\"selectedTab.emit('ongoing')\">Ongoing Responsibilities</button>\r\n            <button *ngIf=\"bulkUpload?.onCompletion?.reports?.length\" [class.active]=\"tabType === 'onCompletion'\" (click)=\"selectedTab.emit('onCompletion')\">On Completion Responsibilities</button>\r\n        </div>\r\n        <div class=\"bulk-view-footer\">\r\n            <!-- <div class=\"left\">\r\n                <p>{{finalResponsibilities}} out of {{responsibilityBulkUpload?.reports?.length}} responsibilities will be\r\n                    uploaded.</p>\r\n            </div> -->\r\n            <div class=\"left\">\r\n                <p>{{finalResponsibilities}} out of {{responsibilityMultiTabBulkUpload?.length}} {{responsibilityMultiTabBulkUpload?.length > 1 ? 'responsibilities' : 'responsibility'}} will be\r\n                    uploaded.</p>\r\n            </div>\r\n            <div class=\"right\">\r\n                <button (click)=\"close()\" id=\"bulk-resp-cancel\">Cancel</button>\r\n                <button (click)=\"submit()\" id=\"bulk-resp-confirm\" [disabled]=\"!isConfirmClickable\" class=\"blue\">Confirm</button>\r\n                <!-- finalResponsibilities < 1 -->\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <app-loader  *ngIf=\"loader\"></app-loader>\r\n    \r\n</ng-container>\r\n    \r\n    <!-- --------------------------------------------------------------------upward is new one-------------------- -->",
                     styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:#747576;border-radius:16px}::-webkit-scrollbar{height:15px}.bulk-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:11}.bulk-view-head{height:60px;padding:20px 24px;background:#161b2f;display:flex;justify-content:flex-start}.bulk-view-title{font-size:16px;line-height:20px;font-weight:400;margin:0;color:#fff}.bulk-view-body{height:calc(100vh - 110px);overflow:auto;width:100%;background:#fff}.bulk-view-body .exel-view{display:block}.bulk-view-body .exel-view-row{display:flex;width:100%}.bulk-view-body .exel-view-row.head .exel-view-column{font-weight:500;font-size:14px;min-height:26px;background:#f1f1f1;padding:0;word-break:unset}.bulk-view-body .exel-view-row.multi-column .exel-view-column{width:140px;min-width:140px}.bulk-view-body .exel-view-column{width:300px;min-width:300px;padding:0 10px;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;display:flex;align-items:center;justify-content:center;text-align:center;word-break:break-all;line-height:16px;font-size:12px;color:#161b2f;flex-wrap:wrap;position:relative}.bulk-view-body .exel-view-column i.icons{position:absolute;top:8px;right:10px;cursor:pointer;color:#d93b41}.bulk-view-body .exel-view-column.large{width:100%;min-width:auto}.bulk-view-body .exel-view-column.error{border:1px solid #eb2424!important;padding-right:24px}.bulk-view-body .exel-view-column.error+.error{border-left:none!important}.bulk-view-body .exel-view-column span.required{color:#eb2424;display:contents}.bulk-view-body .exel-view-column .exel-view-row .exel-view-column{width:100%}.bulk-view-body .exel-view-column.sl-no{background:#f1f1f1;width:60px;min-width:60px;min-height:30px;font-weight:400}.bulk-view-body .exel-view-column.sl-no.error{background:#eb242424;padding-right:10px;border:none;border-bottom:1px solid #dcdcdc}.bulk-view-body .exel-view-column.multi-column{padding:0;border:none}.bulk-view-body .exel-view-column.multi-column .exel-view-row{height:100%}.bulk-view-body .exel-view-column.multi-column .exel-view-column{width:50%;min-width:50%}.bulk-view-body .exel-view-column.multi-column .exel-view-column+.exel-view-column{border-left:none}.bulk-view-body.bulk{height:calc(100vh - 142px)}.bulk-view-body.bulk .exel-view-row.head{position:sticky;top:0;z-index:1}.bulk-view-body.bulk .exel-view-row.head .exel-view-column{min-height:34px}.bulk-view-body.bulk .exel-view-row.head .exel-view-column .info-text{font-size:10px;display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0 8px}.bulk-view-body.bulk .exel-view-row.two-column .exel-view-column{min-width:250px!important}.bulk-view-body.bulk .exel-view-row.five-column .exel-view-column,.bulk-view-body.bulk .exel-view-row.three-column .exel-view-column{width:200px;min-width:200px!important}.bulk-view-body.bulk .exel-view-column .exel-view-row .exel-view-column.small-column{width:120px;min-width:120px!important}.bulk-view-body.bulk .exel-view-column.multi-column .exel-view-column{min-width:unset}.bulk-view-body.bulk .exel-view-column.two-column{width:500px;min-width:500px!important}.bulk-view-body.bulk .exel-view-column.three-column{width:600px;min-width:600px!important}.bulk-view-body.bulk .exel-view-column.five-column{width:1000px;min-width:1000px!important}.bulk-view-option{background:#fff;border-top:1px solid #f1f1f1;padding:0 20px;position:fixed;width:100%;bottom:50px;display:flex;align-items:center}.bulk-view-option button{background:transparent;border-radius:0;border:none;border-left:1px solid #f1f1f1;color:#747576;font-size:11px;font-weight:500;padding:0 .5rem;margin:0;height:2rem;position:relative}.bulk-view-option button:last-of-type{border-right:1px solid #f1f1f1}.bulk-view-option button.active{color:#1e5dd3}.bulk-view-option button.active:before{background:#fff;content:\"\";position:absolute;top:-1px;left:0;height:1px;width:100%}.bulk-view-footer{height:50px;box-shadow:0 0 15px rgba(30,93,210,.35);padding:10px 20px;position:fixed;width:100%;bottom:0;display:flex;align-items:center;justify-content:space-between;background:#fff}.bulk-view-footer .left p{color:#747576;font-size:13px;font-weight:500;margin:0}.bulk-view-footer .right button{font-size:12px;background:#fff;border:1px solid #dcdcdc;color:#747576;border-radius:2px;padding:8px 18px;cursor:pointer;text-transform:uppercase}.bulk-view-footer .right button+button{margin-left:4px}.bulk-view-footer .right button.blue{color:#fff;background:#1e5dd3}.bulk-view-footer .right button:disabled{background:#f1f1f1;border-color:#f1f1f1;pointer-events:none;cursor:not-allowed;color:#747576}"]
                 },] }
     ];
@@ -30977,9 +30977,9 @@
             var _a, _b, _c, _d, _e, _f, _g;
             this.loader = true;
             var payload = [];
-            var frequencyTypeArray = ['1', '2', '3', '4', '7', '0', '6'];
-            var defaultWindow = [0, 2, 7, 30, 7, 15, 3];
-            var defaultFailedDay = [1, 2, 5, 5, 5, 5, 5];
+            var frequencyTypeArray = ['1', '2', '3', '4', '7', '0', '6', '9'];
+            var defaultWindow = [0, 2, 7, 30, 7, 15, 3, 30];
+            var defaultFailedDay = [1, 2, 5, 5, 5, 5, 5, 5];
             // this.bulkUpload?.frequency
             var responsibilityBulkUpload = (_c = (_b = (_a = this.bulkUpload) === null || _a === void 0 ? void 0 : _a.frequency) === null || _b === void 0 ? void 0 : _b.reports) === null || _c === void 0 ? void 0 : _c.concat((_e = (_d = this.bulkUpload) === null || _d === void 0 ? void 0 : _d.ongoing) === null || _e === void 0 ? void 0 : _e.reports, (_g = (_f = this.bulkUpload) === null || _f === void 0 ? void 0 : _f.onCompletion) === null || _g === void 0 ? void 0 : _g.reports);
             // this.responsibilityBulkUpload.reports.forEach((report: any) => {
@@ -31065,8 +31065,8 @@
                         cc_failed_mail: ccFailureDetails ? ccFailureDetails === null || ccFailureDetails === void 0 ? void 0 : ccFailureDetails.email : '',
                         cc_failure_id: ccFailureDetails ? ccFailureDetails === null || ccFailureDetails === void 0 ? void 0 : ccFailureDetails.employeeId : 0,
                         send_reminder: "",
-                        responsibilityWindow: (frequencyType === '1') ? 0 : completeDays,
-                        failed_after: notCompleteDays,
+                        responsibilityWindow: (frequencyType === '1') ? 0 : (completeDays && completeDays != '') ? completeDays : 0,
+                        failed_after: (notCompleteDays && notCompleteDays != '') ? notCompleteDays : 0,
                         excel_sheet_name: "",
                         report_upload_flag: (((report === null || report === void 0 ? void 0 : report.isFormat) === 'Yes') && ((_z = report === null || report === void 0 ? void 0 : report.formatForResponsibility) === null || _z === void 0 ? void 0 : _z.length)) ? 1 : 0,
                         report_id: 0,
@@ -31542,9 +31542,10 @@
                             formatForResponsibility: report[18],
                             documentEvidenceRequired: report[19],
                             // evidenceNotes: report[19],
-                            assessments: report[20],
-                            reviewer: report[21],
-                            reviewToBeCompletedWithin: report[22],
+                            // assessments: report[20],
+                            reviewer: report[20],
+                            reviewToBeCompletedWithin: report[21],
+                            reviewWillBeFailedAfter: report[22],
                             overseer: report[23],
                             notifyOnFailure: report[24]
                         };
@@ -31577,9 +31578,10 @@
                             formatForResponsibility: report[15],
                             documentEvidenceRequired: report[16],
                             // evidenceNotes: report[16],
-                            assessments: report[17],
-                            reviewer: report[18],
-                            reviewToBeCompletedWithin: report[19],
+                            // assessments: report[17],
+                            reviewer: report[17],
+                            reviewToBeCompletedWithin: report[18],
+                            reviewWillBeFailedAfter: report[19],
                             overseer: report[20],
                             notifyOnFailure: report[21]
                         };
@@ -31616,9 +31618,10 @@
                             formatForResponsibility: report[16],
                             documentEvidenceRequired: report[17],
                             // evidenceNotes: report[17],
-                            assessments: report[18],
-                            reviewer: report[19],
-                            reviewToBeCompletedWithin: report[20],
+                            // assessments: report[18],
+                            reviewer: report[18],
+                            reviewToBeCompletedWithin: report[19],
+                            reviewWillBeFailedAfter: report[20],
                             overseer: report[21],
                             notifyOnFailure: report[22]
                         };
@@ -31647,9 +31650,10 @@
                             formatForResponsibility: report[13],
                             documentEvidenceRequired: report[14],
                             // evidenceNotes: report[14],
-                            assessments: report[15],
-                            reviewer: report[16],
-                            reviewToBeCompletedWithin: report[17],
+                            // assessments: report[15],
+                            reviewer: report[15],
+                            reviewToBeCompletedWithin: report[16],
+                            reviewWillBeFailedAfter: report[17],
                             overseer: report[18],
                             notifyOnFailure: report[19]
                         };
@@ -31685,9 +31689,10 @@
                             formatForResponsibility: report[18],
                             documentEvidenceRequired: report[19],
                             // evidenceNotes: report[19],
-                            assessments: report[20],
-                            reviewer: report[21],
-                            reviewToBeCompletedWithin: report[22],
+                            // assessments: report[20],
+                            reviewer: report[20],
+                            reviewToBeCompletedWithin: report[21],
+                            reviewWillBeFailedAfter: report[22],
                             overseer: report[23],
                             notifyOnFailure: report[24]
                         };
@@ -31718,9 +31723,10 @@
                             formatForResponsibility: report[15],
                             documentEvidenceRequired: report[16],
                             // evidenceNotes: report[16],
-                            assessments: report[17],
-                            reviewer: report[18],
-                            reviewToBeCompletedWithin: report[19],
+                            // assessments: report[17],
+                            reviewer: report[17],
+                            reviewToBeCompletedWithin: report[18],
+                            reviewWillBeFailedAfter: report[19],
                             overseer: report[20],
                             notifyOnFailure: report[21]
                         };