vcomply-workflow-engine 0.0.1 → 0.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/vcomply-workflow-engine.umd.js +804 -165
- package/bundles/vcomply-workflow-engine.umd.js.map +1 -1
- package/esm2015/lib/interfaces/issue-data.js +2 -0
- package/esm2015/lib/interfaces/issue-data.ngsummary.json +1 -0
- package/esm2015/lib/log-an-issue/log-an-issue.component.js +396 -52
- package/esm2015/lib/log-an-issue/log-an-issue.component.ngfactory.js +228 -175
- package/esm2015/lib/log-an-issue/log-an-issue.component.ngsummary.json +1 -1
- package/esm2015/lib/more-option/more-option.component.js +20 -20
- package/esm2015/lib/pipes/search.pipe.js +53 -10
- package/esm2015/lib/sharedComponents/checkbox-list/checkbox-list.component.js +2 -2
- package/esm2015/lib/sharedComponents/checkbox-list/checkbox-list.component.ngfactory.js +3 -3
- package/esm2015/lib/sharedComponents/list-loader/list-loader.component.js +15 -0
- package/esm2015/lib/sharedComponents/list-loader/list-loader.component.ngfactory.js +19 -0
- package/esm2015/lib/sharedComponents/list-loader/list-loader.component.ngsummary.json +1 -0
- package/esm2015/lib/sharedComponents/pipes/array-filter.pipe.js +14 -0
- package/esm2015/lib/sharedComponents/pipes/array-filter.pipe.ngsummary.json +1 -0
- package/esm2015/lib/sharedComponents/radio-list/radio-list.component.js +7 -4
- package/esm2015/lib/sharedComponents/radio-list/radio-list.component.ngfactory.js +4 -4
- package/esm2015/lib/sharedComponents/radio-list/radio-list.component.ngsummary.json +1 -1
- package/esm2015/lib/sharedComponents/responsibility-risk-selector/responsibility-risk-selector.component.js +70 -0
- package/esm2015/lib/sharedComponents/responsibility-risk-selector/responsibility-risk-selector.component.ngfactory.js +51 -0
- package/esm2015/lib/sharedComponents/responsibility-risk-selector/responsibility-risk-selector.component.ngsummary.json +1 -0
- package/esm2015/lib/workflow-engine-container/workflow-engine-container.component.js +15 -7
- package/esm2015/lib/workflow-engine-container/workflow-engine-container.component.ngfactory.js +42 -35
- package/esm2015/lib/workflow-engine-container/workflow-engine-container.component.ngsummary.json +1 -1
- package/esm2015/lib/workflow-engine.module.js +8 -1
- package/esm2015/lib/workflow-engine.module.ngfactory.js +1 -1
- package/esm2015/lib/workflow-services/log-issue.service.js +100 -10
- package/esm2015/lib/workflow-services/log-issue.service.ngsummary.json +1 -1
- package/esm2015/vcomply-workflow-engine.js +45 -42
- package/esm2015/vcomply-workflow-engine.ngsummary.json +1 -1
- package/fesm2015/vcomply-workflow-engine.js +686 -100
- package/fesm2015/vcomply-workflow-engine.js.map +1 -1
- package/lib/interfaces/issue-data.d.ts +21 -0
- package/lib/log-an-issue/log-an-issue.component.d.ts +67 -13
- package/lib/pipes/search.pipe.d.ts +1 -1
- package/lib/sharedComponents/list-loader/list-loader.component.d.ts +5 -0
- package/lib/sharedComponents/list-loader/list-loader.component.ngfactory.d.ts +1 -0
- package/lib/sharedComponents/pipes/array-filter.pipe.d.ts +4 -0
- package/lib/sharedComponents/radio-list/radio-list.component.d.ts +3 -2
- package/lib/sharedComponents/responsibility-risk-selector/responsibility-risk-selector.component.d.ts +23 -0
- package/lib/sharedComponents/responsibility-risk-selector/responsibility-risk-selector.component.ngfactory.d.ts +1 -0
- package/lib/workflow-engine-container/workflow-engine-container.component.d.ts +11 -3
- package/lib/workflow-services/log-issue.service.d.ts +6 -1
- package/package.json +1 -1
- package/vcomply-workflow-engine.d.ts +44 -41
- package/vcomply-workflow-engine.metadata.json +1 -1
|
@@ -102,9 +102,15 @@
|
|
|
102
102
|
this.allowedWorkflows = [];
|
|
103
103
|
this.frameworkDetails = []; // only for compliance part for framework
|
|
104
104
|
this.selectedRC = '';
|
|
105
|
-
this.
|
|
106
|
-
|
|
107
|
-
|
|
105
|
+
this.reponsibilityData = {
|
|
106
|
+
responsibilityId: null,
|
|
107
|
+
responsibilityName: '',
|
|
108
|
+
rcId: null
|
|
109
|
+
};
|
|
110
|
+
this.issueData = {
|
|
111
|
+
auditPlanId: null,
|
|
112
|
+
auditPlanName: '',
|
|
113
|
+
rcId: null
|
|
108
114
|
};
|
|
109
115
|
this.entrustButtonName = 'Entrust';
|
|
110
116
|
this.convertFileData = {};
|
|
@@ -356,7 +362,7 @@
|
|
|
356
362
|
WorkflowEngineContainerComponent.decorators = [
|
|
357
363
|
{ type: i0.Component, args: [{
|
|
358
364
|
selector: 'app-workflow-engine-container',
|
|
359
|
-
template: "<app-snack-bar></app-snack-bar>\r\n<div class=\"workflow-engine-overlay\"></div>\r\n<div class=\"workflow-engine\" [class.animate]=\"animation\" [class.bg]=\"(!isWorkflowSelectorEnabled || riskBulkUpload?.showCategoryList) && (!policy?.showCreateDocuments)\">\r\n <button (click)=\"closeWorkflowEngine()\" class=\"close\" [appTooltip]=\"'[Esc] to close'\" placement=\"left\" delay=\"0\" [tooltipMandatory]=\"true\"\r\n [class.disabled]=\"confirmationAlertConfig?.isVisible || !isWorkflowSelectorEnabled\"\r\n [class.smiley-opened]=\"riskComponent?.showSmiley || logIssueComponent?.showSmiley || compliance?.showSmiley || (policy?.showCreateDocuments)\r\n || responsibilityBulkUpload?.showSmiley || responsibilityBulkUpload?.showExcel || riskBulkUpload?.showSmiley || riskBulkUpload?.showExcel\">\r\n <i class=\"icons\"></i>\r\n </button>\r\n <div class=\"workflow-engine-container\" [ngSwitch]=\"currentWorkflow?.code\">\r\n <div *ngIf=\"!(uiKitService.isSmileyOn)\" class=\"workflow-engine-more\" [hidden]=\"showMoreOption === false || policy?.showCreateDocuments\"\r\n [class.disabled]=\"confirmationAlertConfig?.isVisible\" [class.read-only]=\"uiKitService?.isLoader\">\r\n <app-more-option #moreOption [currentWorkflow]=\"currentWorkflow.code\" [openedFrom]=\"openedFrom\"\r\n (selectedOption)=\"addMoreInfo($event)\">\r\n </app-more-option>\r\n </div>\r\n <div style=\"background-color:white\" class=\"workflow-engine-form\"\r\n [class.disabled]=\"confirmationAlertConfig?.isVisible\"\r\n [class.no-shadow]=\"currentWorkflow?.code == 'AMR'|| currentWorkflow?.code == 'CMR' || uiKitService.isSmileyOn || policy?.showCreateDocuments\">\r\n <div class=\"container\" (scroll)=\"scrollForm()\">\r\n <div *ngIf=\"!(uiKitService.isSmileyOn || policy?.showCreateDocuments)\" class=\"form-group-row\" #dropdownRow\r\n [class.disabled]=\"mode === 'EDIT' || !isWorkflowSelectorEnabled || disableWorkflowChange\">\r\n <div class=\"left\" [class.checked]=\"currentWorkflow\">\r\n <svg class=\"checkIcon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\r\n <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n </svg>\r\n </div>\r\n <div class=\"right \">\r\n <div class=\"vx-form-group\" #dropdown>\r\n <label class=\"vx-control-panel\">Select a Workflow <span class=\"required\">*</span></label>\r\n <div class=\"select\" *ngIf=\"!currentWorkflow\" (click)=\"editWorkflow()\">\r\n <input type=\"text\" placeholder=\"Select a Workflow\" readonly>\r\n </div>\r\n <div class=\"selected\" *ngIf=\"currentWorkflow\">\r\n <div class=\"chip-container\">\r\n <span class=\"chip\">{{currentWorkflow?.workflowName}}</span>\r\n </div>\r\n <button class=\"edit\" type=\"button\" (click)=\"editWorkflow()\" *ngIf=\"!workflowList\"><i\r\n class=\"icons\"></i> Edit</button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <!-- <app-create-documents></app-create-documents> -->\r\n <!-- <app-bulk-view></app-bulk-view> -->\r\n <!-- <app-bulk-responsibility-view></app-bulk-responsibility-view> -->\r\n <app-workflow-compliance (disconnectRefresh)=\"isHostRefreshActive = $event\" [isEntrust]=\"entrustButtonName.toLowerCase() == 'entrust' \" [responsibilityId]=\"id\" [mode]=\"mode\" [frameworkDetails]=\"frameworkDetails\"\r\n (closeWorkflow)=\"closeWorkflowEngine($event)\" *ngSwitchCase=\"'CAR'\" #responsibility\r\n (pickerChanged)=\"decideViewMoreOption($event)\" (populateOption)=\"populateMoreOption($event)\"\r\n (hideElementsFromMoreOptions)=\"hideElementsFromMoreOptions($event)\" [selectedRC]=\"selectedRC\"\r\n [openedFrom]=\"openedFrom\" (resetForm)=\"onResetForm()\"></app-workflow-compliance>\r\n <app-workflow-risk (disconnectRefresh)=\"isHostRefreshActive = $event\" *ngSwitchCase=\"'AAR'\" #risk (showConfirmationAlert)=\"showConfirmationPopup($event)\"\r\n (closeWorkflow)=\"closeWorkflowEngine($event)\" (pickerChanged)=\"decideViewMoreOption($event)\"\r\n (populateOption)=\"populateMoreOption($event)\" (refreshForm)=\"onResetForm()\" [mode]=\"mode\" [riskId]=\"id\"></app-workflow-risk>\r\n <app-workflow-policy (disconnectRefresh)=\"isHostRefreshActive = $event\" *ngSwitchCase=\"'CAP'\" #policy\r\n (showConfirmationAlert)=\"showConfirmationPopup($event)\" (shiftToEditMode)=\"shiftToEditMode()\"\r\n [policyId]=\"id\" [mode]=\"mode\" [convertFileData]=\"convertFileData\" [selectedCategory]=\"selectedCategory\"\r\n (populateOption)=\"populateMoreOption($event)\"(pickerChanged)=\"decideViewMoreOption($event)\"></app-workflow-policy>\r\n <app-workflow-survey-form *ngSwitchCase=\"'CAS'\" #surveyForm></app-workflow-survey-form>\r\n <app-add-multiple-risk (disconnectRefresh)=\"isHostRefreshActive = $event\" *ngSwitchCase=\"'AMR'\" #multipleRisk\r\n (pickerChanged)=\"decideViewMoreOption($event)\" (closeWorkflow)=\"closeWorkflowEngine($event)\"></app-add-multiple-risk>\r\n <app-add-multiple-responsibility (disconnectRefresh)=\"isHostRefreshActive = $event\" (closeWorkflow)=\"closeWorkflowEngine($event)\" *ngSwitchCase=\"'CMR'\" #multipleResponsibility>\r\n </app-add-multiple-responsibility>\r\n <app-log-an-issue *ngSwitchCase=\"'LAI'\" [
|
|
365
|
+
template: "<app-snack-bar></app-snack-bar>\r\n<div class=\"workflow-engine-overlay\"></div>\r\n<div class=\"workflow-engine\" [class.animate]=\"animation\" [class.bg]=\"(!isWorkflowSelectorEnabled || riskBulkUpload?.showCategoryList) && (!policy?.showCreateDocuments)\">\r\n <button (click)=\"closeWorkflowEngine()\" class=\"close\" [appTooltip]=\"'[Esc] to close'\" placement=\"left\" delay=\"0\" [tooltipMandatory]=\"true\"\r\n [class.disabled]=\"confirmationAlertConfig?.isVisible || !isWorkflowSelectorEnabled\"\r\n [class.smiley-opened]=\"riskComponent?.showSmiley || logIssueComponent?.showSmiley || compliance?.showSmiley || (policy?.showCreateDocuments)\r\n || responsibilityBulkUpload?.showSmiley || responsibilityBulkUpload?.showExcel || riskBulkUpload?.showSmiley || riskBulkUpload?.showExcel\">\r\n <i class=\"icons\"></i>\r\n </button>\r\n <div class=\"workflow-engine-container\" [ngSwitch]=\"currentWorkflow?.code\">\r\n <div *ngIf=\"!(uiKitService.isSmileyOn)\" class=\"workflow-engine-more\" [hidden]=\"showMoreOption === false || policy?.showCreateDocuments\"\r\n [class.disabled]=\"confirmationAlertConfig?.isVisible\" [class.read-only]=\"uiKitService?.isLoader\">\r\n <app-more-option #moreOption [currentWorkflow]=\"currentWorkflow.code\" [openedFrom]=\"openedFrom\"\r\n (selectedOption)=\"addMoreInfo($event)\">\r\n </app-more-option>\r\n </div>\r\n <div style=\"background-color:white\" class=\"workflow-engine-form\"\r\n [class.disabled]=\"confirmationAlertConfig?.isVisible\"\r\n [class.no-shadow]=\"currentWorkflow?.code == 'AMR'|| currentWorkflow?.code == 'CMR' || uiKitService.isSmileyOn || policy?.showCreateDocuments\">\r\n <div class=\"container\" (scroll)=\"scrollForm()\">\r\n <ng-container *ngIf=\"!['VIEW_AUDIT_EXECUTION_SUMMARY','EXECUTE_AUDIT_PLAN'].includes(openedFrom)\">\r\n <div *ngIf=\"!(uiKitService.isSmileyOn || policy?.showCreateDocuments)\" class=\"form-group-row\" #dropdownRow\r\n [class.disabled]=\"mode === 'EDIT' || !isWorkflowSelectorEnabled || disableWorkflowChange\">\r\n <div class=\"left\" [class.checked]=\"currentWorkflow\">\r\n <svg class=\"checkIcon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\r\n <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n </svg>\r\n </div>\r\n <div class=\"right \">\r\n <div class=\"vx-form-group\" #dropdown>\r\n <label class=\"vx-control-panel\">Select a Workflow <span class=\"required\">*</span></label>\r\n <div class=\"select\" *ngIf=\"!currentWorkflow\" (click)=\"editWorkflow()\">\r\n <input type=\"text\" placeholder=\"Select a Workflow\" readonly>\r\n </div>\r\n <div class=\"selected\" *ngIf=\"currentWorkflow\">\r\n <div class=\"chip-container\">\r\n <span class=\"chip\">{{currentWorkflow?.workflowName}}</span>\r\n </div>\r\n <button class=\"edit\" type=\"button\" (click)=\"editWorkflow()\" *ngIf=\"!workflowList\"><i\r\n class=\"icons\"></i> Edit</button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n <!-- <app-create-documents></app-create-documents> -->\r\n <!-- <app-bulk-view></app-bulk-view> -->\r\n <!-- <app-bulk-responsibility-view></app-bulk-responsibility-view> -->\r\n <app-workflow-compliance (disconnectRefresh)=\"isHostRefreshActive = $event\" [isEntrust]=\"entrustButtonName.toLowerCase() == 'entrust' \" [responsibilityId]=\"id\" [mode]=\"mode\" [frameworkDetails]=\"frameworkDetails\"\r\n (closeWorkflow)=\"closeWorkflowEngine($event)\" *ngSwitchCase=\"'CAR'\" #responsibility\r\n (pickerChanged)=\"decideViewMoreOption($event)\" (populateOption)=\"populateMoreOption($event)\"\r\n (hideElementsFromMoreOptions)=\"hideElementsFromMoreOptions($event)\" [selectedRC]=\"selectedRC\"\r\n [openedFrom]=\"openedFrom\" (resetForm)=\"onResetForm()\"></app-workflow-compliance>\r\n <app-workflow-risk (disconnectRefresh)=\"isHostRefreshActive = $event\" *ngSwitchCase=\"'AAR'\" #risk (showConfirmationAlert)=\"showConfirmationPopup($event)\"\r\n (closeWorkflow)=\"closeWorkflowEngine($event)\" (pickerChanged)=\"decideViewMoreOption($event)\"\r\n (populateOption)=\"populateMoreOption($event)\" (refreshForm)=\"onResetForm()\" [mode]=\"mode\" [riskId]=\"id\"></app-workflow-risk>\r\n <app-workflow-policy (disconnectRefresh)=\"isHostRefreshActive = $event\" *ngSwitchCase=\"'CAP'\" #policy\r\n (showConfirmationAlert)=\"showConfirmationPopup($event)\" (shiftToEditMode)=\"shiftToEditMode()\"\r\n [policyId]=\"id\" [mode]=\"mode\" [convertFileData]=\"convertFileData\" [selectedCategory]=\"selectedCategory\"\r\n (populateOption)=\"populateMoreOption($event)\"(pickerChanged)=\"decideViewMoreOption($event)\"></app-workflow-policy>\r\n <app-workflow-survey-form *ngSwitchCase=\"'CAS'\" #surveyForm></app-workflow-survey-form>\r\n <app-add-multiple-risk (disconnectRefresh)=\"isHostRefreshActive = $event\" *ngSwitchCase=\"'AMR'\" #multipleRisk\r\n (pickerChanged)=\"decideViewMoreOption($event)\" (closeWorkflow)=\"closeWorkflowEngine($event)\"></app-add-multiple-risk>\r\n <app-add-multiple-responsibility (disconnectRefresh)=\"isHostRefreshActive = $event\" (closeWorkflow)=\"closeWorkflowEngine($event)\" *ngSwitchCase=\"'CMR'\" #multipleResponsibility>\r\n </app-add-multiple-responsibility>\r\n <app-log-an-issue [issueDetails]=\"issueData\" *ngSwitchCase=\"'LAI'\" [reponsibilityData]=\"reponsibilityData\" [openedFrom]=\"openedFrom\" [issueId]=\"id\"\r\n #logAnIssue (disconnectRefresh)=\"isHostRefreshActive = $event\" (closeWorkflow)=\"closeWorkflowEngine($event)\"\r\n (pickerChanged)=\"decideViewMoreOption($event)\" (populateOption)=\"populateMoreOption($event)\" [(mode)]=\"mode\">\r\n </app-log-an-issue>\r\n </div>\r\n <button class=\"submit\" [class.disabled]=\"!isWorkflowSelectorEnabled\" *ngSwitchCase=\"'AAR'\"\r\n (click)=\"submit()\">{{mode==='EDIT' ? 'Update' : 'Add'}}</button>\r\n <button class=\"submit\" [class.disabled]=\"!isWorkflowSelectorEnabled || !riskBulkUpload?.category?.selectedCategory\"\r\n (click)=\"bulkUploadBrowse('AMR')\"\r\n *ngSwitchCase=\"'AMR'\">Browse</button>\r\n <button class=\"submit\" [class.disabled]=\"!isWorkflowSelectorEnabled\" (click)=\"bulkUploadBrowse('CMR')\"\r\n *ngSwitchCase=\"'CMR'\">Browse</button>\r\n <button class=\"submit\" [class.disabled]=\"!isWorkflowSelectorEnabled\" (click)=\"submit()\"\r\n *ngSwitchCase=\"'CAR'\">{{entrustButtonName !== '' ? entrustButtonName : 'Entrust'}}</button>\r\n <button class=\"submit\" [class.disabled]=\"!isWorkflowSelectorEnabled\" (click)=\"submit()\"\r\n *ngSwitchCase=\"'CAP'\">{{(convertFileData.fileName)?'NEXT':((mode=='EDIT')? 'Update':'Continue to draft')}}</button>\r\n <button class=\"submit\" [class.disabled]=\"!isWorkflowSelectorEnabled\" *ngSwitchCase=\"'CAS'\">\r\n Continue to draft </button>\r\n <button class=\"submit\" [class.disabled]=\"!isWorkflowSelectorEnabled\" *ngSwitchCase=\"'LAI'\"\r\n (click)=\"submit()\">{{mode==='EDIT' ? 'Update' : 'Add'}}</button>\r\n <div class=\"dropdown\" *ngIf=\"workflowList\" (click)=\"closeWorkflowList()\" [style.top.px]=\"dropdownTop\"\r\n [style.left.px]=\"dropdownLeft\" [style.width.px]=\"dropdownWidth\">\r\n <ul class=\"dropdown-list\">\r\n <li *ngFor=\"let workflow of workflowTypeList\" (click)=\"changeWorkflow($event,workflow)\">\r\n <app-cs-radio [value]=\"workflow?.code\" [checked]=\"currentWorkflow?.code===workflow?.code\">\r\n {{workflow?.workflowName}}</app-cs-radio>\r\n </li>\r\n </ul>\r\n </div>\r\n <div class=\"dropdown-overlay\" *ngIf=\"workflowList\" (click)=\"closeWorkflowList()\"></div>\r\n </div>\r\n <app-confirmation-alert (action)=\"confirmWorkflowChange($event)\" *ngIf=\"confirmationAlertConfig?.isVisible\"\r\n [message]=\"confirmationAlertConfig?.message\" [config]=\"confirmationAlertConfig\"></app-confirmation-alert>\r\n </div>\r\n</div>\r\n",
|
|
360
366
|
styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");.dropdown-overlay{z-index:2}.dropdown-overlay,.workflow-engine{position:fixed;top:0;right:0;bottom:0;left:0}.workflow-engine{background:rgba(0,0,0,.7);z-index:10}.workflow-engine button.close{position:absolute;background:transparent;cursor:pointer;border:none;font-size:18px;color:#000;top:5px;right:2px;z-index:11;padding:0;display:flex;align-items:center;justify-content:center;height:36px;width:36px;border-radius:2px}.workflow-engine button.close.bulk-opened,.workflow-engine button.close.smiley-opened{z-index:10}.workflow-engine button.close:hover{background:#f1f1f1}.workflow-engine button.close.disabled{pointer-events:none;opacity:.3;filter:grayscale(1)}.workflow-engine-container{position:fixed;top:0;right:0;bottom:0;background:#fff;display:flex;z-index:10;border-top:3px solid #1e5dd3}.workflow-engine-container:before{content:\"\";height:30px;position:absolute;top:0;right:0;left:0;z-index:11;background:linear-gradient(180deg,#fff 0,hsla(0,0%,100%,.75) 66%,hsla(0,0%,100%,.42) 81%,hsla(0,0%,100%,0));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#ffffff\",endColorstr=\"#00ffffff\",GradientType=0)}.workflow-engine-more{width:318px;padding:36px 22px 36px 40px;height:100vh;overflow:auto;margin-left:-18px;scrollbar-width:none}@media screen and (max-height:900px){.workflow-engine-more{padding:20px 22px 36px 40px}}.workflow-engine-more::-webkit-scrollbar-track{background-color:#f1f1f1;position:absolute}.workflow-engine-more::-webkit-scrollbar{width:1px;height:1px;background-color:transparent;position:absolute}.workflow-engine-more::-webkit-scrollbar-thumb{border-radius:1px;background-color:#dbdbdb;position:absolute}.workflow-engine-more.disabled{filter:grayscale(1);pointer-events:none}.workflow-engine-more.read-only{pointer-events:none}.workflow-engine-form{width:500px;position:relative;background:#fff}.workflow-engine-form .container{height:calc(100vh - 53px);padding:35px 30px 12px 62px;overflow:auto;margin-left:-22px;scrollbar-width:thin}.workflow-engine-form .container.disabled{pointer-events:none}.workflow-engine-form:before{content:\"\";top:0;bottom:-50px;left:0;width:1px;background:#f1f1f1;position:absolute}.workflow-engine-form button.submit{position:sticky;height:50px;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:48px;letter-spacing:3.08px;color:#fff;background:#1e5dd3;cursor:pointer;border:1px solid #1e5dd3;outline:none;border-radius:0;text-transform:uppercase;font-weight:600;width:100%;bottom:0;padding:0}.workflow-engine-form button.submit:disabled{background:#f1f1f1;border-color:#f1f1f1;pointer-events:none;cursor:not-allowed;color:#747576}.workflow-engine-form button.submit.disabled{pointer-events:none;opacity:.3;filter:grayscale(1)}.workflow-engine-form.disabled{filter:grayscale(1);pointer-events:none}.workflow-engine-form label.browse{padding:0;margin:0;display:block;position:sticky;bottom:0}.workflow-engine-form label.browse span{height:50px;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:19px;letter-spacing:3.08px;color:#fff;background:#1e5dd3;cursor:pointer;border:1px solid #1e5dd3;outline:none;border-radius:0;text-transform:uppercase;font-weight:600;width:100%}.workflow-engine-form label.browse input{position:absolute;width:100%;height:100%;z-index:1;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.workflow-engine-form .file-browsed{display:flex;align-items:center;background:#fff;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1}.workflow-engine-form .file-browsed span{display:block;width:calc(100% - 164px);color:#161b2f;font-size:13px;font-weight:400;line-height:20px;padding:0 16px}.workflow-engine-form .file-browsed button{height:50px;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:19px;letter-spacing:3.08px;color:#fff;background:#1e5dd3;cursor:pointer;border:1px solid #1e5dd3;outline:none;border-radius:0;text-transform:uppercase;font-weight:600;width:164px;bottom:0}.workflow-engine-form:after{content:\"\";height:30px;position:absolute;right:0;bottom:50px;left:-20px;z-index:10;background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.75) 22%,#fff);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#00ffffff\",endColorstr=\"#ffffff\",GradientType=0)}.workflow-engine-form.no-shadow:after{display:none}.workflow-engine.animate{-webkit-animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}.workflow-engine.bg{background:#fff}@-webkit-keyframes animate-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes animate-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}", "@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");::-webkit-scrollbar-track{background-color:#f1f1f1;position:absolute}::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}button{font-family:Poppins,sans-serif}::ng-deep .vx-form-group{display:block;position:relative;margin-bottom:20px}::ng-deep .vx-form-group:after{content:\"\";display:block;clear:both}::ng-deep .vx-form-group .select{position:relative}::ng-deep .vx-form-group .select:after{content:\"\";border-top:5px solid #707070;border-right:5px solid transparent;border-left:5px solid transparent;position:absolute;right:15px;top:calc(50% - 2px)}::ng-deep .vx-form-group .select input{cursor:pointer;padding-right:30px!important}::ng-deep .vx-form-group .select .custom-input{height:40px;border-radius:4px;border:1px solid #dbdbdb;background:#fff;outline:none;padding:3px 12px;line-height:16px;font-size:13px;color:#747576;font-weight:400;transition:all .2s ease-in-out;width:100%;cursor:pointer}::ng-deep .vx-form-group .select .custom-input:empty:not(:focus):before{content:attr(aria-placeholder);line-height:16px;font-size:13px;width:94%;display:block;pointer-events:none;opacity:.8}::ng-deep .vx-form-group .select .custom-input:hover{border-color:#1e5dd3;box-shadow:0 0 5px rgba(30,93,211,.27)}::ng-deep .vx-form-group .select .custom-input.frequency-custom-input{padding-right:116px}::ng-deep .vx-form-group .select+app-cs-switch{display:block;margin-top:8px}::ng-deep .vx-form-group .select+app-cs-switch label.cs-switch span.value{white-space:nowrap;margin-right:5px;text-transform:uppercase}::ng-deep .vx-form-group .select+app-cs-radio{margin-top:8px!important}::ng-deep .vx-form-group .select~app-cs-radio{margin-top:4px;display:block;width:100%}::ng-deep .vx-form-group .select~app-cs-radio label.radio-item{width:100%;position:relative}::ng-deep .vx-form-group .select~app-cs-radio label.radio-item span.radio{position:absolute;top:8px;left:12px}::ng-deep .vx-form-group .select~app-cs-radio label.radio-item span.value{font-size:11px;text-transform:uppercase;border:1px solid #dbdbdb;border-radius:4px;padding:8px 8px 8px 36px;width:100%;display:flex;justify-content:space-between;margin:0;max-width:100%;font-weight:500;color:#707070}::ng-deep .vx-form-group .select~app-cs-radio label.radio-item span.value i{font-size:12px;color:#1e5dd3}::ng-deep .vx-form-group .select~app-cs-radio label.radio-item svg{position:absolute;top:8px;left:12px}::ng-deep .vx-form-group .select~app-cs-radio label.radio-item input:checked~span.value{background:#eefcf0;border-color:#34aa44}::ng-deep .vx-form-group .select.button-sec:after{display:none}::ng-deep .vx-form-group .select.button-sec button{background:transparent;border:none;display:inline-flex;float:right;color:#1e5dd3;text-transform:uppercase;font-weight:600;cursor:pointer;font-size:11px;position:absolute;top:12px;right:8px;padding:0;margin:0}::ng-deep .vx-form-group .select+.vx-control-panel{margin-top:8px}::ng-deep .vx-form-group .select+.selected{margin-top:8px}::ng-deep .vx-form-group .select.select{margin-top:8px}::ng-deep .vx-form-group .upload-format{border:1px solid #dbdbdb;border-radius:4px;padding:8px 12px;display:block}::ng-deep .vx-form-group .upload-format span.text{line-height:20px;font-size:13px;color:#747576;font-weight:400;transition:all .2s ease-in-out;width:100%;display:block;margin-bottom:6px}::ng-deep .vx-form-group .upload-format .radio-group{display:flex}::ng-deep .vx-form-group .upload-format .radio-group app-cs-radio{display:inline-block}::ng-deep .vx-form-group .upload-format .radio-group app-cs-radio label.radio-item span.value{font-size:11px;text-transform:uppercase;margin-left:8px}::ng-deep .vx-form-group .upload-format .radio-group app-cs-radio+app-cs-radio{margin-left:12px}::ng-deep .vx-form-group .upload-format~.upload-format{margin-top:4px}::ng-deep .vx-form-group .form-tab{display:flex;justify-content:flex-start}::ng-deep .vx-form-group .form-tab button{background:transparent;color:#161b2f;font-size:11px;line-height:16px;text-transform:uppercase;cursor:pointer;padding:8px 8px 8px 0;border:none;outline:none;font-weight:500}::ng-deep .vx-form-group .form-tab button:disabled{opacity:.5;pointer-events:none}::ng-deep .vx-form-group .form-tab button+button{padding:8px}::ng-deep .vx-form-group .form-tab button.active{color:#1e5dd3}::ng-deep .vx-form-group .tab-group{border:1px solid #dbdbdb;border-radius:4px;padding:0;display:block;position:relative}::ng-deep .vx-form-group .tab-group .upload-file{padding:16px 24px;display:flex;align-items:center}::ng-deep .vx-form-group .tab-group .upload-file .image{width:80px;margin-right:20px}::ng-deep .vx-form-group .tab-group .upload-file .browse{display:flex;align-items:center;justify-content:center;width:calc(100% - 100px);text-align:center}::ng-deep .vx-form-group .tab-group .upload-file .browse span{display:inline-block;font-size:12px;color:#747576;line-height:16px;padding:0 4px}::ng-deep .vx-form-group .tab-group .upload-file .browse .label{font-size:11px;color:#1e5dd3;line-height:16px;font-weight:600;text-transform:uppercase;margin:0;padding:0}::ng-deep .vx-form-group .tab-group .upload-file .browse .label input{opacity:0;position:absolute;top:0;margin:0;padding:0;right:0;bottom:0;left:0;cursor:pointer;width:100%}::ng-deep .vx-form-group .tab-group.active{border-color:#1e5dd3}::ng-deep .vx-form-group .tab-group.uploaded{margin-top:4px}::ng-deep .vx-form-group .tab-group.uploaded .upload-file{padding:12px \u200B24px}::ng-deep .vx-form-group .tab-group.uploaded .upload-file .image{display:none}::ng-deep .vx-form-group .tab-group.uploaded .upload-file .browse{width:100%}::ng-deep .vx-form-group .tab-group+label.vx-form-group{margin-top:8px;margin-bottom:4px}::ng-deep .vx-form-group .file-list{background:#fbfbfb;border:1px solid #f1f1f1;border-radius:4px;padding:12px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;position:relative}::ng-deep .vx-form-group .file-list span.file-name{color:#747576;line-height:16px;font-size:11px;font-weight:400;cursor:pointer;max-width:calc(100% - 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep .vx-form-group .file-list .button-group{display:flex}::ng-deep .vx-form-group .file-list button{font-size:12px;color:#eb2424;cursor:pointer;display:flex;padding:0;border:none;outline:none;background:transparent}::ng-deep .vx-form-group .file-list button.edit{color:#1e5dd3}::ng-deep .vx-form-group .file-list button+button{margin-left:16px}::ng-deep .vx-form-group .file-list+.file-list{margin-top:4px}::ng-deep .vx-form-group .file-list .file-container{display:flex;justify-content:space-between;width:100%}::ng-deep .vx-form-group .file-list.policy{background:#fff}::ng-deep .vx-form-group .file-list cs-select{position:relative;margin-top:8px;width:100%}::ng-deep .vx-form-group .file-list cs-select .selection-wrap .input-group input.value{height:32px!important;font-size:11px!important}::ng-deep .vx-form-group .file-list cs-select .selection-wrap .input-group i{right:12px!important;top:12px!important}::ng-deep .vx-form-group .file-list app-line-loader{display:block;position:absolute;left:10px;right:10px;bottom:0}::ng-deep .vx-form-group label.vx-control-panel{color:#161b2f;font-size:11px;font-weight:500;line-height:16px;margin-bottom:8px;display:block;text-transform:uppercase;width:100%;margin-top:4px;text-align:left}::ng-deep .vx-form-group label.vx-control-panel.custom-tag{font-size:10px}::ng-deep .vx-form-group label.vx-control-panel.vx-mt-8{margin-top:8px}::ng-deep .vx-form-group label.vx-control-panel span.required{color:#eb2424;position:relative;top:-2px}::ng-deep .vx-form-group label.vx-control-panel .button{background:transparent;border:none;display:inline-flex;float:right;color:#1e5dd3;text-transform:uppercase;font-weight:600;cursor:pointer;font-size:11px;padding:0;margin:0}::ng-deep .vx-form-group label.vx-control-panel app-cs-switch{float:right;display:block}::ng-deep .vx-form-group label.vx-control-panel i{margin-left:8px;font-size:12px;color:#1e5dd3;cursor:pointer;position:relative;top:1px}::ng-deep .vx-form-group .input,::ng-deep .vx-form-group input[type=text]{height:40px;border-radius:4px;border:1px solid #dbdbdb;background:#fff;outline:none;padding:8px 12px;line-height:20px;font-size:13px;color:#747576;transition:all .2s ease-in-out;width:100%;font-weight:400}::ng-deep .vx-form-group .input::-moz-placeholder,::ng-deep .vx-form-group input[type=text]::-moz-placeholder{color:#747576}::ng-deep .vx-form-group .input:-ms-input-placeholder,::ng-deep .vx-form-group input[type=text]:-ms-input-placeholder{color:#747576}::ng-deep .vx-form-group .input::placeholder,::ng-deep .vx-form-group input[type=text]::placeholder{color:#747576}::ng-deep .vx-form-group .input:focus,::ng-deep .vx-form-group .input:hover,::ng-deep .vx-form-group input[type=text]:focus,::ng-deep .vx-form-group input[type=text]:hover{border-color:#1e5dd3;box-shadow:0 0 5px rgba(30,93,211,.27)}::ng-deep .vx-form-group .input.error,::ng-deep .vx-form-group input[type=text].error{border-color:#eb2424;color:#eb2424;margin-bottom:4px}::ng-deep .vx-form-group .input.error:focus,::ng-deep .vx-form-group input[type=text].error:focus{box-shadow:0 0 5px rgba(211,30,30,.27)}::ng-deep .vx-form-group .input:disabled,::ng-deep .vx-form-group input[type=text]:disabled{background:#f1f1f1;cursor:not-allowed}::ng-deep .vx-form-group .input:disabled:hover,::ng-deep .vx-form-group input[type=text]:disabled:hover{border-color:#dbdbdb;box-shadow:none}::ng-deep .vx-form-group .input span.text,::ng-deep .vx-form-group input[type=text] span.text{font-size:13px;color:#747576;font-weight:400;display:block;width:100%}::ng-deep .vx-form-group .input .input-group,::ng-deep .vx-form-group input[type=text] .input-group{display:flex;align-items:center}::ng-deep .vx-form-group .input .input-group.counter,::ng-deep .vx-form-group input[type=text] .input-group.counter{min-width:96px;width:96px}::ng-deep .vx-form-group .input .input-group.counter button,::ng-deep .vx-form-group input[type=text] .input-group.counter button{height:24px;width:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#747576;font-size:8px;cursor:pointer;outline:none}::ng-deep .vx-form-group .input .input-group.counter input,::ng-deep .vx-form-group input[type=text] .input-group.counter input{-webkit-appearance:textfield;-moz-appearance:textfield;height:24px;width:calc(100% - 48px);border:1px solid #f1f1f1;outline:none;padding:0 6px;text-align:center}::ng-deep .vx-form-group .input .input-group.counter input::-webkit-inner-spin-button,::ng-deep .vx-form-group .input .input-group.counter input::-webkit-outer-spin-button,::ng-deep .vx-form-group input[type=text] .input-group.counter input::-webkit-inner-spin-button,::ng-deep .vx-form-group input[type=text] .input-group.counter input::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}::ng-deep .vx-form-group .input+.file-list,::ng-deep .vx-form-group input[type=text]+.file-list{margin-top:8px}::ng-deep .vx-form-group .input::-moz-placeholder,::ng-deep .vx-form-group input[type=text]::-moz-placeholder{font-size:13px}::ng-deep .vx-form-group .input::placeholder,::ng-deep .vx-form-group input[type=text]::placeholder{font-size:13px}::ng-deep .vx-form-group .input:-ms-input-placeholder,::ng-deep .vx-form-group input[type=text]:-ms-input-placeholder{font-size:13px}::ng-deep .vx-form-group .input::-ms-input-placeholder,::ng-deep .vx-form-group input[type=text]::-ms-input-placeholder{font-size:13px}::ng-deep .vx-form-group .classification{height:40px;border-radius:4px;border:1px solid #dbdbdb;background:#fff;padding:8px 12px;display:flex;justify-content:space-between}::ng-deep .vx-form-group .classification label{width:100%;position:relative;z-index:1;margin:0 4px 0 0}::ng-deep .vx-form-group .classification label span{display:block;width:100%;height:24px;border:1px solid #f1f1f1;border-radius:2px;line-height:24px;font-size:10px;text-align:center;color:#747576;font-weight:500;position:relative;text-transform:uppercase}::ng-deep .vx-form-group .classification label span:before{height:2px;content:\"\";top:0;right:0;left:0;border-radius:2px;position:absolute;transition:all .2s ease-in-out}::ng-deep .vx-form-group .classification label input{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;width:100%;height:100%;cursor:pointer;z-index:1}::ng-deep .vx-form-group .classification label input:checked+span{color:#fff}::ng-deep .vx-form-group .classification label input:checked+span:before{bottom:0;height:100%;z-index:-1}::ng-deep .vx-form-group .classification label.low span:before{background:#34aa44}::ng-deep .vx-form-group .classification label.low-med span:before{background:#f2bf19}::ng-deep .vx-form-group .classification label.med-high span:before{background:#f29619}::ng-deep .vx-form-group .classification label.high span:before{background:#eb2424}::ng-deep .vx-form-group .classification label:last-of-type{margin-right:0}::ng-deep .vx-form-group .input{display:flex;align-items:center}::ng-deep .vx-form-group .selected{height:40px;border-radius:4px;border:1px solid #f1f1f1;background:#fbfbfb;outline:none;padding:8px;line-height:20px;font-size:13px;color:#747576;font-weight:400;transition:all .2s ease-in-out;width:100%;display:flex;align-items:center;position:relative;justify-content:space-between}::ng-deep .vx-form-group .selected .chip-container{display:flex;width:calc(100% - 60px);align-items:center}::ng-deep .vx-form-group .selected .chip-container span.chip{background:#fff;border-radius:2px;box-shadow:0 0 3px #1e5dd31a;height:24px;padding:0 8px;color:#1e5dd3;font-size:12px;display:block;width:auto;max-width:100%;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:24px}::ng-deep .vx-form-group .selected .chip-container span.chip i{font-weight:400;margin-right:8px;cursor:pointer;font-size:10px;position:relative;top:1px}::ng-deep .vx-form-group .selected .chip-container span.chip span.step{background:#1e5dd3;border-radius:2px;color:#fff;font-size:9px;line-height:14px;padding:0 4px;font-weight:400;text-align:center;min-width:auto;margin-right:4px}::ng-deep .vx-form-group .selected .chip-container span.chip+span.chip{margin-left:4px}::ng-deep .vx-form-group .selected .chip-container span.value{color:#747576;font-size:13px;line-height:20px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 52px);padding:0 4px}::ng-deep .vx-form-group .selected .chip-container span.checkpoint-point-text{color:#747576;font-size:10px;font-weight:500;padding:0 8px;width:122px;line-height:14px}::ng-deep .vx-form-group .selected .chip-container span.checkpoint-point-text.first{position:relative;min-width:162px}::ng-deep .vx-form-group .selected .chip-container span.checkpoint-point-text.first:before{background:#f1f1f1;content:\"\";position:absolute;top:0;right:0;height:calc(100% + 12px);width:1px}::ng-deep .vx-form-group .selected .chip-container span.checkpoint-point-text .no{color:#1e5dd3}::ng-deep .vx-form-group .selected .chip-container.plus span.chip{max-width:calc(50% - 35px)}::ng-deep .vx-form-group .selected .chip-container.more-one span.chip{max-width:50%}::ng-deep .vx-form-group .selected button.count{background:#1e5dd3;border-radius:2px;height:24px;padding:2px 8px;border:1px solid #1e5dd3;cursor:pointer;outline:none;color:#fff;font:13px;font-weight:500;line-height:20px;white-space:nowrap;margin-left:8px}::ng-deep .vx-form-group .selected button.edit{border:1px solid #f1f1f1;border-radius:2px;background:#fff;outline:none;cursor:pointer;display:block;height:24px;padding:0 5px 0 4px;font-size:11px;font-weight:500;color:#1e5dd3;text-transform:uppercase;white-space:nowrap;margin-left:8px}::ng-deep .vx-form-group .selected button.edit i{font-weight:400;font-size:8px;margin-right:4px}::ng-deep .vx-form-group .selected button.close-btn{background:transparent;border:none;padding:0;margin-left:8px;font-size:10px;color:#c7381b;display:flex;align-items:center}::ng-deep .vx-form-group .selected .workflow-label{min-width:92px;padding:4px;text-align:center;margin-left:-8px;margin-right:8px;border-right:1px solid #f1f1f1}::ng-deep .vx-form-group .selected .workflow-label p{margin:0;display:block;text-transform:uppercase}::ng-deep .vx-form-group .selected .workflow-label p.title{font-size:9px;line-height:12px;color:#161b2f;font-weight:500}::ng-deep .vx-form-group .selected .workflow-label p.description{font-size:11px;line-height:16px;color:#161b2f;font-weight:600}::ng-deep .vx-form-group .selected .workflow-label+.chip-container{width:calc(100% - 148px)}::ng-deep .vx-form-group .selected+.selected{margin-top:8px}::ng-deep .vx-form-group .selected+app-cs-switch{display:block;margin-top:8px}::ng-deep .vx-form-group .selected+app-cs-switch label.cs-switch span.value{white-space:nowrap;margin-right:5px;text-transform:uppercase}::ng-deep .vx-form-group .selected+app-cs-switch.who-toggle label.cs-switch span.value{color:#747576}::ng-deep .vx-form-group .selected+app-cs-radio{margin-top:8px!important}::ng-deep .vx-form-group .selected~app-cs-radio{margin-top:4px;display:block;width:100%}::ng-deep .vx-form-group .selected~app-cs-radio label.radio-item{width:100%;position:relative}::ng-deep .vx-form-group .selected~app-cs-radio label.radio-item span.radio{position:absolute;top:8px;left:12px}::ng-deep .vx-form-group .selected~app-cs-radio label.radio-item span.value{font-size:11px;text-transform:uppercase;border:1px solid #dbdbdb;border-radius:4px;padding:8px 8px 8px 36px;width:100%;display:flex;justify-content:space-between;margin:0;max-width:100%;font-weight:500;color:#707070}::ng-deep .vx-form-group .selected~app-cs-radio label.radio-item span.value i{font-size:12px;color:#1e5dd3}::ng-deep .vx-form-group .selected~app-cs-radio label.radio-item svg{position:absolute;top:8px;left:12px}::ng-deep .vx-form-group .selected~app-cs-radio label.radio-item input:checked~span.value{background:#eefcf0;border-color:#34aa44}::ng-deep .vx-form-group .selected.readOnly{pointer-events:none}::ng-deep .vx-form-group .selected span.chip{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .vx-form-group .select-list{position:absolute;background:#fff;box-shadow:0 0 5px #1e5dd3;top:100%;right:0;left:0;z-index:2}::ng-deep .vx-form-group .select-list .vx-radio-group label.vx-radio-item{width:100%;padding:12px 16px}::ng-deep .vx-form-group .select-list .vx-radio-group label.vx-radio-item:hover{background:#f8f8f8}::ng-deep .vx-form-group marx-editor{margin-top:8px;display:block}::ng-deep .vx-form-group marx-editor .editor-container{border-radius:4px;border:1px solid #dbdbdb}::ng-deep .vx-form-group marx-editor .editor-container .editable-block{min-height:60px;padding:11px 15px;max-height:100px;line-height:20px;font-size:13px;color:#747576;font-weight:400;transition:all .2s ease-in-out;width:100%}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none){::ng-deep .vx-form-group marx-editor .editor-container .editable-block:before{opacity:.72}}}::ng-deep .vx-form-group marx-editor .editor-container .editable-block ul{padding:0 0 0 10px;margin-top:0}::ng-deep .vx-form-group marx-editor .editor-container .editable-block ul li{list-style:disc}::ng-deep .vx-form-group marx-editor .editor-container .editable-block ol{padding:0 0 0 10px;margin-top:0}::ng-deep .vx-form-group marx-editor .editor-container .editable-block ol li{list-style:decimal}::ng-deep .vx-form-group marx-editor .editor-container .editor-tools{z-index:1;border-top:1px solid #dbdbdb;transition:none;border-radius:0 0 3px 3px}::ng-deep .vx-form-group marx-editor .editor-container .editor-tools app-editor-menu .editor-menu .col button{height:22px!important;width:22px!important;padding:0 5px}::ng-deep .vx-form-group marx-editor .editor-container .editor-tools app-editor-menu .editor-menu .col button svg{height:22px;width:22px}::ng-deep .vx-form-group marx-editor .editor-container .editor-tools app-editor-menu .editor-menu .col button.submit{width:80px!important;line-height:22px;justify-content:center}::ng-deep .vx-form-group marx-editor .editor-container .editor-tools app-editor-menu .editor-menu .col .popover.small ul.option-list li button{width:100%!important;height:auto!important}::ng-deep .vx-form-group marx-editor .editor-container:focus-within{border-color:#1e5dd3!important}::ng-deep .vx-form-group marx-editor .editor-container:focus-within .editor-tools{border-color:#1e5dd3!important}::ng-deep .vx-form-group marx-editor .editor-container:hover{border-color:#1e5dd3!important}::ng-deep .vx-form-group marx-editor .editor-container:hover .editor-tools{border-color:#1e5dd3!important}::ng-deep .vx-form-group marx-editor+app-cs-switch{margin-top:8px}::ng-deep .vx-form-group app-cs-switch label.cs-switch span.value{font-size:11px;color:#747576;text-transform:uppercase}::ng-deep .vx-form-group app-cs-switch+app-cs-switch{margin-top:8px}::ng-deep .vx-form-group .date-time-picker{display:flex;justify-content:space-between;height:40px;border-radius:4px;border:1px solid #dbdbdb;padding:11px 0}::ng-deep .vx-form-group .date-time-picker:focus-within{border-color:#1e5dd3;box-shadow:0 0 5px rgba(30,93,211,.27)}::ng-deep .vx-form-group .date-time-picker .picker-group{width:50%;position:relative;display:flex;align-items:center}::ng-deep .vx-form-group .date-time-picker .picker-group:first-of-type{border-right:1px solid #dbdbdb}::ng-deep .vx-form-group .date-time-picker .picker-group:only-of-type{border:none;width:100%}::ng-deep .vx-form-group .date-time-picker .picker-group input{height:38px;background:#fff;line-height:38px;font-size:13px;color:#747576;transition:all .2s ease-in-out;width:100%;font-weight:400;border:none;padding:0 12px 0 34px;outline:none}::ng-deep .vx-form-group .date-time-picker .picker-group input:focus,::ng-deep .vx-form-group .date-time-picker .picker-group input:hover{box-shadow:none;border:none}::ng-deep .vx-form-group .date-time-picker .picker-group input::-moz-placeholder{color:#999;font-size:13px}::ng-deep .vx-form-group .date-time-picker .picker-group input::placeholder{color:#999;font-size:13px}::ng-deep .vx-form-group .date-time-picker .picker-group input:-ms-input-placeholder{color:#999;font-size:13px}::ng-deep .vx-form-group .date-time-picker .picker-group input::-ms-input-placeholder{color:#999;font-size:13px}::ng-deep .vx-form-group .date-time-picker .picker-group i{display:flex;justify-content:center;align-items:center;height:16px;width:16px;position:absolute;left:12px;top:0;color:#bcbcbc;font-size:16px;pointer-events:none}::ng-deep .vx-form-group app-cs-radio.main-filed{margin-top:4px;display:block;width:100%}::ng-deep .vx-form-group app-cs-radio.main-filed label.radio-item{width:100%;position:relative}::ng-deep .vx-form-group app-cs-radio.main-filed label.radio-item span.radio{position:absolute;top:8px;left:12px}::ng-deep .vx-form-group app-cs-radio.main-filed label.radio-item span.value{font-size:11px;text-transform:uppercase;border:1px solid #dbdbdb;border-radius:4px;padding:8px 8px 8px 36px;width:100%;display:flex;justify-content:space-between;margin:0;max-width:100%;color:#707070}::ng-deep .vx-form-group app-cs-radio.main-filed label.radio-item span.value i{font-size:12px;color:#1e5dd3}::ng-deep .vx-form-group app-cs-radio.main-filed label.radio-item svg{position:absolute;top:8px;left:12px}::ng-deep .vx-form-group app-cs-radio.main-filed label.radio-item input:checked~span.value{background:#eefcf0;border-color:#34aa44}::ng-deep .vx-form-group .switch-row{display:flex}::ng-deep .vx-form-group .switch-row app-cs-switch{display:block;margin-top:8px}::ng-deep .vx-form-group .switch-row app-cs-switch label.cs-switch span.value{white-space:nowrap;margin-right:0;text-transform:uppercase;color:#747576!important}::ng-deep .vx-form-group .switch-row app-cs-switch label.cs-switch span.value i{display:inline-flex;font-size:11px;cursor:pointer;color:#1e5dd3;align-items:center;line-height:16px;margin:0 4px}::ng-deep .vx-form-group .switch-row app-cs-switch+app-cs-switch{margin-left:8px}::ng-deep .vx-form-group .switch-row.align-right{justify-content:flex-end}::ng-deep .vx-form-group .switch-row.align-right label.cs-switch span.value{margin-right:8px}.left{width:36px;height:36px;margin-top:30px;margin-left:-58px;margin-right:20px;display:flex;justify-content:center;align-items:center;position:relative;z-index:10;border-radius:50%}.left.deadline-completed{margin-top:18px}.left.checked{background:transparent}.left img{width:36px}.left .checkIcon{width:32px;height:32px;background:#fff;border-radius:50%;stroke-width:4;stroke:#34aa44;stroke-miterlimit:10;box-shadow:inset 0 0 0 #34aa44;-webkit-animation:fillCheck .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;animation:fillCheck .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;margin-top:0}.left .checkIcon__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#34aa44;fill:none;-webkit-animation:strokeCheck .6s cubic-bezier(.65,0,.45,1) forwards;animation:strokeCheck .6s cubic-bezier(.65,0,.45,1) forwards}.left .checkIcon__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;-webkit-animation:strokeCheck .3s cubic-bezier(.65,0,.45,1) .8s forwards;animation:strokeCheck .3s cubic-bezier(.65,0,.45,1) .8s forwards}.right{width:100%}.right span.indicator{position:absolute;top:36px;left:-16px;font-size:12px;color:#f0b819;cursor:pointer}.form-group-row{display:flex;position:relative;transition:all .2s ease-in-out}.form-group-row.hide{opacity:0;transition:all .2s ease-in-out}.form-group-row.disabled{pointer-events:none;filter:grayscale(1);z-index:2}.form-group-row.disabled .left{position:relative}.form-group-row.disabled .left:before{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:.7}.form-group-row.disabled .right{opacity:.3}.form-group-row.active{pointer-events:none;filter:grayscale(0);z-index:2;opacity:1}.form-group-row.active .right .vx-form-group .custom-input,.form-group-row.active .right .vx-form-group input{border-color:#1e5dd3;box-shadow:0 0 5px rgba(30,93,211,.27)}@-webkit-keyframes strokeCheck{to{stroke-dashoffset:0}}@keyframes strokeCheck{to{stroke-dashoffset:0}}@-webkit-keyframes fillCheck{to{box-shadow:inset 0 0 0 2px #34aa44}}@keyframes fillCheck{to{box-shadow:inset 0 0 0 2px #34aa44}}.action-list{width:220px}.action-list ul{padding:0;margin:0;-webkit-animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;background:#fff;box-shadow:0 3px 6px #1c5bd140;border-radius:4px;max-height:220px;overflow:auto}.action-list ul.action-item{display:block}.action-list ul.action-item li{list-style:none;border:none;border-bottom:1px solid #f1f1f1;display:block;width:100%;padding:0;background:transparent;border-radius:0;margin:0;height:auto;justify-content:flex-start;box-shadow:none}.action-list ul.action-item li button{color:#6e717e;text-align:left;text-decoration:none;cursor:pointer;background:transparent;font-size:12px;text-transform:capitalize;display:flex;width:100%;padding:7.5px 11px;border:none}.action-list ul.action-item li button i{font-size:17px;margin-right:10px;color:#1c5bd1}.action-list ul.action-item li button:hover{background:#f3f3f3}.action-list ul.action-item li .avatar-card{display:flex;align-items:center;width:100%;padding:7.5px}.action-list ul.action-item li .avatar-card.within-con{display:block}.action-list ul.action-item li .avatar-card .avatar{height:24px;width:24px!important;overflow:hidden;background:#4681ef;color:#fff;font-size:10px;display:inline-flex;margin-right:5px;border-radius:50%;align-items:center;justify-content:center;text-transform:uppercase}.action-list ul.action-item li .avatar-card .avatar img{width:100%}.action-list ul.action-item li .avatar-card .avatar+span.value{width:calc(100% - 29px)}.action-list ul.action-item li .avatar-card span.value{width:100%;color:#6e717e;text-decoration:none;background:transparent;font-size:12px;text-transform:capitalize;display:block;font-weight:400;-moz-text-align-last:left;text-align-last:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px}.action-list ul.action-item li .avatar-card span.value i{font-size:8px;color:#1c5bd1;cursor:pointer;margin-right:5px}.action-list ul.action-item li .avatar-card.no-image{display:block}.action-list ul.action-item li .avatar-card.no-image span.value{width:100%;display:block}.action-list ul.action-item li .chip-item{color:#1e5dd3;padding:10px;display:flex;align-items:center}.action-list ul.action-item li .chip-item i{margin-right:7px;font-size:10px;cursor:pointer;display:inline-flex}.action-list ul.action-item li .chip-item span{display:block;width:auto;max-width:calc(100% - 17px);font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-list ul.action-item li .chip-item span.chip-block{display:block;width:100%}.action-list ul.action-item li .chip-item span.id{font-size:9px}.action-list ul.action-item li .within{display:flex;align-items:center;justify-content:flex-start}.action-list ul.action-item li .within .block{background:#f1f1f1;border-radius:2px;padding:0 2px;line-height:14px;font-size:9px;font-weight:500;color:#042e7d;margin-right:6px;display:block;text-transform:uppercase}.action-list ul.action-item li .within .data{width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#747576;font-size:11px;font-weight:400;line-height:17px}.action-list ul.action-item li:first-child{-webkit-animation:action-list-open .25s cubic-bezier(.25,.46,.45,.94) both;animation:action-list-open .25s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(2){-webkit-animation:action-list-open .35s cubic-bezier(.25,.46,.45,.94) both;animation:action-list-open .35s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(3){-webkit-animation:action-list-open .45s cubic-bezier(.25,.46,.45,.94) both;animation:action-list-open .45s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(4){-webkit-animation:action-list-open .55s cubic-bezier(.25,.46,.45,.94) both;animation:action-list-open .55s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(5){-webkit-animation:action-list-open .65s cubic-bezier(.25,.46,.45,.94) both;animation:action-list-open .65s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(6){-webkit-animation:action-list-open .75s cubic-bezier(.25,.46,.45,.94) both;animation:action-list-open .75s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(7){-webkit-animation:action-list-open .85s cubic-bezier(.25,.46,.45,.94) both;animation:action-list-open .85s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(8){-webkit-animation:action-list-open .95s cubic-bezier(.25,.46,.45,.94) both;animation:action-list-open .95s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(9){-webkit-animation:action-list-open 1.05s cubic-bezier(.25,.46,.45,.94) both;animation:action-list-open 1.05s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(10){-webkit-animation:action-list-open 1.15s cubic-bezier(.25,.46,.45,.94) both;animation:action-list-open 1.15s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes action-list-open{0%{transform:translateY(50px)}to{transform:translateY(0)}}@keyframes action-list-open{0%{transform:translateY(50px)}to{transform:translateY(0)}}@-webkit-keyframes scale-up-center{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scale-up-center{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}p.error-message{font-size:11px;font-weight:400;color:#eb2424;line-height:16px;margin-top:0;margin-bottom:0}.edit-loader{position:absolute;top:-3px;left:-3px;width:46px;height:46px;transform:rotate(180deg)}.circular-loader{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;left:0;margin:auto}.loader-path{stroke-dasharray:150,200;stroke-dashoffset:-10;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}@-webkit-keyframes rotate{to{transform:rotate(1turn)}}@keyframes rotate{to{transform:rotate(1turn)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}::ng-deep .dropdown{position:fixed;background:#fff;box-shadow:0 3px 6px #00000029;padding:24px 0;z-index:9;max-height:calc(100vh - 200px);overflow:auto}::ng-deep .dropdown ul.dropdown-list{padding:0 20px;margin:0;display:block}::ng-deep .dropdown ul.dropdown-list li{list-style:none}::ng-deep .dropdown ul.dropdown-list li app-cs-radio{display:flex}::ng-deep .dropdown ul.dropdown-list li app-cs-radio label.radio-item{width:100%;position:relative}::ng-deep .dropdown ul.dropdown-list li app-cs-radio label.radio-item span.radio{position:absolute;top:12px;left:12px}::ng-deep .dropdown ul.dropdown-list li app-cs-radio label.radio-item span.value{padding:11px 12px 11px 32px;width:100%;border:1px solid #bcbcbc;border-radius:4px;margin-left:0;max-width:100%}::ng-deep .dropdown ul.dropdown-list li app-cs-radio label.radio-item svg{position:absolute;top:12px;left:12px}::ng-deep .dropdown ul.dropdown-list li app-cs-radio label.radio-item input[type=radio]:checked~span.value{background:#e8feeb;border-color:#34aa44}::ng-deep .dropdown ul.dropdown-list li+li{margin-top:8px}app-smiley-dialog{position:relative;z-index:10}app-smiley-dialog-inline{position:absolute;top:0;right:0;bottom:0;left:0;z-index:999}.vx-overlay{position:fixed;z-index:3;top:0;right:0;bottom:0;left:0}dp-date-picker{width:100%;position:fixed!important;z-index:14;top:0;left:0}dp-date-picker input{width:100%;border:none;opacity:0;pointer-events:none}dp-date-picker input:focus{outline:none}dp-date-picker .dp-popup{width:412px;box-shadow:0 0 20px #161b2f26;background-color:#fff;border-radius:4px;-webkit-animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both}dp-date-picker .dp-popup dp-day-calendar,dp-date-picker .dp-popup dp-month-calendar{width:100%;pointer-events:auto}dp-date-picker .dp-popup dp-day-calendar button,dp-date-picker .dp-popup dp-month-calendar button{background:transparent;border:none;outline:none}dp-date-picker .dp-popup dp-day-calendar button.dp-calendar-nav-left,dp-date-picker .dp-popup dp-day-calendar button.dp-calendar-nav-right,dp-date-picker .dp-popup dp-day-calendar button.dp-current-location-btn,dp-date-picker .dp-popup dp-month-calendar button.dp-calendar-nav-left,dp-date-picker .dp-popup dp-month-calendar button.dp-calendar-nav-right,dp-date-picker .dp-popup dp-month-calendar button.dp-current-location-btn{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:14px}dp-date-picker .dp-popup dp-day-calendar button.dp-calendar-nav-left:hover,dp-date-picker .dp-popup dp-day-calendar button.dp-calendar-nav-right:hover,dp-date-picker .dp-popup dp-day-calendar button.dp-current-location-btn:hover,dp-date-picker .dp-popup dp-month-calendar button.dp-calendar-nav-left:hover,dp-date-picker .dp-popup dp-month-calendar button.dp-calendar-nav-right:hover,dp-date-picker .dp-popup dp-month-calendar button.dp-current-location-btn:hover{background-color:#f3f3f3}dp-date-picker .dp-popup dp-day-calendar button.dp-current-location-btn,dp-date-picker .dp-popup dp-month-calendar button.dp-current-location-btn{display:none}dp-date-picker .dp-popup dp-day-calendar button.dp-current-location-btn:before,dp-date-picker .dp-popup dp-month-calendar button.dp-current-location-btn:before{content:\"\";height:10px;width:10px;border-radius:50%;background:#000;display:inline-flex}dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week,dp-date-picker .dp-popup dp-day-calendar .dp-weekdays,dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week,dp-date-picker .dp-popup dp-month-calendar .dp-weekdays{display:flex;justify-content:space-around}dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week .dp-calendar-weekday,dp-date-picker .dp-popup dp-day-calendar .dp-weekdays .dp-calendar-weekday,dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week .dp-calendar-weekday,dp-date-picker .dp-popup dp-month-calendar .dp-weekdays .dp-calendar-weekday{width:52px;border-left:none;border-bottom-color:#fff;color:#747576;font-size:11px;font-weight:600;text-transform:uppercase}dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week button,dp-date-picker .dp-popup dp-day-calendar .dp-weekdays button,dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week button,dp-date-picker .dp-popup dp-month-calendar .dp-weekdays button{width:40px;height:40px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center}dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week button:hover,dp-date-picker .dp-popup dp-day-calendar .dp-weekdays button:hover,dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week button:hover,dp-date-picker .dp-popup dp-month-calendar .dp-weekdays button:hover{background-color:#f3f3f3}dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week button.dp-selected,dp-date-picker .dp-popup dp-day-calendar .dp-weekdays button.dp-selected,dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week button.dp-selected,dp-date-picker .dp-popup dp-month-calendar .dp-weekdays button.dp-selected{background:#1e5dd3}dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week button.dp-current-day,dp-date-picker .dp-popup dp-day-calendar .dp-weekdays button.dp-current-day,dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week button.dp-current-day,dp-date-picker .dp-popup dp-month-calendar .dp-weekdays button.dp-current-day{border:1px solid rgba(0,0,0,.38);color:#1e5dd3;background-color:#fff}dp-date-picker .dp-popup dp-day-calendar .dp-day-calendar-container,dp-date-picker .dp-popup dp-month-calendar .dp-day-calendar-container{padding:20px;border-radius:2px}dp-date-picker .dp-popup dp-day-calendar .dp-calendar-nav-container,dp-date-picker .dp-popup dp-month-calendar .dp-calendar-nav-container{display:flex;margin:0 0 20px;border:none}dp-date-picker .dp-popup dp-day-calendar .dp-calendar-nav-container .dp-nav-header button,dp-date-picker .dp-popup dp-month-calendar .dp-calendar-nav-container .dp-nav-header button{color:#000;font-size:17px;font-weight:500;margin:0 0 0 12px;padding:0}dp-date-picker .dp-popup dp-day-calendar .dp-nav-btns-container,dp-date-picker .dp-popup dp-month-calendar .dp-nav-btns-container{width:80px;display:flex}dp-date-picker .dp-popup dp-day-calendar .dp-nav-btns-container .dp-calendar-nav-container-left button,dp-date-picker .dp-popup dp-day-calendar .dp-nav-btns-container .dp-calendar-nav-container-right button,dp-date-picker .dp-popup dp-month-calendar .dp-nav-btns-container .dp-calendar-nav-container-left button,dp-date-picker .dp-popup dp-month-calendar .dp-nav-btns-container .dp-calendar-nav-container-right button{margin:0!important}dp-date-picker .dp-popup dp-day-calendar .dp-calendar-wrapper,dp-date-picker .dp-popup dp-month-calendar .dp-calendar-wrapper{border:none}dp-date-picker .dp-open+div{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;display:flex;justify-content:center;align-items:center;z-index:99;pointer-events:none;background:rgba(0,0,0,.3)}@-webkit-keyframes slide-bottom{0%{transform:translateY(-100px)}to{transform:translateY(0)}}@keyframes slide-bottom{0%{transform:translateY(-100px)}to{transform:translateY(0)}}"]
|
|
361
367
|
},] }
|
|
362
368
|
];
|
|
@@ -374,8 +380,10 @@
|
|
|
374
380
|
allowedWorkflows: [{ type: i0.Input }],
|
|
375
381
|
frameworkDetails: [{ type: i0.Input }],
|
|
376
382
|
selectedRC: [{ type: i0.Input }],
|
|
377
|
-
|
|
383
|
+
reponsibilityData: [{ type: i0.Input }],
|
|
384
|
+
issueData: [{ type: i0.Input }],
|
|
378
385
|
entrustButtonName: [{ type: i0.Input }],
|
|
386
|
+
config: [{ type: i0.Input }],
|
|
379
387
|
convertFileData: [{ type: i0.Input }],
|
|
380
388
|
selectedCategory: [{ type: i0.Input }],
|
|
381
389
|
riskComponent: [{ type: i0.ViewChild, args: ['risk', { static: false },] }],
|
|
@@ -384,7 +392,7 @@
|
|
|
384
392
|
compliance: [{ type: i0.ViewChild, args: ['responsibility', { static: false },] }],
|
|
385
393
|
moreOption: [{ type: i0.ViewChild, args: ['moreOption', { static: false },] }],
|
|
386
394
|
dropdown: [{ type: i0.ViewChild, args: ['dropdown',] }],
|
|
387
|
-
dropdownRow: [{ type: i0.ViewChild, args: ['dropdownRow',] }],
|
|
395
|
+
dropdownRow: [{ type: i0.ViewChild, args: ['dropdownRow', { static: false },] }],
|
|
388
396
|
policy: [{ type: i0.ViewChild, args: ['policy',] }],
|
|
389
397
|
logIssueComponent: [{ type: i0.ViewChild, args: ['logAnIssue',] }],
|
|
390
398
|
onKeydownHandler: [{ type: i0.HostListener, args: ['document:keydown.escape', ['$event'],] }],
|
|
@@ -5284,26 +5292,26 @@
|
|
|
5284
5292
|
{
|
|
5285
5293
|
imageUrl: 'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/exception-type.svg',
|
|
5286
5294
|
name: 'Exception type',
|
|
5287
|
-
tooltipTitle: '',
|
|
5288
|
-
tooltipMessage: '',
|
|
5295
|
+
tooltipTitle: 'Exception type',
|
|
5296
|
+
tooltipMessage: 'Exception type lets you specify whether there is a design or an operational effectiveness problem.',
|
|
5289
5297
|
checked: false,
|
|
5290
5298
|
hidden: false,
|
|
5291
5299
|
code: 'EXCEPTION_TYPE'
|
|
5292
5300
|
},
|
|
5293
|
-
{
|
|
5294
|
-
|
|
5295
|
-
|
|
5296
|
-
|
|
5297
|
-
|
|
5298
|
-
|
|
5299
|
-
|
|
5300
|
-
|
|
5301
|
-
},
|
|
5301
|
+
// {
|
|
5302
|
+
// imageUrl: 'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/issue-type.svg',
|
|
5303
|
+
// name: 'Issue type',
|
|
5304
|
+
// tooltipTitle: '',
|
|
5305
|
+
// tooltipMessage: '',
|
|
5306
|
+
// checked: false,
|
|
5307
|
+
// hidden: false,
|
|
5308
|
+
// code: 'ISSUE_TYPE'
|
|
5309
|
+
// },
|
|
5302
5310
|
{
|
|
5303
5311
|
imageUrl: 'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/priority.svg',
|
|
5304
5312
|
name: 'Priority',
|
|
5305
|
-
tooltipTitle: '',
|
|
5306
|
-
tooltipMessage: '',
|
|
5313
|
+
tooltipTitle: 'Priority',
|
|
5314
|
+
tooltipMessage: 'This sets the priority level for resolving each issue.',
|
|
5307
5315
|
checked: false,
|
|
5308
5316
|
hidden: false,
|
|
5309
5317
|
code: 'PRIORITY',
|
|
@@ -5311,8 +5319,8 @@
|
|
|
5311
5319
|
{
|
|
5312
5320
|
imageUrl: 'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/associated-risks.svg',
|
|
5313
5321
|
name: 'Associated Risks',
|
|
5314
|
-
tooltipTitle: '',
|
|
5315
|
-
tooltipMessage: '',
|
|
5322
|
+
tooltipTitle: 'Associated Risks',
|
|
5323
|
+
tooltipMessage: 'Associated risks lets you specify the risks that are related to this issue.',
|
|
5316
5324
|
checked: false,
|
|
5317
5325
|
hidden: false,
|
|
5318
5326
|
code: 'ASSOCIATED_RISKS'
|
|
@@ -5320,8 +5328,8 @@
|
|
|
5320
5328
|
{
|
|
5321
5329
|
imageUrl: 'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/oversight.svg',
|
|
5322
5330
|
name: 'Overseer',
|
|
5323
|
-
tooltipTitle: '',
|
|
5324
|
-
tooltipMessage: '',
|
|
5331
|
+
tooltipTitle: 'Overseer',
|
|
5332
|
+
tooltipMessage: 'Overseers are the persons responsible for overseeing an issue. These persons will receive email notifications about the issue status. As the person reporting this issue, you will automatically receive such email notifications.',
|
|
5325
5333
|
checked: false,
|
|
5326
5334
|
hidden: false,
|
|
5327
5335
|
code: 'OVERSIGHT'
|
|
@@ -5329,8 +5337,8 @@
|
|
|
5329
5337
|
{
|
|
5330
5338
|
imageUrl: 'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/format-evidence.svg',
|
|
5331
5339
|
name: 'Evidence',
|
|
5332
|
-
tooltipTitle: '',
|
|
5333
|
-
tooltipMessage: '',
|
|
5340
|
+
tooltipTitle: 'Evidence',
|
|
5341
|
+
tooltipMessage: 'You can require that the person resolving the issue uploads evidence to confirm',
|
|
5334
5342
|
checked: false,
|
|
5335
5343
|
hidden: false,
|
|
5336
5344
|
code: 'EVIDENCE'
|
|
@@ -11347,7 +11355,7 @@
|
|
|
11347
11355
|
this.authService = authService;
|
|
11348
11356
|
this.convertFrom12To24Format = function (time12) {
|
|
11349
11357
|
if (time12) {
|
|
11350
|
-
var
|
|
11358
|
+
var _f = __read(time12.match(/([0-9]{1,2}):([0-9]{2}) (am|pm|AM|PM)/).slice(1), 3), sHours = _f[0], minutes = _f[1], period = _f[2];
|
|
11351
11359
|
var PM = period === 'PM';
|
|
11352
11360
|
var hours = (+sHours % 12) + (PM ? 12 : 0);
|
|
11353
11361
|
return ('0' + hours).slice(-2) + ":" + minutes + ":00";
|
|
@@ -11375,7 +11383,7 @@
|
|
|
11375
11383
|
LogIssueService.prototype.getIssueCategories = function () {
|
|
11376
11384
|
var headers = new i1.HttpHeaders().set('token', this.authService.getAuthorizationToken());
|
|
11377
11385
|
return this.http
|
|
11378
|
-
.get(this.env.
|
|
11386
|
+
.get(this.env.assurance + 'Issue/Category/List', { headers: headers })
|
|
11379
11387
|
.pipe(operators.retry(2));
|
|
11380
11388
|
};
|
|
11381
11389
|
LogIssueService.prototype.getResponsibilityCenterList = function () {
|
|
@@ -11384,17 +11392,49 @@
|
|
|
11384
11392
|
};
|
|
11385
11393
|
LogIssueService.prototype.createIssue = function (payload) {
|
|
11386
11394
|
var headers = new i1.HttpHeaders().set('token', this.authService.getAuthorizationToken());
|
|
11387
|
-
return this.http.post(this.env.
|
|
11395
|
+
return this.http.post(this.env.assurance + 'Issue', payload, { headers: headers }).pipe(operators.retry(2));
|
|
11396
|
+
};
|
|
11397
|
+
LogIssueService.prototype.updateIssue = function (payload, issueId) {
|
|
11398
|
+
var headers = new i1.HttpHeaders().set('token', this.authService.getAuthorizationToken());
|
|
11399
|
+
return this.http.put(this.env.assurance + 'Issue/' + issueId, payload, { headers: headers }).pipe(operators.retry(2));
|
|
11400
|
+
};
|
|
11401
|
+
LogIssueService.prototype.getControlRisk = function (auditPlanId, type) {
|
|
11402
|
+
// Get Linked Audit Plan Responsibilities by Audit_Plan_Id
|
|
11403
|
+
// URL: https://devapi.v-comply.com/responsibilities/?mode=manage_audit_plan_responsibilities&id=610b329144c81a0009cbb598 Method: GET
|
|
11404
|
+
// Get Linked Audit Plan Risk by Audit_Plan_Id
|
|
11405
|
+
// URL: https://devapi.v-comply.com/risk/?mode=risk/manage_audit_plan_risk&id=610b329144c81a0009cbb598
|
|
11406
|
+
// Method: GET
|
|
11407
|
+
var headers = new i1.HttpHeaders().set('token', this.authService.getAuthorizationToken());
|
|
11408
|
+
if (type === 'RESPONSIBILITY') {
|
|
11409
|
+
return this.http.get(this.env.responsibilitiesGet + 'manage_audit_plan_responsibilities&id=' + auditPlanId, { headers: headers }).pipe(operators.map(function (items) {
|
|
11410
|
+
return items.map(function (item) { return ({
|
|
11411
|
+
itemId: item === null || item === void 0 ? void 0 : item.report_id,
|
|
11412
|
+
itemControlId: item === null || item === void 0 ? void 0 : item.control_id,
|
|
11413
|
+
itemControlName: item === null || item === void 0 ? void 0 : item.report_name,
|
|
11414
|
+
itemType: 'RESPONSIBILITY'
|
|
11415
|
+
}); });
|
|
11416
|
+
}));
|
|
11417
|
+
}
|
|
11418
|
+
else if (type === 'RISK') {
|
|
11419
|
+
return this.http.get(this.env.risk + 'risk/manage_audit_plan_risk&id=' + auditPlanId, { headers: headers }).pipe(operators.map(function (items) {
|
|
11420
|
+
return items.map(function (item) { return ({
|
|
11421
|
+
itemId: item === null || item === void 0 ? void 0 : item.risk_id,
|
|
11422
|
+
itemControlId: item === null || item === void 0 ? void 0 : item.risk_control_id,
|
|
11423
|
+
itemControlName: item === null || item === void 0 ? void 0 : item.title,
|
|
11424
|
+
itemType: 'RISK'
|
|
11425
|
+
}); });
|
|
11426
|
+
}));
|
|
11427
|
+
}
|
|
11428
|
+
else {
|
|
11429
|
+
return null;
|
|
11430
|
+
}
|
|
11388
11431
|
};
|
|
11389
|
-
LogIssueService.prototype.validate = function (issueData,
|
|
11432
|
+
LogIssueService.prototype.validate = function (issueData, openedFrom, isRCMandatory) {
|
|
11390
11433
|
var errors = [];
|
|
11391
11434
|
if (!issueData.issueName || issueData.issueName.trim().length === 0) {
|
|
11392
11435
|
errors.push('issueName');
|
|
11393
11436
|
}
|
|
11394
|
-
if (issueData.
|
|
11395
|
-
errors.push('issueCategory');
|
|
11396
|
-
}
|
|
11397
|
-
if (issueData.issueRC.length === 0 && opendedFrom === 'GLOBAL') {
|
|
11437
|
+
if (issueData.issueRC.length === 0 && isRCMandatory) {
|
|
11398
11438
|
errors.push('issueRC');
|
|
11399
11439
|
}
|
|
11400
11440
|
if (issueData.entrustTo.length === 0) {
|
|
@@ -11424,7 +11464,7 @@
|
|
|
11424
11464
|
exception_type: optionFieldsStatus.EXCEPTION_TYPE ? issueData.exceptionType.toString() : '',
|
|
11425
11465
|
risk_class: (_a = issueData.issueRiskRating.toString()) !== null && _a !== void 0 ? _a : '',
|
|
11426
11466
|
priority: optionFieldsStatus.PRIORITY ? issueData.issuePriority.toString() : '',
|
|
11427
|
-
issue_category_id: (_b = this.arrayToId(issueData.issueCategory, '
|
|
11467
|
+
issue_category_id: (_b = this.arrayToId(issueData.issueCategory, 'category_id')) !== null && _b !== void 0 ? _b : 0,
|
|
11428
11468
|
recommendation: issueData.issueRecommendation,
|
|
11429
11469
|
entrusted_to: (_c = this.arrayToId(issueData.entrustTo, 'employee_id')) !== null && _c !== void 0 ? _c : 0,
|
|
11430
11470
|
issue_date: dateSplit[0] + '-' + dateSplit[1] + '-' + dateSplit[2] + ' ' + this.convertFrom12To24Format(issueData.issueDueTime),
|
|
@@ -11442,6 +11482,48 @@
|
|
|
11442
11482
|
}
|
|
11443
11483
|
return createIssue;
|
|
11444
11484
|
};
|
|
11485
|
+
LogIssueService.prototype.payloadBuilder = function (issueData, optionFieldsStatus) {
|
|
11486
|
+
var _a, _b, _c, _d, _e;
|
|
11487
|
+
console.log(issueData);
|
|
11488
|
+
var selectedDate = new Date(issueData.issueDueDate);
|
|
11489
|
+
var dateSplit = [selectedDate.getFullYear(), selectedDate.getMonth() + 1, selectedDate.getDate()];
|
|
11490
|
+
var payload = {
|
|
11491
|
+
description: [],
|
|
11492
|
+
associated_risk: [],
|
|
11493
|
+
recommendation: []
|
|
11494
|
+
};
|
|
11495
|
+
payload.title = (_a = issueData.issueName) !== null && _a !== void 0 ? _a : '';
|
|
11496
|
+
payload.rc_id = issueData.issueRC.length ? this.arrayToId(issueData.issueRC, 'rc_id') : null;
|
|
11497
|
+
payload.category_id = issueData.issueCategory.length ? this.arrayToId(issueData.issueCategory, 'category_id') : null;
|
|
11498
|
+
payload.description[0] = {
|
|
11499
|
+
text: (_b = issueData.issueDescription) !== null && _b !== void 0 ? _b : '',
|
|
11500
|
+
attachments: (issueData === null || issueData === void 0 ? void 0 : issueData.issueDescriptionAttachements.length) ? issueData === null || issueData === void 0 ? void 0 : issueData.issueDescriptionAttachements : []
|
|
11501
|
+
};
|
|
11502
|
+
payload.exception_type = optionFieldsStatus.EXCEPTION_TYPE ? Number(issueData.exceptionType) : null;
|
|
11503
|
+
payload.risk_class = (_c = issueData.issueRiskRating) !== null && _c !== void 0 ? _c : null;
|
|
11504
|
+
payload.priority = optionFieldsStatus.PRIORITY ? Number(issueData.issuePriority) : null;
|
|
11505
|
+
payload.assignee_id = issueData.entrustTo ? this.arrayToId(issueData.entrustTo, 'my_member_id') : null;
|
|
11506
|
+
payload.associated_risk[0] = {
|
|
11507
|
+
text: optionFieldsStatus.ASSOCIATED_RISKS ? issueData.issueAssociatedRisk : '',
|
|
11508
|
+
attachments: []
|
|
11509
|
+
};
|
|
11510
|
+
payload.recommendation[0] = {
|
|
11511
|
+
text: (_d = issueData.issueRecommendation) !== null && _d !== void 0 ? _d : '',
|
|
11512
|
+
attachments: (issueData === null || issueData === void 0 ? void 0 : issueData.recommendedActionsAttachments.length) ? issueData === null || issueData === void 0 ? void 0 : issueData.recommendedActionsAttachments : []
|
|
11513
|
+
};
|
|
11514
|
+
payload.evidence = { evidence_flag: optionFieldsStatus.EVIDENCE ? (issueData.evidenceRequired ? 1 : 0) : 0 };
|
|
11515
|
+
payload.frequency_details = {
|
|
11516
|
+
frequency_time: (_e = this.convertFrom12To24Format(issueData.issueDueTime)) !== null && _e !== void 0 ? _e : '',
|
|
11517
|
+
frequency_date: dateSplit[0] + '-' + (dateSplit[1] < 10 ? '0' + dateSplit[1] : dateSplit[1]) + '-' + (dateSplit[2] < 10 ? '0' + dateSplit[2] : dateSplit[2])
|
|
11518
|
+
};
|
|
11519
|
+
payload.overseer = {
|
|
11520
|
+
cc_email: optionFieldsStatus.OVERSIGHT ? (issueData.issueCCUsers.length ? issueData.issueCCUsers.map(function (x) { var _a; return { member_id: (_a = x.my_member_id) !== null && _a !== void 0 ? _a : 0, alert_enable: 1 }; }) : []) : [],
|
|
11521
|
+
failure_cc_email: optionFieldsStatus.OVERSIGHT ? (issueData.failureCCUsers.length ? issueData.failureCCUsers.map(function (x) { var _a; return { member_id: (_a = x.my_member_id) !== null && _a !== void 0 ? _a : 0, alert_enable: 1 }; }) : []) : []
|
|
11522
|
+
};
|
|
11523
|
+
payload.custom_tags = issueData === null || issueData === void 0 ? void 0 : issueData.issueCustomTag;
|
|
11524
|
+
console.log(payload);
|
|
11525
|
+
return payload;
|
|
11526
|
+
};
|
|
11445
11527
|
LogIssueService.prototype.arrayToId = function (array, key) {
|
|
11446
11528
|
if (array.length === 0) {
|
|
11447
11529
|
return '';
|
|
@@ -11450,6 +11532,18 @@
|
|
|
11450
11532
|
return array[0][key];
|
|
11451
11533
|
}
|
|
11452
11534
|
};
|
|
11535
|
+
LogIssueService.prototype.convertFrom24To12Format = function (time) {
|
|
11536
|
+
var hhmm = time.split(':');
|
|
11537
|
+
time = hhmm[0] + ":" + hhmm[1];
|
|
11538
|
+
// Check correct time format and split into components
|
|
11539
|
+
time = time.toString().match(/^([01]\d|2[0-3])(:)([0-5]\d)(:[0-5]\d)?$/) || [time];
|
|
11540
|
+
if (time.length > 1) { // If time format correct
|
|
11541
|
+
time = time.slice(1); // Remove full string match value
|
|
11542
|
+
time[5] = +time[0] < 12 ? ' AM' : ' PM'; // Set AM/PM
|
|
11543
|
+
time[0] = +time[0] % 12 || 12; // Adjust hours
|
|
11544
|
+
}
|
|
11545
|
+
return time.join(''); // return adjusted time or original string
|
|
11546
|
+
};
|
|
11453
11547
|
LogIssueService.prototype.arrayToIDsDtring = function (array, identifierKey) {
|
|
11454
11548
|
var list = array.map(function (el) {
|
|
11455
11549
|
return el[identifierKey];
|
|
@@ -11469,6 +11563,10 @@
|
|
|
11469
11563
|
var ORG_PATH = "o/" + path;
|
|
11470
11564
|
return this.http.post(this.env.fileUploadEndPoint + ORG_PATH + '&ngsw-bypass=true', payload);
|
|
11471
11565
|
};
|
|
11566
|
+
LogIssueService.prototype.getIssueDetails = function (issueId) {
|
|
11567
|
+
var headers = new i1.HttpHeaders().set('token', this.authService.getAuthorizationToken());
|
|
11568
|
+
return this.http.get(this.env.assurance + 'Issue/Edit/' + issueId, { headers: headers }).pipe(operators.retry(3));
|
|
11569
|
+
};
|
|
11472
11570
|
return LogIssueService;
|
|
11473
11571
|
}());
|
|
11474
11572
|
LogIssueService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function LogIssueService_Factory() { return new LogIssueService(i0__namespace.ɵɵinject(i1__namespace.HttpClient), i0__namespace.ɵɵinject(AuthService), i0__namespace.ɵɵinject(Configurations, 8)); }, token: LogIssueService, providedIn: "root" });
|
|
@@ -11489,22 +11587,33 @@
|
|
|
11489
11587
|
this.authService = authService;
|
|
11490
11588
|
this.uiKitService = uiKitService;
|
|
11491
11589
|
this.snackBar = snackBar;
|
|
11492
|
-
this.
|
|
11493
|
-
|
|
11494
|
-
|
|
11590
|
+
this.reponsibilityData = {
|
|
11591
|
+
responsibilityId: null,
|
|
11592
|
+
responsibilityName: '',
|
|
11593
|
+
rcId: null
|
|
11495
11594
|
};
|
|
11595
|
+
this.issueDetails = {
|
|
11596
|
+
auditPlanId: null,
|
|
11597
|
+
auditPlanName: '',
|
|
11598
|
+
rcId: null,
|
|
11599
|
+
auditObjId: null
|
|
11600
|
+
};
|
|
11601
|
+
this.mode = 'CREATE';
|
|
11496
11602
|
this.pickerChanged = new i0.EventEmitter();
|
|
11497
11603
|
this.populateOption = new i0.EventEmitter();
|
|
11498
11604
|
this.closeWorkflow = new i0.EventEmitter();
|
|
11605
|
+
this.modeChange = new i0.EventEmitter();
|
|
11606
|
+
this.disconnectRefresh = new i0.EventEmitter();
|
|
11499
11607
|
this.scrollToBottom = false;
|
|
11500
11608
|
this.datePickerOverlay = false;
|
|
11501
11609
|
this.showDateError = false;
|
|
11502
11610
|
this.showSmiley = false;
|
|
11503
11611
|
this.loader = false;
|
|
11504
|
-
this.smileyMessage = "
|
|
11612
|
+
this.smileyMessage = "The issue has been reported.";
|
|
11613
|
+
this.isRiskControlLoading = false;
|
|
11505
11614
|
this.actionButtons = [
|
|
11506
|
-
{ buttonText: 'Report More Issues', class: 'white-btn', id: 'addMore' }
|
|
11507
|
-
|
|
11615
|
+
{ buttonText: 'Report More Issues', class: 'white-btn', id: 'addMore' },
|
|
11616
|
+
{ buttonText: 'View Issue', class: 'blue-btn', id: 'viewIssue' },
|
|
11508
11617
|
];
|
|
11509
11618
|
this.description = {
|
|
11510
11619
|
// mode: 'prime',
|
|
@@ -11524,7 +11633,8 @@
|
|
|
11524
11633
|
issueTypeList: [],
|
|
11525
11634
|
userList: [],
|
|
11526
11635
|
categoryList: [],
|
|
11527
|
-
rcList: []
|
|
11636
|
+
rcList: [],
|
|
11637
|
+
linkageList: []
|
|
11528
11638
|
};
|
|
11529
11639
|
this.logIssueForm = {
|
|
11530
11640
|
issueName: '',
|
|
@@ -11532,7 +11642,7 @@
|
|
|
11532
11642
|
issueDescription: '',
|
|
11533
11643
|
issueDescriptionAttachements: [],
|
|
11534
11644
|
issueCategory: [],
|
|
11535
|
-
issueCustomTag:
|
|
11645
|
+
issueCustomTag: [],
|
|
11536
11646
|
issueRC: [],
|
|
11537
11647
|
issueType: [],
|
|
11538
11648
|
isAssignToMyself: false,
|
|
@@ -11543,11 +11653,15 @@
|
|
|
11543
11653
|
issueRiskRating: 1,
|
|
11544
11654
|
issuePriority: 1,
|
|
11545
11655
|
issueRecommendation: '',
|
|
11656
|
+
recommendedActionsAttachments: [],
|
|
11546
11657
|
issueAssociatedRisk: '',
|
|
11658
|
+
associatedRisksAttachments: [],
|
|
11547
11659
|
issueCCUsers: [],
|
|
11548
|
-
failureCCUsers: []
|
|
11660
|
+
failureCCUsers: [],
|
|
11661
|
+
linkedControlRisk: [],
|
|
11662
|
+
linkageType: 'RISK'
|
|
11549
11663
|
};
|
|
11550
|
-
this.
|
|
11664
|
+
this.AttachmentTrack = [[], [], []];
|
|
11551
11665
|
this.additionalOptionStatus = {
|
|
11552
11666
|
EXCEPTION_TYPE: false,
|
|
11553
11667
|
EVIDENCE: false,
|
|
@@ -11567,7 +11681,7 @@
|
|
|
11567
11681
|
{ name: 'MEDIUM', value: 2, class: 'low-med' },
|
|
11568
11682
|
{ name: 'HIGH', value: 3, class: 'high' },
|
|
11569
11683
|
];
|
|
11570
|
-
this.sideSelectorElements = ['ISSUE_CATEGORY', 'ISSUE_RC', 'ISSUE_WHO', 'ISSUE_TYPE', 'ISSUE_CC', 'ISSUE_FCC'];
|
|
11684
|
+
this.sideSelectorElements = ['ISSUE_CATEGORY', 'ISSUE_RC', 'ISSUE_WHO', 'ISSUE_TYPE', 'ISSUE_CC', 'ISSUE_FCC', 'ISSUE_CONTROL_RISK'];
|
|
11571
11685
|
this.selectorConfig = {
|
|
11572
11686
|
ISSUE_CATGORY: {
|
|
11573
11687
|
panelTitle: 'Select Issue Category',
|
|
@@ -11620,6 +11734,13 @@
|
|
|
11620
11734
|
this.activeSelector = '';
|
|
11621
11735
|
this.listLoadingStatus = [];
|
|
11622
11736
|
this.currentTime = '';
|
|
11737
|
+
/**
|
|
11738
|
+
* isRCPreSelected,isRCVisible are variable used to set the visibility of rc field and edit button in certain conditions
|
|
11739
|
+
*/
|
|
11740
|
+
this.isRCPreSelected = false;
|
|
11741
|
+
this.isRCVisible = true;
|
|
11742
|
+
this.isRCMandatory = true;
|
|
11743
|
+
this.isRiskControlVisible = false;
|
|
11623
11744
|
}
|
|
11624
11745
|
LogAnIssueComponent.prototype.ngOnInit = function () {
|
|
11625
11746
|
var _this = this;
|
|
@@ -11637,10 +11758,20 @@
|
|
|
11637
11758
|
});
|
|
11638
11759
|
};
|
|
11639
11760
|
LogAnIssueComponent.prototype.ngAfterViewInit = function () {
|
|
11761
|
+
this.fetchControlRisks();
|
|
11762
|
+
this.decideRCmandatory();
|
|
11640
11763
|
};
|
|
11641
11764
|
LogAnIssueComponent.prototype.ngOnChanges = function () {
|
|
11642
11765
|
this.currentTime = this.getCurrentTime();
|
|
11643
11766
|
};
|
|
11767
|
+
LogAnIssueComponent.prototype.decideRCmandatory = function () {
|
|
11768
|
+
if (['GLOBAL', ''].includes(this.openedFrom) && this.mode === 'CREATE') {
|
|
11769
|
+
this.isRCMandatory = true;
|
|
11770
|
+
}
|
|
11771
|
+
else {
|
|
11772
|
+
this.isRCMandatory = false;
|
|
11773
|
+
}
|
|
11774
|
+
};
|
|
11644
11775
|
LogAnIssueComponent.prototype.setCurrentTime = function () {
|
|
11645
11776
|
this.currentTime = this.getCurrentTime();
|
|
11646
11777
|
};
|
|
@@ -11691,7 +11822,8 @@
|
|
|
11691
11822
|
this.listLoadingStatus[2] = false;
|
|
11692
11823
|
this.logService.getIssueCategories().subscribe(function (res) {
|
|
11693
11824
|
_this.listLoadingStatus[2] = true;
|
|
11694
|
-
_this.listData.categoryList = res;
|
|
11825
|
+
_this.listData.categoryList = res === null || res === void 0 ? void 0 : res.data;
|
|
11826
|
+
_this.listData.categoryList = _this.listData.categoryList.filter(function (e) { return (e === null || e === void 0 ? void 0 : e.category_name) !== 'Uncategorized'; });
|
|
11695
11827
|
_this.checkAllListLoaded();
|
|
11696
11828
|
}, function (error) {
|
|
11697
11829
|
_this.listLoadingStatus[2] = true;
|
|
@@ -11705,11 +11837,53 @@
|
|
|
11705
11837
|
_this.listLoadingStatus[3] = true;
|
|
11706
11838
|
_this.listData.rcList = res;
|
|
11707
11839
|
_this.checkAllListLoaded();
|
|
11840
|
+
_this.setSelectedRC();
|
|
11708
11841
|
}, function (error) {
|
|
11709
11842
|
_this.listLoadingStatus[3] = true;
|
|
11710
11843
|
_this.checkAllListLoaded();
|
|
11711
11844
|
});
|
|
11712
11845
|
};
|
|
11846
|
+
LogAnIssueComponent.prototype.setSelectedRC = function () {
|
|
11847
|
+
var _this = this;
|
|
11848
|
+
var _a, _b, _c, _e, _f, _g, _h;
|
|
11849
|
+
if (((_a = this.reponsibilityData) === null || _a === void 0 ? void 0 : _a.rcId) && this.openedFrom === 'COMPLIANCE_WORKROOM') {
|
|
11850
|
+
this.logIssueForm.issueRC = this.reponsibilityData.rcId ? this.listData.rcList.filter(function (e) { return e.rc_id === _this.reponsibilityData.rcId; }) : [];
|
|
11851
|
+
}
|
|
11852
|
+
else if (((_b = this.issueDetails) === null || _b === void 0 ? void 0 : _b.rcId) && ['AUDIT_WORKROOM', 'VIEW_AUDIT_EXECUTION_SUMMARY', 'EXECUTE_AUDIT_PLAN'].includes(this.openedFrom)) {
|
|
11853
|
+
this.logIssueForm.issueRC = ((_c = this.issueDetails) === null || _c === void 0 ? void 0 : _c.rcId) ? this.listData.rcList.filter(function (e) { var _a; return e.rc_id === ((_a = _this.issueDetails) === null || _a === void 0 ? void 0 : _a.rcId); }) : [];
|
|
11854
|
+
}
|
|
11855
|
+
if ((_f = (_e = this.logIssueForm) === null || _e === void 0 ? void 0 : _e.issueRC) === null || _f === void 0 ? void 0 : _f.length) {
|
|
11856
|
+
this.isRCPreSelected = true;
|
|
11857
|
+
}
|
|
11858
|
+
else {
|
|
11859
|
+
this.isRCPreSelected = false;
|
|
11860
|
+
}
|
|
11861
|
+
if (!(((_g = this.reponsibilityData) === null || _g === void 0 ? void 0 : _g.rcId) || ((_h = this.issueDetails) === null || _h === void 0 ? void 0 : _h.rcId)) && ['COMPLIANCE_WORKROOM', 'AUDIT_WORKROOM', 'VIEW_AUDIT_EXECUTION_SUMMARY', 'EXECUTE_AUDIT_PLAN'].includes(this.openedFrom)) {
|
|
11862
|
+
this.isRCVisible = false;
|
|
11863
|
+
}
|
|
11864
|
+
else {
|
|
11865
|
+
this.isRCVisible = true;
|
|
11866
|
+
}
|
|
11867
|
+
};
|
|
11868
|
+
LogAnIssueComponent.prototype.fetchControlRisks = function () {
|
|
11869
|
+
var _a;
|
|
11870
|
+
if (['VIEW_AUDIT_EXECUTION_SUMMARY', 'EXECUTE_AUDIT_PLAN'].includes(this.openedFrom)) {
|
|
11871
|
+
this.getLinkage((_a = this.issueDetails) === null || _a === void 0 ? void 0 : _a.auditObjId, this.logIssueForm.linkageType);
|
|
11872
|
+
}
|
|
11873
|
+
};
|
|
11874
|
+
LogAnIssueComponent.prototype.getLinkage = function (auditId, type) {
|
|
11875
|
+
var _this = this;
|
|
11876
|
+
var _a;
|
|
11877
|
+
this.isRiskControlLoading = true;
|
|
11878
|
+
(_a = this.logService.getControlRisk(auditId, type)) === null || _a === void 0 ? void 0 : _a.subscribe(function (data) {
|
|
11879
|
+
_this.listData.linkageList = __spreadArray(__spreadArray([], __read(_this.listData.linkageList)), __read(data));
|
|
11880
|
+
_this.listData.linkageList = _this.listData.linkageList.filter(function (thing, index, self) { return index === self.findIndex(function (t) { return (t.itemId === thing.itemId && t.itemType === thing.itemType); }); });
|
|
11881
|
+
_this.isRiskControlLoading = false;
|
|
11882
|
+
console.log("linkage", _this.listData);
|
|
11883
|
+
}, function (error) {
|
|
11884
|
+
_this.isRiskControlLoading = false;
|
|
11885
|
+
});
|
|
11886
|
+
};
|
|
11713
11887
|
/**
|
|
11714
11888
|
* This functioj check weather all the required lists are loaded
|
|
11715
11889
|
* If loaded hides the loader otherwise shows the loader.
|
|
@@ -11722,6 +11896,9 @@
|
|
|
11722
11896
|
else {
|
|
11723
11897
|
this.loader = false;
|
|
11724
11898
|
this.uiKitService.isLoader = false;
|
|
11899
|
+
if (this.mode === 'EDIT') {
|
|
11900
|
+
this.fetchIssueDetails();
|
|
11901
|
+
}
|
|
11725
11902
|
}
|
|
11726
11903
|
};
|
|
11727
11904
|
/**
|
|
@@ -11765,7 +11942,7 @@
|
|
|
11765
11942
|
LogAnIssueComponent.prototype.setActiveFieldSelector = function (activeField, activeSelector) {
|
|
11766
11943
|
this.activeField = activeField;
|
|
11767
11944
|
(activeSelector ? this.activeSelector = activeSelector : this.activeSelector = '');
|
|
11768
|
-
var sliderType = ['ISSUE_RC', 'ISSUE_CATEGORY', 'ISSUE_TYPE', 'ISSUE_CC', 'ISSUE_FCC', 'ISSUE_WHO'];
|
|
11945
|
+
var sliderType = ['ISSUE_RC', 'ISSUE_CATEGORY', 'ISSUE_TYPE', 'ISSUE_CC', 'ISSUE_FCC', 'ISSUE_WHO', 'ISSUE_CONTROL_RISK'];
|
|
11769
11946
|
if (sliderType.includes(activeField)) {
|
|
11770
11947
|
this.pickerChanged.emit(true);
|
|
11771
11948
|
}
|
|
@@ -11776,13 +11953,26 @@
|
|
|
11776
11953
|
this.pickerChanged.emit(false);
|
|
11777
11954
|
};
|
|
11778
11955
|
LogAnIssueComponent.prototype.selectorAction = function (evt, type) {
|
|
11956
|
+
var _a, _b, _c, _e, _f, _g, _h;
|
|
11779
11957
|
switch (type) {
|
|
11780
11958
|
case 'ISSUE_CATEGORY': {
|
|
11781
|
-
|
|
11959
|
+
console.log(evt);
|
|
11960
|
+
this.logIssueForm.issueCategory = this.idToArray(evt, this.listData.categoryList, 'category_id');
|
|
11961
|
+
console.log(this.logIssueForm.issueCategory);
|
|
11782
11962
|
this.fieldDeselector(type);
|
|
11783
11963
|
if ((evt === null || evt === void 0 ? void 0 : evt.length) > 0) {
|
|
11784
11964
|
this.removeError('issueCategory');
|
|
11785
11965
|
}
|
|
11966
|
+
if ((_c = (_b = (_a = this.logIssueForm) === null || _a === void 0 ? void 0 : _a.issueCategory[0]) === null || _b === void 0 ? void 0 : _b.custom_tags) === null || _c === void 0 ? void 0 : _c.length) {
|
|
11967
|
+
var tag_1 = [];
|
|
11968
|
+
(_f = (_e = this.logIssueForm) === null || _e === void 0 ? void 0 : _e.issueCategory[0]) === null || _f === void 0 ? void 0 : _f.custom_tags.forEach(function (element) {
|
|
11969
|
+
tag_1.push({ name: element, value: '' });
|
|
11970
|
+
});
|
|
11971
|
+
this.logIssueForm.issueCustomTag = tag_1;
|
|
11972
|
+
}
|
|
11973
|
+
else {
|
|
11974
|
+
this.logIssueForm.issueCustomTag = [];
|
|
11975
|
+
}
|
|
11786
11976
|
break;
|
|
11787
11977
|
}
|
|
11788
11978
|
//["issueName", "issueCategory", "issueRC", "entrustTo", "issueDueDate", "issueRecommendation"]
|
|
@@ -11817,53 +12007,64 @@
|
|
|
11817
12007
|
this.fieldDeselector(type);
|
|
11818
12008
|
break;
|
|
11819
12009
|
}
|
|
12010
|
+
case 'ISSUE_CONTROL_RISK':
|
|
12011
|
+
this.logIssueForm.linkedControlRisk = this.idToArray(evt, this.listData.linkageList, 'itemId');
|
|
12012
|
+
this.logIssueForm.linkageType = (_h = (_g = this.logIssueForm) === null || _g === void 0 ? void 0 : _g.linkedControlRisk[0]) === null || _h === void 0 ? void 0 : _h.itemType;
|
|
12013
|
+
this.fieldDeselector(type);
|
|
12014
|
+
break;
|
|
11820
12015
|
}
|
|
11821
12016
|
this.pickerChanged.emit(false);
|
|
11822
12017
|
};
|
|
11823
12018
|
LogAnIssueComponent.prototype.deleteItem = function (type, element) {
|
|
11824
12019
|
switch (type) {
|
|
11825
12020
|
case 'ISSUE_CATEGORY': {
|
|
11826
|
-
var
|
|
11827
|
-
if (
|
|
11828
|
-
this.logIssueForm.issueCategory.splice(
|
|
12021
|
+
var itemIndex_1 = this.logIssueForm.issueCategory.findIndex(function (item) { return item.category_id === element.category_id; });
|
|
12022
|
+
if (itemIndex_1 !== -1) {
|
|
12023
|
+
this.logIssueForm.issueCategory.splice(itemIndex_1, 1);
|
|
11829
12024
|
}
|
|
11830
12025
|
break;
|
|
11831
12026
|
}
|
|
11832
12027
|
case 'ISSUE_RC': {
|
|
11833
|
-
var
|
|
11834
|
-
if (
|
|
11835
|
-
this.logIssueForm.issueRC.splice(
|
|
12028
|
+
var itemIndex_2 = this.logIssueForm.issueRC.findIndex(function (item) { return item.rc_id === element.rc_id; });
|
|
12029
|
+
if (itemIndex_2 !== -1) {
|
|
12030
|
+
this.logIssueForm.issueRC.splice(itemIndex_2, 1);
|
|
11836
12031
|
}
|
|
11837
12032
|
break;
|
|
11838
12033
|
}
|
|
11839
12034
|
case 'ISSUE_WHO': {
|
|
11840
|
-
var
|
|
11841
|
-
if (
|
|
11842
|
-
this.logIssueForm.entrustTo.splice(
|
|
12035
|
+
var itemIndex_3 = this.logIssueForm.entrustTo.findIndex(function (item) { return item.employee_id === element.employee_id; });
|
|
12036
|
+
if (itemIndex_3 !== -1) {
|
|
12037
|
+
this.logIssueForm.entrustTo.splice(itemIndex_3, 1);
|
|
11843
12038
|
}
|
|
11844
12039
|
break;
|
|
11845
12040
|
}
|
|
11846
12041
|
case 'ISSUE_TYPE': {
|
|
11847
|
-
var
|
|
11848
|
-
if (
|
|
11849
|
-
this.logIssueForm.issueType.splice(
|
|
12042
|
+
var itemIndex_4 = this.logIssueForm.issueType.findIndex(function (item) { return item.issue_id === element.issue_id; });
|
|
12043
|
+
if (itemIndex_4 !== -1) {
|
|
12044
|
+
this.logIssueForm.issueType.splice(itemIndex_4, 1);
|
|
11850
12045
|
}
|
|
11851
12046
|
break;
|
|
11852
12047
|
}
|
|
11853
12048
|
case 'ISSUE_CC': {
|
|
11854
|
-
var
|
|
11855
|
-
if (
|
|
11856
|
-
this.logIssueForm.issueCCUsers.splice(
|
|
12049
|
+
var itemIndex_5 = this.logIssueForm.issueCCUsers.findIndex(function (item) { return item.employee_email === element.employee_email; });
|
|
12050
|
+
if (itemIndex_5 !== -1) {
|
|
12051
|
+
this.logIssueForm.issueCCUsers.splice(itemIndex_5, 1);
|
|
11857
12052
|
}
|
|
11858
12053
|
break;
|
|
11859
12054
|
}
|
|
11860
12055
|
case 'ISSUE_FCC': {
|
|
11861
|
-
var
|
|
11862
|
-
if (
|
|
11863
|
-
this.logIssueForm.failureCCUsers.splice(
|
|
12056
|
+
var itemIndex_6 = this.logIssueForm.failureCCUsers.findIndex(function (item) { return item.employee_email === element.employee_email; });
|
|
12057
|
+
if (itemIndex_6 !== -1) {
|
|
12058
|
+
this.logIssueForm.failureCCUsers.splice(itemIndex_6, 1);
|
|
11864
12059
|
}
|
|
11865
12060
|
break;
|
|
11866
12061
|
}
|
|
12062
|
+
case 'ISSUE_CONTROL_RISK':
|
|
12063
|
+
var itemIndex = this.logIssueForm.linkedControlRisk.findIndex(function (item) { return item.itemId === element.itemId; });
|
|
12064
|
+
if (itemIndex !== -1) {
|
|
12065
|
+
this.logIssueForm.linkedControlRisk.splice(itemIndex, 1);
|
|
12066
|
+
}
|
|
12067
|
+
break;
|
|
11867
12068
|
}
|
|
11868
12069
|
};
|
|
11869
12070
|
LogAnIssueComponent.prototype.assignMyself = function (event) {
|
|
@@ -11883,72 +12084,180 @@
|
|
|
11883
12084
|
var x = list.filter(function (el) { return selected.includes(el[key]); });
|
|
11884
12085
|
return x;
|
|
11885
12086
|
};
|
|
11886
|
-
|
|
11887
|
-
|
|
11888
|
-
|
|
11889
|
-
|
|
11890
|
-
|
|
11891
|
-
|
|
12087
|
+
///Code between 503 to 608 can be optimized to remove duplication
|
|
12088
|
+
LogAnIssueComponent.prototype.selectFile = function (type, files) {
|
|
12089
|
+
var _a, _b, _c;
|
|
12090
|
+
switch (type) {
|
|
12091
|
+
case 'ISSUE_DESCRIPTION': {
|
|
12092
|
+
for (var i = 0; i <= files.length - 1; i++) {
|
|
12093
|
+
var name = (_a = files[i].file.name) !== null && _a !== void 0 ? _a : '';
|
|
12094
|
+
this.AttachmentTrack[0].push(name);
|
|
12095
|
+
this.uploadFile(files[i].file, type);
|
|
12096
|
+
}
|
|
12097
|
+
break;
|
|
12098
|
+
}
|
|
12099
|
+
case 'RECOMMENDED_ACTIONS': {
|
|
12100
|
+
for (var i = 0; i <= files.length - 1; i++) {
|
|
12101
|
+
var name = (_b = files[i].file.name) !== null && _b !== void 0 ? _b : '';
|
|
12102
|
+
this.AttachmentTrack[1].push(name);
|
|
12103
|
+
this.uploadFile(files[i].file, type);
|
|
12104
|
+
}
|
|
12105
|
+
break;
|
|
12106
|
+
}
|
|
12107
|
+
case 'ASSOCIATED_RISKS': {
|
|
12108
|
+
for (var i = 0; i <= files.length - 1; i++) {
|
|
12109
|
+
var name = (_c = files[i].file.name) !== null && _c !== void 0 ? _c : '';
|
|
12110
|
+
this.AttachmentTrack[2].push(name);
|
|
12111
|
+
this.uploadFile(files[i].file, type);
|
|
12112
|
+
}
|
|
12113
|
+
break;
|
|
12114
|
+
}
|
|
11892
12115
|
}
|
|
11893
12116
|
};
|
|
11894
|
-
LogAnIssueComponent.prototype.uploadFile = function (file) {
|
|
12117
|
+
LogAnIssueComponent.prototype.uploadFile = function (file, type) {
|
|
11895
12118
|
var _this = this;
|
|
12119
|
+
var trackIndex = 0;
|
|
12120
|
+
switch (type) {
|
|
12121
|
+
case 'ISSUE_DESCRIPTION': {
|
|
12122
|
+
trackIndex = 0;
|
|
12123
|
+
break;
|
|
12124
|
+
}
|
|
12125
|
+
case 'RECOMMENDED_ACTIONS': {
|
|
12126
|
+
trackIndex = 1;
|
|
12127
|
+
break;
|
|
12128
|
+
}
|
|
12129
|
+
case 'ASSOCIATED_RISKS': {
|
|
12130
|
+
trackIndex = 2;
|
|
12131
|
+
break;
|
|
12132
|
+
}
|
|
12133
|
+
}
|
|
11896
12134
|
var formData = new FormData();
|
|
11897
12135
|
formData.append('file', file);
|
|
11898
12136
|
var destinationString = this.authService.getOrganizationId().toString();
|
|
11899
|
-
this.logService.uploadFiles(formData, destinationString).subscribe(function (res) {
|
|
11900
|
-
var index = _this.
|
|
12137
|
+
this.logService.uploadFiles(formData, destinationString + '/').subscribe(function (res) {
|
|
12138
|
+
var index = _this.AttachmentTrack[trackIndex].indexOf(file === null || file === void 0 ? void 0 : file.name);
|
|
11901
12139
|
if (index !== -1) {
|
|
11902
|
-
_this.
|
|
12140
|
+
_this.AttachmentTrack[trackIndex].splice(index, 1);
|
|
12141
|
+
}
|
|
12142
|
+
switch (type) {
|
|
12143
|
+
case 'ISSUE_DESCRIPTION': {
|
|
12144
|
+
_this.logIssueForm.issueDescriptionAttachements.push(res);
|
|
12145
|
+
break;
|
|
12146
|
+
}
|
|
12147
|
+
case 'RECOMMENDED_ACTIONS': {
|
|
12148
|
+
_this.logIssueForm.recommendedActionsAttachments.push(res);
|
|
12149
|
+
break;
|
|
12150
|
+
}
|
|
12151
|
+
case 'ASSOCIATED_RISKS': {
|
|
12152
|
+
_this.logIssueForm.associatedRisksAttachments.push(res);
|
|
12153
|
+
break;
|
|
12154
|
+
}
|
|
11903
12155
|
}
|
|
11904
|
-
_this.logIssueForm.issueDescriptionAttachements.push(res);
|
|
11905
12156
|
}, function (error) {
|
|
11906
|
-
var index = _this.
|
|
12157
|
+
var index = _this.AttachmentTrack[trackIndex].indexOf(file.name);
|
|
11907
12158
|
if (index !== -1) {
|
|
11908
|
-
_this.
|
|
12159
|
+
_this.AttachmentTrack[trackIndex].splice(index, 1);
|
|
11909
12160
|
}
|
|
11910
12161
|
});
|
|
11911
12162
|
};
|
|
11912
|
-
LogAnIssueComponent.prototype.deleteFile = function (file) {
|
|
11913
|
-
var _a, _b, _c;
|
|
11914
|
-
var fileIndex =
|
|
11915
|
-
(
|
|
12163
|
+
LogAnIssueComponent.prototype.deleteFile = function (file, type) {
|
|
12164
|
+
var _a, _b, _c, _e, _f, _g, _h, _j, _k;
|
|
12165
|
+
var fileIndex = -1;
|
|
12166
|
+
switch (type) {
|
|
12167
|
+
case 'ISSUE_DESCRIPTION': {
|
|
12168
|
+
fileIndex = (_b = (_a = this.logIssueForm.issueDescriptionAttachements) === null || _a === void 0 ? void 0 : _a.findIndex(function (currentFiles) { return currentFiles.org_file === file.org_file; })) !== null && _b !== void 0 ? _b : -1;
|
|
12169
|
+
(_c = this.logIssueForm.issueDescriptionAttachements) === null || _c === void 0 ? void 0 : _c.splice(fileIndex, 1);
|
|
12170
|
+
break;
|
|
12171
|
+
}
|
|
12172
|
+
case 'RECOMMENDED_ACTIONS': {
|
|
12173
|
+
fileIndex = (_f = (_e = this.logIssueForm.recommendedActionsAttachments) === null || _e === void 0 ? void 0 : _e.findIndex(function (currentFiles) { return currentFiles.org_file === file.org_file; })) !== null && _f !== void 0 ? _f : -1;
|
|
12174
|
+
(_g = this.logIssueForm.recommendedActionsAttachments) === null || _g === void 0 ? void 0 : _g.splice(fileIndex, 1);
|
|
12175
|
+
break;
|
|
12176
|
+
}
|
|
12177
|
+
case 'ASSOCIATED_RISKS': {
|
|
12178
|
+
fileIndex = (_j = (_h = this.logIssueForm.associatedRisksAttachments) === null || _h === void 0 ? void 0 : _h.findIndex(function (currentFiles) { return currentFiles.org_file === file.org_file; })) !== null && _j !== void 0 ? _j : -1;
|
|
12179
|
+
(_k = this.logIssueForm.associatedRisksAttachments) === null || _k === void 0 ? void 0 : _k.splice(fileIndex, 1);
|
|
12180
|
+
break;
|
|
12181
|
+
}
|
|
12182
|
+
}
|
|
11916
12183
|
};
|
|
11917
12184
|
LogAnIssueComponent.prototype.addIssue = function () {
|
|
11918
12185
|
var _this = this;
|
|
11919
|
-
var _a, _b;
|
|
12186
|
+
var _a, _b, _c, _e, _f, _g, _h, _j, _k, _l, _m;
|
|
11920
12187
|
var form = lodash.cloneDeep(this.logIssueForm);
|
|
11921
12188
|
if (form.isAssignToMyself) {
|
|
11922
12189
|
form.entrustTo = this.listData.userList.filter(function (emplist) { return emplist.my_member_id === _this.currentUser.id; });
|
|
11923
12190
|
}
|
|
11924
12191
|
this.fieldsWithError = [];
|
|
11925
|
-
this.fieldsWithError = this.logService.validate(form, this.openedFrom);
|
|
12192
|
+
this.fieldsWithError = this.logService.validate(form, this.openedFrom, this.isRCMandatory);
|
|
11926
12193
|
if (this.fieldsWithError.length > 0) {
|
|
11927
12194
|
return;
|
|
11928
12195
|
}
|
|
11929
|
-
var PAYLOAD = this.logService.
|
|
11930
|
-
if (this.
|
|
11931
|
-
PAYLOAD.
|
|
12196
|
+
var PAYLOAD = this.logService.payloadBuilder(form, this.additionalOptionStatus);
|
|
12197
|
+
if (this.mode === 'CREATE') {
|
|
12198
|
+
PAYLOAD.linkage_object = { source: this.openedFrom };
|
|
12199
|
+
if (this.openedFrom === 'COMPLIANCE_WORKROOM' && ((_a = this.reponsibilityData) === null || _a === void 0 ? void 0 : _a.responsibilityId)) {
|
|
12200
|
+
PAYLOAD.linkage_object = { compliance: { ids: [(_b = this.reponsibilityData) === null || _b === void 0 ? void 0 : _b.responsibilityId], source: "RESPONSIBILITY_WORKROOM" } };
|
|
12201
|
+
}
|
|
12202
|
+
if (['VIEW_AUDIT_EXECUTION_SUMMARY', 'EXECUTE_AUDIT_PLAN'].includes(this.openedFrom)) {
|
|
12203
|
+
if (((_c = this.logIssueForm) === null || _c === void 0 ? void 0 : _c.linkageType) && ((_e = this.logIssueForm) === null || _e === void 0 ? void 0 : _e.linkedControlRisk.length) > 0) {
|
|
12204
|
+
if (((_f = this.logIssueForm) === null || _f === void 0 ? void 0 : _f.linkageType) === 'RISK') {
|
|
12205
|
+
PAYLOAD.linkage_object.risk = { ids: [(_h = (_g = this.logIssueForm) === null || _g === void 0 ? void 0 : _g.linkedControlRisk[0]) === null || _h === void 0 ? void 0 : _h.itemId], source: this.openedFrom };
|
|
12206
|
+
}
|
|
12207
|
+
if (((_j = this.logIssueForm) === null || _j === void 0 ? void 0 : _j.linkageType) === 'RESPONSIBILITY') {
|
|
12208
|
+
PAYLOAD.linkage_object.compliance = { ids: [(_l = (_k = this.logIssueForm) === null || _k === void 0 ? void 0 : _k.linkedControlRisk[0]) === null || _l === void 0 ? void 0 : _l.itemId], source: this.openedFrom };
|
|
12209
|
+
}
|
|
12210
|
+
}
|
|
12211
|
+
}
|
|
12212
|
+
if (['AUDIT_WORKROOM', 'VIEW_AUDIT_EXECUTION_SUMMARY', 'EXECUTE_AUDIT_PLAN'].includes(this.openedFrom)) {
|
|
12213
|
+
if (this.issueDetails.auditPlanId) {
|
|
12214
|
+
PAYLOAD.linkage_object.audit_plan = { ids: [this.issueDetails.auditPlanId], source: this.openedFrom };
|
|
12215
|
+
}
|
|
12216
|
+
}
|
|
12217
|
+
}
|
|
12218
|
+
if (this.mode === 'EDIT') {
|
|
12219
|
+
PAYLOAD.IssueLinkage = (_m = this.dataForEdit) === null || _m === void 0 ? void 0 : _m.linkage_object;
|
|
11932
12220
|
}
|
|
11933
12221
|
this.loader = true;
|
|
11934
12222
|
this.uiKitService.isLoader = true;
|
|
11935
|
-
this.
|
|
11936
|
-
|
|
11937
|
-
|
|
11938
|
-
|
|
11939
|
-
|
|
11940
|
-
|
|
11941
|
-
|
|
11942
|
-
|
|
11943
|
-
|
|
11944
|
-
|
|
11945
|
-
|
|
12223
|
+
if (this.mode === 'EDIT') {
|
|
12224
|
+
this.logService.updateIssue(PAYLOAD, this.issueId).subscribe(function (res) {
|
|
12225
|
+
_this.smileyMessage = "The issue has been updated.";
|
|
12226
|
+
_this.issueData = res;
|
|
12227
|
+
_this.showSmiley = true;
|
|
12228
|
+
_this.uiKitService.isSmileyOn = true;
|
|
12229
|
+
_this.loader = false;
|
|
12230
|
+
_this.uiKitService.isLoader = false;
|
|
12231
|
+
}, function (error) {
|
|
12232
|
+
_this.loader = false;
|
|
12233
|
+
_this.uiKitService.isLoader = false;
|
|
12234
|
+
_this.snackBar.show('OOPS! Something went wrong and the page could not be loaded. Could you please try one more time?');
|
|
12235
|
+
});
|
|
12236
|
+
}
|
|
12237
|
+
else if (this.mode === 'CREATE' || this.mode === '' || !this.mode) {
|
|
12238
|
+
this.logService.createIssue(PAYLOAD).subscribe(function (res) {
|
|
12239
|
+
_this.issueData = res;
|
|
12240
|
+
_this.showSmiley = true;
|
|
12241
|
+
_this.uiKitService.isSmileyOn = true;
|
|
12242
|
+
_this.loader = false;
|
|
12243
|
+
_this.uiKitService.isLoader = false;
|
|
12244
|
+
}, function (error) {
|
|
12245
|
+
_this.loader = false;
|
|
12246
|
+
_this.uiKitService.isLoader = false;
|
|
12247
|
+
_this.snackBar.show('OOPS! Something went wrong and the page could not be loaded. Could you please try one more time?');
|
|
12248
|
+
});
|
|
12249
|
+
}
|
|
11946
12250
|
};
|
|
11947
12251
|
LogAnIssueComponent.prototype.closeSmiley = function (evt) {
|
|
11948
12252
|
this.showSmiley = false;
|
|
11949
12253
|
this.uiKitService.isSmileyOn = false;
|
|
11950
12254
|
this.closeWorkFlow(this.issueData, false);
|
|
11951
12255
|
};
|
|
12256
|
+
/**
|
|
12257
|
+
* Closes workflow engine
|
|
12258
|
+
* @param evt
|
|
12259
|
+
* @param confirm
|
|
12260
|
+
*/
|
|
11952
12261
|
LogAnIssueComponent.prototype.closeWorkFlow = function (evt, confirm) {
|
|
11953
12262
|
this.closeWorkflow.emit({ evt: evt, confirm: confirm });
|
|
11954
12263
|
};
|
|
@@ -11957,16 +12266,40 @@
|
|
|
11957
12266
|
this.resetIssueForm();
|
|
11958
12267
|
this.showSmiley = false;
|
|
11959
12268
|
this.uiKitService.isSmileyOn = false;
|
|
12269
|
+
this.closeWorkFlow(this.issueData, false);
|
|
11960
12270
|
}
|
|
11961
12271
|
else if (evt === 'viewIssue') {
|
|
12272
|
+
this.showSmiley = false;
|
|
12273
|
+
this.viewIssue();
|
|
12274
|
+
}
|
|
12275
|
+
};
|
|
12276
|
+
LogAnIssueComponent.prototype.viewIssue = function () {
|
|
12277
|
+
var _a, _b;
|
|
12278
|
+
this.disconnectRefresh.emit(false);
|
|
12279
|
+
var url;
|
|
12280
|
+
if (window.location.host.startsWith('localhost')) {
|
|
12281
|
+
url = 'http://' + window.location.host;
|
|
12282
|
+
}
|
|
12283
|
+
else {
|
|
12284
|
+
url = 'https://' + window.location.host;
|
|
12285
|
+
}
|
|
12286
|
+
if (window.location.host.startsWith('localhost')) {
|
|
12287
|
+
url += '/issue-workroom/' + ((_a = this.issueData) === null || _a === void 0 ? void 0 : _a._id);
|
|
11962
12288
|
}
|
|
12289
|
+
else {
|
|
12290
|
+
url += '/audit/issue-workroom/' + ((_b = this.issueData) === null || _b === void 0 ? void 0 : _b._id);
|
|
12291
|
+
}
|
|
12292
|
+
window.location.href = url;
|
|
11963
12293
|
};
|
|
12294
|
+
/**
|
|
12295
|
+
* Populate the tickmark of optional fields
|
|
12296
|
+
*/
|
|
11964
12297
|
LogAnIssueComponent.prototype.populateOptionalFields = function () {
|
|
11965
|
-
var e_1,
|
|
12298
|
+
var e_1, _3;
|
|
11966
12299
|
var activatedOptions = [];
|
|
11967
12300
|
try {
|
|
11968
|
-
for (var
|
|
11969
|
-
var key =
|
|
12301
|
+
for (var _4 = __values(Object.keys(this.additionalOptionStatus)), _5 = _4.next(); !_5.done; _5 = _4.next()) {
|
|
12302
|
+
var key = _5.value;
|
|
11970
12303
|
if (this.additionalOptionStatus[key] === true) {
|
|
11971
12304
|
activatedOptions.push(key);
|
|
11972
12305
|
}
|
|
@@ -11975,22 +12308,150 @@
|
|
|
11975
12308
|
catch (e_1_1) { e_1 = { error: e_1_1 }; }
|
|
11976
12309
|
finally {
|
|
11977
12310
|
try {
|
|
11978
|
-
if (
|
|
12311
|
+
if (_5 && !_5.done && (_3 = _4.return)) _3.call(_4);
|
|
11979
12312
|
}
|
|
11980
12313
|
finally { if (e_1) throw e_1.error; }
|
|
11981
12314
|
}
|
|
11982
12315
|
this.populateOption.emit(activatedOptions);
|
|
11983
12316
|
};
|
|
12317
|
+
/**
|
|
12318
|
+
* Fetchs issue details when in edit mode based on the input id passed
|
|
12319
|
+
*/
|
|
12320
|
+
LogAnIssueComponent.prototype.fetchIssueDetails = function () {
|
|
12321
|
+
var _this = this;
|
|
12322
|
+
this.loader = true;
|
|
12323
|
+
this.uiKitService.isLoader = true;
|
|
12324
|
+
this.logService.getIssueDetails(this.issueId).subscribe(function (data) {
|
|
12325
|
+
console.log("issue Data", data);
|
|
12326
|
+
_this.populateForm(data);
|
|
12327
|
+
});
|
|
12328
|
+
};
|
|
12329
|
+
/**
|
|
12330
|
+
* Populates the issue form when in edit mode
|
|
12331
|
+
* @param issueData issue data fetched from API
|
|
12332
|
+
*/
|
|
12333
|
+
LogAnIssueComponent.prototype.populateForm = function (issueData) {
|
|
12334
|
+
var _a, _b, _c, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2;
|
|
12335
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
12336
|
+
var issueDueDate, _3, _4, _5, _6;
|
|
12337
|
+
return __generator(this, function (_7) {
|
|
12338
|
+
switch (_7.label) {
|
|
12339
|
+
case 0:
|
|
12340
|
+
this.dataForEdit = issueData;
|
|
12341
|
+
this.loader = false;
|
|
12342
|
+
this.uiKitService.isLoader = false;
|
|
12343
|
+
issueDueDate = (_a = issueData.frequency_details) === null || _a === void 0 ? void 0 : _a.frequency_date.split('-');
|
|
12344
|
+
_3 = this;
|
|
12345
|
+
_4 = {
|
|
12346
|
+
issueName: (_b = issueData.title) !== null && _b !== void 0 ? _b : '',
|
|
12347
|
+
evidenceRequired: (_e = (_c = issueData === null || issueData === void 0 ? void 0 : issueData.evidence) === null || _c === void 0 ? void 0 : _c.evidence_flag) !== null && _e !== void 0 ? _e : 0,
|
|
12348
|
+
issueDescription: ((_f = issueData === null || issueData === void 0 ? void 0 : issueData.description) === null || _f === void 0 ? void 0 : _f.length) ? (_g = issueData === null || issueData === void 0 ? void 0 : issueData.description[0]) === null || _g === void 0 ? void 0 : _g.text : '',
|
|
12349
|
+
issueDescriptionAttachements: ((_h = issueData === null || issueData === void 0 ? void 0 : issueData.description) === null || _h === void 0 ? void 0 : _h.length) ? (_j = issueData === null || issueData === void 0 ? void 0 : issueData.description[0]) === null || _j === void 0 ? void 0 : _j.attachments : [],
|
|
12350
|
+
issueCategory: (issueData === null || issueData === void 0 ? void 0 : issueData.category_id) ? this.listData.categoryList.filter(function (e) { return e.category_id === (issueData === null || issueData === void 0 ? void 0 : issueData.category_id); }) : [],
|
|
12351
|
+
issueCustomTag: (_k = issueData === null || issueData === void 0 ? void 0 : issueData.custom_tags) !== null && _k !== void 0 ? _k : [],
|
|
12352
|
+
issueRC: (issueData === null || issueData === void 0 ? void 0 : issueData.rc_id) ? this.listData.rcList.filter(function (e) { return e.rc_id === (issueData === null || issueData === void 0 ? void 0 : issueData.rc_id); }) : [],
|
|
12353
|
+
issueType: [],
|
|
12354
|
+
recommendedActionsAttachments: ((_l = issueData === null || issueData === void 0 ? void 0 : issueData.recommendation) === null || _l === void 0 ? void 0 : _l.length) ? (_m = issueData === null || issueData === void 0 ? void 0 : issueData.recommendation[0]) === null || _m === void 0 ? void 0 : _m.attachments : [],
|
|
12355
|
+
associatedRisksAttachments: [],
|
|
12356
|
+
isAssignToMyself: (issueData === null || issueData === void 0 ? void 0 : issueData.assignee_id) === this.currentUser.id ? true : false,
|
|
12357
|
+
entrustTo: (issueData === null || issueData === void 0 ? void 0 : issueData.assignee_id) === this.currentUser.id ? [] : this.listData.userList.filter(function (e) { return e.my_member_id === (issueData === null || issueData === void 0 ? void 0 : issueData.assignee_id); }),
|
|
12358
|
+
issueDueDate: ((_o = issueData === null || issueData === void 0 ? void 0 : issueData.frequency_details) === null || _o === void 0 ? void 0 : _o.frequency_date) ? moment__namespace(issueDueDate[0] + "-" + issueDueDate[1] + "-" + issueDueDate[2]) : '',
|
|
12359
|
+
issueDueTime: this.logService.convertFrom24To12Format(issueData.frequency_details.frequency_time),
|
|
12360
|
+
exceptionType: (_p = issueData.exception_type) !== null && _p !== void 0 ? _p : 1,
|
|
12361
|
+
issueRiskRating: (_q = issueData.risk_class) !== null && _q !== void 0 ? _q : 1,
|
|
12362
|
+
issuePriority: (_r = issueData.priority) !== null && _r !== void 0 ? _r : 1,
|
|
12363
|
+
issueRecommendation: ((_s = issueData === null || issueData === void 0 ? void 0 : issueData.recommendation) === null || _s === void 0 ? void 0 : _s.length) ? (_t = issueData === null || issueData === void 0 ? void 0 : issueData.recommendation[0]) === null || _t === void 0 ? void 0 : _t.text : '',
|
|
12364
|
+
issueAssociatedRisk: ((_u = issueData === null || issueData === void 0 ? void 0 : issueData.associated_risk) === null || _u === void 0 ? void 0 : _u.length) ? (_v = issueData === null || issueData === void 0 ? void 0 : issueData.associated_risk[0]) === null || _v === void 0 ? void 0 : _v.text : ''
|
|
12365
|
+
};
|
|
12366
|
+
if (!((_w = issueData.overseer) === null || _w === void 0 ? void 0 : _w.cc_email.length)) return [3 /*break*/, 2];
|
|
12367
|
+
return [4 /*yield*/, this.generateOverseerList(this.listData.userList, (_x = issueData.overseer) === null || _x === void 0 ? void 0 : _x.cc_email)];
|
|
12368
|
+
case 1:
|
|
12369
|
+
_5 = _7.sent();
|
|
12370
|
+
return [3 /*break*/, 3];
|
|
12371
|
+
case 2:
|
|
12372
|
+
_5 = [];
|
|
12373
|
+
_7.label = 3;
|
|
12374
|
+
case 3:
|
|
12375
|
+
_4.issueCCUsers = _5;
|
|
12376
|
+
if (!((_y = issueData.overseer) === null || _y === void 0 ? void 0 : _y.failure_cc_email.length)) return [3 /*break*/, 5];
|
|
12377
|
+
return [4 /*yield*/, this.generateOverseerList(this.listData.userList, (_z = issueData.overseer) === null || _z === void 0 ? void 0 : _z.failure_cc_email)];
|
|
12378
|
+
case 4:
|
|
12379
|
+
_6 = _7.sent();
|
|
12380
|
+
return [3 /*break*/, 6];
|
|
12381
|
+
case 5:
|
|
12382
|
+
_6 = [];
|
|
12383
|
+
_7.label = 6;
|
|
12384
|
+
case 6:
|
|
12385
|
+
_3.logIssueForm = (_4.failureCCUsers = _6,
|
|
12386
|
+
_4.linkedControlRisk = [],
|
|
12387
|
+
_4.linkageType = 'RESPONSIBILITY',
|
|
12388
|
+
_4);
|
|
12389
|
+
console.log("After Init", this.logIssueForm);
|
|
12390
|
+
if (this.mode === 'EDIT') {
|
|
12391
|
+
((_0 = this.logIssueForm.issueRC) === null || _0 === void 0 ? void 0 : _0.length) > 0 ? this.isRCPreSelected = true : this.isRCPreSelected = false;
|
|
12392
|
+
((_1 = issueData.linkage_object) === null || _1 === void 0 ? void 0 : _1.source) === 'GLOBAL' ? this.isRCMandatory = true : this.isRCMandatory = false;
|
|
12393
|
+
(((_2 = issueData.linkage_object) === null || _2 === void 0 ? void 0 : _2.source) === 'GLOBAL' && (issueData === null || issueData === void 0 ? void 0 : issueData.rc_id)) ? this.isRCPreSelected = false : this.isRCPreSelected = true;
|
|
12394
|
+
// if(issueData.linkage_object?.compliance?.ids?.length){
|
|
12395
|
+
// this.logIssueForm.linkedControlRisk = issueData.linkage_object?.compliance?.ids??[],
|
|
12396
|
+
// this.logIssueForm.linkageType = 'RESPONSIBILITY'
|
|
12397
|
+
// this.isRiskControlVisible = true;
|
|
12398
|
+
// }
|
|
12399
|
+
// if(issueData.linkage_object?.risk?.ids?.length){
|
|
12400
|
+
// this.logIssueForm.linkedControlRisk = issueData.linkage_object?.risk?.ids??[],
|
|
12401
|
+
// this.logIssueForm.linkageType = 'RISK';
|
|
12402
|
+
// this.isRiskControlVisible = true;
|
|
12403
|
+
// }
|
|
12404
|
+
}
|
|
12405
|
+
this.setOptionalField(issueData);
|
|
12406
|
+
return [2 /*return*/];
|
|
12407
|
+
}
|
|
12408
|
+
});
|
|
12409
|
+
});
|
|
12410
|
+
};
|
|
12411
|
+
/**
|
|
12412
|
+
* Sets the visibility of optional fields
|
|
12413
|
+
* @param issueData issue data fetched from API
|
|
12414
|
+
*/
|
|
12415
|
+
LogAnIssueComponent.prototype.setOptionalField = function (issueData) {
|
|
12416
|
+
this.additionalOptionStatus = {
|
|
12417
|
+
EXCEPTION_TYPE: issueData.exception_type ? true : false,
|
|
12418
|
+
EVIDENCE: issueData.evidence.evidence_flag ? true : false,
|
|
12419
|
+
PRIORITY: issueData.priority ? true : false,
|
|
12420
|
+
ISSUE_TYPE: false,
|
|
12421
|
+
ASSOCIATED_RISKS: issueData.associated_risk.length ? (issueData.associated_risk[0].text.length ? true : false) : false,
|
|
12422
|
+
OVERSIGHT: (issueData.overseer.cc_email.length > 0 || issueData.overseer.failure_cc_email.length > 0) ? true : false
|
|
12423
|
+
};
|
|
12424
|
+
this.populateOptionalFields();
|
|
12425
|
+
};
|
|
12426
|
+
/**
|
|
12427
|
+
* Generates list of selected overseer
|
|
12428
|
+
* @param allUserList list of all users in the organzation
|
|
12429
|
+
* @param overseerList lit of the overseer that needs to be filtered
|
|
12430
|
+
* @returns list of array containing the users objects
|
|
12431
|
+
*/
|
|
12432
|
+
LogAnIssueComponent.prototype.generateOverseerList = function (allUserList, overseerList) {
|
|
12433
|
+
return overseerList.map(function (user) {
|
|
12434
|
+
var foundUser = allUserList.find(function (element) { return element.my_member_id === user.member_id; });
|
|
12435
|
+
if (foundUser) {
|
|
12436
|
+
return foundUser;
|
|
12437
|
+
}
|
|
12438
|
+
});
|
|
12439
|
+
};
|
|
12440
|
+
/**
|
|
12441
|
+
* Resets issue form
|
|
12442
|
+
*/
|
|
11984
12443
|
LogAnIssueComponent.prototype.resetIssueForm = function () {
|
|
11985
|
-
var e_2,
|
|
12444
|
+
var e_2, _3;
|
|
11986
12445
|
this.scrollToBottom = false;
|
|
11987
12446
|
this.logIssueForm = {
|
|
11988
12447
|
issueName: '',
|
|
11989
12448
|
evidenceRequired: 0,
|
|
11990
12449
|
issueDescription: '',
|
|
11991
12450
|
issueDescriptionAttachements: [],
|
|
12451
|
+
recommendedActionsAttachments: [],
|
|
12452
|
+
associatedRisksAttachments: [],
|
|
11992
12453
|
issueCategory: [],
|
|
11993
|
-
issueCustomTag:
|
|
12454
|
+
issueCustomTag: [],
|
|
11994
12455
|
issueRC: [],
|
|
11995
12456
|
issueType: [],
|
|
11996
12457
|
isAssignToMyself: false,
|
|
@@ -12006,18 +12467,21 @@
|
|
|
12006
12467
|
failureCCUsers: []
|
|
12007
12468
|
};
|
|
12008
12469
|
try {
|
|
12009
|
-
for (var
|
|
12010
|
-
var key =
|
|
12470
|
+
for (var _4 = __values(Object.keys(this.additionalOptionStatus)), _5 = _4.next(); !_5.done; _5 = _4.next()) {
|
|
12471
|
+
var key = _5.value;
|
|
12011
12472
|
this.additionalOptionStatus[key] = false;
|
|
12012
12473
|
}
|
|
12013
12474
|
}
|
|
12014
12475
|
catch (e_2_1) { e_2 = { error: e_2_1 }; }
|
|
12015
12476
|
finally {
|
|
12016
12477
|
try {
|
|
12017
|
-
if (
|
|
12478
|
+
if (_5 && !_5.done && (_3 = _4.return)) _3.call(_4);
|
|
12018
12479
|
}
|
|
12019
12480
|
finally { if (e_2) throw e_2.error; }
|
|
12020
12481
|
}
|
|
12482
|
+
this.smileyMessage = "The issue has been reported.";
|
|
12483
|
+
this.mode = 'CREATE';
|
|
12484
|
+
this.modeChange.emit(this.mode);
|
|
12021
12485
|
this.populateOptionalFields();
|
|
12022
12486
|
};
|
|
12023
12487
|
LogAnIssueComponent.prototype.checkDescription = function () {
|
|
@@ -12036,7 +12500,7 @@
|
|
|
12036
12500
|
LogAnIssueComponent.decorators = [
|
|
12037
12501
|
{ type: i0.Component, args: [{
|
|
12038
12502
|
selector: 'app-log-an-issue',
|
|
12039
|
-
template: "<!-- <p>log-an-issue works!</p> -->\r\n<div class=\"log-an-issue\" *ngIf=\"!showSmiley\">\r\n <div class=\"form-group-row\" *ngIf=\"['COMPLIANCE_WORKROOM','AUDIT_WORKROOM'].includes(openedFrom)\">\r\n <div class=\"left\" [class.checked]=\"false\">\r\n <svg class=\"checkIcon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\r\n <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n </svg>\r\n </div>\r\n <div class=\"right\">\r\n <div class=\"vx-form-group\">\r\n <label class=\"vx-control-panel\">\r\n Linked to\r\n </label>\r\n <input type=\"text\" placeholder=\"Linked to\" disabled [value]=\"reponsibiltyData?.responsibiltyName\">\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"form-group-row\"\r\n [class.disabled]=\"activeField && activeField !== 'ISSUE_TITLE' && sideSelectorElements.includes(activeField)\">\r\n <div class=\"left\" [class.checked]=\"logIssueForm.issueName.trim().length\">\r\n <img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/what.svg\" alt=\"name\"\r\n *ngIf=\"!logIssueForm.issueName.trim().length || activeField === 'ISSUE_TITLE'\">\r\n\r\n <svg class=\"checkIcon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\"\r\n *ngIf=\"logIssueForm.issueName.trim().length && activeField !== 'ISSUE_TITLE'\">\r\n <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n </svg>\r\n </div>\r\n <div class=\"right\">\r\n <div class=\"vx-form-group\">\r\n <label class=\"vx-control-panel\">\r\n Issue Title <span class=\"required\">*</span>\r\n </label>\r\n <input type=\"text\" placeholder=\"Enter issue Title\" [(ngModel)]=\"logIssueForm.issueName\"\r\n (focusin)=\"setActiveFieldSelector('ISSUE_TITLE','ISSUE_TITLE')\"\r\n (keyup)=\"logIssueForm.issueName?.trim()?.length > 0 ? removeError('issueName'): null\"\r\n (focusout)=\"setActiveFieldSelector('','')\" *ngIf=\"logIssueForm.issueName =='' || activeSelector === 'ISSUE_TITLE'\">\r\n <div class=\"selected\" *ngIf=\"logIssueForm.issueName.length && activeSelector !== 'ISSUE_TITLE'\">\r\n <div class=\"chip-container\">\r\n <span class=\"value\">{{logIssueForm.issueName}}</span>\r\n </div>\r\n <button class=\"edit\" (click)=\"setActiveFieldSelector('ISSUE_TITLE','ISSUE_TITLE')\" type=\"button\"><i class=\"icons\"></i> Edit</button>\r\n </div>\r\n <p class=\"error-message\" *ngIf=\"fieldsWithError.includes('issueName')\">Please enter an issue title.</p>\r\n <ng-container *ngIf=\"descriptionAttachmentTrack.length > 0 \">\r\n <div class=\"file-list\" *ngFor=\"let uploadingFile of descriptionAttachmentTrack\">\r\n <div class=\"file-container\">\r\n <span class=\"file-name\">{{uploadingFile}}</span>\r\n <!-- <button>\r\n <i class=\"icons\"></i>\r\n </button> -->\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"logIssueForm?.issueDescriptionAttachements?.length > 0\">\r\n <div class=\"file-list\" *ngFor=\"let file of logIssueForm?.issueDescriptionAttachements\">\r\n <div class=\"file-container\">\r\n <span class=\"file-name\">{{file?.name}}</span>\r\n <button>\r\n <i class=\"icons\" (click)=\"deleteFile(file)\"></i>\r\n </button>\r\n </div>\r\n </div>\r\n </ng-container>\r\n <marx-editor [editorConfig]=\"{mode: 'prime',file:true,\r\n colorPalette: true,\r\n link: true,\r\n placeholder: 'Description'}\" [(ngModel)]=\"logIssueForm.issueDescription\"\r\n (sendSavedFiles)=\"selectFilefromDescription($event)\" (clickOutside)=\"checkDescription()\"></marx-editor>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"form-group-row\" [class.active]=\"activeField === 'ISSUE_CATEGORY'\"\r\n [class.disabled]=\"activeField && activeField !== 'ISSUE_CATEGORY' && sideSelectorElements.includes(activeField)\">\r\n <div class=\"left\" [class.checked]=\"logIssueForm?.issueCategory?.length > 0 \">\r\n <img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/category.svg\" alt=\"\"\r\n *ngIf=\"logIssueForm?.issueCategory?.length === 0 || activeField === 'ISSUE_CATEGORY' \" />\r\n\r\n <svg class=\"checkIcon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\"\r\n *ngIf=\"logIssueForm?.issueCategory?.length > 0 && activeField !== 'ISSUE_CATEGORY'\">\r\n <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n </svg>\r\n </div>\r\n <div class=\"right\">\r\n <div class=\"vx-form-group\">\r\n <label class=\"vx-control-panel\">Issue Category <span class=\"required\">*</span></label>\r\n <div class=\"select\" *ngIf=\"!logIssueForm?.issueCategory || logIssueForm?.issueCategory?.length === 0\">\r\n <input (click)=\"setActiveFieldSelector('ISSUE_CATEGORY','ISSUE_CATEGORY')\" type=\"text\"\r\n placeholder=\"Select a category for this issue\" readonly>\r\n </div>\r\n <div class=\"selected\" *ngIf=\"logIssueForm?.issueCategory?.length > 0\">\r\n <div class=\"chip-container\">\r\n <span class=\"chip\"><i class=\"icons\"\r\n (click)=\"deleteItem('ISSUE_CATEGORY',logIssueForm?.issueCategory[0])\"></i>{{logIssueForm?.issueCategory[0]?.issue_category_name}}</span>\r\n </div>\r\n <button class=\"edit\" *ngIf=\"activeField !=='ISSUE_CATEGORY'\" type=\"button\"\r\n (click)=\"setActiveFieldSelector('ISSUE_CATEGORY','ISSUE_CATEGORY')\"><i\r\n class=\"icons\"></i>Edit</button>\r\n </div>\r\n <p class=\"error-message\" *ngIf=\"fieldsWithError.includes('issueCategory')\">Please enter an issue\r\n category.</p>\r\n </div>\r\n <div class=\"vx-form-group\" *ngFor=\"let tag of logIssueForm.issueCustomTag|keyvalue\">\r\n <!-- {{logIssueForm.issueCustomTag|json}} -->\r\n <label class=\"vx-control-panel\">{{tag?.value?.custom_tag_name}}</label>\r\n <input type=\"text\" [placeholder]=\"tag?.value?.custom_tag_name\" [(ngModel)]=\"tag.value.custom_tag_value\">\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"form-group-row\" [class.active]=\"false\"\r\n [class.disabled]=\"activeField && activeField !== 'ISSUE_RC' && sideSelectorElements.includes(activeField)\"\r\n *ngIf=\"openedFrom === 'GLOBAL'\">\r\n <div class=\"left\" [class.checked]=\"logIssueForm?.issueRC?.length > 0\">\r\n <img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/responsibility-center.svg\" alt=\"\" *ngIf=\"logIssueForm?.issueRC?.length === 0\">\r\n\r\n <svg class=\"checkIcon\" *ngIf=\"logIssueForm?.issueRC?.length > 0 && activeField !== 'ISSUE_RC'\"\r\n xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\r\n <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n </svg>\r\n </div>\r\n <div class=\"right\">\r\n <div class=\"vx-form-group\">\r\n <label class=\"vx-control-panel\">Responsibility Center <span class=\"required\">*</span></label>\r\n <div class=\"select\" *ngIf=\"!logIssueForm?.issueRC || logIssueForm?.issueRC?.length === 0\">\r\n <input (click)=\"setActiveFieldSelector('ISSUE_RC','ISSUE_RC')\" type=\"text\"\r\n placeholder=\"Select Responsibility Center(s)\" readonly>\r\n </div>\r\n <div class=\"selected\" *ngIf=\"logIssueForm?.issueRC?.length > 0\">\r\n <div class=\"chip-container\">\r\n <span class=\"chip\"><i class=\"icons\"\r\n (click)=\"deleteItem('ISSUE_RC',logIssueForm?.issueRC[0])\"></i>{{logIssueForm?.issueRC[0]?.item_name}}</span>\r\n </div>\r\n <button *ngIf=\"activeField !=='ISSUE_RC'\" class=\"edit\" type=\"button\"\r\n (click)=\"setActiveFieldSelector('ISSUE_RC','ISSUE_RC')\"><i\r\n class=\"icons\"></i>Edit</button>\r\n </div>\r\n <p class=\"error-message\" *ngIf=\"fieldsWithError.includes('issueRC')\">Please select a responsibility center.</p>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"form-group-row\"\r\n [class.disabled]=\"activeField && activeField !== 'ISSUE_WHO' && sideSelectorElements.includes(activeField)\">\r\n <div class=\"left\" [class.checked]=\"logIssueForm?.entrustTo?.length > 0\">\r\n <img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/who.svg\" alt=\"im\"\r\n *ngIf=\"(logIssueForm?.entrustTo?.length === 0 && !logIssueForm?.isAssignToMyself) || activeField === 'ISSUE_WHO' \">\r\n\r\n <svg class=\"checkIcon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\"\r\n *ngIf=\"(logIssueForm?.entrustTo?.length > 0 || logIssueForm?.isAssignToMyself ) && activeField !== 'ISSUE_WHO'\">\r\n <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n </svg>\r\n </div>\r\n <div class=\"right\">\r\n <div class=\"vx-form-group\">\r\n <label class=\"vx-control-panel\">Who? <span class=\"required\">*</span></label>\r\n <div class=\"select\" [class.disabled]=\"logIssueForm?.isAssignToMyself\"\r\n *ngIf=\"!logIssueForm?.entrustTo || logIssueForm?.entrustTo?.length === 0\">\r\n <input (click)=\"setActiveFieldSelector('ISSUE_WHO','ISSUE_WHO')\"\r\n [disabled]=\"logIssueForm?.isAssignToMyself\" type=\"text\"\r\n placeholder=\"Who is responsible for completing the responsibility?\" readonly>\r\n </div>\r\n <div class=\"selected\" *ngIf=\"logIssueForm?.entrustTo?.length > 0\">\r\n <div class=\"chip-container\">\r\n <span class=\"chip\"><i class=\"icons\"\r\n (click)=\"deleteItem('ISSUE_WHO',logIssueForm?.entrustTo[0])\"></i>{{logIssueForm?.entrustTo[0]?.employee_name}}</span>\r\n </div>\r\n <button *ngIf=\"activeField !=='ISSUE_WHO'\" class=\"edit\" type=\"button\"\r\n (click)=\"setActiveFieldSelector('ISSUE_WHO','ISSUE_WHO')\"><i\r\n class=\"icons\"></i>Edit</button>\r\n </div>\r\n <p class=\"error-message\" *ngIf=\"fieldsWithError.includes('entrustTo')\">Please select an assignee.</p>\r\n <div class=\"switch-row align-right\" [class.disabled]=\"activeField === 'ISSUE_WHO'\">\r\n <app-cs-switch [disabled]=\"activeField === 'ISSUE_WHO'\" [(ngValue)]=\"logIssueForm.isAssignToMyself\" (ngValueChange)=\"assignMyself($event)\">OR\r\n ASSIGN TO MYSELF\r\n </app-cs-switch>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"form-group-row\"\r\n [class.disabled]=\"activeField && activeField !== 'ISSUE_DATE_TIME' && sideSelectorElements.includes(activeField)\">\r\n <div class=\"left\" [class.checked]=\"logIssueForm?.issueDueDate \">\r\n <img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/when.svg\" alt=\"im\"\r\n *ngIf=\"!logIssueForm?.issueDueDate || activeField === 'ISSUE_DATE_TIME' \">\r\n\r\n <svg class=\"checkIcon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\"\r\n *ngIf=\"logIssueForm?.issueDueDate && activeField !== 'ISSUE_DATE_TIME'\">\r\n <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n </svg>\r\n </div>\r\n <div class=\"right\">\r\n <div class=\"vx-form-group\">\r\n <label class=\"vx-control-panel\">Maximum Time to Resolve <span class=\"required\">*</span></label>\r\n <div class=\"date-time-picker\">\r\n <div class=\"picker-group\">\r\n <input type=\"text\" readonly placeholder=\"Set a deadline.\"\r\n [value]=\"logIssueForm.issueDueDate | date: 'dd MMM yyyy'\" (click)=\"openDatePicker();\">\r\n <i class=\"icons\"></i>\r\n <dp-date-picker #datePicker (onSelect)=\"datePickerOverlay = false;closeDatePicker($event);removeError('issueDueDate')\" [config]=\"dateConfig\"\r\n [(ngModel)]=\"logIssueForm.issueDueDate\" >\r\n </dp-date-picker>\r\n <div class=\"vx-overlay\" (click)=\"closeDatePicker($event)\" *ngIf=\"datePickerOverlay\"></div>\r\n </div>\r\n\r\n <div class=\"picker-group\">\r\n\r\n <input (mouseover)=\"setCurrentTime()\" [(ngModel)]=\"logIssueForm.issueDueTime\" [value]=\"logIssueForm.issueDueTime\" readonly\r\n class=\"time\" aria-label=\"12hr format\" [ngxTimepicker]=\"dailyTime\" placeholder=\"Select Time\"\r\n type=\"text\" [min]=\"currentTime\" readonly>\r\n <i class=\"icons\"></i>\r\n <ngx-material-timepicker (opened)=\"setActiveFieldSelector('ISSUE_DATE_TIME', 'ISSUE_DATE_TIME')\"\r\n (closed)=\"setActiveFieldSelector('','')\" #dailyTime [defaultTime]=\"'11:59 pm'\">\r\n </ngx-material-timepicker>\r\n </div>\r\n\r\n </div>\r\n <p class=\"error-message\" *ngIf=\"fieldsWithError.includes('issueDueDate')\">Please enter a due date.</p>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"form-group-row\" [class.disabled]=\"activeField && sideSelectorElements.includes(activeField)\">\r\n <div class=\"left\" [class.checked]=\"logIssueForm.issueRecommendation\">\r\n <img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/recommended-action.svg\" alt=\"im\" *ngIf=\"!(logIssueForm.issueRecommendation | spaceBreaker).length\">\r\n <svg class=\"checkIcon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\"\r\n *ngIf=\"(logIssueForm.issueRecommendation | spaceBreaker).length>0\">\r\n <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n </svg>\r\n </div>\r\n <div class=\"right\">\r\n <div class=\"vx-form-group\">\r\n <label class=\"vx-control-panel\">Recommended Actions <span class=\"required\">*</span></label>\r\n <marx-editor [(ngModel)]=\"logIssueForm.issueRecommendation\" [editorConfig]=\"{mode: 'prime',\r\n colorPalette: true,\r\n link: true,\r\n placeholder: 'Recommended actions'}\" (ngModelChange)=\"logIssueForm?.issueRecommendation?.trim()?.length > 0 ? removeError('issueRecommendation'):null\"\r\n (clickOutside)=\"checkDescription()\"></marx-editor>\r\n <p class=\"error-message\" *ngIf=\"fieldsWithError.includes('issueRecommendation')\">Please enter\r\n recommendations.</p>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"form-group-row\" *ngIf=\"!hiddenList.includes('RISK_CLASSIFICATION')\" [class.disabled]=\"activeField && sideSelectorElements.includes(activeField)\">\r\n <div class=\"left\" [class.checked]=\"logIssueForm.issueRiskRating\">\r\n <img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/risks.svg\" alt=\"im\" *ngIf=\"!logIssueForm?.issueRiskRating\">\r\n\r\n <svg class=\"checkIcon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\"\r\n *ngIf=\"logIssueForm?.issueRiskRating\">\r\n <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n </svg>\r\n </div>\r\n\r\n <div class=\"right\">\r\n <div class=\"vx-form-group\">\r\n <label class=\"vx-control-panel\">Risk Classification</label>\r\n <div class=\"classification\">\r\n <label class=\"low\" *ngFor=\" let class of riskClassification\" [ngClass]=\"[class.class]\">\r\n <input type=\"radio\" name=\"classification\" [value]=\"class.value\"\r\n [checked]=\"logIssueForm?.issueRiskRating === class.value\"\r\n [(ngModel)]=\"logIssueForm.issueRiskRating\">\r\n <span>{{class.name}}</span>\r\n </label>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div [appScrollInView]=\"scrollToBottom\" class=\"form-group-row\" *ngIf=\"additionalOptionStatus.EXCEPTION_TYPE\"\r\n [class.disabled]=\"activeField && sideSelectorElements.includes(activeField)\">\r\n <div class=\"left\" [class.checked]=\"logIssueForm?.exceptionType > -1\">\r\n <img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/exception-type.svg\" alt=\"im\" *ngIf=\"logIssueForm?.exceptionType === null\">\r\n\r\n <svg class=\"checkIcon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\"\r\n *ngIf=\"logIssueForm?.exceptionType > -1\">\r\n <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n </svg>\r\n </div>\r\n <div class=\"right\">\r\n <div class=\"vx-form-group\">\r\n <label class=\"vx-control-panel\">\r\n Exception Type\r\n </label>\r\n <app-cs-radio class=\"main-filed\" [value]=\"1\" [checked]=\"logIssueForm?.exceptionType === 1\"\r\n (checkedEvent)=\"setException(1)\">Design Exception\r\n <!-- <i class=\"icons\"></i> -->\r\n </app-cs-radio>\r\n <app-cs-radio class=\"main-filed\" [value]=\"2\" [checked]=\"logIssueForm?.exceptionType === 0\"\r\n (checkedEvent)=\"setException(2)\">Effectiveness Exception\r\n <!-- <i class=\"icons\"></i> -->\r\n </app-cs-radio>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div [appScrollInView]=\"scrollToBottom\" class=\"form-group-row\" [class.active]=\"activeField === 'ISSUE_TYPE'\"\r\n [class.disabled]=\"activeField && activeField !== 'ISSUE_TYPE' && sideSelectorElements.includes(activeField)\"\r\n *ngIf=\"additionalOptionStatus.ISSUE_TYPE\">\r\n <div class=\"left\" [class.checked]=\"logIssueForm?.issueType?.length > 0\">\r\n <img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/issue-type.svg\" alt=\"\"\r\n *ngIf=\"logIssueForm?.issueType?.length === 0 || activeField === 'ISSUE_TYPE' \">\r\n\r\n <svg class=\"checkIcon\" *ngIf=\"logIssueForm?.issueType?.length > 0 && activeField !== 'ISSUE_TYPE'\"\r\n xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\r\n <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n </svg>\r\n </div>\r\n <div class=\"right\">\r\n <div class=\"vx-form-group\">\r\n <label class=\"vx-control-panel\">Issue Type</label>\r\n <div class=\"select\" *ngIf=\"!logIssueForm?.issueType || logIssueForm?.issueType?.length === 0\">\r\n <input (click)=\"setActiveFieldSelector('ISSUE_TYPE','ISSUE_TYPE')\" type=\"text\"\r\n placeholder=\"Select the Issue Type associated with this issue.\" readonly>\r\n </div>\r\n <div class=\"selected\" *ngIf=\"logIssueForm?.issueType?.length > 0\">\r\n <div class=\"chip-container\">\r\n <span class=\"chip\"><i class=\"icons\"\r\n (click)=\"deleteItem('ISSUE_TYPE',logIssueForm?.issueType[0])\"></i>{{logIssueForm?.issueType[0]?.issue_type_name}}</span>\r\n </div>\r\n <button *ngIf=\"activeField !=='ISSUE_TYPE'\" class=\"edit\" type=\"button\"\r\n (click)=\"setActiveFieldSelector('ISSUE_TYPE','ISSUE_TYPE')\"><i\r\n class=\"icons\"></i>Edit</button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div [appScrollInView]=\"scrollToBottom\" class=\"form-group-row\" *ngIf=\"additionalOptionStatus.PRIORITY\"\r\n [class.disabled]=\"activeField && sideSelectorElements.includes(activeField)\">\r\n <div class=\"left\" [class.checked]=\"logIssueForm?.issuePriority\">\r\n <img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/priority.svg\" alt=\"im\" *ngIf=\"!logIssueForm?.issuePriority\">\r\n\r\n <svg class=\"checkIcon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\"\r\n *ngIf=\"logIssueForm?.issuePriority > 0\">\r\n <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n </svg>\r\n </div>\r\n <div class=\"right\">\r\n <div class=\"vx-form-group\">\r\n <label class=\"vx-control-panel\">Priority</label>\r\n <div class=\"classification\">\r\n <label *ngFor=\" let priority of riskPrority\" [ngClass]=\"[priority.class]\">\r\n <input type=\"radio\" name=\"classification-priority\" [value]=\"priority.value\"\r\n [checked]=\"logIssueForm?.issuePriority === priority.value\"\r\n [(ngModel)]=\"logIssueForm.issuePriority\">\r\n <span>{{priority.name}}</span>\r\n </label>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div [appScrollInView]=\"scrollToBottom\" class=\"form-group-row\" *ngIf=\"additionalOptionStatus.ASSOCIATED_RISKS\"\r\n [class.disabled]=\"activeField && sideSelectorElements.includes(activeField)\">\r\n <div class=\"left\" [class.checked]=\"logIssueForm.issueAssociatedRisk\">\r\n <img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/associated-risks.svg\" alt=\"im\" *ngIf=\"!logIssueForm?.issueAssociatedRisk.trim().length\">\r\n\r\n <svg class=\"checkIcon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\"\r\n *ngIf=\"logIssueForm?.issueAssociatedRisk.trim().length\">\r\n <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n </svg>\r\n </div>\r\n <div class=\"right\">\r\n <div class=\"vx-form-group\">\r\n <label class=\"vx-control-panel\">Associated Risks </label>\r\n <marx-editor [(ngModel)]=\"logIssueForm.issueAssociatedRisk\" [editorConfig]=\"{mode: 'prime',\r\n colorPalette: true,\r\n link: true,\r\n placeholder: 'Associated Risks'}\" (clickOutside)=\"checkDescription()\"></marx-editor>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n\r\n <div [appScrollInView]=\"scrollToBottom\" class=\"form-group-row\" [class.active]=\"false\" *ngIf=\"additionalOptionStatus.OVERSIGHT\"\r\n [class.disabled]=\"activeField && !(['ISSUE_CC','ISSUE_FCC'].includes(activeField)) && sideSelectorElements.includes(activeField)\">\r\n <div class=\"left\"\r\n [class.checked]=\"logIssueForm?.issueCCUsers?.length > 0 || logIssueForm?.failureCCUsers?.length > 0\">\r\n <img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/oversight.svg\" alt=\"\"\r\n *ngIf=\"(logIssueForm?.issueCCUsers?.length === 0 && logIssueForm?.failureCCUsers?.length === 0)|| activeField === 'ISSUE_CC'|| activeField === 'ISSUE_FCC' \">\r\n\r\n <svg class=\"checkIcon\"\r\n *ngIf=\"logIssueForm?.issueCCUsers?.length > 0 || logIssueForm?.failureCCUsers?.length > 0 && activeField !== 'ISSUE_CC'|| activeField !== 'ISSUE_FCC'\"\r\n xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\r\n <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n </svg>\r\n </div>\r\n <div class=\"right\">\r\n <div class=\"vx-form-group\">\r\n <label class=\"vx-control-panel\">Overseer </label>\r\n <div class=\"select\" *ngIf=\"!logIssueForm?.issueCCUsers || logIssueForm?.issueCCUsers?.length === 0\">\r\n <input type=\"text\" (click)=\"setActiveFieldSelector('ISSUE_CC','ISSUE_CC')\"\r\n placeholder=\"Who should have oversight of this issue?\" readonly>\r\n </div>\r\n <div class=\"selected\" *ngIf=\"logIssueForm?.issueCCUsers?.length > 0\">\r\n <div class=\"chip-container\">\r\n <span class=\"chip\"><i class=\"icons\"\r\n (click)=\"deleteItem('ISSUE_CC',logIssueForm?.issueCCUsers[0])\"></i>{{logIssueForm?.issueCCUsers[0]?.employee_name}}</span>\r\n <button class=\"count\" *ngIf=\"logIssueForm?.issueCCUsers?.length > 1\" type=\"button\" appPopover\r\n (click)=\"CC.popover()\" placement=\"right\">+\r\n {{logIssueForm?.issueCCUsers?.slice(1).length}}</button>\r\n <app-popover #CC [dontCloseonClick]=\"true\">\r\n <div class=\"action-list\">\r\n <ul class=\"action-item\">\r\n <li *ngFor=\"let cc of logIssueForm?.issueCCUsers | slice: 1; let j = index\">\r\n <div class=\"avatar-card\">\r\n <span class=\"value\">\r\n <i class=\"icons\" (click)=\"deleteItem('ISSUE_CC',cc)\"></i>\r\n {{cc?.employee_name }}\r\n </span>\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n </app-popover>\r\n </div>\r\n <button *ngIf=\"activeField !=='ISSUE_CC'\" class=\"edit\" type=\"button\"\r\n (click)=\"setActiveFieldSelector('ISSUE_CC','ISSUE_CC')\"><i\r\n class=\"icons\"></i>Edit</button>\r\n </div>\r\n <div class=\"select\" *ngIf=\"!logIssueForm?.failureCCUsers || logIssueForm?.failureCCUsers?.length === 0\">\r\n <input (click)=\"setActiveFieldSelector('ISSUE_FCC','ISSUE_FCC')\" type=\"text\"\r\n placeholder=\"Who should be notified if the issue is not resolved?\" readonly>\r\n </div>\r\n <div class=\"selected\" *ngIf=\"logIssueForm?.failureCCUsers?.length > 0\">\r\n <div class=\"chip-container\">\r\n <span class=\"chip\"><i class=\"icons\"\r\n (click)=\"deleteItem('ISSUE_FCC',logIssueForm?.failureCCUsers[0])\"></i>{{logIssueForm?.failureCCUsers[0]?.employee_name}}</span>\r\n <button class=\"count\" *ngIf=\"logIssueForm?.failureCCUsers?.length > 1\" type=\"button\" appPopover\r\n (click)=\"FCC.popover()\" placement=\"right\">+\r\n {{logIssueForm?.failureCCUsers?.slice(1).length}}</button>\r\n <app-popover #FCC [dontCloseonClick]=\"true\">\r\n <div class=\"action-list\">\r\n <ul class=\"action-item\">\r\n <li *ngFor=\"let fcc of logIssueForm?.failureCCUsers | slice: 1; let j = index\">\r\n <div class=\"avatar-card\">\r\n <span class=\"value\">\r\n <i class=\"icons\" (click)=\"deleteItem('ISSUE_FCC',fcc)\"></i>\r\n {{fcc?.employee_name }}\r\n </span>\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n </app-popover>\r\n </div>\r\n <button *ngIf=\"activeField !=='ISSUE_FCC'\" class=\"edit\" type=\"button\"\r\n (click)=\"setActiveFieldSelector('ISSUE_FCC','ISSUE_FCC')\"><i\r\n class=\"icons\"></i>Edit</button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div [appScrollInView]=\"scrollToBottom\" class=\"form-group-row\" *ngIf=\"additionalOptionStatus.EVIDENCE\"\r\n [class.disabled]=\"activeField && sideSelectorElements.includes(activeField)\">\r\n <div class=\"left\" [class.checked]=\"true\">\r\n <!-- <img src=\"https://cdn.v-comply.com/format-evidence.svg\" alt=\"im\"> -->\r\n <svg class=\"checkIcon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\r\n <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n </svg>\r\n </div>\r\n <div class=\"right\">\r\n <div class=\"vx-form-group\">\r\n <label class=\"vx-control-panel\">\r\n Evidence\r\n </label>\r\n <div class=\"upload-format\">\r\n <span class=\"text\">Do you want evidence of completion of the issue to be uploaded?</span>\r\n <div class=\"radio-group\">\r\n <app-cs-radio [name]=\"'file-evidence'\" [value]=\"1\"\r\n [checked]=\"logIssueForm?.evidenceRequired === 1\" (checkedEvent)=\"setEvidence(1)\">Yes\r\n </app-cs-radio>\r\n <app-cs-radio [name]=\"'file-evidence'\" [value]=\"0\"\r\n [checked]=\"logIssueForm?.evidenceRequired === 0\" (checkedEvent)=\"setEvidence(0)\">No\r\n </app-cs-radio>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n<app-loader-inline *ngIf=\"loader\"></app-loader-inline>\r\n<app-radio-list [config]=\"selectorConfig?.ISSUE_CATGORY\" [itemsList]=\"listData?.categoryList\"\r\n [selectedItems]=\"logIssueForm.issueCategory\" [identifierKey]=\"'issue_category_id'\"\r\n [displayKey]=\"'issue_category_name'\" *ngIf=\"activeSelector==='ISSUE_CATEGORY'\"\r\n (saveList)=\"selectorAction($event,'ISSUE_CATEGORY')\" (closeList)=\"fieldDeselector('ISSUE_CATEGORY')\">\r\n</app-radio-list>\r\n\r\n<app-radio-list [config]=\"selectorConfig?.ISSUE_RC\" [itemsList]=\"listData?.rcList\"\r\n [selectedItems]=\"logIssueForm.issueRC\" [identifierKey]=\"'rc_id'\" [displayKey]=\"'rc_name'\"\r\n *ngIf=\"activeSelector==='ISSUE_RC'\" (saveList)=\"selectorAction($event,'ISSUE_RC')\"\r\n (closeList)=\"fieldDeselector('ISSUE_RC')\"></app-radio-list>\r\n\r\n<app-radio-list [config]=\"selectorConfig?.ISSUE_WHO\" [itemsList]=\"listData?.userList\" [twoColumn]=\"true\"\r\n [selectedItems]=\"logIssueForm.entrustTo\" [identifierKey]=\"'employee_id'\" [displayKey]=\"'employee_name'\" [tooltipKey]=\"'employee_email'\"\r\n *ngIf=\"activeSelector==='ISSUE_WHO'\" (saveList)=\"selectorAction($event,'ISSUE_WHO')\"\r\n (closeList)=\"fieldDeselector('ISSUE_WHO')\"></app-radio-list>\r\n\r\n<app-radio-list [config]=\"selectorConfig?.ISSUE_TYPE\" [itemsList]=\"listData?.issueTypeList\"\r\n [selectedItems]=\"logIssueForm.issueType\" [identifierKey]=\"'issue_id'\" [displayKey]=\"'issue_type_name'\"\r\n *ngIf=\"activeSelector==='ISSUE_TYPE'\" (saveList)=\"selectorAction($event,'ISSUE_TYPE')\"\r\n (closeList)=\"fieldDeselector('ISSUE_TYPE')\"></app-radio-list>\r\n\r\n<app-checkbox-list [config]=\"selectorConfig?.ISSUE_CC\" [twoColumn]=\"true\"\r\n [itemsList]=\"listData.userList|userFilter:'employee_email':logIssueForm.entrustTo:{'employee_email':currentUser?.email}\"\r\n [selectedItems]=\"logIssueForm.issueCCUsers\" [identifierKey]=\"'employee_email'\" [displayKey]=\"'employee_name'\" [tooltipKey]=\"'employee_email'\"\r\n *ngIf=\"activeSelector==='ISSUE_CC'\" (saveList)=\"selectorAction($event,'ISSUE_CC')\"\r\n (closeList)=\"fieldDeselector('ISSUE_CC')\"></app-checkbox-list>\r\n\r\n<app-checkbox-list [config]=\"selectorConfig?.ISSUE_FCC\" [twoColumn]=\"true\"\r\n [itemsList]=\"listData.userList|userFilter:'employee_email':logIssueForm.entrustTo:{'employee_email':currentUser?.email}\"\r\n [selectedItems]=\"logIssueForm.failureCCUsers\" [identifierKey]=\"'employee_email'\" [displayKey]=\"'employee_name'\" [tooltipKey]=\"'employee_email'\"\r\n *ngIf=\"activeSelector==='ISSUE_FCC'\" (saveList)=\"selectorAction($event,'ISSUE_FCC')\"\r\n (closeList)=\"fieldDeselector('ISSUE_FCC')\"></app-checkbox-list>\r\n\r\n<app-smiley-dialog-inline\r\n *ngIf=\"showSmiley\"\r\n [message]=\"smileyMessage\"\r\n [actionButtons]=\"actionButtons\"\r\n (action)=\"action($event)\"\r\n (closeSmiley)=\"closeSmiley($event)\">\r\n</app-smiley-dialog-inline>\r\n\r\n",
|
|
12503
|
+
template: "<!-- <p>log-an-issue works!</p> -->\r\n<div class=\"log-an-issue\" *ngIf=\"!showSmiley\">\r\n <div class=\"form-group-row\" *ngIf=\"['COMPLIANCE_WORKROOM'].includes(openedFrom)\">\r\n <div class=\"left\" [class.checked]=\"false\">\r\n <svg class=\"checkIcon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\r\n <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n </svg>\r\n </div>\r\n <div class=\"right\">\r\n <div class=\"vx-form-group\">\r\n <label class=\"vx-control-panel\">\r\n Linked to\r\n </label>\r\n\r\n <div class=\"selected\">\r\n <div class=\"chip-container\">\r\n <span class=\"chip\">\r\n {{reponsibilityData?.responsibilityName}}</span>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"form-group-row\" *ngIf=\"['AUDIT_WORKROOM','VIEW_AUDIT_EXECUTION_SUMMARY','EXECUTE_AUDIT_PLAN'].includes(openedFrom)\">\r\n <div class=\"left\" [class.checked]=\"false\">\r\n <svg class=\"checkIcon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\r\n <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n </svg>\r\n </div>\r\n <div class=\"right\">\r\n <div class=\"vx-form-group\">\r\n <label class=\"vx-control-panel\">\r\n Issue linked with\r\n </label>\r\n <div class=\"selected\">\r\n <div class=\"chip-container\">\r\n <span class=\"chip\">\r\n {{issueDetails?.auditPlanName}}</span>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n\r\n\r\n <div class=\"form-group-row\" *ngIf=\"['VIEW_AUDIT_EXECUTION_SUMMARY','EXECUTE_AUDIT_PLAN'].includes(openedFrom) || isRiskControlVisible\" [class.active]=\"activeField === 'ISSUE_CONTROL_RISK'\"\r\n [class.disabled]=\"activeField && activeField !== 'ISSUE_CONTROL_RISK' && sideSelectorElements.includes(activeField)\">\r\n <div class=\"left\" [class.checked]=\"logIssueForm?.linkedControlRisk?.length > 0 \">\r\n <img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/category.svg\" alt=\"\"\r\n *ngIf=\"logIssueForm?.linkedControlRisk?.length === 0 || activeField === 'ISSUE_CONTROL_RISK' \" />\r\n\r\n <svg class=\"checkIcon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\"\r\n *ngIf=\"logIssueForm?.linkedControlRisk?.length > 0 && activeField !== 'ISSUE_CONTROL_RISK'\">\r\n <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n </svg>\r\n </div>\r\n <div class=\"right\">\r\n <div class=\"vx-form-group\">\r\n <label class=\"vx-control-panel\">Select a control or risk</label>\r\n <div class=\"select\" *ngIf=\"!logIssueForm?.linkedControlRisk || logIssueForm?.linkedControlRisk?.length === 0\">\r\n <input (click)=\"setActiveFieldSelector('ISSUE_CONTROL_RISK','ISSUE_CONTROL_RISK')\" type=\"text\"\r\n placeholder=\"Select a control or risk.\" readonly>\r\n </div>\r\n <div class=\"selected\" *ngIf=\"logIssueForm?.linkedControlRisk?.length > 0\">\r\n <div class=\"chip-container\">\r\n <span class=\"chip\"><i class=\"icons\"\r\n (click)=\"deleteItem('ISSUE_CONTROL_RISK',logIssueForm?.linkedControlRisk[0])\"></i>{{logIssueForm?.linkedControlRisk[0]?.itemControlName}}</span>\r\n </div>\r\n <button class=\"edit\" *ngIf=\"activeField !=='ISSUE_CONTROL_RISK'\" type=\"button\"\r\n (click)=\"setActiveFieldSelector('ISSUE_CONTROL_RISK','ISSUE_CONTROL_RISK')\"><i\r\n class=\"icons\"></i>Edit</button>\r\n </div>\r\n </div>\r\n <div class=\"vx-form-group\" *ngFor=\"let tag of logIssueForm.issueCustomTag|keyvalue\">\r\n <!-- {{logIssueForm.issueCustomTag|json}} -->\r\n <label class=\"vx-control-panel\">{{tag?.value?.custom_tag_name}}</label>\r\n <input type=\"text\" [placeholder]=\"tag?.value?.custom_tag_name\" [(ngModel)]=\"tag.value.custom_tag_value\">\r\n </div>\r\n </div>\r\n</div>\r\n\r\n\r\n <div class=\"form-group-row\"\r\n [class.disabled]=\"activeField && activeField !== 'ISSUE_TITLE' && sideSelectorElements.includes(activeField)\">\r\n <div class=\"left\" [class.checked]=\"logIssueForm.issueName.trim().length\">\r\n <img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/what.svg\" alt=\"name\"\r\n *ngIf=\"!logIssueForm.issueName.trim().length || activeField === 'ISSUE_TITLE'\">\r\n\r\n <svg class=\"checkIcon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\"\r\n *ngIf=\"logIssueForm.issueName.trim().length && activeField !== 'ISSUE_TITLE'\">\r\n <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n </svg>\r\n </div>\r\n <div class=\"right\">\r\n <div class=\"vx-form-group\">\r\n <label class=\"vx-control-panel\">\r\n Issue Title <span class=\"required\">*</span>\r\n </label>\r\n <input type=\"text\" placeholder=\"Enter issue Title\" [(ngModel)]=\"logIssueForm.issueName\"\r\n (focusin)=\"setActiveFieldSelector('ISSUE_TITLE','ISSUE_TITLE')\"\r\n (keyup)=\"logIssueForm.issueName?.trim()?.length > 0 ? removeError('issueName'): null\"\r\n (focusout)=\"setActiveFieldSelector('','')\" *ngIf=\"logIssueForm.issueName =='' || activeSelector === 'ISSUE_TITLE'\">\r\n <div class=\"selected\" *ngIf=\"logIssueForm.issueName.length && activeSelector !== 'ISSUE_TITLE'\">\r\n <div class=\"chip-container\">\r\n <span class=\"value\">{{logIssueForm.issueName}}</span>\r\n </div>\r\n <button class=\"edit\" (click)=\"setActiveFieldSelector('ISSUE_TITLE','ISSUE_TITLE')\" type=\"button\"><i class=\"icons\"></i> Edit</button>\r\n </div>\r\n <p class=\"error-message\" *ngIf=\"fieldsWithError.includes('issueName')\">Enter a name for this issue.</p>\r\n <ng-container *ngIf=\"AttachmentTrack[0]?.length > 0 \">\r\n <div class=\"file-list\" *ngFor=\"let uploadingFile of AttachmentTrack[0]\">\r\n <div class=\"file-container\">\r\n <span class=\"file-name\">{{uploadingFile}}</span>\r\n <!-- <button>\r\n <i class=\"icons\"></i>\r\n </button> -->\r\n </div>\r\n <app-line-loader [loaderHeight]=\"2\"></app-line-loader>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"logIssueForm?.issueDescriptionAttachements?.length > 0\">\r\n <div class=\"file-list\" *ngFor=\"let file of logIssueForm?.issueDescriptionAttachements\">\r\n <div class=\"file-container\">\r\n <span class=\"file-name\">{{file?.name}}</span>\r\n <button>\r\n <i class=\"icons\" (click)=\"deleteFile(file,'ISSUE_DESCRIPTION')\"></i>\r\n </button>\r\n </div>\r\n </div>\r\n </ng-container>\r\n <marx-editor [editorConfig]=\"{mode: 'prime',file:false,\r\n colorPalette: true,\r\n link: true,\r\n placeholder: 'Description'}\" [(ngModel)]=\"logIssueForm.issueDescription\"\r\n (sendSavedFiles)=\"selectFile('ISSUE_DESCRIPTION',$event)\" (clickOutside)=\"checkDescription()\"></marx-editor>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"form-group-row\" [class.active]=\"activeField === 'ISSUE_CATEGORY'\"\r\n [class.disabled]=\"activeField && activeField !== 'ISSUE_CATEGORY' && sideSelectorElements.includes(activeField)\">\r\n <div class=\"left\" [class.checked]=\"logIssueForm?.issueCategory?.length > 0 \">\r\n <img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/category.svg\" alt=\"\"\r\n *ngIf=\"logIssueForm?.issueCategory?.length === 0 || activeField === 'ISSUE_CATEGORY' \" />\r\n\r\n <svg class=\"checkIcon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\"\r\n *ngIf=\"logIssueForm?.issueCategory?.length > 0 && activeField !== 'ISSUE_CATEGORY'\">\r\n <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n </svg>\r\n </div>\r\n <div class=\"right\">\r\n <div class=\"vx-form-group\">\r\n <label class=\"vx-control-panel\">Issue Category </label>\r\n <div class=\"select\" *ngIf=\"!logIssueForm?.issueCategory || logIssueForm?.issueCategory?.length === 0\">\r\n <input (click)=\"setActiveFieldSelector('ISSUE_CATEGORY','ISSUE_CATEGORY')\" type=\"text\"\r\n placeholder=\"Select a category for this issue\" readonly>\r\n </div>\r\n <div class=\"selected\" *ngIf=\"logIssueForm?.issueCategory?.length > 0\">\r\n <div class=\"chip-container\">\r\n <span class=\"chip\"><i class=\"icons\"\r\n (click)=\"deleteItem('ISSUE_CATEGORY',logIssueForm?.issueCategory[0])\"></i>{{logIssueForm?.issueCategory[0]?.category_name}}</span>\r\n </div>\r\n <button class=\"edit\" *ngIf=\"activeField !=='ISSUE_CATEGORY'\" type=\"button\"\r\n (click)=\"setActiveFieldSelector('ISSUE_CATEGORY','ISSUE_CATEGORY')\"><i\r\n class=\"icons\"></i>Edit</button>\r\n </div>\r\n <p class=\"error-message\" *ngIf=\"fieldsWithError.includes('issueCategory')\">Select an issue\r\n category.</p>\r\n </div>\r\n <div class=\"vx-form-group\" *ngFor=\"let tag of logIssueForm.issueCustomTag\">\r\n <!-- {{logIssueForm.issueCustomTag|json}} -->\r\n <label class=\"vx-control-panel\">{{tag?.name}}</label>\r\n <input type=\"text\" [placeholder]=\"tag?.name\" [(ngModel)]=\"tag.value\">\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"form-group-row\" *ngIf=\"isRCVisible\" [class.active]=\"false\"\r\n [class.disabled]=\"activeField && activeField !== 'ISSUE_RC' && sideSelectorElements.includes(activeField)\"\r\n >\r\n <div class=\"left\" [class.checked]=\"logIssueForm?.issueRC?.length > 0\">\r\n <img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/responsibility-center.svg\" alt=\"\" *ngIf=\"logIssueForm?.issueRC?.length === 0\">\r\n\r\n <svg class=\"checkIcon\" *ngIf=\"logIssueForm?.issueRC?.length > 0 && activeField !== 'ISSUE_RC'\"\r\n xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\r\n <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n </svg>\r\n </div>\r\n <div class=\"right\">\r\n <div class=\"vx-form-group\">\r\n <label class=\"vx-control-panel\">Responsibility Center\r\n <span class=\"required\" *ngIf=\"isRCMandatory\">*</span>\r\n </label>\r\n <div class=\"select\" *ngIf=\"!logIssueForm?.issueRC || logIssueForm?.issueRC?.length === 0\">\r\n <input (click)=\"setActiveFieldSelector('ISSUE_RC','ISSUE_RC')\" type=\"text\"\r\n placeholder=\"Select Responsibility Center(s)\" readonly>\r\n </div>\r\n <div class=\"selected\" *ngIf=\"logIssueForm?.issueRC?.length > 0\">\r\n <div class=\"chip-container\">\r\n <span class=\"chip\"><i class=\"icons\" *ngIf=\"!isRCPreSelected\"\r\n (click)=\"deleteItem('ISSUE_RC',logIssueForm?.issueRC[0])\"></i>{{logIssueForm?.issueRC[0]?.item_name}}</span>\r\n </div>\r\n <button *ngIf=\"activeField !=='ISSUE_RC' && !isRCPreSelected\" class=\"edit\" type=\"button\"\r\n (click)=\"setActiveFieldSelector('ISSUE_RC','ISSUE_RC')\"><i\r\n class=\"icons\"></i>Edit</button>\r\n </div>\r\n <p class=\"error-message\" *ngIf=\"fieldsWithError.includes('issueRC')\">Select the Responsibility Center associated with this issue.</p>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"form-group-row\"\r\n [class.disabled]=\"activeField && activeField !== 'ISSUE_WHO' && sideSelectorElements.includes(activeField)\">\r\n <div class=\"left\" [class.checked]=\"logIssueForm?.entrustTo?.length > 0\">\r\n <img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/who.svg\" alt=\"im\"\r\n *ngIf=\"(logIssueForm?.entrustTo?.length === 0 && !logIssueForm?.isAssignToMyself) || activeField === 'ISSUE_WHO' \">\r\n\r\n <svg class=\"checkIcon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\"\r\n *ngIf=\"(logIssueForm?.entrustTo?.length > 0 || logIssueForm?.isAssignToMyself ) && activeField !== 'ISSUE_WHO'\">\r\n <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n </svg>\r\n </div>\r\n <div class=\"right\">\r\n <div class=\"vx-form-group\">\r\n <label class=\"vx-control-panel\">Who? <span class=\"required\">*</span></label>\r\n <div class=\"select\" [class.disabled]=\"logIssueForm?.isAssignToMyself\"\r\n *ngIf=\"!logIssueForm?.entrustTo || logIssueForm?.entrustTo?.length === 0\">\r\n <input (click)=\"setActiveFieldSelector('ISSUE_WHO','ISSUE_WHO')\"\r\n [disabled]=\"logIssueForm?.isAssignToMyself\" type=\"text\"\r\n placeholder=\"Who is responsible for completing the responsibility?\" readonly>\r\n </div>\r\n <div class=\"selected\" *ngIf=\"logIssueForm?.entrustTo?.length > 0\">\r\n <div class=\"chip-container\">\r\n <span class=\"chip\"><i class=\"icons\"\r\n (click)=\"deleteItem('ISSUE_WHO',logIssueForm?.entrustTo[0])\"></i>{{logIssueForm?.entrustTo[0]?.employee_name}}</span>\r\n </div>\r\n <button *ngIf=\"activeField !=='ISSUE_WHO'\" class=\"edit\" type=\"button\"\r\n (click)=\"setActiveFieldSelector('ISSUE_WHO','ISSUE_WHO')\"><i\r\n class=\"icons\"></i>Edit</button>\r\n </div>\r\n <p class=\"error-message\" *ngIf=\"fieldsWithError.includes('entrustTo')\">Select the person responsible for resolving this issue.</p>\r\n <div class=\"switch-row align-right\" [class.disabled]=\"activeField === 'ISSUE_WHO'\">\r\n <app-cs-switch [disabled]=\"activeField === 'ISSUE_WHO'\" [(ngValue)]=\"logIssueForm.isAssignToMyself\" (ngValueChange)=\"assignMyself($event)\">OR\r\n ASSIGN TO MYSELF\r\n </app-cs-switch>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"form-group-row\"\r\n [class.disabled]=\"activeField && activeField !== 'ISSUE_DATE_TIME' && sideSelectorElements.includes(activeField)\">\r\n <div class=\"left\" [class.checked]=\"logIssueForm?.issueDueDate \">\r\n <img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/when.svg\" alt=\"im\"\r\n *ngIf=\"!logIssueForm?.issueDueDate || activeField === 'ISSUE_DATE_TIME' \">\r\n\r\n <svg class=\"checkIcon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\"\r\n *ngIf=\"logIssueForm?.issueDueDate && activeField !== 'ISSUE_DATE_TIME'\">\r\n <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n </svg>\r\n </div>\r\n <div class=\"right\">\r\n <div class=\"vx-form-group\">\r\n <label class=\"vx-control-panel\">Maximum Time to Resolve <span class=\"required\">*</span></label>\r\n <div class=\"date-time-picker\">\r\n <div class=\"picker-group\">\r\n <input type=\"text\" readonly placeholder=\"Set a deadline.\"\r\n [value]=\"logIssueForm.issueDueDate | date: 'dd MMM yyyy'\" (click)=\"openDatePicker();\">\r\n <i class=\"icons\"></i>\r\n <dp-date-picker #datePicker (onSelect)=\"datePickerOverlay = false;closeDatePicker($event);removeError('issueDueDate')\" [config]=\"dateConfig\"\r\n [(ngModel)]=\"logIssueForm.issueDueDate\" >\r\n </dp-date-picker>\r\n <div class=\"vx-overlay\" (click)=\"closeDatePicker($event)\" *ngIf=\"datePickerOverlay\"></div>\r\n </div>\r\n\r\n <div class=\"picker-group\">\r\n\r\n <input (mouseover)=\"setCurrentTime()\" [(ngModel)]=\"logIssueForm.issueDueTime\" [value]=\"logIssueForm.issueDueTime\" readonly\r\n class=\"time\" aria-label=\"12hr format\" [ngxTimepicker]=\"dailyTime\" placeholder=\"Select Time\"\r\n type=\"text\" [min]=\"currentTime\" readonly>\r\n <i class=\"icons\"></i>\r\n <ngx-material-timepicker (opened)=\"setActiveFieldSelector('ISSUE_DATE_TIME', 'ISSUE_DATE_TIME')\"\r\n (closed)=\"setActiveFieldSelector('','')\" #dailyTime [defaultTime]=\"'11:59 pm'\">\r\n </ngx-material-timepicker>\r\n </div>\r\n\r\n </div>\r\n <p class=\"error-message\" *ngIf=\"fieldsWithError.includes('issueDueDate')\">Select the date by which this issue needs to be resolved.</p>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"form-group-row\" [class.disabled]=\"activeField && sideSelectorElements.includes(activeField)\">\r\n <div class=\"left\" [class.checked]=\"logIssueForm.issueRecommendation\">\r\n <img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/recommended-action.svg\" alt=\"im\" *ngIf=\"!(logIssueForm.issueRecommendation | spaceBreaker).length\">\r\n <svg class=\"checkIcon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\"\r\n *ngIf=\"(logIssueForm.issueRecommendation | spaceBreaker).length>0\">\r\n <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n </svg>\r\n </div>\r\n <div class=\"right\">\r\n <div class=\"vx-form-group\">\r\n <label class=\"vx-control-panel\">Recommended Actions <span class=\"required\">*</span></label>\r\n <ng-container *ngIf=\"AttachmentTrack[1]?.length > 0 \">\r\n <div class=\"file-list\" *ngFor=\"let uploadingFile of AttachmentTrack[1]\">\r\n <div class=\"file-container\">\r\n <span class=\"file-name\">{{uploadingFile}}</span>\r\n <!-- <button>\r\n <i class=\"icons\"></i>\r\n </button> -->\r\n </div>\r\n <app-line-loader [loaderHeight]=\"2\"></app-line-loader>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"logIssueForm?.recommendedActionsAttachments?.length > 0\">\r\n <div class=\"file-list\" *ngFor=\"let file of logIssueForm?.recommendedActionsAttachments\">\r\n <div class=\"file-container\">\r\n <span class=\"file-name\">{{file?.name}}</span>\r\n <button>\r\n <i class=\"icons\" (click)=\"deleteFile(file,'RECOMMENDED_ACTIONS')\"></i>\r\n </button>\r\n </div>\r\n </div>\r\n </ng-container>\r\n <marx-editor [(ngModel)]=\"logIssueForm.issueRecommendation\" [editorConfig]=\"{mode: 'prime',\r\n colorPalette: true,\r\n link: true,\r\n file:true,\r\n placeholder: 'Recommended actions'}\" (ngModelChange)=\"logIssueForm?.issueRecommendation?.trim()?.length > 0 ? removeError('issueRecommendation'):null\"\r\n (clickOutside)=\"checkDescription()\" (sendSavedFiles)=\"selectFile('RECOMMENDED_ACTIONS',$event)\"></marx-editor>\r\n <p class=\"error-message\" *ngIf=\"fieldsWithError.includes('issueRecommendation')\">Specify the recommended actions to resolve this issue.</p>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"form-group-row\" *ngIf=\"!hiddenList.includes('RISK_CLASSIFICATION')\" [class.disabled]=\"activeField && sideSelectorElements.includes(activeField)\">\r\n <div class=\"left\" [class.checked]=\"logIssueForm.issueRiskRating\">\r\n <img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/risks.svg\" alt=\"im\" *ngIf=\"!logIssueForm?.issueRiskRating\">\r\n\r\n <svg class=\"checkIcon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\"\r\n *ngIf=\"logIssueForm?.issueRiskRating\">\r\n <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n </svg>\r\n </div>\r\n\r\n <div class=\"right\">\r\n <div class=\"vx-form-group\">\r\n <label class=\"vx-control-panel\">Risk Classification</label>\r\n <div class=\"classification\">\r\n <label class=\"low\" *ngFor=\" let class of riskClassification\" [ngClass]=\"[class.class]\">\r\n <input type=\"radio\" name=\"classification\" [value]=\"class.value\"\r\n [checked]=\"logIssueForm?.issueRiskRating === class.value\"\r\n [(ngModel)]=\"logIssueForm.issueRiskRating\">\r\n <span>{{class.name}}</span>\r\n </label>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div [appScrollInView]=\"scrollToBottom\" class=\"form-group-row\" *ngIf=\"additionalOptionStatus.EXCEPTION_TYPE\"\r\n [class.disabled]=\"activeField && sideSelectorElements.includes(activeField)\">\r\n <div class=\"left\" [class.checked]=\"logIssueForm?.exceptionType > -1\">\r\n <img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/exception-type.svg\" alt=\"im\" *ngIf=\"logIssueForm?.exceptionType === null\">\r\n\r\n <svg class=\"checkIcon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\"\r\n *ngIf=\"logIssueForm?.exceptionType > -1\">\r\n <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n </svg>\r\n </div>\r\n <div class=\"right\">\r\n <div class=\"vx-form-group\">\r\n <label class=\"vx-control-panel\">\r\n Exception Type\r\n </label>\r\n <app-cs-radio class=\"main-filed\" [value]=\"1\" [checked]=\"logIssueForm?.exceptionType === 1\"\r\n (checkedEvent)=\"setException(1)\">Design Exception\r\n <!-- <i class=\"icons\"></i> -->\r\n </app-cs-radio>\r\n <app-cs-radio class=\"main-filed\" [value]=\"2\" [checked]=\"logIssueForm?.exceptionType === 2\"\r\n (checkedEvent)=\"setException(2)\">Effectiveness Exception\r\n <!-- <i class=\"icons\"></i> -->\r\n </app-cs-radio>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <!-- <div [appScrollInView]=\"scrollToBottom\" class=\"form-group-row\" [class.active]=\"activeField === 'ISSUE_TYPE'\"\r\n [class.disabled]=\"activeField && activeField !== 'ISSUE_TYPE' && sideSelectorElements.includes(activeField)\"\r\n *ngIf=\"additionalOptionStatus.ISSUE_TYPE\">\r\n <div class=\"left\" [class.checked]=\"logIssueForm?.issueType?.length > 0\">\r\n <img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/issue-type.svg\" alt=\"\"\r\n *ngIf=\"logIssueForm?.issueType?.length === 0 || activeField === 'ISSUE_TYPE' \">\r\n\r\n <svg class=\"checkIcon\" *ngIf=\"logIssueForm?.issueType?.length > 0 && activeField !== 'ISSUE_TYPE'\"\r\n xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\r\n <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n </svg>\r\n </div>\r\n <div class=\"right\">\r\n <div class=\"vx-form-group\">\r\n <label class=\"vx-control-panel\">Issue Type</label>\r\n <div class=\"select\" *ngIf=\"!logIssueForm?.issueType || logIssueForm?.issueType?.length === 0\">\r\n <input (click)=\"setActiveFieldSelector('ISSUE_TYPE','ISSUE_TYPE')\" type=\"text\"\r\n placeholder=\"Select the Issue Type associated with this issue.\" readonly>\r\n </div>\r\n <div class=\"selected\" *ngIf=\"logIssueForm?.issueType?.length > 0\">\r\n <div class=\"chip-container\">\r\n <span class=\"chip\"><i class=\"icons\"\r\n (click)=\"deleteItem('ISSUE_TYPE',logIssueForm?.issueType[0])\"></i>{{logIssueForm?.issueType[0]?.issue_type_name}}</span>\r\n </div>\r\n <button *ngIf=\"activeField !=='ISSUE_TYPE'\" class=\"edit\" type=\"button\"\r\n (click)=\"setActiveFieldSelector('ISSUE_TYPE','ISSUE_TYPE')\"><i\r\n class=\"icons\"></i>Edit</button>\r\n </div>\r\n </div>\r\n </div>\r\n </div> -->\r\n\r\n <div [appScrollInView]=\"scrollToBottom\" class=\"form-group-row\" *ngIf=\"additionalOptionStatus.PRIORITY\"\r\n [class.disabled]=\"activeField && sideSelectorElements.includes(activeField)\">\r\n <div class=\"left\" [class.checked]=\"logIssueForm?.issuePriority\">\r\n <img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/priority.svg\" alt=\"im\" *ngIf=\"!logIssueForm?.issuePriority\">\r\n\r\n <svg class=\"checkIcon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\"\r\n *ngIf=\"logIssueForm?.issuePriority > 0\">\r\n <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n </svg>\r\n </div>\r\n <div class=\"right\">\r\n <div class=\"vx-form-group\">\r\n <label class=\"vx-control-panel\">Priority</label>\r\n <div class=\"classification\">\r\n <label *ngFor=\" let priority of riskPrority\" [ngClass]=\"[priority.class]\">\r\n <input type=\"radio\" name=\"classification-priority\" [value]=\"priority.value\"\r\n [checked]=\"logIssueForm?.issuePriority === priority.value\"\r\n [(ngModel)]=\"logIssueForm.issuePriority\">\r\n <span>{{priority.name}}</span>\r\n </label>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div [appScrollInView]=\"scrollToBottom\" class=\"form-group-row\" *ngIf=\"additionalOptionStatus.ASSOCIATED_RISKS\"\r\n [class.disabled]=\"activeField && sideSelectorElements.includes(activeField)\">\r\n <div class=\"left\" [class.checked]=\"logIssueForm.issueAssociatedRisk\">\r\n <img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/associated-risks.svg\" alt=\"im\" *ngIf=\"!logIssueForm?.issueAssociatedRisk.trim().length\">\r\n\r\n <svg class=\"checkIcon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\"\r\n *ngIf=\"logIssueForm?.issueAssociatedRisk.trim().length\">\r\n <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n </svg>\r\n </div>\r\n <div class=\"right\">\r\n <div class=\"vx-form-group\">\r\n <label class=\"vx-control-panel\">Associated Risks </label>\r\n <ng-container *ngIf=\"AttachmentTrack[2]?.length > 0 \">\r\n <div class=\"file-list\" *ngFor=\"let uploadingFile of AttachmentTrack[2]\">\r\n <div class=\"file-container\">\r\n <span class=\"file-name\">{{uploadingFile}}</span>\r\n <!-- <button>\r\n <i class=\"icons\"></i>\r\n </button> -->\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"logIssueForm?.associatedRisksAttachments?.length > 0\">\r\n <div class=\"file-list\" *ngFor=\"let file of logIssueForm?.associatedRisksAttachments\">\r\n <div class=\"file-container\">\r\n <span class=\"file-name\">{{file?.name}}</span>\r\n <button>\r\n <i class=\"icons\" (click)=\"deleteFile(file,'ASSOCIATED_RISKS')\"></i>\r\n </button>\r\n </div>\r\n </div>\r\n </ng-container>\r\n <marx-editor [(ngModel)]=\"logIssueForm.issueAssociatedRisk\" [editorConfig]=\"{mode: 'prime',\r\n colorPalette: true,\r\n link: true,\r\n file:false,\r\n placeholder: 'Associated Risks'}\" (clickOutside)=\"checkDescription()\" (sendSavedFiles)=\"selectFile('ASSOCIATED_RISKS',$event)\"></marx-editor>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n\r\n <div [appScrollInView]=\"scrollToBottom\" class=\"form-group-row\" [class.active]=\"false\" *ngIf=\"additionalOptionStatus.OVERSIGHT\"\r\n [class.disabled]=\"activeField && !(['ISSUE_CC','ISSUE_FCC'].includes(activeField)) && sideSelectorElements.includes(activeField)\">\r\n <div class=\"left\"\r\n [class.checked]=\"logIssueForm?.issueCCUsers?.length > 0 || logIssueForm?.failureCCUsers?.length > 0\">\r\n <img src=\"https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/oversight.svg\" alt=\"\"\r\n *ngIf=\"(logIssueForm?.issueCCUsers?.length === 0 && logIssueForm?.failureCCUsers?.length === 0)|| activeField === 'ISSUE_CC'|| activeField === 'ISSUE_FCC' \">\r\n\r\n <svg class=\"checkIcon\"\r\n *ngIf=\"logIssueForm?.issueCCUsers?.length > 0 || logIssueForm?.failureCCUsers?.length > 0 && activeField !== 'ISSUE_CC'|| activeField !== 'ISSUE_FCC'\"\r\n xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\r\n <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n </svg>\r\n </div>\r\n <div class=\"right\">\r\n <div class=\"vx-form-group\">\r\n <label class=\"vx-control-panel\">Overseer </label>\r\n <div class=\"select\" *ngIf=\"!logIssueForm?.issueCCUsers || logIssueForm?.issueCCUsers?.length === 0\">\r\n <input type=\"text\" (click)=\"setActiveFieldSelector('ISSUE_CC','ISSUE_CC')\"\r\n placeholder=\"Who should have oversight of this issue?\" readonly>\r\n </div>\r\n <div class=\"selected\" *ngIf=\"logIssueForm?.issueCCUsers?.length > 0\">\r\n <div class=\"chip-container\">\r\n <span class=\"chip\"><i class=\"icons\"\r\n (click)=\"deleteItem('ISSUE_CC',logIssueForm?.issueCCUsers[0])\"></i>{{logIssueForm?.issueCCUsers[0]?.employee_name}}</span>\r\n <button class=\"count\" *ngIf=\"logIssueForm?.issueCCUsers?.length > 1\" type=\"button\" appPopover\r\n (click)=\"CC.popover()\" placement=\"right\">+\r\n {{logIssueForm?.issueCCUsers?.slice(1).length}}</button>\r\n <app-popover #CC [dontCloseonClick]=\"true\">\r\n <div class=\"action-list\">\r\n <ul class=\"action-item\">\r\n <li *ngFor=\"let cc of logIssueForm?.issueCCUsers | slice: 1; let j = index\">\r\n <div class=\"avatar-card\">\r\n <span class=\"value\">\r\n <i class=\"icons\" (click)=\"deleteItem('ISSUE_CC',cc)\"></i>\r\n {{cc?.employee_name }}\r\n </span>\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n </app-popover>\r\n </div>\r\n <button *ngIf=\"activeField !=='ISSUE_CC'\" class=\"edit\" type=\"button\"\r\n (click)=\"setActiveFieldSelector('ISSUE_CC','ISSUE_CC')\"><i\r\n class=\"icons\"></i>Edit</button>\r\n </div>\r\n <div class=\"select\" *ngIf=\"!logIssueForm?.failureCCUsers || logIssueForm?.failureCCUsers?.length === 0\">\r\n <input (click)=\"setActiveFieldSelector('ISSUE_FCC','ISSUE_FCC')\" type=\"text\"\r\n placeholder=\"Who should be notified if the issue is not resolved?\" readonly>\r\n </div>\r\n <div class=\"selected\" *ngIf=\"logIssueForm?.failureCCUsers?.length > 0\">\r\n <div class=\"chip-container\">\r\n <span class=\"chip\"><i class=\"icons\"\r\n (click)=\"deleteItem('ISSUE_FCC',logIssueForm?.failureCCUsers[0])\"></i>{{logIssueForm?.failureCCUsers[0]?.employee_name}}</span>\r\n <button class=\"count\" *ngIf=\"logIssueForm?.failureCCUsers?.length > 1\" type=\"button\" appPopover\r\n (click)=\"FCC.popover()\" placement=\"right\">+\r\n {{logIssueForm?.failureCCUsers?.slice(1).length}}</button>\r\n <app-popover #FCC [dontCloseonClick]=\"true\">\r\n <div class=\"action-list\">\r\n <ul class=\"action-item\">\r\n <li *ngFor=\"let fcc of logIssueForm?.failureCCUsers | slice: 1; let j = index\">\r\n <div class=\"avatar-card\">\r\n <span class=\"value\">\r\n <i class=\"icons\" (click)=\"deleteItem('ISSUE_FCC',fcc)\"></i>\r\n {{fcc?.employee_name }}\r\n </span>\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n </app-popover>\r\n </div>\r\n <button *ngIf=\"activeField !=='ISSUE_FCC'\" class=\"edit\" type=\"button\"\r\n (click)=\"setActiveFieldSelector('ISSUE_FCC','ISSUE_FCC')\"><i\r\n class=\"icons\"></i>Edit</button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div [appScrollInView]=\"scrollToBottom\" class=\"form-group-row\" *ngIf=\"additionalOptionStatus.EVIDENCE\"\r\n [class.disabled]=\"activeField && sideSelectorElements.includes(activeField)\">\r\n <div class=\"left\" [class.checked]=\"true\">\r\n <!-- <img src=\"https://cdn.v-comply.com/format-evidence.svg\" alt=\"im\"> -->\r\n <svg class=\"checkIcon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\r\n <circle class=\"checkIcon__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <path class=\"checkIcon__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n </svg>\r\n </div>\r\n <div class=\"right\">\r\n <div class=\"vx-form-group\">\r\n <label class=\"vx-control-panel\">\r\n Evidence\r\n </label>\r\n <div class=\"upload-format\">\r\n <span class=\"text\">Do you want evidence of completion of the issue to be uploaded?</span>\r\n <div class=\"radio-group\">\r\n <app-cs-radio [name]=\"'file-evidence'\" [value]=\"1\"\r\n [checked]=\"logIssueForm?.evidenceRequired === 1\" (checkedEvent)=\"setEvidence(1)\">Yes\r\n </app-cs-radio>\r\n <app-cs-radio [name]=\"'file-evidence'\" [value]=\"0\"\r\n [checked]=\"logIssueForm?.evidenceRequired === 0\" (checkedEvent)=\"setEvidence(0)\">No\r\n </app-cs-radio>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n<app-loader-inline *ngIf=\"loader\"></app-loader-inline>\r\n<app-radio-list [config]=\"selectorConfig?.ISSUE_CATGORY\" [itemsList]=\"listData?.categoryList\"\r\n [selectedItems]=\"logIssueForm.issueCategory\" [identifierKey]=\"'category_id'\"\r\n [displayKey]=\"'category_name'\" *ngIf=\"activeSelector==='ISSUE_CATEGORY'\"\r\n (saveList)=\"selectorAction($event,'ISSUE_CATEGORY')\" (closeList)=\"fieldDeselector('ISSUE_CATEGORY')\">\r\n</app-radio-list>\r\n\r\n<app-radio-list [config]=\"selectorConfig?.ISSUE_RC\" [itemsList]=\"listData?.rcList\"\r\n [selectedItems]=\"logIssueForm.issueRC\" [identifierKey]=\"'rc_id'\" [displayKey]=\"'rc_name'\"\r\n *ngIf=\"activeSelector==='ISSUE_RC'\" (saveList)=\"selectorAction($event,'ISSUE_RC')\"\r\n (closeList)=\"fieldDeselector('ISSUE_RC')\"></app-radio-list>\r\n\r\n<app-radio-list [config]=\"selectorConfig?.ISSUE_WHO\" [itemsList]=\"listData?.userList\" [twoColumn]=\"true\"\r\n [selectedItems]=\"logIssueForm.entrustTo\" [identifierKey]=\"'employee_id'\" [displayKey]=\"'employee_name'\" [tooltipKey]=\"'employee_email'\"\r\n *ngIf=\"activeSelector==='ISSUE_WHO'\" (saveList)=\"selectorAction($event,'ISSUE_WHO')\"\r\n (closeList)=\"fieldDeselector('ISSUE_WHO')\"></app-radio-list>\r\n\r\n<app-radio-list [config]=\"selectorConfig?.ISSUE_TYPE\" [itemsList]=\"listData?.issueTypeList\"\r\n [selectedItems]=\"logIssueForm.issueType\" [identifierKey]=\"'issue_id'\" [displayKey]=\"'issue_type_name'\"\r\n *ngIf=\"activeSelector==='ISSUE_TYPE'\" (saveList)=\"selectorAction($event,'ISSUE_TYPE')\"\r\n (closeList)=\"fieldDeselector('ISSUE_TYPE')\"></app-radio-list>\r\n\r\n<app-checkbox-list [config]=\"selectorConfig?.ISSUE_CC\" [twoColumn]=\"true\"\r\n [itemsList]=\"listData.userList|userFilter:'employee_email':logIssueForm.entrustTo:{'employee_email':currentUser?.email}\"\r\n [selectedItems]=\"logIssueForm.issueCCUsers\" [identifierKey]=\"'employee_email'\" [displayKey]=\"'employee_name'\" [tooltipKey]=\"'employee_email'\"\r\n *ngIf=\"activeSelector==='ISSUE_CC'\" (saveList)=\"selectorAction($event,'ISSUE_CC')\"\r\n (closeList)=\"fieldDeselector('ISSUE_CC')\"></app-checkbox-list>\r\n\r\n<app-checkbox-list [config]=\"selectorConfig?.ISSUE_FCC\" [twoColumn]=\"true\"\r\n [itemsList]=\"listData.userList|userFilter:'employee_email':logIssueForm.entrustTo:{'employee_email':currentUser?.email}\"\r\n [selectedItems]=\"logIssueForm.failureCCUsers\" [identifierKey]=\"'employee_email'\" [displayKey]=\"'employee_name'\" [tooltipKey]=\"'employee_email'\"\r\n *ngIf=\"activeSelector==='ISSUE_FCC'\" (saveList)=\"selectorAction($event,'ISSUE_FCC')\"\r\n (closeList)=\"fieldDeselector('ISSUE_FCC')\"></app-checkbox-list>\r\n\r\n<app-responsibility-risk-selector [loading]=\"isRiskControlLoading\" *ngIf=\"activeSelector==='ISSUE_CONTROL_RISK'\"\r\n (closeList)=\"fieldDeselector('ISSUE_CONTROL_RISK')\" (fetchList)=\"getLinkage(issueDetails?.auditObjId, $event)\"\r\n (saveList)=\"selectorAction($event,'ISSUE_CONTROL_RISK')\"\r\n[activeEntity]=\"logIssueForm?.linkageType\" [listItems]=\"listData?.linkageList\" [selectedItems]=\"logIssueForm?.linkedControlRisk\"></app-responsibility-risk-selector>\r\n\r\n<app-smiley-dialog-inline\r\n *ngIf=\"showSmiley\"\r\n [message]=\"smileyMessage\"\r\n [actionButtons]=\"actionButtons\"\r\n (action)=\"action($event)\"\r\n (closeSmiley)=\"closeSmiley($event)\">\r\n</app-smiley-dialog-inline>\r\n",
|
|
12040
12504
|
styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");:root{font-size:4px}::ng-deep .log-an-issue{position:relative}", "@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");::-webkit-scrollbar-track{background-color:#f1f1f1;position:absolute}::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}button{font-family:Poppins,sans-serif}::ng-deep .vx-form-group{display:block;position:relative;margin-bottom:20px}::ng-deep .vx-form-group:after{content:\"\";display:block;clear:both}::ng-deep .vx-form-group .select{position:relative}::ng-deep .vx-form-group .select:after{content:\"\";border-top:5px solid #707070;border-right:5px solid transparent;border-left:5px solid transparent;position:absolute;right:15px;top:calc(50% - 2px)}::ng-deep .vx-form-group .select input{cursor:pointer;padding-right:30px!important}::ng-deep .vx-form-group .select .custom-input{height:40px;border-radius:4px;border:1px solid #dbdbdb;background:#fff;outline:none;padding:3px 12px;line-height:16px;font-size:13px;color:#747576;font-weight:400;transition:all .2s ease-in-out;width:100%;cursor:pointer}::ng-deep .vx-form-group .select .custom-input:empty:not(:focus):before{content:attr(aria-placeholder);line-height:16px;font-size:13px;width:94%;display:block;pointer-events:none;opacity:.8}::ng-deep .vx-form-group .select .custom-input:hover{border-color:#1e5dd3;box-shadow:0 0 5px rgba(30,93,211,.27)}::ng-deep .vx-form-group .select .custom-input.frequency-custom-input{padding-right:116px}::ng-deep .vx-form-group .select+app-cs-switch{display:block;margin-top:8px}::ng-deep .vx-form-group .select+app-cs-switch label.cs-switch span.value{white-space:nowrap;margin-right:5px;text-transform:uppercase}::ng-deep .vx-form-group .select+app-cs-radio{margin-top:8px!important}::ng-deep .vx-form-group .select~app-cs-radio{margin-top:4px;display:block;width:100%}::ng-deep .vx-form-group .select~app-cs-radio label.radio-item{width:100%;position:relative}::ng-deep .vx-form-group .select~app-cs-radio label.radio-item span.radio{position:absolute;top:8px;left:12px}::ng-deep .vx-form-group .select~app-cs-radio label.radio-item span.value{font-size:11px;text-transform:uppercase;border:1px solid #dbdbdb;border-radius:4px;padding:8px 8px 8px 36px;width:100%;display:flex;justify-content:space-between;margin:0;max-width:100%;font-weight:500;color:#707070}::ng-deep .vx-form-group .select~app-cs-radio label.radio-item span.value i{font-size:12px;color:#1e5dd3}::ng-deep .vx-form-group .select~app-cs-radio label.radio-item svg{position:absolute;top:8px;left:12px}::ng-deep .vx-form-group .select~app-cs-radio label.radio-item input:checked~span.value{background:#eefcf0;border-color:#34aa44}::ng-deep .vx-form-group .select.button-sec:after{display:none}::ng-deep .vx-form-group .select.button-sec button{background:transparent;border:none;display:inline-flex;float:right;color:#1e5dd3;text-transform:uppercase;font-weight:600;cursor:pointer;font-size:11px;position:absolute;top:12px;right:8px;padding:0;margin:0}::ng-deep .vx-form-group .select+.vx-control-panel{margin-top:8px}::ng-deep .vx-form-group .select+.selected{margin-top:8px}::ng-deep .vx-form-group .select.select{margin-top:8px}::ng-deep .vx-form-group .upload-format{border:1px solid #dbdbdb;border-radius:4px;padding:8px 12px;display:block}::ng-deep .vx-form-group .upload-format span.text{line-height:20px;font-size:13px;color:#747576;font-weight:400;transition:all .2s ease-in-out;width:100%;display:block;margin-bottom:6px}::ng-deep .vx-form-group .upload-format .radio-group{display:flex}::ng-deep .vx-form-group .upload-format .radio-group app-cs-radio{display:inline-block}::ng-deep .vx-form-group .upload-format .radio-group app-cs-radio label.radio-item span.value{font-size:11px;text-transform:uppercase;margin-left:8px}::ng-deep .vx-form-group .upload-format .radio-group app-cs-radio+app-cs-radio{margin-left:12px}::ng-deep .vx-form-group .upload-format~.upload-format{margin-top:4px}::ng-deep .vx-form-group .form-tab{display:flex;justify-content:flex-start}::ng-deep .vx-form-group .form-tab button{background:transparent;color:#161b2f;font-size:11px;line-height:16px;text-transform:uppercase;cursor:pointer;padding:8px 8px 8px 0;border:none;outline:none;font-weight:500}::ng-deep .vx-form-group .form-tab button:disabled{opacity:.5;pointer-events:none}::ng-deep .vx-form-group .form-tab button+button{padding:8px}::ng-deep .vx-form-group .form-tab button.active{color:#1e5dd3}::ng-deep .vx-form-group .tab-group{border:1px solid #dbdbdb;border-radius:4px;padding:0;display:block;position:relative}::ng-deep .vx-form-group .tab-group .upload-file{padding:16px 24px;display:flex;align-items:center}::ng-deep .vx-form-group .tab-group .upload-file .image{width:80px;margin-right:20px}::ng-deep .vx-form-group .tab-group .upload-file .browse{display:flex;align-items:center;justify-content:center;width:calc(100% - 100px);text-align:center}::ng-deep .vx-form-group .tab-group .upload-file .browse span{display:inline-block;font-size:12px;color:#747576;line-height:16px;padding:0 4px}::ng-deep .vx-form-group .tab-group .upload-file .browse .label{font-size:11px;color:#1e5dd3;line-height:16px;font-weight:600;text-transform:uppercase;margin:0;padding:0}::ng-deep .vx-form-group .tab-group .upload-file .browse .label input{opacity:0;position:absolute;top:0;margin:0;padding:0;right:0;bottom:0;left:0;cursor:pointer;width:100%}::ng-deep .vx-form-group .tab-group.active{border-color:#1e5dd3}::ng-deep .vx-form-group .tab-group.uploaded{margin-top:4px}::ng-deep .vx-form-group .tab-group.uploaded .upload-file{padding:12px \u200B24px}::ng-deep .vx-form-group .tab-group.uploaded .upload-file .image{display:none}::ng-deep .vx-form-group .tab-group.uploaded .upload-file .browse{width:100%}::ng-deep .vx-form-group .tab-group+label.vx-form-group{margin-top:8px;margin-bottom:4px}::ng-deep .vx-form-group .file-list{background:#fbfbfb;border:1px solid #f1f1f1;border-radius:4px;padding:12px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;position:relative}::ng-deep .vx-form-group .file-list span.file-name{color:#747576;line-height:16px;font-size:11px;font-weight:400;cursor:pointer;max-width:calc(100% - 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep .vx-form-group .file-list .button-group{display:flex}::ng-deep .vx-form-group .file-list button{font-size:12px;color:#eb2424;cursor:pointer;display:flex;padding:0;border:none;outline:none;background:transparent}::ng-deep .vx-form-group .file-list button.edit{color:#1e5dd3}::ng-deep .vx-form-group .file-list button+button{margin-left:16px}::ng-deep .vx-form-group .file-list+.file-list{margin-top:4px}::ng-deep .vx-form-group .file-list .file-container{display:flex;justify-content:space-between;width:100%}::ng-deep .vx-form-group .file-list.policy{background:#fff}::ng-deep .vx-form-group .file-list cs-select{position:relative;margin-top:8px;width:100%}::ng-deep .vx-form-group .file-list cs-select .selection-wrap .input-group input.value{height:32px!important;font-size:11px!important}::ng-deep .vx-form-group .file-list cs-select .selection-wrap .input-group i{right:12px!important;top:12px!important}::ng-deep .vx-form-group .file-list app-line-loader{display:block;position:absolute;left:10px;right:10px;bottom:0}::ng-deep .vx-form-group label.vx-control-panel{color:#161b2f;font-size:11px;font-weight:500;line-height:16px;margin-bottom:8px;display:block;text-transform:uppercase;width:100%;margin-top:4px;text-align:left}::ng-deep .vx-form-group label.vx-control-panel.custom-tag{font-size:10px}::ng-deep .vx-form-group label.vx-control-panel.vx-mt-8{margin-top:8px}::ng-deep .vx-form-group label.vx-control-panel span.required{color:#eb2424;position:relative;top:-2px}::ng-deep .vx-form-group label.vx-control-panel .button{background:transparent;border:none;display:inline-flex;float:right;color:#1e5dd3;text-transform:uppercase;font-weight:600;cursor:pointer;font-size:11px;padding:0;margin:0}::ng-deep .vx-form-group label.vx-control-panel app-cs-switch{float:right;display:block}::ng-deep .vx-form-group label.vx-control-panel i{margin-left:8px;font-size:12px;color:#1e5dd3;cursor:pointer;position:relative;top:1px}::ng-deep .vx-form-group .input,::ng-deep .vx-form-group input[type=text]{height:40px;border-radius:4px;border:1px solid #dbdbdb;background:#fff;outline:none;padding:8px 12px;line-height:20px;font-size:13px;color:#747576;transition:all .2s ease-in-out;width:100%;font-weight:400}::ng-deep .vx-form-group .input::-moz-placeholder,::ng-deep .vx-form-group input[type=text]::-moz-placeholder{color:#747576}::ng-deep .vx-form-group .input:-ms-input-placeholder,::ng-deep .vx-form-group input[type=text]:-ms-input-placeholder{color:#747576}::ng-deep .vx-form-group .input::placeholder,::ng-deep .vx-form-group input[type=text]::placeholder{color:#747576}::ng-deep .vx-form-group .input:focus,::ng-deep .vx-form-group .input:hover,::ng-deep .vx-form-group input[type=text]:focus,::ng-deep .vx-form-group input[type=text]:hover{border-color:#1e5dd3;box-shadow:0 0 5px rgba(30,93,211,.27)}::ng-deep .vx-form-group .input.error,::ng-deep .vx-form-group input[type=text].error{border-color:#eb2424;color:#eb2424;margin-bottom:4px}::ng-deep .vx-form-group .input.error:focus,::ng-deep .vx-form-group input[type=text].error:focus{box-shadow:0 0 5px rgba(211,30,30,.27)}::ng-deep .vx-form-group .input:disabled,::ng-deep .vx-form-group input[type=text]:disabled{background:#f1f1f1;cursor:not-allowed}::ng-deep .vx-form-group .input:disabled:hover,::ng-deep .vx-form-group input[type=text]:disabled:hover{border-color:#dbdbdb;box-shadow:none}::ng-deep .vx-form-group .input span.text,::ng-deep .vx-form-group input[type=text] span.text{font-size:13px;color:#747576;font-weight:400;display:block;width:100%}::ng-deep .vx-form-group .input .input-group,::ng-deep .vx-form-group input[type=text] .input-group{display:flex;align-items:center}::ng-deep .vx-form-group .input .input-group.counter,::ng-deep .vx-form-group input[type=text] .input-group.counter{min-width:96px;width:96px}::ng-deep .vx-form-group .input .input-group.counter button,::ng-deep .vx-form-group input[type=text] .input-group.counter button{height:24px;width:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#747576;font-size:8px;cursor:pointer;outline:none}::ng-deep .vx-form-group .input .input-group.counter input,::ng-deep .vx-form-group input[type=text] .input-group.counter input{-webkit-appearance:textfield;-moz-appearance:textfield;height:24px;width:calc(100% - 48px);border:1px solid #f1f1f1;outline:none;padding:0 6px;text-align:center}::ng-deep .vx-form-group .input .input-group.counter input::-webkit-inner-spin-button,::ng-deep .vx-form-group .input .input-group.counter input::-webkit-outer-spin-button,::ng-deep .vx-form-group input[type=text] .input-group.counter input::-webkit-inner-spin-button,::ng-deep .vx-form-group input[type=text] .input-group.counter input::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}::ng-deep .vx-form-group .input+.file-list,::ng-deep .vx-form-group input[type=text]+.file-list{margin-top:8px}::ng-deep .vx-form-group .input::-moz-placeholder,::ng-deep .vx-form-group input[type=text]::-moz-placeholder{font-size:13px}::ng-deep .vx-form-group .input::placeholder,::ng-deep .vx-form-group input[type=text]::placeholder{font-size:13px}::ng-deep .vx-form-group .input:-ms-input-placeholder,::ng-deep .vx-form-group input[type=text]:-ms-input-placeholder{font-size:13px}::ng-deep .vx-form-group .input::-ms-input-placeholder,::ng-deep .vx-form-group input[type=text]::-ms-input-placeholder{font-size:13px}::ng-deep .vx-form-group .classification{height:40px;border-radius:4px;border:1px solid #dbdbdb;background:#fff;padding:8px 12px;display:flex;justify-content:space-between}::ng-deep .vx-form-group .classification label{width:100%;position:relative;z-index:1;margin:0 4px 0 0}::ng-deep .vx-form-group .classification label span{display:block;width:100%;height:24px;border:1px solid #f1f1f1;border-radius:2px;line-height:24px;font-size:10px;text-align:center;color:#747576;font-weight:500;position:relative;text-transform:uppercase}::ng-deep .vx-form-group .classification label span:before{height:2px;content:\"\";top:0;right:0;left:0;border-radius:2px;position:absolute;transition:all .2s ease-in-out}::ng-deep .vx-form-group .classification label input{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;width:100%;height:100%;cursor:pointer;z-index:1}::ng-deep .vx-form-group .classification label input:checked+span{color:#fff}::ng-deep .vx-form-group .classification label input:checked+span:before{bottom:0;height:100%;z-index:-1}::ng-deep .vx-form-group .classification label.low span:before{background:#34aa44}::ng-deep .vx-form-group .classification label.low-med span:before{background:#f2bf19}::ng-deep .vx-form-group .classification label.med-high span:before{background:#f29619}::ng-deep .vx-form-group .classification label.high span:before{background:#eb2424}::ng-deep .vx-form-group .classification label:last-of-type{margin-right:0}::ng-deep .vx-form-group .input{display:flex;align-items:center}::ng-deep .vx-form-group .selected{height:40px;border-radius:4px;border:1px solid #f1f1f1;background:#fbfbfb;outline:none;padding:8px;line-height:20px;font-size:13px;color:#747576;font-weight:400;transition:all .2s ease-in-out;width:100%;display:flex;align-items:center;position:relative;justify-content:space-between}::ng-deep .vx-form-group .selected .chip-container{display:flex;width:calc(100% - 60px);align-items:center}::ng-deep .vx-form-group .selected .chip-container span.chip{background:#fff;border-radius:2px;box-shadow:0 0 3px #1e5dd31a;height:24px;padding:0 8px;color:#1e5dd3;font-size:12px;display:block;width:auto;max-width:100%;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:24px}::ng-deep .vx-form-group .selected .chip-container span.chip i{font-weight:400;margin-right:8px;cursor:pointer;font-size:10px;position:relative;top:1px}::ng-deep .vx-form-group .selected .chip-container span.chip span.step{background:#1e5dd3;border-radius:2px;color:#fff;font-size:9px;line-height:14px;padding:0 4px;font-weight:400;text-align:center;min-width:auto;margin-right:4px}::ng-deep .vx-form-group .selected .chip-container span.chip+span.chip{margin-left:4px}::ng-deep .vx-form-group .selected .chip-container span.value{color:#747576;font-size:13px;line-height:20px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 52px);padding:0 4px}::ng-deep .vx-form-group .selected .chip-container span.checkpoint-point-text{color:#747576;font-size:10px;font-weight:500;padding:0 8px;width:122px;line-height:14px}::ng-deep .vx-form-group .selected .chip-container span.checkpoint-point-text.first{position:relative;min-width:162px}::ng-deep .vx-form-group .selected .chip-container span.checkpoint-point-text.first:before{background:#f1f1f1;content:\"\";position:absolute;top:0;right:0;height:calc(100% + 12px);width:1px}::ng-deep .vx-form-group .selected .chip-container span.checkpoint-point-text .no{color:#1e5dd3}::ng-deep .vx-form-group .selected .chip-container.plus span.chip{max-width:calc(50% - 35px)}::ng-deep .vx-form-group .selected .chip-container.more-one span.chip{max-width:50%}::ng-deep .vx-form-group .selected button.count{background:#1e5dd3;border-radius:2px;height:24px;padding:2px 8px;border:1px solid #1e5dd3;cursor:pointer;outline:none;color:#fff;font:13px;font-weight:500;line-height:20px;white-space:nowrap;margin-left:8px}::ng-deep .vx-form-group .selected button.edit{border:1px solid #f1f1f1;border-radius:2px;background:#fff;outline:none;cursor:pointer;display:block;height:24px;padding:0 5px 0 4px;font-size:11px;font-weight:500;color:#1e5dd3;text-transform:uppercase;white-space:nowrap;margin-left:8px}::ng-deep .vx-form-group .selected button.edit i{font-weight:400;font-size:8px;margin-right:4px}::ng-deep .vx-form-group .selected button.close-btn{background:transparent;border:none;padding:0;margin-left:8px;font-size:10px;color:#c7381b;display:flex;align-items:center}::ng-deep .vx-form-group .selected .workflow-label{min-width:92px;padding:4px;text-align:center;margin-left:-8px;margin-right:8px;border-right:1px solid #f1f1f1}::ng-deep .vx-form-group .selected .workflow-label p{margin:0;display:block;text-transform:uppercase}::ng-deep .vx-form-group .selected .workflow-label p.title{font-size:9px;line-height:12px;color:#161b2f;font-weight:500}::ng-deep .vx-form-group .selected .workflow-label p.description{font-size:11px;line-height:16px;color:#161b2f;font-weight:600}::ng-deep .vx-form-group .selected .workflow-label+.chip-container{width:calc(100% - 148px)}::ng-deep .vx-form-group .selected+.selected{margin-top:8px}::ng-deep .vx-form-group .selected+app-cs-switch{display:block;margin-top:8px}::ng-deep .vx-form-group .selected+app-cs-switch label.cs-switch span.value{white-space:nowrap;margin-right:5px;text-transform:uppercase}::ng-deep .vx-form-group .selected+app-cs-switch.who-toggle label.cs-switch span.value{color:#747576}::ng-deep .vx-form-group .selected+app-cs-radio{margin-top:8px!important}::ng-deep .vx-form-group .selected~app-cs-radio{margin-top:4px;display:block;width:100%}::ng-deep .vx-form-group .selected~app-cs-radio label.radio-item{width:100%;position:relative}::ng-deep .vx-form-group .selected~app-cs-radio label.radio-item span.radio{position:absolute;top:8px;left:12px}::ng-deep .vx-form-group .selected~app-cs-radio label.radio-item span.value{font-size:11px;text-transform:uppercase;border:1px solid #dbdbdb;border-radius:4px;padding:8px 8px 8px 36px;width:100%;display:flex;justify-content:space-between;margin:0;max-width:100%;font-weight:500;color:#707070}::ng-deep .vx-form-group .selected~app-cs-radio label.radio-item span.value i{font-size:12px;color:#1e5dd3}::ng-deep .vx-form-group .selected~app-cs-radio label.radio-item svg{position:absolute;top:8px;left:12px}::ng-deep .vx-form-group .selected~app-cs-radio label.radio-item input:checked~span.value{background:#eefcf0;border-color:#34aa44}::ng-deep .vx-form-group .selected.readOnly{pointer-events:none}::ng-deep .vx-form-group .selected span.chip{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .vx-form-group .select-list{position:absolute;background:#fff;box-shadow:0 0 5px #1e5dd3;top:100%;right:0;left:0;z-index:2}::ng-deep .vx-form-group .select-list .vx-radio-group label.vx-radio-item{width:100%;padding:12px 16px}::ng-deep .vx-form-group .select-list .vx-radio-group label.vx-radio-item:hover{background:#f8f8f8}::ng-deep .vx-form-group marx-editor{margin-top:8px;display:block}::ng-deep .vx-form-group marx-editor .editor-container{border-radius:4px;border:1px solid #dbdbdb}::ng-deep .vx-form-group marx-editor .editor-container .editable-block{min-height:60px;padding:11px 15px;max-height:100px;line-height:20px;font-size:13px;color:#747576;font-weight:400;transition:all .2s ease-in-out;width:100%}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none){::ng-deep .vx-form-group marx-editor .editor-container .editable-block:before{opacity:.72}}}::ng-deep .vx-form-group marx-editor .editor-container .editable-block ul{padding:0 0 0 10px;margin-top:0}::ng-deep .vx-form-group marx-editor .editor-container .editable-block ul li{list-style:disc}::ng-deep .vx-form-group marx-editor .editor-container .editable-block ol{padding:0 0 0 10px;margin-top:0}::ng-deep .vx-form-group marx-editor .editor-container .editable-block ol li{list-style:decimal}::ng-deep .vx-form-group marx-editor .editor-container .editor-tools{z-index:1;border-top:1px solid #dbdbdb;transition:none;border-radius:0 0 3px 3px}::ng-deep .vx-form-group marx-editor .editor-container .editor-tools app-editor-menu .editor-menu .col button{height:22px!important;width:22px!important;padding:0 5px}::ng-deep .vx-form-group marx-editor .editor-container .editor-tools app-editor-menu .editor-menu .col button svg{height:22px;width:22px}::ng-deep .vx-form-group marx-editor .editor-container .editor-tools app-editor-menu .editor-menu .col button.submit{width:80px!important;line-height:22px;justify-content:center}::ng-deep .vx-form-group marx-editor .editor-container .editor-tools app-editor-menu .editor-menu .col .popover.small ul.option-list li button{width:100%!important;height:auto!important}::ng-deep .vx-form-group marx-editor .editor-container:focus-within{border-color:#1e5dd3!important}::ng-deep .vx-form-group marx-editor .editor-container:focus-within .editor-tools{border-color:#1e5dd3!important}::ng-deep .vx-form-group marx-editor .editor-container:hover{border-color:#1e5dd3!important}::ng-deep .vx-form-group marx-editor .editor-container:hover .editor-tools{border-color:#1e5dd3!important}::ng-deep .vx-form-group marx-editor+app-cs-switch{margin-top:8px}::ng-deep .vx-form-group app-cs-switch label.cs-switch span.value{font-size:11px;color:#747576;text-transform:uppercase}::ng-deep .vx-form-group app-cs-switch+app-cs-switch{margin-top:8px}::ng-deep .vx-form-group .date-time-picker{display:flex;justify-content:space-between;height:40px;border-radius:4px;border:1px solid #dbdbdb;padding:11px 0}::ng-deep .vx-form-group .date-time-picker:focus-within{border-color:#1e5dd3;box-shadow:0 0 5px rgba(30,93,211,.27)}::ng-deep .vx-form-group .date-time-picker .picker-group{width:50%;position:relative;display:flex;align-items:center}::ng-deep .vx-form-group .date-time-picker .picker-group:first-of-type{border-right:1px solid #dbdbdb}::ng-deep .vx-form-group .date-time-picker .picker-group:only-of-type{border:none;width:100%}::ng-deep .vx-form-group .date-time-picker .picker-group input{height:38px;background:#fff;line-height:38px;font-size:13px;color:#747576;transition:all .2s ease-in-out;width:100%;font-weight:400;border:none;padding:0 12px 0 34px;outline:none}::ng-deep .vx-form-group .date-time-picker .picker-group input:focus,::ng-deep .vx-form-group .date-time-picker .picker-group input:hover{box-shadow:none;border:none}::ng-deep .vx-form-group .date-time-picker .picker-group input::-moz-placeholder{color:#999;font-size:13px}::ng-deep .vx-form-group .date-time-picker .picker-group input::placeholder{color:#999;font-size:13px}::ng-deep .vx-form-group .date-time-picker .picker-group input:-ms-input-placeholder{color:#999;font-size:13px}::ng-deep .vx-form-group .date-time-picker .picker-group input::-ms-input-placeholder{color:#999;font-size:13px}::ng-deep .vx-form-group .date-time-picker .picker-group i{display:flex;justify-content:center;align-items:center;height:16px;width:16px;position:absolute;left:12px;top:0;color:#bcbcbc;font-size:16px;pointer-events:none}::ng-deep .vx-form-group app-cs-radio.main-filed{margin-top:4px;display:block;width:100%}::ng-deep .vx-form-group app-cs-radio.main-filed label.radio-item{width:100%;position:relative}::ng-deep .vx-form-group app-cs-radio.main-filed label.radio-item span.radio{position:absolute;top:8px;left:12px}::ng-deep .vx-form-group app-cs-radio.main-filed label.radio-item span.value{font-size:11px;text-transform:uppercase;border:1px solid #dbdbdb;border-radius:4px;padding:8px 8px 8px 36px;width:100%;display:flex;justify-content:space-between;margin:0;max-width:100%;color:#707070}::ng-deep .vx-form-group app-cs-radio.main-filed label.radio-item span.value i{font-size:12px;color:#1e5dd3}::ng-deep .vx-form-group app-cs-radio.main-filed label.radio-item svg{position:absolute;top:8px;left:12px}::ng-deep .vx-form-group app-cs-radio.main-filed label.radio-item input:checked~span.value{background:#eefcf0;border-color:#34aa44}::ng-deep .vx-form-group .switch-row{display:flex}::ng-deep .vx-form-group .switch-row app-cs-switch{display:block;margin-top:8px}::ng-deep .vx-form-group .switch-row app-cs-switch label.cs-switch span.value{white-space:nowrap;margin-right:0;text-transform:uppercase;color:#747576!important}::ng-deep .vx-form-group .switch-row app-cs-switch label.cs-switch span.value i{display:inline-flex;font-size:11px;cursor:pointer;color:#1e5dd3;align-items:center;line-height:16px;margin:0 4px}::ng-deep .vx-form-group .switch-row app-cs-switch+app-cs-switch{margin-left:8px}::ng-deep .vx-form-group .switch-row.align-right{justify-content:flex-end}::ng-deep .vx-form-group .switch-row.align-right label.cs-switch span.value{margin-right:8px}.left{width:36px;height:36px;margin-top:30px;margin-left:-58px;margin-right:20px;display:flex;justify-content:center;align-items:center;position:relative;z-index:10;border-radius:50%}.left.deadline-completed{margin-top:18px}.left.checked{background:transparent}.left img{width:36px}.left .checkIcon{width:32px;height:32px;background:#fff;border-radius:50%;stroke-width:4;stroke:#34aa44;stroke-miterlimit:10;box-shadow:inset 0 0 0 #34aa44;-webkit-animation:fillCheck .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;animation:fillCheck .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;margin-top:0}.left .checkIcon__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#34aa44;fill:none;-webkit-animation:strokeCheck .6s cubic-bezier(.65,0,.45,1) forwards;animation:strokeCheck .6s cubic-bezier(.65,0,.45,1) forwards}.left .checkIcon__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;-webkit-animation:strokeCheck .3s cubic-bezier(.65,0,.45,1) .8s forwards;animation:strokeCheck .3s cubic-bezier(.65,0,.45,1) .8s forwards}.right{width:100%}.right span.indicator{position:absolute;top:36px;left:-16px;font-size:12px;color:#f0b819;cursor:pointer}.form-group-row{display:flex;position:relative;transition:all .2s ease-in-out}.form-group-row.hide{opacity:0;transition:all .2s ease-in-out}.form-group-row.disabled{pointer-events:none;filter:grayscale(1);z-index:2}.form-group-row.disabled .left{position:relative}.form-group-row.disabled .left:before{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:.7}.form-group-row.disabled .right{opacity:.3}.form-group-row.active{pointer-events:none;filter:grayscale(0);z-index:2;opacity:1}.form-group-row.active .right .vx-form-group .custom-input,.form-group-row.active .right .vx-form-group input{border-color:#1e5dd3;box-shadow:0 0 5px rgba(30,93,211,.27)}@-webkit-keyframes strokeCheck{to{stroke-dashoffset:0}}@keyframes strokeCheck{to{stroke-dashoffset:0}}@-webkit-keyframes fillCheck{to{box-shadow:inset 0 0 0 2px #34aa44}}@keyframes fillCheck{to{box-shadow:inset 0 0 0 2px #34aa44}}.action-list{width:220px}.action-list ul{padding:0;margin:0;-webkit-animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;background:#fff;box-shadow:0 3px 6px #1c5bd140;border-radius:4px;max-height:220px;overflow:auto}.action-list ul.action-item{display:block}.action-list ul.action-item li{list-style:none;border:none;border-bottom:1px solid #f1f1f1;display:block;width:100%;padding:0;background:transparent;border-radius:0;margin:0;height:auto;justify-content:flex-start;box-shadow:none}.action-list ul.action-item li button{color:#6e717e;text-align:left;text-decoration:none;cursor:pointer;background:transparent;font-size:12px;text-transform:capitalize;display:flex;width:100%;padding:7.5px 11px;border:none}.action-list ul.action-item li button i{font-size:17px;margin-right:10px;color:#1c5bd1}.action-list ul.action-item li button:hover{background:#f3f3f3}.action-list ul.action-item li .avatar-card{display:flex;align-items:center;width:100%;padding:7.5px}.action-list ul.action-item li .avatar-card.within-con{display:block}.action-list ul.action-item li .avatar-card .avatar{height:24px;width:24px!important;overflow:hidden;background:#4681ef;color:#fff;font-size:10px;display:inline-flex;margin-right:5px;border-radius:50%;align-items:center;justify-content:center;text-transform:uppercase}.action-list ul.action-item li .avatar-card .avatar img{width:100%}.action-list ul.action-item li .avatar-card .avatar+span.value{width:calc(100% - 29px)}.action-list ul.action-item li .avatar-card span.value{width:100%;color:#6e717e;text-decoration:none;background:transparent;font-size:12px;text-transform:capitalize;display:block;font-weight:400;-moz-text-align-last:left;text-align-last:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px}.action-list ul.action-item li .avatar-card span.value i{font-size:8px;color:#1c5bd1;cursor:pointer;margin-right:5px}.action-list ul.action-item li .avatar-card.no-image{display:block}.action-list ul.action-item li .avatar-card.no-image span.value{width:100%;display:block}.action-list ul.action-item li .chip-item{color:#1e5dd3;padding:10px;display:flex;align-items:center}.action-list ul.action-item li .chip-item i{margin-right:7px;font-size:10px;cursor:pointer;display:inline-flex}.action-list ul.action-item li .chip-item span{display:block;width:auto;max-width:calc(100% - 17px);font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-list ul.action-item li .chip-item span.chip-block{display:block;width:100%}.action-list ul.action-item li .chip-item span.id{font-size:9px}.action-list ul.action-item li .within{display:flex;align-items:center;justify-content:flex-start}.action-list ul.action-item li .within .block{background:#f1f1f1;border-radius:2px;padding:0 2px;line-height:14px;font-size:9px;font-weight:500;color:#042e7d;margin-right:6px;display:block;text-transform:uppercase}.action-list ul.action-item li .within .data{width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#747576;font-size:11px;font-weight:400;line-height:17px}.action-list ul.action-item li:first-child{-webkit-animation:action-list-open .25s cubic-bezier(.25,.46,.45,.94) both;animation:action-list-open .25s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(2){-webkit-animation:action-list-open .35s cubic-bezier(.25,.46,.45,.94) both;animation:action-list-open .35s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(3){-webkit-animation:action-list-open .45s cubic-bezier(.25,.46,.45,.94) both;animation:action-list-open .45s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(4){-webkit-animation:action-list-open .55s cubic-bezier(.25,.46,.45,.94) both;animation:action-list-open .55s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(5){-webkit-animation:action-list-open .65s cubic-bezier(.25,.46,.45,.94) both;animation:action-list-open .65s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(6){-webkit-animation:action-list-open .75s cubic-bezier(.25,.46,.45,.94) both;animation:action-list-open .75s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(7){-webkit-animation:action-list-open .85s cubic-bezier(.25,.46,.45,.94) both;animation:action-list-open .85s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(8){-webkit-animation:action-list-open .95s cubic-bezier(.25,.46,.45,.94) both;animation:action-list-open .95s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(9){-webkit-animation:action-list-open 1.05s cubic-bezier(.25,.46,.45,.94) both;animation:action-list-open 1.05s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(10){-webkit-animation:action-list-open 1.15s cubic-bezier(.25,.46,.45,.94) both;animation:action-list-open 1.15s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes action-list-open{0%{transform:translateY(50px)}to{transform:translateY(0)}}@keyframes action-list-open{0%{transform:translateY(50px)}to{transform:translateY(0)}}@-webkit-keyframes scale-up-center{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scale-up-center{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}p.error-message{font-size:11px;font-weight:400;color:#eb2424;line-height:16px;margin-top:0;margin-bottom:0}.edit-loader{position:absolute;top:-3px;left:-3px;width:46px;height:46px;transform:rotate(180deg)}.circular-loader{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;left:0;margin:auto}.loader-path{stroke-dasharray:150,200;stroke-dashoffset:-10;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}@-webkit-keyframes rotate{to{transform:rotate(1turn)}}@keyframes rotate{to{transform:rotate(1turn)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}::ng-deep .dropdown{position:fixed;background:#fff;box-shadow:0 3px 6px #00000029;padding:24px 0;z-index:9;max-height:calc(100vh - 200px);overflow:auto}::ng-deep .dropdown ul.dropdown-list{padding:0 20px;margin:0;display:block}::ng-deep .dropdown ul.dropdown-list li{list-style:none}::ng-deep .dropdown ul.dropdown-list li app-cs-radio{display:flex}::ng-deep .dropdown ul.dropdown-list li app-cs-radio label.radio-item{width:100%;position:relative}::ng-deep .dropdown ul.dropdown-list li app-cs-radio label.radio-item span.radio{position:absolute;top:12px;left:12px}::ng-deep .dropdown ul.dropdown-list li app-cs-radio label.radio-item span.value{padding:11px 12px 11px 32px;width:100%;border:1px solid #bcbcbc;border-radius:4px;margin-left:0;max-width:100%}::ng-deep .dropdown ul.dropdown-list li app-cs-radio label.radio-item svg{position:absolute;top:12px;left:12px}::ng-deep .dropdown ul.dropdown-list li app-cs-radio label.radio-item input[type=radio]:checked~span.value{background:#e8feeb;border-color:#34aa44}::ng-deep .dropdown ul.dropdown-list li+li{margin-top:8px}app-smiley-dialog{position:relative;z-index:10}app-smiley-dialog-inline{position:absolute;top:0;right:0;bottom:0;left:0;z-index:999}.vx-overlay{position:fixed;z-index:3;top:0;right:0;bottom:0;left:0}dp-date-picker{width:100%;position:fixed!important;z-index:14;top:0;left:0}dp-date-picker input{width:100%;border:none;opacity:0;pointer-events:none}dp-date-picker input:focus{outline:none}dp-date-picker .dp-popup{width:412px;box-shadow:0 0 20px #161b2f26;background-color:#fff;border-radius:4px;-webkit-animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both}dp-date-picker .dp-popup dp-day-calendar,dp-date-picker .dp-popup dp-month-calendar{width:100%;pointer-events:auto}dp-date-picker .dp-popup dp-day-calendar button,dp-date-picker .dp-popup dp-month-calendar button{background:transparent;border:none;outline:none}dp-date-picker .dp-popup dp-day-calendar button.dp-calendar-nav-left,dp-date-picker .dp-popup dp-day-calendar button.dp-calendar-nav-right,dp-date-picker .dp-popup dp-day-calendar button.dp-current-location-btn,dp-date-picker .dp-popup dp-month-calendar button.dp-calendar-nav-left,dp-date-picker .dp-popup dp-month-calendar button.dp-calendar-nav-right,dp-date-picker .dp-popup dp-month-calendar button.dp-current-location-btn{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:14px}dp-date-picker .dp-popup dp-day-calendar button.dp-calendar-nav-left:hover,dp-date-picker .dp-popup dp-day-calendar button.dp-calendar-nav-right:hover,dp-date-picker .dp-popup dp-day-calendar button.dp-current-location-btn:hover,dp-date-picker .dp-popup dp-month-calendar button.dp-calendar-nav-left:hover,dp-date-picker .dp-popup dp-month-calendar button.dp-calendar-nav-right:hover,dp-date-picker .dp-popup dp-month-calendar button.dp-current-location-btn:hover{background-color:#f3f3f3}dp-date-picker .dp-popup dp-day-calendar button.dp-current-location-btn,dp-date-picker .dp-popup dp-month-calendar button.dp-current-location-btn{display:none}dp-date-picker .dp-popup dp-day-calendar button.dp-current-location-btn:before,dp-date-picker .dp-popup dp-month-calendar button.dp-current-location-btn:before{content:\"\";height:10px;width:10px;border-radius:50%;background:#000;display:inline-flex}dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week,dp-date-picker .dp-popup dp-day-calendar .dp-weekdays,dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week,dp-date-picker .dp-popup dp-month-calendar .dp-weekdays{display:flex;justify-content:space-around}dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week .dp-calendar-weekday,dp-date-picker .dp-popup dp-day-calendar .dp-weekdays .dp-calendar-weekday,dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week .dp-calendar-weekday,dp-date-picker .dp-popup dp-month-calendar .dp-weekdays .dp-calendar-weekday{width:52px;border-left:none;border-bottom-color:#fff;color:#747576;font-size:11px;font-weight:600;text-transform:uppercase}dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week button,dp-date-picker .dp-popup dp-day-calendar .dp-weekdays button,dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week button,dp-date-picker .dp-popup dp-month-calendar .dp-weekdays button{width:40px;height:40px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center}dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week button:hover,dp-date-picker .dp-popup dp-day-calendar .dp-weekdays button:hover,dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week button:hover,dp-date-picker .dp-popup dp-month-calendar .dp-weekdays button:hover{background-color:#f3f3f3}dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week button.dp-selected,dp-date-picker .dp-popup dp-day-calendar .dp-weekdays button.dp-selected,dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week button.dp-selected,dp-date-picker .dp-popup dp-month-calendar .dp-weekdays button.dp-selected{background:#1e5dd3}dp-date-picker .dp-popup dp-day-calendar .dp-calendar-week button.dp-current-day,dp-date-picker .dp-popup dp-day-calendar .dp-weekdays button.dp-current-day,dp-date-picker .dp-popup dp-month-calendar .dp-calendar-week button.dp-current-day,dp-date-picker .dp-popup dp-month-calendar .dp-weekdays button.dp-current-day{border:1px solid rgba(0,0,0,.38);color:#1e5dd3;background-color:#fff}dp-date-picker .dp-popup dp-day-calendar .dp-day-calendar-container,dp-date-picker .dp-popup dp-month-calendar .dp-day-calendar-container{padding:20px;border-radius:2px}dp-date-picker .dp-popup dp-day-calendar .dp-calendar-nav-container,dp-date-picker .dp-popup dp-month-calendar .dp-calendar-nav-container{display:flex;margin:0 0 20px;border:none}dp-date-picker .dp-popup dp-day-calendar .dp-calendar-nav-container .dp-nav-header button,dp-date-picker .dp-popup dp-month-calendar .dp-calendar-nav-container .dp-nav-header button{color:#000;font-size:17px;font-weight:500;margin:0 0 0 12px;padding:0}dp-date-picker .dp-popup dp-day-calendar .dp-nav-btns-container,dp-date-picker .dp-popup dp-month-calendar .dp-nav-btns-container{width:80px;display:flex}dp-date-picker .dp-popup dp-day-calendar .dp-nav-btns-container .dp-calendar-nav-container-left button,dp-date-picker .dp-popup dp-day-calendar .dp-nav-btns-container .dp-calendar-nav-container-right button,dp-date-picker .dp-popup dp-month-calendar .dp-nav-btns-container .dp-calendar-nav-container-left button,dp-date-picker .dp-popup dp-month-calendar .dp-nav-btns-container .dp-calendar-nav-container-right button{margin:0!important}dp-date-picker .dp-popup dp-day-calendar .dp-calendar-wrapper,dp-date-picker .dp-popup dp-month-calendar .dp-calendar-wrapper{border:none}dp-date-picker .dp-open+div{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;display:flex;justify-content:center;align-items:center;z-index:99;pointer-events:none;background:rgba(0,0,0,.3)}@-webkit-keyframes slide-bottom{0%{transform:translateY(-100px)}to{transform:translateY(0)}}@keyframes slide-bottom{0%{transform:translateY(-100px)}to{transform:translateY(0)}}"]
|
|
12041
12505
|
},] }
|
|
12042
12506
|
];
|
|
@@ -12048,10 +12512,16 @@
|
|
|
12048
12512
|
]; };
|
|
12049
12513
|
LogAnIssueComponent.propDecorators = {
|
|
12050
12514
|
openedFrom: [{ type: i0.Input }],
|
|
12051
|
-
|
|
12515
|
+
issueId: [{ type: i0.Input }],
|
|
12516
|
+
reponsibilityData: [{ type: i0.Input }],
|
|
12517
|
+
issueDetails: [{ type: i0.Input }],
|
|
12518
|
+
mode: [{ type: i0.Input }],
|
|
12519
|
+
config: [{ type: i0.Input }],
|
|
12052
12520
|
pickerChanged: [{ type: i0.Output }],
|
|
12053
12521
|
populateOption: [{ type: i0.Output }],
|
|
12054
12522
|
closeWorkflow: [{ type: i0.Output }],
|
|
12523
|
+
modeChange: [{ type: i0.Output }],
|
|
12524
|
+
disconnectRefresh: [{ type: i0.Output }],
|
|
12055
12525
|
datePicker: [{ type: i0.ViewChild, args: ['datePicker',] }]
|
|
12056
12526
|
};
|
|
12057
12527
|
|
|
@@ -12200,7 +12670,7 @@
|
|
|
12200
12670
|
CheckboxListComponent.decorators = [
|
|
12201
12671
|
{ type: i0.Component, args: [{
|
|
12202
12672
|
selector: 'app-checkbox-list',
|
|
12203
|
-
template: "<div class=\"add-risk-rc\" [class.animate]=\"animation\">\r\n <div class=\"add-risk-rc-head\">\r\n <h3 class=\"add-risk-rc-title\">{{config?.panelTitle}}</h3>\r\n <!-- <button class=\"add-risk-rc-close\" (click)=close()>\r\n <i class=\"icons\"></i>\r\n </button> -->\r\n </div>\r\n <div class=\"add-risk-rc-body\">\r\n <div class=\"search-block\">\r\n <i class=\"icons\"></i>\r\n <input type=\"text\" placeholder=\"{{config?.searchPlaceholder}}\" [(ngModel)]=\"searchItem\" />\r\n </div>\r\n <ng-container *ngIf=\"(itemsList | search:searchItem) as searchList\">\r\n <div class=\"body-top\" *ngIf=\"config?.selectAllEnabled && searchList?.length > 0 && searchItem?.trim()?.length === 0 \">\r\n <app-cs-checkbox [ngValue]=\"itemsList?.length === selectedItems?.length && selectedItems?.length > 0\"\r\n (ngValueChange)=\"selectAll($event)\"><strong> {{itemsList?.length === selectedItems?.length &&\r\n selectedItems?.length > 0?'Deselect All':'Select All'}}</strong>\r\n </app-cs-checkbox>\r\n </div>\r\n <ul class=\"add-risk-rc-list\" [class.two-column]=\"twoColumn\" *ngIf=\"searchList?.length > 0\">\r\n <li *ngFor=\"let item of searchList\" #ulElement>\r\n <app-cs-checkbox [ngValue]=\"selectedItems.includes(item[identifierKey])\"\r\n (ngValueChange)=\"selectItem(item[identifierKey],$event)\"\r\n [appTooltip]=\"tooltipKey ? item[tooltipKey]: item[displayKey]\" placement=\"bottom-left\" delay=\"0\"\r\n [tooltipMandatory]=\"true\">\r\n {{item[displayKey]}}\r\n </app-cs-checkbox>\r\n </li>\r\n </ul>\r\n <app-no-data *ngIf=\"searchList.length === 0\"\r\n [noDataImage]=\"'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\"\r\n [noDataText]=\"config?.noDataText?.length > 0 ? config?.noDataText:'No data to display'\"></app-no-data>\r\n </ng-container>\r\n </div>\r\n\r\n <app-floating-bar [selectedData]=\"selectedItems|listMapper:itemsList:identifierKey\" [displayElementKey]=\"displayKey\"\r\n [singularText]=\"config?.floatingTextSingular\"\r\n [pluralText]=\"config?.floatingTextPlural ?config?.floatingTextPlural:'Users selected'\" (closeEvent)=\"save()\"\r\n (closeList)=\"close()\" [isDisabled]=\"selectedItems.length === 0 || itemsList.length === 0 \"\r\n (deleteEvent)=\"deleteItem($event)\"></app-floating-bar>\r\n</div
|
|
12673
|
+
template: "<div class=\"add-risk-rc\" [class.animate]=\"animation\">\r\n <div class=\"add-risk-rc-head\">\r\n <h3 class=\"add-risk-rc-title\">{{config?.panelTitle}}</h3>\r\n <!-- <button class=\"add-risk-rc-close\" (click)=close()>\r\n <i class=\"icons\"></i>\r\n </button> -->\r\n </div>\r\n <div class=\"add-risk-rc-body\">\r\n <div class=\"search-block\">\r\n <i class=\"icons\"></i>\r\n <input type=\"text\" placeholder=\"{{config?.searchPlaceholder}}\" [(ngModel)]=\"searchItem\" />\r\n </div>\r\n <ng-container *ngIf=\"(itemsList | search:searchItem:displayKey) as searchList\">\r\n <div class=\"body-top\" *ngIf=\"config?.selectAllEnabled && searchList?.length > 0 && searchItem?.trim()?.length === 0 \">\r\n <app-cs-checkbox [ngValue]=\"itemsList?.length === selectedItems?.length && selectedItems?.length > 0\"\r\n (ngValueChange)=\"selectAll($event)\"><strong> {{itemsList?.length === selectedItems?.length &&\r\n selectedItems?.length > 0?'Deselect All':'Select All'}}</strong>\r\n </app-cs-checkbox>\r\n </div>\r\n <ul class=\"add-risk-rc-list\" [class.two-column]=\"twoColumn\" *ngIf=\"searchList?.length > 0\">\r\n <li *ngFor=\"let item of searchList\" #ulElement>\r\n <app-cs-checkbox [ngValue]=\"selectedItems.includes(item[identifierKey])\"\r\n (ngValueChange)=\"selectItem(item[identifierKey],$event)\"\r\n [appTooltip]=\"tooltipKey ? item[tooltipKey]: item[displayKey]\" placement=\"bottom-left\" delay=\"0\"\r\n [tooltipMandatory]=\"true\">\r\n {{item[displayKey]}}\r\n </app-cs-checkbox>\r\n </li>\r\n </ul>\r\n <app-no-data *ngIf=\"searchList.length === 0\"\r\n [noDataImage]=\"'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\"\r\n [noDataText]=\"config?.noDataText?.length > 0 ? config?.noDataText:'No data to display'\"></app-no-data>\r\n </ng-container>\r\n </div>\r\n\r\n <app-floating-bar [selectedData]=\"selectedItems|listMapper:itemsList:identifierKey\" [displayElementKey]=\"displayKey\"\r\n [singularText]=\"config?.floatingTextSingular\"\r\n [pluralText]=\"config?.floatingTextPlural ?config?.floatingTextPlural:'Users selected'\" (closeEvent)=\"save()\"\r\n (closeList)=\"close()\" [isDisabled]=\"selectedItems.length === 0 || itemsList.length === 0 \"\r\n (deleteEvent)=\"deleteItem($event)\"></app-floating-bar>\r\n</div>\r\n",
|
|
12204
12674
|
styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");::ng-deep .add-risk-rc{border-top:3px solid #1e5dd3;position:fixed;top:0;right:500px;bottom:0;left:0}::ng-deep .add-risk-rc-head{background:#fbfbfb;height:42px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;border:1px solid #f1f1f1;border-right:none}::ng-deep .add-risk-rc-title{color:#161b2f;font-size:15px;font-weight:500;margin:0!important;padding:0;line-height:21px}::ng-deep .add-risk-rc-close{background:transparent;border:none;outline:none;cursor:pointer;color:#000;font-size:12px;display:inline-block;padding:0}::ng-deep .add-risk-rc-body{padding:24px 36px 16px;height:calc(100vh - 112px)}::ng-deep .add-risk-rc-body .search-block{position:relative}::ng-deep .add-risk-rc-body .search-block input{height:44px;line-height:24px;padding:10px 15px 10px 40px;outline:none;border:1px solid #7475763f;border-radius:4px;width:100%;font-size:14px;color:#747576}::ng-deep .add-risk-rc-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .add-risk-rc-body .search-block i{position:absolute;left:17px;font-size:12px;font-weight:400;top:17px;pointer-events:none;color:#f1f1f1}::ng-deep .add-risk-rc-body .body-top{display:flex;justify-content:space-between;padding:16px 0 0}::ng-deep .add-risk-rc-body .body-top app-cs-checkbox{display:flex}::ng-deep .add-risk-rc-body .body-top app-cs-checkbox label span.value strong{color:#161b2f;font-size:14px;font-weight:600;white-space:nowrap}::ng-deep .add-risk-rc-body ul{padding:0;margin:0}::ng-deep .add-risk-rc-body ul.add-risk-rc-list{padding:16px 0 0;display:block;align-items:flex-start;flex-wrap:wrap;max-height:calc(100vh - 248px);overflow:auto}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li{width:100%;padding:0 0 16px;list-style:none}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio{display:flex}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox label,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio label{width:100%}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox label span.value,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio label span.value{width:auto;justify-content:flex-start;line-height:18px!important}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox ul.add-risk-rc-name,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio ul.add-risk-rc-name{display:flex;justify-content:flex-start;width:auto;max-width:100%}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox ul.add-risk-rc-name li,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio ul.add-risk-rc-name li{list-style:none;color:#747576;font-size:14px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:auto;padding:0 8px 0 0;max-width:100%}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox ul.add-risk-rc-name li i,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio ul.add-risk-rc-name li i{font-size:8px;padding-right:8px}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox ul.add-risk-rc-name li:first-child,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio ul.add-risk-rc-name li:first-child{color:#4681ef;max-width:100%}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-checkbox ul.add-risk-rc-name li:last-of-type,::ng-deep .add-risk-rc-body ul.add-risk-rc-list li app-cs-radio ul.add-risk-rc-name li:last-of-type{color:#66bf72}::ng-deep .add-risk-rc-body ul.add-risk-rc-list.two-column{display:flex;flex-wrap:wrap}::ng-deep .add-risk-rc-body ul.add-risk-rc-list.two-column li{width:50%;padding-right:20px}::ng-deep .add-risk-rc-body app-no-data .no-data-wrapper{height:calc(100vh - 182px)}::ng-deep .add-risk-rc.animate{-webkit-animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .add-risk-rc .message-footer{background:#1e5dd3;border-radius:5px;margin:0 0 0 30px;width:calc(100% - 60px);position:relative;bottom:0}::ng-deep .add-risk-rc .message-footer .message{padding:15px;display:flex;align-items:flex-start}::ng-deep .add-risk-rc .message-footer .message i{width:auto;font-size:16px;color:#fff}::ng-deep .add-risk-rc .message-footer .message span{color:#fff;font-size:12px;line-height:18px;padding-left:9px;font-weight:300}::ng-deep .add-risk-rc .message-footer .footer{border-top:1px solid #1483ef;display:flex;justify-content:space-between;align-items:center;padding:10px 15px}::ng-deep .add-risk-rc .message-footer .footer span{color:#fff;font-size:14px}::ng-deep .add-risk-rc .message-footer .footer .button-wrapper{display:flex}::ng-deep .add-risk-rc .message-footer .footer .button-wrapper button{width:60px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px;font-weight:500;border:1px solid #fff;text-transform:uppercase;border-radius:2px;outline:none;padding:0;margin:0}::ng-deep .add-risk-rc .message-footer .footer .button-wrapper button.outline{background:#1e5dd3;color:#fff}::ng-deep .add-risk-rc .message-footer .footer .button-wrapper button.fill{background:#fff;color:#1e5dd3}@-webkit-keyframes animate-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes animate-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}"]
|
|
12205
12675
|
},] }
|
|
12206
12676
|
];
|
|
@@ -12237,9 +12707,13 @@
|
|
|
12237
12707
|
}, 300);
|
|
12238
12708
|
this.selectedItems = this.arrayToId(this.selectedItems, this.identifierKey);
|
|
12239
12709
|
// this.rerenderList();
|
|
12710
|
+
};
|
|
12711
|
+
RadioListComponent.prototype.ngAfterViewInit = function () {
|
|
12712
|
+
var _this = this;
|
|
12240
12713
|
setTimeout(function () {
|
|
12241
|
-
|
|
12242
|
-
|
|
12714
|
+
var _a, _b;
|
|
12715
|
+
_this.blockWidth = (_b = (_a = _this.listBlock) === null || _a === void 0 ? void 0 : _a.nativeElement) === null || _b === void 0 ? void 0 : _b.offsetWidth;
|
|
12716
|
+
}, 100);
|
|
12243
12717
|
};
|
|
12244
12718
|
RadioListComponent.prototype.selectItem = function (item) {
|
|
12245
12719
|
this.selectedItems = [];
|
|
@@ -12263,7 +12737,7 @@
|
|
|
12263
12737
|
RadioListComponent.decorators = [
|
|
12264
12738
|
{ type: i0.Component, args: [{
|
|
12265
12739
|
selector: 'app-radio-list',
|
|
12266
|
-
template: "<div class=\"radio-list\" [class.animate]=\"animation\">\r\n <div class=\"radio-list-head\">\r\n <h3 class=\"radio-list-title\">{{config?.panelTitle}}</h3>\r\n <!-- <button class=\"radio-list-close\">\r\n <i class=\"icons\" (click)=\"close()\"></i>\r\n </button> -->\r\n </div>\r\n\r\n <div class=\"radio-list-body\">\r\n <div class=\"search-block\" *ngIf=\"config?.searchEnabled\">\r\n <i class=\"icons\"></i>\r\n <input type=\"text\" [placeholder]=\"config?.searchPlaceholder\" [(ngModel)]=\"searchItem\" />\r\n </div>\r\n <!-- <div class=\"body-top\">\r\n <div class=\"pagination\"></div>\r\n </div> -->\r\n <ng-container *ngIf=\"(itemsList | search:searchItem) as searchList\">\r\n <ul class=\"categories\" [class.two-column]=\"twoColumn\" *ngIf=\"searchList?.length > 0\">\r\n <li *ngFor=\"let item of searchList\">\r\n <ng-container *ngIf=\"(item[displayKey]|dataType) !== 'object' \">\r\n <app-cs-radio [name]=\"'radio-selector'\" (checkedEvent)=\"selectItem(item[identifierKey])\"\r\n [name]=\"'rx-category'\" [checked]=\"selectedItems.includes(item[identifierKey])\"\r\n [appTooltip]=\"tooltipKey ? item[tooltipKey]: item[displayKey]\" placement=\"bottom-left\"\r\n delay=\"0\" [tooltipMandatory]=\"true\">\r\n {{item[displayKey]}}\r\n </app-cs-radio>\r\n </ng-container>\r\n <ng-container *ngIf=\"(item[displayKey]|dataType) === 'object' \">\r\n <app-cs-radio [name]=\"'radio-selector'\" (checkedEvent)=\"selectItem(item[identifierKey])\"\r\n [checked]=\"selectedItems.includes(item[identifierKey])\">\r\n\r\n <ul class=\"category-within-list\" #listBlock>\r\n <li *ngFor=\"let child of item[displayKey]\" [style.max-width.px]=\"blockWidth / item[displayKey].length\">\r\n <span [appTooltip]=\"child\" placement=\"bottom-left\" delay=\"0\">{{child}}</span>\r\n </li>\r\n </ul>\r\n </app-cs-radio>\r\n </ng-container>\r\n </li>\r\n </ul>\r\n <app-no-data *ngIf=\"searchList?.length === 0\" [noDataImage]=\"'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\" [noDataText]=\"config?.noDataText?.length > 0 ? config?.noDataText:'No data to display'\"></app-no-data>\r\n\r\n </ng-container>\r\n </div>\r\n <div class=\"radio-list-footer\">\r\n <app-floating-bar [selectedData]=\"selectedItems|listMapper:itemsList:identifierKey\" [displayElementKey]=\"displayKey\"\r\n [singularText]=\"config?.floatingTextSingular\"\r\n [pluralText]=\"config?.floatingTextPlural ?config?.floatingTextPlural:'Users selected'\"\r\n (closeEvent)=\"save()\"\r\n (closeList)=\"close()\" (deleteEvent)=\"deleteItem($event)\"\r\n [isDisabled]=\"selectedItems.length === 0 || itemsList.length === 0 \">\r\n </app-floating-bar>\r\n </div>\r\n</div>\r\n",
|
|
12740
|
+
template: "<div class=\"radio-list\" [class.animate]=\"animation\">\r\n <div class=\"radio-list-head\">\r\n <h3 class=\"radio-list-title\">{{config?.panelTitle}}</h3>\r\n <!-- <button class=\"radio-list-close\">\r\n <i class=\"icons\" (click)=\"close()\"></i>\r\n </button> -->\r\n </div>\r\n\r\n <div class=\"radio-list-body\">\r\n <div class=\"search-block\" *ngIf=\"config?.searchEnabled\">\r\n <i class=\"icons\"></i>\r\n <input type=\"text\" [placeholder]=\"config?.searchPlaceholder\" [(ngModel)]=\"searchItem\" />\r\n </div>\r\n <!-- <div class=\"body-top\">\r\n <div class=\"pagination\"></div>\r\n </div> -->\r\n <ng-container *ngIf=\"(itemsList | search:searchItem:displayKey) as searchList\">\r\n <ul class=\"categories\" [class.two-column]=\"twoColumn\" *ngIf=\"searchList?.length > 0\">\r\n <li *ngFor=\"let item of searchList\">\r\n <ng-container *ngIf=\"(item[displayKey]|dataType) !== 'object' \">\r\n <app-cs-radio [name]=\"'radio-selector'\" (checkedEvent)=\"selectItem(item[identifierKey])\"\r\n [name]=\"'rx-category'\" [checked]=\"selectedItems.includes(item[identifierKey])\"\r\n [appTooltip]=\"tooltipKey ? item[tooltipKey]: item[displayKey]\" placement=\"bottom-left\"\r\n delay=\"0\" [tooltipMandatory]=\"true\">\r\n {{item[displayKey]}}\r\n </app-cs-radio>\r\n </ng-container>\r\n <ng-container *ngIf=\"(item[displayKey]|dataType) === 'object' \">\r\n <app-cs-radio [name]=\"'radio-selector'\" (checkedEvent)=\"selectItem(item[identifierKey])\"\r\n [checked]=\"selectedItems.includes(item[identifierKey])\">\r\n\r\n <ul class=\"category-within-list\" #listBlock>\r\n <li *ngFor=\"let child of item[displayKey]\" [style.max-width.px]=\"blockWidth / item[displayKey].length\">\r\n <span [appTooltip]=\"child\" placement=\"bottom-left\" delay=\"0\">{{child}}</span>\r\n </li>\r\n </ul>\r\n </app-cs-radio>\r\n </ng-container>\r\n </li>\r\n </ul>\r\n <app-no-data *ngIf=\"searchList?.length === 0\" [noDataImage]=\"'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\" [noDataText]=\"config?.noDataText?.length > 0 ? config?.noDataText:'No data to display'\"></app-no-data>\r\n\r\n </ng-container>\r\n </div>\r\n <div class=\"radio-list-footer\">\r\n <app-floating-bar [selectedData]=\"selectedItems|listMapper:itemsList:identifierKey\" [displayElementKey]=\"displayKey\"\r\n [singularText]=\"config?.floatingTextSingular\"\r\n [pluralText]=\"config?.floatingTextPlural ?config?.floatingTextPlural:'Users selected'\"\r\n (closeEvent)=\"save()\"\r\n (closeList)=\"close()\" (deleteEvent)=\"deleteItem($event)\"\r\n [isDisabled]=\"selectedItems.length === 0 || itemsList.length === 0 \">\r\n </app-floating-bar>\r\n </div>\r\n</div>\r\n",
|
|
12267
12741
|
styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");::ng-deep .radio-list{position:fixed;top:0;right:500px;bottom:0;left:0;border-top:3px solid #1e5dd3}::ng-deep .radio-list-head{background:#fbfbfb;height:42px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;border:1px solid #f1f1f1;border-right:none}::ng-deep .radio-list-title{color:#161b2f;font-size:15px;font-weight:500;margin:0!important;padding:0;line-height:21px}::ng-deep .radio-list-close{background:transparent;border:none;outline:none;cursor:pointer;color:#000;font-size:12px;display:inline-block;padding:0}::ng-deep .radio-list-body{padding:24px 40px 24px 36px;background:#fff;height:calc(100vh - 124px)}::ng-deep .radio-list-body .filter-card{display:flex;align-items:center;border:1px solid #dbdbdb;border-radius:4px;height:55px;padding:12px 15px;width:100%;justify-content:space-between;cursor:pointer}::ng-deep .radio-list-body .filter-card.active{box-shadow:0 3px 6px #1e5dd31a}::ng-deep .radio-list-body .filter-card label{font-weight:600;text-transform:uppercase;color:#747576;line-height:16px;margin-left:0;font-size:11px;width:100%;pointer-events:none}::ng-deep .radio-list-body .filter-card p{line-height:16px;font-size:10px;color:#161b2f;font-weight:600;margin:0}::ng-deep .radio-list-body .filter-card span.counter{display:flex;height:32px;min-width:32px;border-radius:4px;background:#042e7d;color:#fff;font-size:11px;font-weight:600;justify-content:center;align-items:center;padding:0 5px;line-height:32px}::ng-deep .radio-list-body .filter-card .left{display:flex;flex-wrap:wrap}::ng-deep .radio-list-body .filter-card+.filter-card{margin-left:10px}::ng-deep .radio-list-body .filter-card-row{display:flex;padding-bottom:15px}::ng-deep .radio-list-body .search-block{position:relative}::ng-deep .radio-list-body .search-block input{height:44px;line-height:24px;padding:10px 16px 10px 40px;outline:none;border:1px solid #7475763f;border-radius:4px;width:100%;font-size:14px;color:#747576}::ng-deep .radio-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .radio-list-body .search-block i{position:absolute;left:17px;font-size:12px;font-weight:400;top:17px;pointer-events:none;color:#f1f1f1}::ng-deep .radio-list-body .body-top{display:flex;justify-content:space-between;padding:0 0 16px}::ng-deep .radio-list-body .body-top app-cs-checkbox,::ng-deep .radio-list-body .body-top app-cs-radio{display:flex}::ng-deep .radio-list-body .body-top app-cs-checkbox label span.value strong,::ng-deep .radio-list-body .body-top app-cs-radio label span.value strong{color:#161b2f;font-size:14px;font-weight:600;white-space:nowrap}::ng-deep .radio-list-body ul{padding:0;margin:0}::ng-deep .radio-list-body ul.categories{display:block;align-items:flex-start;flex-wrap:wrap;max-height:calc(100vh - 200px);overflow:auto;padding:16px 0 0}::ng-deep .radio-list-body ul.categories li{padding:0 0 16px;list-style:none}::ng-deep .radio-list-body ul.categories li app-cs-radio{display:flex}::ng-deep .radio-list-body ul.categories li app-cs-radio label.radio-item{width:100%}::ng-deep .radio-list-body ul.categories li app-cs-radio label.radio-item span.value{width:100%;font-size:13px;font-weight:400;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}::ng-deep .radio-list-body ul.categories li app-cs-radio ul.category-name{display:flex;justify-content:flex-start;width:auto}::ng-deep .radio-list-body ul.categories li app-cs-radio ul.category-name li{list-style:none;color:#747576;font-size:14px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:auto;padding:0 8px 0 0}::ng-deep .radio-list-body ul.categories li app-cs-radio ul.category-name li i{font-size:8px;padding-left:8px}::ng-deep .radio-list-body ul.categories li app-cs-radio ul.category-name li:first-child{color:#4681ef;max-width:100%}::ng-deep .radio-list-body ul.categories li app-cs-radio ul.category-name li:last-of-type{color:#66bf72}::ng-deep .radio-list-body ul.categories li app-cs-radio ul.category-name li:last-of-type i{display:none}::ng-deep .radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul{padding:0;margin:0}::ng-deep .radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list{display:flex;max-width:100%}::ng-deep .radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li{display:block;padding:0 8px;position:relative;max-width:50%;width:auto}::ng-deep .radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li:after{content:\">\";position:absolute;top:0;right:-3px;color:#747576;font-size:13px}::ng-deep .radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:#747576}::ng-deep .radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li:last-of-type:after{display:none}::ng-deep .radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li:last-of-type span{color:#34aa44}::ng-deep .radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li:first-of-type{padding-left:0}::ng-deep .radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li:first-of-type span{color:#1e5dd3}::ng-deep .radio-list-body ul.categories.two-column{display:flex;flex-wrap:wrap}::ng-deep .radio-list-body ul.categories.two-column li{width:50%;padding-right:20px}::ng-deep .radio-list-body app-no-data .no-data-wrapper{height:calc(100% - 42px)!important}::ng-deep .radio-list-body.no-footer{height:calc(100vh - 42px)}::ng-deep .radio-list-body .card-row{display:flex;justify-content:space-between;margin-bottom:12px}::ng-deep .radio-list-body .card-row .card-block{width:100%;display:flex;padding:8px 12px;border-radius:2px;box-shadow:0 0 3px rgba(30,93,211,.27);min-height:48px;position:relative;cursor:pointer;justify-content:space-between;align-items:center}::ng-deep .radio-list-body .card-row .card-block+.card-block{margin-left:4px}::ng-deep .radio-list-body .card-row .card-block.active{box-shadow:0 0 10px rgba(30,93,210,.9);z-index:1}::ng-deep .radio-list-body .card-row .card-block .card-text{padding:0;margin:0;font-weight:500;font-size:11px;text-transform:uppercase;line-height:16px;width:auto;white-space:nowrap}::ng-deep .radio-list-body .card-row .card-block span.count{font-size:14px;line-height:24px;background:#042e7d;padding:0 8px;border-radius:2px;min-width:28px;color:#fff}::ng-deep .radio-list.animate{-webkit-animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}@-webkit-keyframes animate-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes animate-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}"]
|
|
12268
12742
|
},] }
|
|
12269
12743
|
];
|
|
@@ -12454,17 +12928,36 @@
|
|
|
12454
12928
|
var SearchPipe = /** @class */ (function () {
|
|
12455
12929
|
function SearchPipe() {
|
|
12456
12930
|
}
|
|
12457
|
-
SearchPipe.prototype.transform = function (
|
|
12458
|
-
|
|
12459
|
-
|
|
12931
|
+
SearchPipe.prototype.transform = function (items) {
|
|
12932
|
+
var args = [];
|
|
12933
|
+
for (var _i = 1; _i < arguments.length; _i++) {
|
|
12934
|
+
args[_i - 1] = arguments[_i];
|
|
12460
12935
|
}
|
|
12461
|
-
|
|
12462
|
-
|
|
12936
|
+
var searchText = args[0];
|
|
12937
|
+
var searchKey = args[1];
|
|
12938
|
+
if (!items) {
|
|
12939
|
+
return [];
|
|
12940
|
+
}
|
|
12941
|
+
if (!searchText) {
|
|
12942
|
+
return items;
|
|
12943
|
+
}
|
|
12944
|
+
searchText = searchText.toLowerCase();
|
|
12945
|
+
if (items === null || items === void 0 ? void 0 : items.length) {
|
|
12946
|
+
return items.filter(function (it) {
|
|
12947
|
+
var _a, _b;
|
|
12948
|
+
if (!searchKey) {
|
|
12949
|
+
return JSON.stringify(it).toLowerCase().includes(searchText);
|
|
12950
|
+
}
|
|
12951
|
+
else if (searchKey) {
|
|
12952
|
+
// return empIds.indexOf(itm.empid) > -1;
|
|
12953
|
+
return ((_b = (_a = it[searchKey]) === null || _a === void 0 ? void 0 : _a.toString()) === null || _b === void 0 ? void 0 : _b.toLowerCase().indexOf(searchText)) > -1;
|
|
12954
|
+
//return it[searchKey].toLowerCase().includes(searchText);
|
|
12955
|
+
}
|
|
12956
|
+
});
|
|
12957
|
+
}
|
|
12958
|
+
else {
|
|
12959
|
+
return [];
|
|
12463
12960
|
}
|
|
12464
|
-
args = args.toLowerCase();
|
|
12465
|
-
return value.filter(function (item) {
|
|
12466
|
-
return JSON.stringify(item).toLowerCase().includes(args);
|
|
12467
|
-
});
|
|
12468
12961
|
};
|
|
12469
12962
|
return SearchPipe;
|
|
12470
12963
|
}());
|
|
@@ -12472,7 +12965,35 @@
|
|
|
12472
12965
|
{ type: i0.Pipe, args: [{
|
|
12473
12966
|
name: 'search'
|
|
12474
12967
|
},] }
|
|
12475
|
-
];
|
|
12968
|
+
];
|
|
12969
|
+
// export class FilterPipe implements PipeTransform {
|
|
12970
|
+
// transform(items: any[], ...args: any[]): any[] {
|
|
12971
|
+
// let searchText = args[0];
|
|
12972
|
+
// const searchKey = args[1];
|
|
12973
|
+
// if (!items) {
|
|
12974
|
+
// return [];
|
|
12975
|
+
// }
|
|
12976
|
+
// if (!searchText) {
|
|
12977
|
+
// return items;
|
|
12978
|
+
// }
|
|
12979
|
+
// searchText = searchText.toLowerCase();
|
|
12980
|
+
// if(items?.length){
|
|
12981
|
+
// return items.filter((it: any) => {
|
|
12982
|
+
// if(!searchKey){
|
|
12983
|
+
// return JSON.stringify(it).toLowerCase().includes(searchText);
|
|
12984
|
+
// }
|
|
12985
|
+
// else if(searchKey){
|
|
12986
|
+
// // return empIds.indexOf(itm.empid) > -1;
|
|
12987
|
+
// console.log("sda",it[searchKey].toLowerCase().indexOf(searchText) > -1)
|
|
12988
|
+
// return it[searchKey].toLowerCase().indexOf(searchText) > -1;
|
|
12989
|
+
// //return it[searchKey].toLowerCase().includes(searchText);
|
|
12990
|
+
// }
|
|
12991
|
+
// });
|
|
12992
|
+
// }else{
|
|
12993
|
+
// return [];
|
|
12994
|
+
// }
|
|
12995
|
+
// }
|
|
12996
|
+
// }
|
|
12476
12997
|
|
|
12477
12998
|
var UserFilterPipe = /** @class */ (function () {
|
|
12478
12999
|
function UserFilterPipe() {
|
|
@@ -14059,6 +14580,81 @@
|
|
|
14059
14580
|
},] }
|
|
14060
14581
|
];
|
|
14061
14582
|
|
|
14583
|
+
var ResponsibilityRiskSelectorComponent = /** @class */ (function () {
|
|
14584
|
+
function ResponsibilityRiskSelectorComponent() {
|
|
14585
|
+
this.animation = true;
|
|
14586
|
+
this.activeTab = 'RESPONSIBILITY';
|
|
14587
|
+
this.controlIdKey = 'itemControlId';
|
|
14588
|
+
this.itemDisplayKey = 'itemControlName';
|
|
14589
|
+
this.identifierKey = 'itemId';
|
|
14590
|
+
this.listItems = [];
|
|
14591
|
+
this.selectedItems = [];
|
|
14592
|
+
this.loading = false;
|
|
14593
|
+
this.fetchList = new i0.EventEmitter();
|
|
14594
|
+
this.closeList = new i0.EventEmitter();
|
|
14595
|
+
this.saveList = new i0.EventEmitter();
|
|
14596
|
+
}
|
|
14597
|
+
Object.defineProperty(ResponsibilityRiskSelectorComponent.prototype, "activeEntity", {
|
|
14598
|
+
set: function (value) {
|
|
14599
|
+
if (value) {
|
|
14600
|
+
this.activeTab = value;
|
|
14601
|
+
}
|
|
14602
|
+
},
|
|
14603
|
+
enumerable: false,
|
|
14604
|
+
configurable: true
|
|
14605
|
+
});
|
|
14606
|
+
ResponsibilityRiskSelectorComponent.prototype.ngOnInit = function () {
|
|
14607
|
+
var _this = this;
|
|
14608
|
+
setTimeout(function () {
|
|
14609
|
+
_this.animation = false;
|
|
14610
|
+
}, 300);
|
|
14611
|
+
this.selectedItems = this.arrayToId(this.selectedItems, this.identifierKey);
|
|
14612
|
+
};
|
|
14613
|
+
ResponsibilityRiskSelectorComponent.prototype.changeTab = function (type) {
|
|
14614
|
+
if (this.loading === true) {
|
|
14615
|
+
return;
|
|
14616
|
+
}
|
|
14617
|
+
this.activeTab = type;
|
|
14618
|
+
this.fetchList.emit(type);
|
|
14619
|
+
this.listItems = [];
|
|
14620
|
+
};
|
|
14621
|
+
ResponsibilityRiskSelectorComponent.prototype.selectItem = function (item) {
|
|
14622
|
+
this.selectedItems = [];
|
|
14623
|
+
this.selectedItems.push(item);
|
|
14624
|
+
};
|
|
14625
|
+
ResponsibilityRiskSelectorComponent.prototype.deleteItem = function (item) {
|
|
14626
|
+
this.selectedItems = [];
|
|
14627
|
+
// this.rerenderList();
|
|
14628
|
+
};
|
|
14629
|
+
ResponsibilityRiskSelectorComponent.prototype.save = function () {
|
|
14630
|
+
this.saveList.emit(this.selectedItems);
|
|
14631
|
+
};
|
|
14632
|
+
ResponsibilityRiskSelectorComponent.prototype.close = function () {
|
|
14633
|
+
this.closeList.emit();
|
|
14634
|
+
};
|
|
14635
|
+
ResponsibilityRiskSelectorComponent.prototype.arrayToId = function (array, identifierKey) {
|
|
14636
|
+
return array.map(function (a) { return a[identifierKey]; });
|
|
14637
|
+
};
|
|
14638
|
+
return ResponsibilityRiskSelectorComponent;
|
|
14639
|
+
}());
|
|
14640
|
+
ResponsibilityRiskSelectorComponent.decorators = [
|
|
14641
|
+
{ type: i0.Component, args: [{
|
|
14642
|
+
selector: 'app-responsibility-risk-selector',
|
|
14643
|
+
template: "<div class=\"risk-radio-list\" [class.animate]=\"animation\">\r\n <div class=\"risk-radio-list-head\">\r\n <h3 class=\"risk-radio-list-title\">Define Sample Size for Selected Audit Objects</h3>\r\n <!-- <button class=\"radio-list-close\">\r\n <i class=\"icons\" (click)=\"close()\"></i>\r\n </button> -->\r\n </div>\r\n\r\n <div class=\"risk-radio-list-body\">\r\n\r\n <div class=\"tab-button\">\r\n <button [class.active]=\"activeTab === 'RESPONSIBILITY'\" (click)=\"changeTab('RESPONSIBILITY')\">RESPONSIBILITIES</button>\r\n <button [class.active]=\"activeTab === 'RISK'\" (click)=\"changeTab('RISK')\">RISKS</button>\r\n </div>\r\n <ng-container *ngIf=\"!loading\">\r\n <ul class=\"categories\">\r\n <li *ngFor= \"let item of listItems |arrayFilter : activeTab\"\r\n ><app-cs-radio [checked]=\"selectedItems.includes(item[identifierKey])\" (checkedEvent)=\"selectItem(item[identifierKey])\"><span class=\"cid\" *ngIf=\"item[controlIdKey]\">{{item[controlIdKey]}}</span>{{ ''+ item[itemDisplayKey]}}</app-cs-radio></li>\r\n </ul>\r\n </ng-container>\r\n <app-list-loader *ngIf=\"loading\"></app-list-loader>\r\n <app-no-data *ngIf=\"listItems?.length === 0 && !loading\"\r\n [noDataImage]=\"'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\"\r\n [noDataText]=\"'No Categories Found'\"></app-no-data>\r\n </div>\r\n <!-- [singularText]=\"config?.floatingTextSingular\"\r\n [pluralText]=\"config?.floatingTextPlural ?config?.floatingTextPlural:'Users selected'\" -->\r\n <!-- [selectedData]=\"selectedItems|listMapper:listItems:identifierKey\" -->\r\n <div class=\"risk-radio-list-footer\">\r\n <app-floating-bar [displayElementKey]=\"itemDisplayKey\"\r\n [selectedData]=\"selectedItems|listMapper:listItems:identifierKey\"\r\n (closeEvent)=\"save()\"\r\n (closeList)=\"close()\" (deleteEvent)=\"deleteItem($event)\"\r\n [isDisabled]=\"selectedItems.length === 0 || listItems.length === 0 \">\r\n </app-floating-bar>\r\n </div>\r\n</div>\r\n",
|
|
14644
|
+
styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");::-webkit-scrollbar-track{background-color:#fff;position:absolute}::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .risk-radio-list{background:#fff;position:fixed;top:0;right:500px;bottom:0;left:0;border-top:3px solid #1e5dd3}::ng-deep .risk-radio-list-head{background:#fbfbfb;height:42px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;border:1px solid #f1f1f1;border-right:none}::ng-deep .risk-radio-list-title{color:#161b2f;font-size:15px;font-weight:500;margin:0!important;padding:0;line-height:21px}::ng-deep .risk-radio-list-close{background:transparent;border:none;outline:none;cursor:pointer;color:#000;font-size:12px;display:inline-block;padding:0}::ng-deep .risk-radio-list-body{padding:24px 40px 24px 36px;background:#fff;height:calc(100vh - 124px)}::ng-deep .risk-radio-list-body .filter-card{display:flex;align-items:center;border:1px solid #dbdbdb;border-radius:4px;height:55px;padding:12px 15px;width:100%;justify-content:space-between;cursor:pointer}::ng-deep .risk-radio-list-body .filter-card.active{box-shadow:0 3px 6px #1e5dd31a}::ng-deep .risk-radio-list-body .filter-card label{font-weight:600;text-transform:uppercase;color:#747576;line-height:16px;margin-left:0;font-size:11px;width:100%;pointer-events:none}::ng-deep .risk-radio-list-body .filter-card p{line-height:16px;font-size:10px;color:#161b2f;font-weight:600;margin:0}::ng-deep .risk-radio-list-body .filter-card span.counter{display:flex;height:32px;min-width:32px;border-radius:4px;background:#042e7d;color:#fff;font-size:11px;font-weight:600;justify-content:center;align-items:center;padding:0 5px;line-height:32px}::ng-deep .risk-radio-list-body .filter-card .left{display:flex;flex-wrap:wrap}::ng-deep .risk-radio-list-body .filter-card+.filter-card{margin-left:10px}::ng-deep .risk-radio-list-body .filter-card-row{display:flex;padding-bottom:15px}::ng-deep .risk-radio-list-body .search-block{position:relative}::ng-deep .risk-radio-list-body .search-block input{height:44px;line-height:24px;padding:10px 16px 10px 40px;outline:none;border:1px solid #7475763f;border-radius:4px;width:100%;font-size:14px;color:#747576}::ng-deep .risk-radio-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .risk-radio-list-body .search-block i{position:absolute;left:17px;font-size:12px;font-weight:400;top:17px;pointer-events:none;color:#f1f1f1}::ng-deep .risk-radio-list-body .tab-button{display:flex;align-items:center;border-bottom:1px solid #f1f1f1}::ng-deep .risk-radio-list-body .tab-button button{background:transparent;border:none;border-bottom:2px solid transparent;border-radius:0;color:#161b2f;font-size:11px;font-weight:600;text-transform:uppercase;padding:0;margin-right:28px}::ng-deep .risk-radio-list-body .tab-button button.active{border-bottom:2px solid #1e5dd3;color:#1e5dd3}::ng-deep .risk-radio-list-body .body-top{display:flex;justify-content:space-between;padding:0 0 16px}::ng-deep .risk-radio-list-body .body-top app-cs-checkbox,::ng-deep .risk-radio-list-body .body-top app-cs-radio{display:flex}::ng-deep .risk-radio-list-body .body-top app-cs-checkbox label span.value strong,::ng-deep .risk-radio-list-body .body-top app-cs-radio label span.value strong{color:#161b2f;font-size:14px;font-weight:600;white-space:nowrap}::ng-deep .risk-radio-list-body ul{padding:0;margin:0}::ng-deep .risk-radio-list-body ul.categories{display:block;align-items:flex-start;flex-wrap:wrap;max-height:calc(100vh - 200px);overflow:auto;padding:12px 0 0;scrollbar-width:thin}::ng-deep .risk-radio-list-body ul.categories li{padding:12px 0;list-style:none;border-bottom:1px solid #f1f1f1}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio{display:flex}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item{width:100%}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value{width:100%;color:#1e5dd3;font-size:12px;font-weight:400;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value .cid{font-size:10px}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio ul.category-name{display:flex;justify-content:flex-start;width:auto}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio ul.category-name li{list-style:none;color:#747576;font-size:14px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:auto;padding:0 8px 0 0}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio ul.category-name li i{font-size:8px;padding-left:8px}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio ul.category-name li:first-child{color:#4681ef;max-width:100%}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio ul.category-name li:last-of-type{color:#66bf72}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio ul.category-name li:last-of-type i{display:none}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul{padding:0;margin:0}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list{display:flex;max-width:100%}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li{display:block;padding:0 8px;position:relative;max-width:50%;width:auto}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li:after{content:\">\";position:absolute;top:0;right:-3px;color:#747576;font-size:13px}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:#747576}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li:last-of-type:after{display:none}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li:last-of-type span{color:#34aa44}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li:first-of-type{padding-left:0}::ng-deep .risk-radio-list-body ul.categories li app-cs-radio label.radio-item span.value ul.category-within-list li:first-of-type span{color:#1e5dd3}::ng-deep .risk-radio-list-body ul.categories.two-column{display:flex;flex-wrap:wrap}::ng-deep .risk-radio-list-body ul.categories.two-column li{width:50%;padding-right:20px}::ng-deep .risk-radio-list-body app-no-data .no-data-wrapper{height:calc(100% - 42px)!important}::ng-deep .risk-radio-list-body.no-footer{height:calc(100vh - 42px)}::ng-deep .risk-radio-list-body .card-row{display:flex;justify-content:space-between;margin-bottom:12px}::ng-deep .risk-radio-list-body .card-row .card-block{width:100%;display:flex;padding:8px 12px;border-radius:2px;box-shadow:0 0 3px rgba(30,93,211,.27);min-height:48px;position:relative;cursor:pointer;justify-content:space-between;align-items:center}::ng-deep .risk-radio-list-body .card-row .card-block+.card-block{margin-left:4px}::ng-deep .risk-radio-list-body .card-row .card-block.active{box-shadow:0 0 10px rgba(30,93,210,.9);z-index:1}::ng-deep .risk-radio-list-body .card-row .card-block .card-text{padding:0;margin:0;font-weight:500;font-size:11px;text-transform:uppercase;line-height:16px;width:auto;white-space:nowrap}::ng-deep .risk-radio-list-body .card-row .card-block span.count{font-size:14px;line-height:24px;background:#042e7d;padding:0 8px;border-radius:2px;min-width:28px;color:#fff}::ng-deep .risk-radio-list.animate{-webkit-animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}@-webkit-keyframes animate-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes animate-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}"]
|
|
14645
|
+
},] }
|
|
14646
|
+
];
|
|
14647
|
+
ResponsibilityRiskSelectorComponent.ctorParameters = function () { return []; };
|
|
14648
|
+
ResponsibilityRiskSelectorComponent.propDecorators = {
|
|
14649
|
+
activeEntity: [{ type: i0.Input }],
|
|
14650
|
+
listItems: [{ type: i0.Input }],
|
|
14651
|
+
selectedItems: [{ type: i0.Input }],
|
|
14652
|
+
loading: [{ type: i0.Input }],
|
|
14653
|
+
fetchList: [{ type: i0.Output }],
|
|
14654
|
+
closeList: [{ type: i0.Output }],
|
|
14655
|
+
saveList: [{ type: i0.Output }]
|
|
14656
|
+
};
|
|
14657
|
+
|
|
14062
14658
|
var ConditionalFocusDirective = /** @class */ (function () {
|
|
14063
14659
|
function ConditionalFocusDirective(el) {
|
|
14064
14660
|
this.el = el;
|
|
@@ -14096,6 +14692,42 @@
|
|
|
14096
14692
|
appConditionalFocus: [{ type: i0.Input }]
|
|
14097
14693
|
};
|
|
14098
14694
|
|
|
14695
|
+
var ListLoaderComponent = /** @class */ (function () {
|
|
14696
|
+
function ListLoaderComponent() {
|
|
14697
|
+
}
|
|
14698
|
+
ListLoaderComponent.prototype.ngOnInit = function () {
|
|
14699
|
+
};
|
|
14700
|
+
return ListLoaderComponent;
|
|
14701
|
+
}());
|
|
14702
|
+
ListLoaderComponent.decorators = [
|
|
14703
|
+
{ type: i0.Component, args: [{
|
|
14704
|
+
selector: 'app-list-loader',
|
|
14705
|
+
template: "<div class=\"link-treatment-loader-container\">\r\n <!-- <div class=\"link-treatment-tab\">\r\n <ul>\r\n <li><div class=\"loader\"></div></li>\r\n <li><div class=\"loader\"></div></li>\r\n <li><div class=\"loader\"></div></li>\r\n <li><div class=\"loader\"></div></li>\r\n </ul>\r\n </div> -->\r\n <!-- <div class=\"link-treatment-create-btn\">\r\n <div class=\"loader\"></div>\r\n </div> -->\r\n <div class=\"link-treatment-body\">\r\n <!-- <div class=\"search-block\">\r\n <div class=\"loader\"></div>\r\n </div> -->\r\n <div class=\"link-treatment-list\">\r\n <ul>\r\n <li *ngFor=\"let data of [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]\">\r\n <div class=\"loader\"></div>\r\n </li>\r\n </ul>\r\n </div>\r\n <!-- <div class=\"link-treatment-footer\">\r\n <div class=\"left\">\r\n <div class=\"loader\"></div>\r\n </div>\r\n <div class=\"right\">\r\n <div class=\"loader\"></div>\r\n </div>\r\n </div> -->\r\n </div>\r\n</div>\r\n",
|
|
14706
|
+
styles: [".link-treatment-loader-container{background:#fff}.link-treatment-tab{background:#fff;padding:0 20px;position:relative;z-index:1}.link-treatment-tab:before{background:#dbdbdb;content:\"\";position:absolute;bottom:0;left:0;width:100%;height:1px;z-index:-1}.link-treatment-tab ul{display:flex;justify-content:space-between;list-style-type:none;margin:0;padding:0}.link-treatment-tab ul li{height:31px;display:flex;align-items:center}.link-treatment-tab ul li .loader{background:#f3f3f3;border-radius:20px;height:10px;width:85px}.link-treatment-create-btn{background:#fff;padding:20px 20px 0;height:50px}.link-treatment-create-btn .loader{background:#f3f3f3;border-radius:3px;height:30px;width:500px}.link-treatment-body{background:#fff;width:100%;padding:10px 20px 20px;height:calc(100vh - 173px)}.link-treatment-body .search-block{position:relative}.link-treatment-body .search-block .loader{background:#fbfbfb;border:1px solid #f1f1f1;border-radius:3px;height:45px;width:100%}.link-treatment-list{padding-top:10px;width:calc(100% + 20px)}.link-treatment-list ul{padding:0;margin:0;height:calc(100vh - 281px);overflow:auto}.link-treatment-list ul li{width:100%;padding:12px 0;list-style:none}.link-treatment-list ul li .loader{background:#f3f3f3;border-radius:20px;height:10px;width:60%}.link-treatment-footer{height:50px;background:#f8f8f8;border-top:1px solid #f1f1f1;padding:0 20px 0 22px;justify-content:space-between;width:500px;position:fixed;bottom:0;right:0;z-index:2}.link-treatment-footer,.link-treatment-footer .left{display:flex;align-items:center}.link-treatment-footer .left .loader{background:#eee;border-radius:20px;height:10px;width:170px}.link-treatment-footer .right{display:flex;align-items:center}.link-treatment-footer .right .loader{background:#eee;border-radius:5px;height:30px;width:90px}"]
|
|
14707
|
+
},] }
|
|
14708
|
+
];
|
|
14709
|
+
ListLoaderComponent.ctorParameters = function () { return []; };
|
|
14710
|
+
|
|
14711
|
+
var ArrayFilterPipe = /** @class */ (function () {
|
|
14712
|
+
function ArrayFilterPipe() {
|
|
14713
|
+
}
|
|
14714
|
+
ArrayFilterPipe.prototype.transform = function (value) {
|
|
14715
|
+
var args = [];
|
|
14716
|
+
for (var _i = 1; _i < arguments.length; _i++) {
|
|
14717
|
+
args[_i - 1] = arguments[_i];
|
|
14718
|
+
}
|
|
14719
|
+
return value.filter(function (item) {
|
|
14720
|
+
return item.itemType === args[0];
|
|
14721
|
+
});
|
|
14722
|
+
};
|
|
14723
|
+
return ArrayFilterPipe;
|
|
14724
|
+
}());
|
|
14725
|
+
ArrayFilterPipe.decorators = [
|
|
14726
|
+
{ type: i0.Pipe, args: [{
|
|
14727
|
+
name: 'arrayFilter'
|
|
14728
|
+
},] }
|
|
14729
|
+
];
|
|
14730
|
+
|
|
14099
14731
|
var AuditCategoryListComponent = /** @class */ (function () {
|
|
14100
14732
|
function AuditCategoryListComponent() {
|
|
14101
14733
|
this.animation = false;
|
|
@@ -14387,6 +15019,10 @@
|
|
|
14387
15019
|
SpaceBreakerPipe,
|
|
14388
15020
|
FormatHtmlPipe,
|
|
14389
15021
|
WithinDataPipe,
|
|
15022
|
+
ResponsibilityRiskSelectorComponent,
|
|
15023
|
+
ConditionalFocusDirective,
|
|
15024
|
+
ListLoaderComponent,
|
|
15025
|
+
ArrayFilterPipe,
|
|
14390
15026
|
ConditionalFocusDirective,
|
|
14391
15027
|
AuditCategoryListComponent,
|
|
14392
15028
|
DocumentSectionComponent,
|
|
@@ -14477,49 +15113,52 @@
|
|
|
14477
15113
|
exports.ɵcr = SpaceBreakerPipe;
|
|
14478
15114
|
exports.ɵcs = FormatHtmlPipe;
|
|
14479
15115
|
exports.ɵct = WithinDataPipe;
|
|
14480
|
-
exports.ɵcu =
|
|
14481
|
-
exports.ɵcv =
|
|
14482
|
-
exports.ɵcw =
|
|
14483
|
-
exports.ɵcx =
|
|
14484
|
-
exports.ɵcy =
|
|
14485
|
-
exports.ɵcz =
|
|
15116
|
+
exports.ɵcu = ResponsibilityRiskSelectorComponent;
|
|
15117
|
+
exports.ɵcv = ConditionalFocusDirective;
|
|
15118
|
+
exports.ɵcw = ListLoaderComponent;
|
|
15119
|
+
exports.ɵcx = ArrayFilterPipe;
|
|
15120
|
+
exports.ɵcy = AuditCategoryListComponent;
|
|
15121
|
+
exports.ɵcz = DocumentSectionComponent;
|
|
14486
15122
|
exports.ɵd = AddRiskService;
|
|
14487
|
-
exports.ɵda =
|
|
14488
|
-
exports.ɵdb =
|
|
14489
|
-
exports.ɵdc =
|
|
14490
|
-
exports.ɵdd =
|
|
14491
|
-
exports.ɵde =
|
|
14492
|
-
exports.ɵdf =
|
|
14493
|
-
exports.ɵdg =
|
|
14494
|
-
exports.ɵdh =
|
|
14495
|
-
exports.ɵdi =
|
|
14496
|
-
exports.ɵdj =
|
|
14497
|
-
exports.ɵdk =
|
|
14498
|
-
exports.ɵdl =
|
|
14499
|
-
exports.ɵdm =
|
|
14500
|
-
exports.ɵdn =
|
|
14501
|
-
exports.ɵdo =
|
|
14502
|
-
exports.ɵdp =
|
|
14503
|
-
exports.ɵdq =
|
|
14504
|
-
exports.ɵdr =
|
|
14505
|
-
exports.ɵds =
|
|
14506
|
-
exports.ɵdt =
|
|
14507
|
-
exports.ɵdu =
|
|
14508
|
-
exports.ɵdv =
|
|
14509
|
-
exports.ɵdw =
|
|
14510
|
-
exports.ɵdx =
|
|
14511
|
-
exports.ɵdy =
|
|
14512
|
-
exports.ɵdz =
|
|
15123
|
+
exports.ɵda = FormgroupModule;
|
|
15124
|
+
exports.ɵdb = CsCheckboxComponent;
|
|
15125
|
+
exports.ɵdc = CsRadioComponent;
|
|
15126
|
+
exports.ɵdd = CsSwitchComponent;
|
|
15127
|
+
exports.ɵde = CsRadioGroupComponent;
|
|
15128
|
+
exports.ɵdf = CsSelectComponent$1;
|
|
15129
|
+
exports.ɵdg = PascalPipe;
|
|
15130
|
+
exports.ɵdh = TooltipModule;
|
|
15131
|
+
exports.ɵdi = ToolTipDirective;
|
|
15132
|
+
exports.ɵdj = PopoverModule;
|
|
15133
|
+
exports.ɵdk = PopoverComponent;
|
|
15134
|
+
exports.ɵdl = PopoverService;
|
|
15135
|
+
exports.ɵdm = PopoverDirective;
|
|
15136
|
+
exports.ɵdn = PopoverEventDirective;
|
|
15137
|
+
exports.ɵdo = PopoverLongpressDirective;
|
|
15138
|
+
exports.ɵdp = LineLoaderModule;
|
|
15139
|
+
exports.ɵdq = LineLoaderComponent;
|
|
15140
|
+
exports.ɵdr = SelectModule;
|
|
15141
|
+
exports.ɵds = CsSelectComponent;
|
|
15142
|
+
exports.ɵdt = SelectService;
|
|
15143
|
+
exports.ɵdu = CsOptionComponent;
|
|
15144
|
+
exports.ɵdv = NoDataModule;
|
|
15145
|
+
exports.ɵdw = NoDataComponent;
|
|
15146
|
+
exports.ɵdx = VLoaderModule;
|
|
15147
|
+
exports.ɵdy = LoaderComponent;
|
|
15148
|
+
exports.ɵdz = LoaderInlineComponent;
|
|
14513
15149
|
exports.ɵe = AuthService;
|
|
14514
|
-
exports.ɵea =
|
|
14515
|
-
exports.ɵeb =
|
|
14516
|
-
exports.ɵec =
|
|
14517
|
-
exports.ɵed =
|
|
14518
|
-
exports.ɵee =
|
|
14519
|
-
exports.ɵef =
|
|
14520
|
-
exports.ɵeg =
|
|
14521
|
-
exports.ɵeh =
|
|
14522
|
-
exports.ɵei =
|
|
15150
|
+
exports.ɵea = SmileyDialogModule;
|
|
15151
|
+
exports.ɵeb = SmileyDialogComponent;
|
|
15152
|
+
exports.ɵec = SnackBarModule;
|
|
15153
|
+
exports.ɵed = SnackBarComponent;
|
|
15154
|
+
exports.ɵee = SmileyDialogInlineModule;
|
|
15155
|
+
exports.ɵef = SmileyDialogInlineComponent;
|
|
15156
|
+
exports.ɵeg = ClickOutsideModule;
|
|
15157
|
+
exports.ɵeh = ClickOutsideDirective;
|
|
15158
|
+
exports.ɵei = PopoverHoverModule;
|
|
15159
|
+
exports.ɵej = PopoverHoverComponent;
|
|
15160
|
+
exports.ɵek = PopoverHoverService;
|
|
15161
|
+
exports.ɵel = PopoverHoverDirective;
|
|
14523
15162
|
exports.ɵf = Configurations;
|
|
14524
15163
|
exports.ɵg = WorkflowComplianceComponent;
|
|
14525
15164
|
exports.ɵh = ResponsibilityService;
|