vcomply-workflow-engine 6.1.85 → 6.1.86
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/esm2022/lib/sharedComponents/assessment-list/assessment-list.component.mjs +3 -3
- package/esm2022/lib/sharedComponents/responsibility-centers-list/responsibility-centers-list.component.mjs +2 -2
- package/fesm2022/vcomply-workflow-engine.mjs +4 -4
- package/fesm2022/vcomply-workflow-engine.mjs.map +1 -1
- package/lib/add-multiple-risk/add-multiple-risk.component.d.ts +1 -1
- package/package.json +1 -1
|
@@ -4069,11 +4069,11 @@ class ResponsibilityCentersListComponent {
|
|
|
4069
4069
|
this.closeRcList.emit();
|
|
4070
4070
|
}
|
|
4071
4071
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResponsibilityCentersListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4072
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ResponsibilityCentersListComponent, selector: "app-responsibility-centers-list", inputs: { responsibilityCentersList: "responsibilityCentersList", selectedResponsibilityCenters: "selectedResponsibilityCenters", rcIdKey: "rcIdKey", radioSelection: "radioSelection", pluralText: "pluralText", singularText: "singularText", loaded: "loaded" }, outputs: { saveSelectedList: "saveSelectedList", closeRcList: "closeRcList" }, viewQueries: [{ propertyName: "listBlock", first: true, predicate: ["listBlock"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"add-risk-rc\" [class.animate]=\"animation\">\n <div class=\"add-risk-rc-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\">\n <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">\n Select Responsibility Center(s)\n </div>\n </div>\n <div class=\"add-risk-rc-body\">\n <div class=\"search-block\">\n <i class=\"icons\"></i>\n <input type=\"text\" [(ngModel)]=\"search\" placeholder=\"Search Responsibility Center\" />\n </div>\n <app-loader-inline *ngIf=\"!loaded\"></app-loader-inline>\n\n <ng-container *ngIf=\"responsibilityCentersList | search : search : 'item_name' as searchList\">\n <div class=\"body-top\" *ngIf=\"\n !radioSelection &&\n searchList?.length > 0 &&\n search?.trim()?.length === 0\n \">\n <app-cs-checkbox [ngValue]=\"checkSelectAll()\" (ngValueChange)=\"selectAll($event)\"><strong>{{\n checkSelectAll() ? \"Deselect All\" : \"Select All\"\n }}</strong>\n </app-cs-checkbox>\n </div>\n\n <ul class=\"add-risk-rc-list\" [class.with-selectAll]=\"\n !radioSelection &&\n searchList?.length > 0 &&\n search?.trim()?.length === 0\n \" *ngIf=\"searchList?.length > 0\">\n <ng-container *ngIf=\"!radioSelection\">\n <li *ngFor=\"let rc of searchList\" #ulElement>\n <app-cs-checkbox [ngValue]=\"selectedIds.includes(rc.item_id)\"\n (ngValueChange)=\"selectRc(rc.item_id, $event)\">\n <ul class=\"add-risk-rc-name\" #listBlock>\n <!-- [style.max-width.px]=\"blockWidth / rc.rc_name\" -->\n <li *ngFor=\"let entity of rc.rc_name; let j = index\" [appTooltip]=\"entity\" placement=\"bottom\"\n type=\"black\" delay=\"0\" [tooltipMandatory]=\"true\">\n <i class=\"icons\" *ngIf=\"j !== 0\"></i>{{ entity }}\n </li>\n </ul>\n </app-cs-checkbox>\n </li>\n </ng-container>\n <ng-container *ngIf=\"radioSelection\">\n <li *ngFor=\"let rc of searchList\" #ulElement>\n <app-cs-radio (checkedEvent)=\"selectRc(rc.item_id, $event)\" [checked]=\"selectedIds.includes(rc.item_id)\">\n <ul class=\"add-risk-rc-name\">\n <li *ngFor=\"let entity of rc.rc_name; let j = index\" [appTooltip]=\"entity\" placement=\"bottom\"\n type=\"black\" delay=\"0\" [tooltipMandatory]=\"true\">\n <i class=\"icons\" *ngIf=\"j !== 0\"></i>{{ entity }}\n </li>\n </ul>\n </app-cs-radio>\n </li>\n </ng-container>\n </ul>\n <app-no-data *ngIf=\"!searchList?.length && loaded\" [noDataImage]=\"ASSETS.search_data\"\n [noDataText]=\"'No data to display'\"></app-no-data>\n </ng-container>\n\n <app-floating-bar *ngIf=\"loaded\" [selectedData]=\"selectedResponsibilityCenters\" [displayElementKey]=\"'item_name'\"\n [singularText]=\"singularText\" [pluralText]=\"pluralText\" (closeEvent)=\"save(selectedIds)\"\n (deleteEvent)=\"deleteEvent($event)\" (closeList)=\"close()\" [isDisabled]=\"\n selectedResponsibilityCenters?.length === 0 ||\n responsibilityCentersList?.length === 0\n \"></app-floating-bar>\n </div>\n</div>\n\n<!-- <button (click)=\"save(selectedIds)\">Next</button> -->", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.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 .add-risk-rc{position:fixed;inset:0 500px 0 0}::ng-deep .add-risk-rc:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .add-risk-rc-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .add-risk-rc-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .add-risk-rc-body .search-block{position:relative}::ng-deep .add-risk-rc-body .search-block input{height:2.75rem;line-height:1.5rem;padding:.5rem 1rem .5rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;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:1rem;font-size:12px;font-weight:400;top:1rem;pointer-events:none;color:#f1f1f1}::ng-deep .add-risk-rc-body .body-top{display:flex;justify-content:space-between;padding:.5rem 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:12px;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{display:block;align-items:flex-start;flex-wrap:wrap;height:calc(100vh - 14.5rem);overflow:auto;margin:1rem 0}::ng-deep .add-risk-rc-body ul.add-risk-rc-list.with-selectAll{height:calc(100vh - 16rem)}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li{width:100%;padding:0 0 1rem;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:12px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:auto;padding:0 .5rem 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:#1e5dd3;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:#34aa44}::ng-deep .add-risk-rc-body app-no-data .no-data-wrapper{height:calc(100vh - 200px)}::ng-deep .add-risk-rc.animate{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}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: FloatingBarComponent, selector: "app-floating-bar", inputs: ["selectedData", "selectedGroups", "displayElementKey", "elementId", "singularText", "pluralText", "showNextButton", "showFrequencyText", "showWorkflow", "workflowText", "currentFrequency", "isDisabled", "workflowList", "selectedWorkflow", "workflowPlaceHolder", "mode", "defaultSelected", "groupsEnabled", "isResponsibility", "nonRemovableUsersList", "removePosition"], outputs: ["closeEvent", "deleteEvent", "closeList", "deleteGroupEvent", "workflowTypeChanged"] }, { kind: "component", type: CsCheckboxComponent, selector: "app-cs-checkbox", inputs: ["disabled", "ngValue", "value", "readonly", "oneLine"], outputs: ["ngValueChange"] }, { kind: "component", type: CsRadioComponent, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value", "oneLine"], outputs: ["checkedEvent"] }, { kind: "component", type: NoDataComponent, selector: "app-no-data", inputs: ["action", "noDataImage", "noDataText", "noDataButton", "noDataSecButton", "altText", "smallButton", "button"], outputs: ["buttonAction"] }, { kind: "component", type: LoaderInlineComponent, selector: "app-loader-inline" }, { kind: "pipe", type: SearchPipe$1, name: "search" }] }); }
|
|
4072
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ResponsibilityCentersListComponent, selector: "app-responsibility-centers-list", inputs: { responsibilityCentersList: "responsibilityCentersList", selectedResponsibilityCenters: "selectedResponsibilityCenters", rcIdKey: "rcIdKey", radioSelection: "radioSelection", pluralText: "pluralText", singularText: "singularText", loaded: "loaded" }, outputs: { saveSelectedList: "saveSelectedList", closeRcList: "closeRcList" }, viewQueries: [{ propertyName: "listBlock", first: true, predicate: ["listBlock"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"add-risk-rc\" [class.animate]=\"animation\">\n <div class=\"add-risk-rc-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\">\n <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">\n Select Responsibility Center(s)\n </div>\n </div>\n <div class=\"add-risk-rc-body\">\n <div class=\"search-block\">\n <i class=\"icons\"></i>\n <input type=\"text\" [(ngModel)]=\"search\" placeholder=\"Search Responsibility Center\" />\n </div>\n <app-loader-inline *ngIf=\"!loaded\"></app-loader-inline>\n\n <ng-container *ngIf=\"responsibilityCentersList | search : search : 'item_name' as searchList\">\n <div class=\"body-top\" *ngIf=\"\n !radioSelection &&\n searchList?.length > 0 &&\n search?.trim()?.length === 0\n \">\n <app-cs-checkbox [ngValue]=\"checkSelectAll()\" (ngValueChange)=\"selectAll($event)\"><strong>{{\n checkSelectAll() ? \"Deselect All\" : \"Select All\"\n }}</strong>\n </app-cs-checkbox>\n </div>\n\n <ul class=\"add-risk-rc-list\" [class.with-selectAll]=\"\n !radioSelection &&\n searchList?.length > 0 &&\n search?.trim()?.length === 0\n \" *ngIf=\"searchList?.length > 0\">\n <ng-container *ngIf=\"!radioSelection\">\n <li *ngFor=\"let rc of searchList\" #ulElement>\n <app-cs-checkbox [ngValue]=\"selectedIds.includes(rc.item_id)\"\n (ngValueChange)=\"selectRc(rc.item_id, $event)\">\n <ul class=\"add-risk-rc-name\" #listBlock>\n <!-- [style.max-width.px]=\"blockWidth / rc.rc_name\" -->\n <li *ngFor=\"let entity of rc.rc_name; let j = index\" [appTooltip]=\"entity\" placement=\"bottom\"\n type=\"black\" delay=\"0\" [tooltipMandatory]=\"true\">\n <i class=\"icons\" *ngIf=\"j !== 0\"></i>{{ entity }}\n </li>\n </ul>\n </app-cs-checkbox>\n </li>\n </ng-container>\n <ng-container *ngIf=\"radioSelection\">\n <li *ngFor=\"let rc of searchList\" #ulElement>\n <app-cs-radio (checkedEvent)=\"selectRc(rc.item_id, $event)\" [checked]=\"selectedIds.includes(rc.item_id)\">\n <ul class=\"add-risk-rc-name\">\n <li *ngFor=\"let entity of rc.rc_name; let j = index\" [appTooltip]=\"entity\" placement=\"bottom\"\n type=\"black\" delay=\"0\" [tooltipMandatory]=\"true\">\n <i class=\"icons\" *ngIf=\"j !== 0\"></i>{{ entity }}\n </li>\n </ul>\n </app-cs-radio>\n </li>\n </ng-container>\n </ul>\n <app-no-data *ngIf=\"!searchList?.length && loaded\" [noDataImage]=\"ASSETS.search_data\"\n [noDataText]=\"'No data to display'\"></app-no-data>\n </ng-container>\n\n <app-floating-bar *ngIf=\"loaded\" [selectedData]=\"selectedResponsibilityCenters\" [displayElementKey]=\"'item_name'\"\n [singularText]=\"singularText\" [pluralText]=\"pluralText\" (closeEvent)=\"save(selectedIds)\"\n (deleteEvent)=\"deleteEvent($event)\" (closeList)=\"close()\" [isDisabled]=\"\n selectedResponsibilityCenters?.length === 0 ||\n responsibilityCentersList?.length === 0\n \"></app-floating-bar>\n </div>\n</div>\n\n<!-- <button (click)=\"save(selectedIds)\">Next</button> -->", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.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 .add-risk-rc{position:fixed;inset:0 500px 0 0}::ng-deep .add-risk-rc:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .add-risk-rc-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .add-risk-rc-body{height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .add-risk-rc-body .search-block{position:relative}::ng-deep .add-risk-rc-body .search-block input{height:2.75rem;line-height:1.5rem;padding:.5rem 1rem .5rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;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:1rem;font-size:12px;font-weight:400;top:1rem;pointer-events:none;color:#f1f1f1}::ng-deep .add-risk-rc-body .body-top{display:flex;justify-content:space-between;padding:.5rem 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:12px;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{display:block;align-items:flex-start;flex-wrap:wrap;height:calc(100vh - 14.5rem);overflow:auto;margin:1rem 0}::ng-deep .add-risk-rc-body ul.add-risk-rc-list.with-selectAll{height:calc(100vh - 16rem)}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li{width:100%;padding:0 0 1rem;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:12px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:auto;padding:0 .5rem 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:#1e5dd3;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:#34aa44}::ng-deep .add-risk-rc-body app-no-data .no-data-wrapper{height:calc(100vh - 200px)}::ng-deep .add-risk-rc.animate{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}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: FloatingBarComponent, selector: "app-floating-bar", inputs: ["selectedData", "selectedGroups", "displayElementKey", "elementId", "singularText", "pluralText", "showNextButton", "showFrequencyText", "showWorkflow", "workflowText", "currentFrequency", "isDisabled", "workflowList", "selectedWorkflow", "workflowPlaceHolder", "mode", "defaultSelected", "groupsEnabled", "isResponsibility", "nonRemovableUsersList", "removePosition"], outputs: ["closeEvent", "deleteEvent", "closeList", "deleteGroupEvent", "workflowTypeChanged"] }, { kind: "component", type: CsCheckboxComponent, selector: "app-cs-checkbox", inputs: ["disabled", "ngValue", "value", "readonly", "oneLine"], outputs: ["ngValueChange"] }, { kind: "component", type: CsRadioComponent, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value", "oneLine"], outputs: ["checkedEvent"] }, { kind: "component", type: NoDataComponent, selector: "app-no-data", inputs: ["action", "noDataImage", "noDataText", "noDataButton", "noDataSecButton", "altText", "smallButton", "button"], outputs: ["buttonAction"] }, { kind: "component", type: LoaderInlineComponent, selector: "app-loader-inline" }, { kind: "pipe", type: SearchPipe$1, name: "search" }] }); }
|
|
4073
4073
|
}
|
|
4074
4074
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResponsibilityCentersListComponent, decorators: [{
|
|
4075
4075
|
type: Component,
|
|
4076
|
-
args: [{ selector: 'app-responsibility-centers-list', template: "<div class=\"add-risk-rc\" [class.animate]=\"animation\">\n <div class=\"add-risk-rc-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\">\n <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">\n Select Responsibility Center(s)\n </div>\n </div>\n <div class=\"add-risk-rc-body\">\n <div class=\"search-block\">\n <i class=\"icons\"></i>\n <input type=\"text\" [(ngModel)]=\"search\" placeholder=\"Search Responsibility Center\" />\n </div>\n <app-loader-inline *ngIf=\"!loaded\"></app-loader-inline>\n\n <ng-container *ngIf=\"responsibilityCentersList | search : search : 'item_name' as searchList\">\n <div class=\"body-top\" *ngIf=\"\n !radioSelection &&\n searchList?.length > 0 &&\n search?.trim()?.length === 0\n \">\n <app-cs-checkbox [ngValue]=\"checkSelectAll()\" (ngValueChange)=\"selectAll($event)\"><strong>{{\n checkSelectAll() ? \"Deselect All\" : \"Select All\"\n }}</strong>\n </app-cs-checkbox>\n </div>\n\n <ul class=\"add-risk-rc-list\" [class.with-selectAll]=\"\n !radioSelection &&\n searchList?.length > 0 &&\n search?.trim()?.length === 0\n \" *ngIf=\"searchList?.length > 0\">\n <ng-container *ngIf=\"!radioSelection\">\n <li *ngFor=\"let rc of searchList\" #ulElement>\n <app-cs-checkbox [ngValue]=\"selectedIds.includes(rc.item_id)\"\n (ngValueChange)=\"selectRc(rc.item_id, $event)\">\n <ul class=\"add-risk-rc-name\" #listBlock>\n <!-- [style.max-width.px]=\"blockWidth / rc.rc_name\" -->\n <li *ngFor=\"let entity of rc.rc_name; let j = index\" [appTooltip]=\"entity\" placement=\"bottom\"\n type=\"black\" delay=\"0\" [tooltipMandatory]=\"true\">\n <i class=\"icons\" *ngIf=\"j !== 0\"></i>{{ entity }}\n </li>\n </ul>\n </app-cs-checkbox>\n </li>\n </ng-container>\n <ng-container *ngIf=\"radioSelection\">\n <li *ngFor=\"let rc of searchList\" #ulElement>\n <app-cs-radio (checkedEvent)=\"selectRc(rc.item_id, $event)\" [checked]=\"selectedIds.includes(rc.item_id)\">\n <ul class=\"add-risk-rc-name\">\n <li *ngFor=\"let entity of rc.rc_name; let j = index\" [appTooltip]=\"entity\" placement=\"bottom\"\n type=\"black\" delay=\"0\" [tooltipMandatory]=\"true\">\n <i class=\"icons\" *ngIf=\"j !== 0\"></i>{{ entity }}\n </li>\n </ul>\n </app-cs-radio>\n </li>\n </ng-container>\n </ul>\n <app-no-data *ngIf=\"!searchList?.length && loaded\" [noDataImage]=\"ASSETS.search_data\"\n [noDataText]=\"'No data to display'\"></app-no-data>\n </ng-container>\n\n <app-floating-bar *ngIf=\"loaded\" [selectedData]=\"selectedResponsibilityCenters\" [displayElementKey]=\"'item_name'\"\n [singularText]=\"singularText\" [pluralText]=\"pluralText\" (closeEvent)=\"save(selectedIds)\"\n (deleteEvent)=\"deleteEvent($event)\" (closeList)=\"close()\" [isDisabled]=\"\n selectedResponsibilityCenters?.length === 0 ||\n responsibilityCentersList?.length === 0\n \"></app-floating-bar>\n </div>\n</div>\n\n<!-- <button (click)=\"save(selectedIds)\">Next</button> -->", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.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 .add-risk-rc{position:fixed;inset:0 500px 0 0}::ng-deep .add-risk-rc:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .add-risk-rc-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .add-risk-rc-body{
|
|
4076
|
+
args: [{ selector: 'app-responsibility-centers-list', template: "<div class=\"add-risk-rc\" [class.animate]=\"animation\">\n <div class=\"add-risk-rc-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\">\n <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">\n Select Responsibility Center(s)\n </div>\n </div>\n <div class=\"add-risk-rc-body\">\n <div class=\"search-block\">\n <i class=\"icons\"></i>\n <input type=\"text\" [(ngModel)]=\"search\" placeholder=\"Search Responsibility Center\" />\n </div>\n <app-loader-inline *ngIf=\"!loaded\"></app-loader-inline>\n\n <ng-container *ngIf=\"responsibilityCentersList | search : search : 'item_name' as searchList\">\n <div class=\"body-top\" *ngIf=\"\n !radioSelection &&\n searchList?.length > 0 &&\n search?.trim()?.length === 0\n \">\n <app-cs-checkbox [ngValue]=\"checkSelectAll()\" (ngValueChange)=\"selectAll($event)\"><strong>{{\n checkSelectAll() ? \"Deselect All\" : \"Select All\"\n }}</strong>\n </app-cs-checkbox>\n </div>\n\n <ul class=\"add-risk-rc-list\" [class.with-selectAll]=\"\n !radioSelection &&\n searchList?.length > 0 &&\n search?.trim()?.length === 0\n \" *ngIf=\"searchList?.length > 0\">\n <ng-container *ngIf=\"!radioSelection\">\n <li *ngFor=\"let rc of searchList\" #ulElement>\n <app-cs-checkbox [ngValue]=\"selectedIds.includes(rc.item_id)\"\n (ngValueChange)=\"selectRc(rc.item_id, $event)\">\n <ul class=\"add-risk-rc-name\" #listBlock>\n <!-- [style.max-width.px]=\"blockWidth / rc.rc_name\" -->\n <li *ngFor=\"let entity of rc.rc_name; let j = index\" [appTooltip]=\"entity\" placement=\"bottom\"\n type=\"black\" delay=\"0\" [tooltipMandatory]=\"true\">\n <i class=\"icons\" *ngIf=\"j !== 0\"></i>{{ entity }}\n </li>\n </ul>\n </app-cs-checkbox>\n </li>\n </ng-container>\n <ng-container *ngIf=\"radioSelection\">\n <li *ngFor=\"let rc of searchList\" #ulElement>\n <app-cs-radio (checkedEvent)=\"selectRc(rc.item_id, $event)\" [checked]=\"selectedIds.includes(rc.item_id)\">\n <ul class=\"add-risk-rc-name\">\n <li *ngFor=\"let entity of rc.rc_name; let j = index\" [appTooltip]=\"entity\" placement=\"bottom\"\n type=\"black\" delay=\"0\" [tooltipMandatory]=\"true\">\n <i class=\"icons\" *ngIf=\"j !== 0\"></i>{{ entity }}\n </li>\n </ul>\n </app-cs-radio>\n </li>\n </ng-container>\n </ul>\n <app-no-data *ngIf=\"!searchList?.length && loaded\" [noDataImage]=\"ASSETS.search_data\"\n [noDataText]=\"'No data to display'\"></app-no-data>\n </ng-container>\n\n <app-floating-bar *ngIf=\"loaded\" [selectedData]=\"selectedResponsibilityCenters\" [displayElementKey]=\"'item_name'\"\n [singularText]=\"singularText\" [pluralText]=\"pluralText\" (closeEvent)=\"save(selectedIds)\"\n (deleteEvent)=\"deleteEvent($event)\" (closeList)=\"close()\" [isDisabled]=\"\n selectedResponsibilityCenters?.length === 0 ||\n responsibilityCentersList?.length === 0\n \"></app-floating-bar>\n </div>\n</div>\n\n<!-- <button (click)=\"save(selectedIds)\">Next</button> -->", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.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 .add-risk-rc{position:fixed;inset:0 500px 0 0}::ng-deep .add-risk-rc:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .add-risk-rc-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .add-risk-rc-body{height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .add-risk-rc-body .search-block{position:relative}::ng-deep .add-risk-rc-body .search-block input{height:2.75rem;line-height:1.5rem;padding:.5rem 1rem .5rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;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:1rem;font-size:12px;font-weight:400;top:1rem;pointer-events:none;color:#f1f1f1}::ng-deep .add-risk-rc-body .body-top{display:flex;justify-content:space-between;padding:.5rem 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:12px;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{display:block;align-items:flex-start;flex-wrap:wrap;height:calc(100vh - 14.5rem);overflow:auto;margin:1rem 0}::ng-deep .add-risk-rc-body ul.add-risk-rc-list.with-selectAll{height:calc(100vh - 16rem)}::ng-deep .add-risk-rc-body ul.add-risk-rc-list li{width:100%;padding:0 0 1rem;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:12px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:auto;padding:0 .5rem 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:#1e5dd3;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:#34aa44}::ng-deep .add-risk-rc-body app-no-data .no-data-wrapper{height:calc(100vh - 200px)}::ng-deep .add-risk-rc.animate{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}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n"] }]
|
|
4077
4077
|
}], ctorParameters: function () { return []; }, propDecorators: { listBlock: [{
|
|
4078
4078
|
type: ViewChild,
|
|
4079
4079
|
args: ['listBlock', { static: false }]
|
|
@@ -31469,11 +31469,11 @@ class AssessmentListComponent {
|
|
|
31469
31469
|
this.isDeleted = true;
|
|
31470
31470
|
}
|
|
31471
31471
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AssessmentListComponent, deps: [{ token: ResponsibilityService }, { token: AssessmentService$2 }, { token: AuthService$1 }, { token: CommonService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
31472
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AssessmentListComponent, selector: "app-assessment-list", inputs: { isEdit: "isEdit", mode: "mode", selectedAssessment: "selectedAssessment", selectedAssessmentData: "selectedAssessmentData", program_ids: "program_ids", isFullScreen: "isFullScreen" }, outputs: { onAssessmentSelect: "onAssessmentSelect", cancelAssessment: "cancelAssessment" }, ngImport: i0, template: "<app-preview *ngIf=\"isPreview\" [questionData]=\"previewQuestionData\" (previewBack)=\"previewBack()\"\n [isFullScreen]=\"isFullScreen\"></app-preview>\n<div class=\"assessment-list\" [class.animate]=\"animation\" [class.full-screen]=\"isFullScreen\">\n <div *ngIf=\"!isFullScreen\" class=\"assessment-list-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\">\n <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Select an Assessment</div>\n </div>\n <div class=\"assessment-list-body\">\n <div class=\"search-block\">\n <i class=\"icons\"></i>\n <input type=\"text\" [(ngModel)]=\"searchAssessments\" (change)=\"onAssessmentSearch($event.target.value)\"\n placeholder=\"Search Assessment Category\" />\n </div>\n <app-workflow-pagination [pageCount]=\"assessmentCategory?.totalPage\" [total]=\"assessmentCategory?.totalRecords\"\n [start]=\"assessmentCategory?.start_value\" [end]=\"assessmentCategory?.end_value\" [activeAlphabet]=\"''\"\n (selectedAlphabet)=\"onAlphabetSelected($event)\"\n (selectedPage)=\"onPageSelection($event)\"></app-workflow-pagination>\n <div *ngIf=\"\n assessmentCategory.data.length === 0 && !isLoader && searchAssessments\n \" class=\"assessment-list-part vx-mb-4\">\n <app-no-data [noDataImage]=\"ASSETS.search_data\" [noDataText]=\"'No Assessments Found.'\"></app-no-data>\n </div>\n <div *ngIf=\"assessmentCategory.data.length || isLoader\" class=\"assessment-list-part vx-mb-4\">\n <div *ngIf=\"isEdit && selectedAssessment?.assessmentDetails?.assessment_name\" class=\"assessment-list-selected\">\n <div class=\"assessment-list-heading\">\n {{\n mode === \"policy\"\n ? \"Assessment already selected\"\n : \"Assessment already selected for this responsibility\"\n }}\n </div>\n <div class=\"assessment-list-item\">\n <div class=\"table-row\">\n <div class=\"table-column serial disabled\">\n <app-cs-radio [disabled]=\"true\" class=\"disabled\" [checked]=\"true\" [readonly]=\"true\"></app-cs-radio>\n </div>\n <div class=\"table-column sub-name\">\n <div class=\"name-inner\">\n <div class=\"value\" [appTooltip]=\"\n selectedAssessment?.assessmentDetails?.assessment_name\n \" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">\n {{ selectedAssessment?.assessmentDetails?.assessment_name }}\n </div>\n <div class=\"within-part\">\n <span class=\"within-box\">Within</span>\n <span class=\"value\" [appTooltip]=\"\n selectedAssessment?.category_details?.category_name +\n (selectedAssessment?.category_details?.parent_tree\n ? ' > ' +\n selectedAssessment?.category_details?.parent_tree\n : '')\n \" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{\n selectedAssessment?.category_details?.category_name +\n (selectedAssessment?.category_details?.parent_tree\n ? \" > \" +\n selectedAssessment?.category_details?.parent_tree\n : \"\")\n }}</span>\n </div>\n </div>\n </div>\n <div class=\"table-column question\">\n <div class=\"buttons\">\n <button class=\"action-btn\" (click)=\"preview(selectedAssessment?.assessmentDetails)\">\n <i class=\"icons\"></i> Preview\n </button>\n <!-- <button class=\"action-btn\"><i class=\"icons\"></i> Edit</button> -->\n </div>\n <div class=\"label\">\n {{ selectedAssessment?.assessmentDetails?.questions }}\n {{\n selectedAssessment?.assessmentDetails?.questions > 1\n ? \"Questions\"\n : \"Question\"\n }}\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"assessment-list-heading\">\n {{\n mode === \"policy\"\n ? \"Select an Assessment\"\n : \"Select an Assessment for this responsibility\"\n }}\n </div>\n\n <!--\n Assessment category list \n active class is used for highlighting opened element\n -->\n <ng-container *ngIf=\"!isLoader\">\n <div *ngFor=\"let data of assessmentCategory.data; let i = index\" class=\"assessment-list-item\" [class.active]=\"\n openedCategory.includes(i) ||\n data.id === selectedAssessment?.category_id\n \">\n <div class=\"table-row main-list\" (click)=\"showSubList(i, data?.id)\"\n [class.disabled]=\"data?.assessmentcount < 1\">\n <div class=\"table-column serial\">\n <div [id]=\"'sr-no' + i\" class=\"sr-no\" [appTooltip]=\"i + 1\" placement=\"bottom\" delay=\"0\" type=\"black\"\n [tooltipMandatory]=\"true\">\n {{ dataPerPage * (assessmentPayload.page_no - 1) + (i + 1) }}\n </div>\n </div>\n <div class=\"table-column name\">\n <div class=\"name-inner\">\n <div class=\"value\" [appTooltip]=\"data.category_name\" placement=\"bottom-left\" delay=\"0\" type=\"black\"\n [tooltipMandatory]=\"false\">\n {{ data?.category_name }}\n </div>\n <div class=\"within-part\" *ngIf=\"data?.parent_tree\">\n <span class=\"within-box\">Within</span>\n <span class=\"value\" [appTooltip]=\"data.parent_tree\" placement=\"bottom-left\" delay=\"0\" type=\"black\"\n [tooltipMandatory]=\"false\">{{ data?.parent_tree }}</span>\n </div>\n </div>\n </div>\n <div class=\"table-column action\">\n <button [id]=\"'arrow' + i\" class=\"arrow\" [class.disabled]=\"data?.assessmentcount < 1\"\n [disabled]=\"data?.assessmentcount < 1\">\n <i *ngIf=\"!openedCategory.includes(i)\" class=\"icons\"></i>\n <i *ngIf=\"openedCategory.includes(i)\" class=\"icons\"></i>\n </button>\n </div>\n </div>\n\n <!-- Assessment list start from here -->\n <div *ngIf=\"openedCategory.includes(i)\" class=\"sub-list\">\n <ng-container *ngIf=\"data.assessmentData?.length > 0\">\n <div class=\"table-row\" *ngFor=\"let assessment of data.assessmentData; let j = index\" [class.active]=\"\n assessment.id === selectedAssessment?.assessment_id &&\n data.id === selectedAssessment?.category_id\n \">\n <div class=\"table-column serial\">\n <div [id]=\"'sub-sr-no' + i + j\" class=\"sr-no\" appTooltip=\"{{\n dataPerPage * (assessmentPayload.page_no - 1) + (i + 1)\n }}.{{ j + 1 }}\" placement=\"bottom\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\n {{\n dataPerPage * (assessmentPayload.page_no - 1) + (i + 1)\n }}.{{ j + 1 }}\n <app-cs-radio name=\"assessment\" [value]=\"assessment.id\" [checked]=\"\n assessment?.id === selectedAssessment?.assessment_id &&\n data?.id === selectedAssessment?.category_id\n \" (checkedEvent)=\"setAssessment(data, assessment)\"></app-cs-radio>\n </div>\n </div>\n <div class=\"table-column sub-name\">\n <div class=\"value\" [appTooltip]=\"\n 'Mission and message, communications to external audiences'\n \" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">\n {{ assessment?.assessment_name }}\n </div>\n </div>\n <div class=\"table-column question\">\n <div class=\"buttons\">\n <button class=\"action-btn\" (click)=\"preview(assessment)\">\n <i class=\"icons\"></i> Preview\n </button>\n <!-- <button class=\"action-btn\"><i class=\"icons\"></i> Edit</button> -->\n </div>\n <div class=\"label\">\n {{ assessment?.questions }}\n {{ assessment?.questions > 1 ? \"Questions\" : \"Question\" }}\n </div>\n </div>\n </div>\n </ng-container>\n <!-- Loader loading isLoader -->\n <app-assessment-list-sub-loader *ngIf=\"!data.assessmentData?.length\"></app-assessment-list-sub-loader>\n <!-- <app-line-loader *ngIf=\"!data.assessmentData?.length\" [loaderHeight]=\"'5'\"></app-line-loader> -->\n </div>\n </div>\n </ng-container>\n <!-- Loader loading isLoader -->\n <app-assessment-list-loader *ngIf=\"isLoader\"></app-assessment-list-loader>\n </div>\n <!-- No data image -->\n <app-no-data *ngIf=\"!assessmentCategory.data.length && !isLoader && !searchAssessments\"\n [noDataImage]=\"ASSETS.search_data\" [noDataText]=\"'No Data to Display'\"></app-no-data>\n\n <app-floating-bar [selectedData]=\"[]\" (closeEvent)=\"save()\" (closeList)=\"close()\"\n [isDisabled]=\"!selectedAssessment?.assessment_id && !isDeleted\" [selectedData]=\"\n selectedAssessment?.assessment_id\n ? [selectedAssessment?.assessmentDetails]\n : []\n \" [displayElementKey]=\"'assessment_name'\" [pluralText]=\"'Risk Categories selected'\" (closeEvent)=\"save()\"\n (deleteEvent)=\"deleteEvent($event)\">\n </app-floating-bar>\n </div>\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .assessment-list{position:fixed;inset:0 500px 0 0}::ng-deep .assessment-list:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .assessment-list.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .assessment-list-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .assessment-list-body{height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .assessment-list-body .search-block{position:relative}::ng-deep .assessment-list-body .search-block input{height:2.75rem;line-height:1.5rem;padding:.5rem 1rem .5rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;width:100%;font-size:14px;color:#747576}::ng-deep .assessment-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .assessment-list-body .search-block i{position:absolute;left:1rem;top:1rem;pointer-events:none;color:#f1f1f1;font-size:12px}::ng-deep .assessment-list-body app-workflow-pagination .pagination-sec{padding-bottom:0!important}::ng-deep .assessment-list-body .assessment-list-part{height:calc(100vh - 200px);overflow:auto;padding:8px 12px 0 0;width:calc(100% + 12px)}::ng-deep .assessment-list-body .assessment-list-part::-webkit-scrollbar-track{background-color:#fff;position:absolute}::ng-deep .assessment-list-body .assessment-list-part::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::ng-deep .assessment-list-body .assessment-list-part::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-selected{margin-bottom:8px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-heading{color:#161b2f;font-size:12px;font-weight:600;margin-bottom:4px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item{border:1px solid #f1f1f1;border-radius:2px;margin-bottom:4px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .main-list{cursor:pointer}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item.active{border-color:#1e5dd3;box-shadow:0 3px 6px #4681ef26}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row{display:flex;align-items:center;justify-content:space-between}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row.disabled{pointer-events:none}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column{color:#747576;height:48px;position:relative;width:100%;display:flex;align-items:center;padding:0 4px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.serial{width:32px;max-width:32px;justify-content:center}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.serial .sr-no{width:16px;background:#f8f8f8;writing-mode:vertical-lr;color:#747576;font-size:10px;font-weight:500;display:flex;height:100%;align-items:center;justify-content:center;position:relative;transition:all .2s ease-in-out}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.serial .sr-no app-cs-radio{position:absolute;top:8px;left:0;opacity:0;transition:all .2s ease-in-out}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.serial .sr-no app-cs-radio .radio-item{position:absolute;left:8px;top:0}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.name{width:calc(100% - 64px);min-width:calc(100% - 64px)}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.name .name-inner{width:100%}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.name .name-inner .value{color:#161b2f;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:20px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.action{width:32px;max-width:32px;justify-content:center}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.action button.arrow{background:transparent;border:none;border-radius:0;color:#747576;font-size:12px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;height:100%;width:100%}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.action button.disabled{opacity:.5!important;pointer-events:none}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.sub-name{width:calc(100% - 232px);min-width:calc(100% - 232px)}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.sub-name .name-inner{width:100%}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.sub-name .value{color:#747576;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:20px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question{width:200px;max-width:200px;justify-content:flex-end}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question .label{background:#f1f1f1;border-radius:2px;color:#042e7d;font-size:9px;font-weight:600;text-transform:uppercase;padding-left:4px;padding-right:4px;line-height:12px;margin-left:8px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question .buttons{display:flex;opacity:0;overflow:hidden;transition:all .2s ease-in-out}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question .buttons button.action-btn{background:#fff;border:1px solid #f1f1f1;border-radius:2px;color:#1e5dd3;font-size:11px;font-weight:500;line-height:22px;text-transform:uppercase;padding:0 8px;display:flex;align-items:center;margin:0}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question .buttons button.action-btn i{margin-right:4px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question .buttons button.action-btn+button{margin-left:4px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row:hover .table-column.question .buttons{opacity:1}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row{border-top:1px solid #f1f1f1}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row:hover .table-column.serial .sr-no,::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row.active .table-column.serial .sr-no{color:#f8f8f8}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row:hover .table-column.serial .sr-no app-cs-radio,::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row.active .table-column.serial .sr-no app-cs-radio{opacity:1}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row .table-column{height:32px}::ng-deep .assessment-list-body ul{padding:0;margin:0}::ng-deep .assessment-list-body ul.assessment{max-height:calc(100vh - 240px);overflow:auto;padding:16px 12px 0 0;width:calc(100% + 12px)}::ng-deep .assessment-list-body ul.assessment::-webkit-scrollbar-track{background-color:#fff;position:absolute}::ng-deep .assessment-list-body ul.assessment::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::ng-deep .assessment-list-body ul.assessment::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .assessment-list-body ul.assessment li{padding:0 0 12px;list-style:none;display:flex;align-items:center;justify-content:space-between}::ng-deep .assessment-list-body ul.assessment li app-cs-radio{width:calc(100% - 260px)}::ng-deep .assessment-list-body ul.assessment li app-cs-radio .radio-item .value .name{font-size:12px;color:#161b2f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .assessment-list-body ul.assessment li .right{display:flex;align-items:center}::ng-deep .assessment-list-body ul.assessment li .right .label{background:#f1f1f1;border-radius:2px;color:#042e7d;font-size:9px;font-weight:600;text-transform:uppercase;padding-left:4px;padding-right:4px;line-height:12px}::ng-deep .assessment-list-body ul.assessment li .right .buttons{display:flex;width:0;overflow:hidden;transition:all .2s ease-in-out}::ng-deep .assessment-list-body ul.assessment li .right .buttons button.action-btn{background:#fff;border:1px solid #f1f1f1;border-radius:2px;color:#1e5dd3;font-size:11px;font-weight:500;line-height:24px;text-transform:uppercase;padding:0 8px;margin-left:12px;display:flex;align-items:center}::ng-deep .assessment-list-body ul.assessment li .right .buttons button.action-btn i{margin-right:4px}::ng-deep .assessment-list-body ul.assessment li .right .buttons button.action-btn+button{margin-left:4px}::ng-deep .assessment-list-body ul.assessment li:hover .right .buttons{width:156px}::ng-deep .assessment-list-body app-no-data .no-data-wrapper{height:calc(100% - 118px)}::ng-deep .assessment-list.full-screen{width:100%}::ng-deep .assessment-list.full-screen:before{display:none}.within-part{display:flex;align-items:center;padding-right:12px}.within-part .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;color:#747576}.within-box{background:#f1f1f1;border-radius:2px;color:#042e7d;font-size:9px;font-weight:600;text-transform:uppercase;padding:0 4px;margin-right:8px;line-height:12px}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CsRadioComponent, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value", "oneLine"], outputs: ["checkedEvent"] }, { kind: "directive", type: ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: NoDataComponent, selector: "app-no-data", inputs: ["action", "noDataImage", "noDataText", "noDataButton", "noDataSecButton", "altText", "smallButton", "button"], outputs: ["buttonAction"] }, { kind: "component", type: PreviewComponent, selector: "app-preview", inputs: ["questionData", "isFullScreen"], outputs: ["previewBack"] }, { kind: "component", type: FloatingBarComponent, selector: "app-floating-bar", inputs: ["selectedData", "selectedGroups", "displayElementKey", "elementId", "singularText", "pluralText", "showNextButton", "showFrequencyText", "showWorkflow", "workflowText", "currentFrequency", "isDisabled", "workflowList", "selectedWorkflow", "workflowPlaceHolder", "mode", "defaultSelected", "groupsEnabled", "isResponsibility", "nonRemovableUsersList", "removePosition"], outputs: ["closeEvent", "deleteEvent", "closeList", "deleteGroupEvent", "workflowTypeChanged"] }, { kind: "component", type: WorkflowPaginationComponent, selector: "app-workflow-pagination", inputs: ["activeAlphabet", "pageCount", "start", "end", "total", "noFilter", "currentPage"], outputs: ["selectedPage", "selectedAlphabet"] }, { kind: "component", type: AssessmentListLoaderComponent, selector: "app-assessment-list-loader" }, { kind: "component", type: AssessmentListSubLoaderComponent, selector: "app-assessment-list-sub-loader" }] }); }
|
|
31472
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AssessmentListComponent, selector: "app-assessment-list", inputs: { isEdit: "isEdit", mode: "mode", selectedAssessment: "selectedAssessment", selectedAssessmentData: "selectedAssessmentData", program_ids: "program_ids", isFullScreen: "isFullScreen" }, outputs: { onAssessmentSelect: "onAssessmentSelect", cancelAssessment: "cancelAssessment" }, ngImport: i0, template: "<app-preview *ngIf=\"isPreview\" [questionData]=\"previewQuestionData\" (previewBack)=\"previewBack()\"\n [isFullScreen]=\"isFullScreen\"></app-preview>\n<div class=\"assessment-list\" [class.animate]=\"animation\" [class.full-screen]=\"isFullScreen\">\n <div *ngIf=\"!isFullScreen\" class=\"assessment-list-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\">\n <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Select an Assessment</div>\n </div>\n <div class=\"assessment-list-body\">\n <div class=\"search-block\">\n <i class=\"icons\"></i>\n <input type=\"text\" [(ngModel)]=\"searchAssessments\" (change)=\"onAssessmentSearch($event.target.value)\"\n placeholder=\"Search Assessment Category\" />\n </div>\n <app-workflow-pagination [pageCount]=\"assessmentCategory?.totalPage\" [total]=\"assessmentCategory?.totalRecords\"\n [start]=\"assessmentCategory?.start_value\" [end]=\"assessmentCategory?.end_value\" [activeAlphabet]=\"''\"\n (selectedAlphabet)=\"onAlphabetSelected($event)\"\n (selectedPage)=\"onPageSelection($event)\"></app-workflow-pagination>\n <div *ngIf=\"\n assessmentCategory.data.length === 0 && !isLoader && searchAssessments\n \" class=\"assessment-list-part vx-mb-4\">\n <app-no-data [noDataImage]=\"ASSETS.search_data\" [noDataText]=\"'No Assessments Found.'\"></app-no-data>\n </div>\n <div *ngIf=\"assessmentCategory.data.length || isLoader\" class=\"assessment-list-part vx-mb-4\"\n [class.web-view]=\"isFullScreen\">\n <div *ngIf=\"isEdit && selectedAssessment?.assessmentDetails?.assessment_name\" class=\"assessment-list-selected\">\n <div class=\"assessment-list-heading\">\n {{\n mode === \"policy\"\n ? \"Assessment already selected\"\n : \"Assessment already selected for this responsibility\"\n }}\n </div>\n <div class=\"assessment-list-item\">\n <div class=\"table-row\">\n <div class=\"table-column serial disabled\">\n <app-cs-radio [disabled]=\"true\" class=\"disabled\" [checked]=\"true\" [readonly]=\"true\"></app-cs-radio>\n </div>\n <div class=\"table-column sub-name\">\n <div class=\"name-inner\">\n <div class=\"value\" [appTooltip]=\"\n selectedAssessment?.assessmentDetails?.assessment_name\n \" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">\n {{ selectedAssessment?.assessmentDetails?.assessment_name }}\n </div>\n <div class=\"within-part\">\n <span class=\"within-box\">Within</span>\n <span class=\"value\" [appTooltip]=\"\n selectedAssessment?.category_details?.category_name +\n (selectedAssessment?.category_details?.parent_tree\n ? ' > ' +\n selectedAssessment?.category_details?.parent_tree\n : '')\n \" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{\n selectedAssessment?.category_details?.category_name +\n (selectedAssessment?.category_details?.parent_tree\n ? \" > \" +\n selectedAssessment?.category_details?.parent_tree\n : \"\")\n }}</span>\n </div>\n </div>\n </div>\n <div class=\"table-column question\">\n <div class=\"buttons\">\n <button class=\"action-btn\" (click)=\"preview(selectedAssessment?.assessmentDetails)\">\n <i class=\"icons\"></i> Preview\n </button>\n <!-- <button class=\"action-btn\"><i class=\"icons\"></i> Edit</button> -->\n </div>\n <div class=\"label\">\n {{ selectedAssessment?.assessmentDetails?.questions }}\n {{\n selectedAssessment?.assessmentDetails?.questions > 1\n ? \"Questions\"\n : \"Question\"\n }}\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"assessment-list-heading\">\n {{\n mode === \"policy\"\n ? \"Select an Assessment\"\n : \"Select an Assessment for this responsibility\"\n }}\n </div>\n\n <!--\n Assessment category list \n active class is used for highlighting opened element\n -->\n <ng-container *ngIf=\"!isLoader\">\n <div *ngFor=\"let data of assessmentCategory.data; let i = index\" class=\"assessment-list-item\" [class.active]=\"\n openedCategory.includes(i) ||\n data.id === selectedAssessment?.category_id\n \">\n <div class=\"table-row main-list\" (click)=\"showSubList(i, data?.id)\"\n [class.disabled]=\"data?.assessmentcount < 1\">\n <div class=\"table-column serial\">\n <div [id]=\"'sr-no' + i\" class=\"sr-no\" [appTooltip]=\"i + 1\" placement=\"bottom\" delay=\"0\" type=\"black\"\n [tooltipMandatory]=\"true\">\n {{ dataPerPage * (assessmentPayload.page_no - 1) + (i + 1) }}\n </div>\n </div>\n <div class=\"table-column name\">\n <div class=\"name-inner\">\n <div class=\"value\" [appTooltip]=\"data.category_name\" placement=\"bottom-left\" delay=\"0\" type=\"black\"\n [tooltipMandatory]=\"false\">\n {{ data?.category_name }}\n </div>\n <div class=\"within-part\" *ngIf=\"data?.parent_tree\">\n <span class=\"within-box\">Within</span>\n <span class=\"value\" [appTooltip]=\"data.parent_tree\" placement=\"bottom-left\" delay=\"0\" type=\"black\"\n [tooltipMandatory]=\"false\">{{ data?.parent_tree }}</span>\n </div>\n </div>\n </div>\n <div class=\"table-column action\">\n <button [id]=\"'arrow' + i\" class=\"arrow\" [class.disabled]=\"data?.assessmentcount < 1\"\n [disabled]=\"data?.assessmentcount < 1\">\n <i *ngIf=\"!openedCategory.includes(i)\" class=\"icons\"></i>\n <i *ngIf=\"openedCategory.includes(i)\" class=\"icons\"></i>\n </button>\n </div>\n </div>\n\n <!-- Assessment list start from here -->\n <div *ngIf=\"openedCategory.includes(i)\" class=\"sub-list\">\n <ng-container *ngIf=\"data.assessmentData?.length > 0\">\n <div class=\"table-row\" *ngFor=\"let assessment of data.assessmentData; let j = index\" [class.active]=\"\n assessment.id === selectedAssessment?.assessment_id &&\n data.id === selectedAssessment?.category_id\n \">\n <div class=\"table-column serial\">\n <div [id]=\"'sub-sr-no' + i + j\" class=\"sr-no\" appTooltip=\"{{\n dataPerPage * (assessmentPayload.page_no - 1) + (i + 1)\n }}.{{ j + 1 }}\" placement=\"bottom\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\n {{\n dataPerPage * (assessmentPayload.page_no - 1) + (i + 1)\n }}.{{ j + 1 }}\n <app-cs-radio name=\"assessment\" [value]=\"assessment.id\" [checked]=\"\n assessment?.id === selectedAssessment?.assessment_id &&\n data?.id === selectedAssessment?.category_id\n \" (checkedEvent)=\"setAssessment(data, assessment)\"></app-cs-radio>\n </div>\n </div>\n <div class=\"table-column sub-name\">\n <div class=\"value\" [appTooltip]=\"\n 'Mission and message, communications to external audiences'\n \" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">\n {{ assessment?.assessment_name }}\n </div>\n </div>\n <div class=\"table-column question\">\n <div class=\"buttons\">\n <button class=\"action-btn\" (click)=\"preview(assessment)\">\n <i class=\"icons\"></i> Preview\n </button>\n <!-- <button class=\"action-btn\"><i class=\"icons\"></i> Edit</button> -->\n </div>\n <div class=\"label\">\n {{ assessment?.questions }}\n {{ assessment?.questions > 1 ? \"Questions\" : \"Question\" }}\n </div>\n </div>\n </div>\n </ng-container>\n <!-- Loader loading isLoader -->\n <app-assessment-list-sub-loader *ngIf=\"!data.assessmentData?.length\"></app-assessment-list-sub-loader>\n <!-- <app-line-loader *ngIf=\"!data.assessmentData?.length\" [loaderHeight]=\"'5'\"></app-line-loader> -->\n </div>\n </div>\n </ng-container>\n <!-- Loader loading isLoader -->\n <app-assessment-list-loader *ngIf=\"isLoader\"></app-assessment-list-loader>\n </div>\n <!-- No data image -->\n <app-no-data *ngIf=\"!assessmentCategory.data.length && !isLoader && !searchAssessments\"\n [noDataImage]=\"ASSETS.search_data\" [noDataText]=\"'No Data to Display'\"></app-no-data>\n\n <app-floating-bar [selectedData]=\"[]\" (closeEvent)=\"save()\" (closeList)=\"close()\"\n [isDisabled]=\"!selectedAssessment?.assessment_id && !isDeleted\" [selectedData]=\"\n selectedAssessment?.assessment_id\n ? [selectedAssessment?.assessmentDetails]\n : []\n \" [displayElementKey]=\"'assessment_name'\" [pluralText]=\"'Risk Categories selected'\" (closeEvent)=\"save()\"\n (deleteEvent)=\"deleteEvent($event)\">\n </app-floating-bar>\n </div>\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .assessment-list{position:fixed;inset:0 500px 0 0}::ng-deep .assessment-list:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .assessment-list.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .assessment-list-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .assessment-list-body{height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .assessment-list-body .search-block{position:relative}::ng-deep .assessment-list-body .search-block input{height:2.75rem;line-height:1.5rem;padding:.5rem 1rem .5rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;width:100%;font-size:14px;color:#747576}::ng-deep .assessment-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .assessment-list-body .search-block i{position:absolute;left:1rem;top:1rem;pointer-events:none;color:#f1f1f1;font-size:12px}::ng-deep .assessment-list-body app-workflow-pagination .pagination-sec{padding-bottom:0!important}::ng-deep .assessment-list-body .assessment-list-part{height:calc(100vh - 240px);overflow:auto;padding:8px 12px 0 0;width:calc(100% + 12px)}::ng-deep .assessment-list-body .assessment-list-part::-webkit-scrollbar-track{background-color:#fff;position:absolute}::ng-deep .assessment-list-body .assessment-list-part::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::ng-deep .assessment-list-body .assessment-list-part::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-selected{margin-bottom:8px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-heading{color:#161b2f;font-size:12px;font-weight:600;margin-bottom:4px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item{border:1px solid #f1f1f1;border-radius:2px;margin-bottom:4px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .main-list{cursor:pointer}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item.active{border-color:#1e5dd3;box-shadow:0 3px 6px #4681ef26}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row{display:flex;align-items:center;justify-content:space-between}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row.disabled{pointer-events:none}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column{color:#747576;height:48px;position:relative;width:100%;display:flex;align-items:center;padding:0 4px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.serial{width:32px;max-width:32px;justify-content:center}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.serial .sr-no{width:16px;background:#f8f8f8;writing-mode:vertical-lr;color:#747576;font-size:10px;font-weight:500;display:flex;height:100%;align-items:center;justify-content:center;position:relative;transition:all .2s ease-in-out}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.serial .sr-no app-cs-radio{position:absolute;top:8px;left:0;opacity:0;transition:all .2s ease-in-out}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.serial .sr-no app-cs-radio .radio-item{position:absolute;left:8px;top:0}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.name{width:calc(100% - 64px);min-width:calc(100% - 64px)}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.name .name-inner{width:100%}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.name .name-inner .value{color:#161b2f;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:20px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.action{width:32px;max-width:32px;justify-content:center}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.action button.arrow{background:transparent;border:none;border-radius:0;color:#747576;font-size:12px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;height:100%;width:100%}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.action button.disabled{opacity:.5!important;pointer-events:none}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.sub-name{width:calc(100% - 232px);min-width:calc(100% - 232px)}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.sub-name .name-inner{width:100%}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.sub-name .value{color:#747576;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:20px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question{width:200px;max-width:200px;justify-content:flex-end}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question .label{background:#f1f1f1;border-radius:2px;color:#042e7d;font-size:9px;font-weight:600;text-transform:uppercase;padding-left:4px;padding-right:4px;line-height:12px;margin-left:8px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question .buttons{display:flex;opacity:0;overflow:hidden;transition:all .2s ease-in-out}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question .buttons button.action-btn{background:#fff;border:1px solid #f1f1f1;border-radius:2px;color:#1e5dd3;font-size:11px;font-weight:500;line-height:22px;text-transform:uppercase;padding:0 8px;display:flex;align-items:center;margin:0}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question .buttons button.action-btn i{margin-right:4px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question .buttons button.action-btn+button{margin-left:4px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row:hover .table-column.question .buttons{opacity:1}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row{border-top:1px solid #f1f1f1}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row:hover .table-column.serial .sr-no,::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row.active .table-column.serial .sr-no{color:#f8f8f8}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row:hover .table-column.serial .sr-no app-cs-radio,::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row.active .table-column.serial .sr-no app-cs-radio{opacity:1}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row .table-column{height:32px}::ng-deep .assessment-list-body .assessment-list-part.web-view{height:calc(100vh - 200px)}::ng-deep .assessment-list-body ul{padding:0;margin:0}::ng-deep .assessment-list-body ul.assessment{max-height:calc(100vh - 240px);overflow:auto;padding:16px 12px 0 0;width:calc(100% + 12px)}::ng-deep .assessment-list-body ul.assessment::-webkit-scrollbar-track{background-color:#fff;position:absolute}::ng-deep .assessment-list-body ul.assessment::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::ng-deep .assessment-list-body ul.assessment::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .assessment-list-body ul.assessment li{padding:0 0 12px;list-style:none;display:flex;align-items:center;justify-content:space-between}::ng-deep .assessment-list-body ul.assessment li app-cs-radio{width:calc(100% - 260px)}::ng-deep .assessment-list-body ul.assessment li app-cs-radio .radio-item .value .name{font-size:12px;color:#161b2f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .assessment-list-body ul.assessment li .right{display:flex;align-items:center}::ng-deep .assessment-list-body ul.assessment li .right .label{background:#f1f1f1;border-radius:2px;color:#042e7d;font-size:9px;font-weight:600;text-transform:uppercase;padding-left:4px;padding-right:4px;line-height:12px}::ng-deep .assessment-list-body ul.assessment li .right .buttons{display:flex;width:0;overflow:hidden;transition:all .2s ease-in-out}::ng-deep .assessment-list-body ul.assessment li .right .buttons button.action-btn{background:#fff;border:1px solid #f1f1f1;border-radius:2px;color:#1e5dd3;font-size:11px;font-weight:500;line-height:24px;text-transform:uppercase;padding:0 8px;margin-left:12px;display:flex;align-items:center}::ng-deep .assessment-list-body ul.assessment li .right .buttons button.action-btn i{margin-right:4px}::ng-deep .assessment-list-body ul.assessment li .right .buttons button.action-btn+button{margin-left:4px}::ng-deep .assessment-list-body ul.assessment li:hover .right .buttons{width:156px}::ng-deep .assessment-list-body app-no-data .no-data-wrapper{height:calc(100% - 118px)}::ng-deep .assessment-list.full-screen{width:100%}::ng-deep .assessment-list.full-screen:before{display:none}.within-part{display:flex;align-items:center;padding-right:12px}.within-part .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;color:#747576}.within-box{background:#f1f1f1;border-radius:2px;color:#042e7d;font-size:9px;font-weight:600;text-transform:uppercase;padding:0 4px;margin-right:8px;line-height:12px}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CsRadioComponent, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value", "oneLine"], outputs: ["checkedEvent"] }, { kind: "directive", type: ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: NoDataComponent, selector: "app-no-data", inputs: ["action", "noDataImage", "noDataText", "noDataButton", "noDataSecButton", "altText", "smallButton", "button"], outputs: ["buttonAction"] }, { kind: "component", type: PreviewComponent, selector: "app-preview", inputs: ["questionData", "isFullScreen"], outputs: ["previewBack"] }, { kind: "component", type: FloatingBarComponent, selector: "app-floating-bar", inputs: ["selectedData", "selectedGroups", "displayElementKey", "elementId", "singularText", "pluralText", "showNextButton", "showFrequencyText", "showWorkflow", "workflowText", "currentFrequency", "isDisabled", "workflowList", "selectedWorkflow", "workflowPlaceHolder", "mode", "defaultSelected", "groupsEnabled", "isResponsibility", "nonRemovableUsersList", "removePosition"], outputs: ["closeEvent", "deleteEvent", "closeList", "deleteGroupEvent", "workflowTypeChanged"] }, { kind: "component", type: WorkflowPaginationComponent, selector: "app-workflow-pagination", inputs: ["activeAlphabet", "pageCount", "start", "end", "total", "noFilter", "currentPage"], outputs: ["selectedPage", "selectedAlphabet"] }, { kind: "component", type: AssessmentListLoaderComponent, selector: "app-assessment-list-loader" }, { kind: "component", type: AssessmentListSubLoaderComponent, selector: "app-assessment-list-sub-loader" }] }); }
|
|
31473
31473
|
}
|
|
31474
31474
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AssessmentListComponent, decorators: [{
|
|
31475
31475
|
type: Component,
|
|
31476
|
-
args: [{ selector: 'app-assessment-list', template: "<app-preview *ngIf=\"isPreview\" [questionData]=\"previewQuestionData\" (previewBack)=\"previewBack()\"\n [isFullScreen]=\"isFullScreen\"></app-preview>\n<div class=\"assessment-list\" [class.animate]=\"animation\" [class.full-screen]=\"isFullScreen\">\n <div *ngIf=\"!isFullScreen\" class=\"assessment-list-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\">\n <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Select an Assessment</div>\n </div>\n <div class=\"assessment-list-body\">\n <div class=\"search-block\">\n <i class=\"icons\"></i>\n <input type=\"text\" [(ngModel)]=\"searchAssessments\" (change)=\"onAssessmentSearch($event.target.value)\"\n placeholder=\"Search Assessment Category\" />\n </div>\n <app-workflow-pagination [pageCount]=\"assessmentCategory?.totalPage\" [total]=\"assessmentCategory?.totalRecords\"\n [start]=\"assessmentCategory?.start_value\" [end]=\"assessmentCategory?.end_value\" [activeAlphabet]=\"''\"\n (selectedAlphabet)=\"onAlphabetSelected($event)\"\n (selectedPage)=\"onPageSelection($event)\"></app-workflow-pagination>\n <div *ngIf=\"\n assessmentCategory.data.length === 0 && !isLoader && searchAssessments\n \" class=\"assessment-list-part vx-mb-4\">\n <app-no-data [noDataImage]=\"ASSETS.search_data\" [noDataText]=\"'No Assessments Found.'\"></app-no-data>\n </div>\n <div *ngIf=\"assessmentCategory.data.length || isLoader\" class=\"assessment-list-part vx-mb-4\">\n <div *ngIf=\"isEdit && selectedAssessment?.assessmentDetails?.assessment_name\" class=\"assessment-list-selected\">\n <div class=\"assessment-list-heading\">\n {{\n mode === \"policy\"\n ? \"Assessment already selected\"\n : \"Assessment already selected for this responsibility\"\n }}\n </div>\n <div class=\"assessment-list-item\">\n <div class=\"table-row\">\n <div class=\"table-column serial disabled\">\n <app-cs-radio [disabled]=\"true\" class=\"disabled\" [checked]=\"true\" [readonly]=\"true\"></app-cs-radio>\n </div>\n <div class=\"table-column sub-name\">\n <div class=\"name-inner\">\n <div class=\"value\" [appTooltip]=\"\n selectedAssessment?.assessmentDetails?.assessment_name\n \" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">\n {{ selectedAssessment?.assessmentDetails?.assessment_name }}\n </div>\n <div class=\"within-part\">\n <span class=\"within-box\">Within</span>\n <span class=\"value\" [appTooltip]=\"\n selectedAssessment?.category_details?.category_name +\n (selectedAssessment?.category_details?.parent_tree\n ? ' > ' +\n selectedAssessment?.category_details?.parent_tree\n : '')\n \" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{\n selectedAssessment?.category_details?.category_name +\n (selectedAssessment?.category_details?.parent_tree\n ? \" > \" +\n selectedAssessment?.category_details?.parent_tree\n : \"\")\n }}</span>\n </div>\n </div>\n </div>\n <div class=\"table-column question\">\n <div class=\"buttons\">\n <button class=\"action-btn\" (click)=\"preview(selectedAssessment?.assessmentDetails)\">\n <i class=\"icons\"></i> Preview\n </button>\n <!-- <button class=\"action-btn\"><i class=\"icons\"></i> Edit</button> -->\n </div>\n <div class=\"label\">\n {{ selectedAssessment?.assessmentDetails?.questions }}\n {{\n selectedAssessment?.assessmentDetails?.questions > 1\n ? \"Questions\"\n : \"Question\"\n }}\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"assessment-list-heading\">\n {{\n mode === \"policy\"\n ? \"Select an Assessment\"\n : \"Select an Assessment for this responsibility\"\n }}\n </div>\n\n <!--\n Assessment category list \n active class is used for highlighting opened element\n -->\n <ng-container *ngIf=\"!isLoader\">\n <div *ngFor=\"let data of assessmentCategory.data; let i = index\" class=\"assessment-list-item\" [class.active]=\"\n openedCategory.includes(i) ||\n data.id === selectedAssessment?.category_id\n \">\n <div class=\"table-row main-list\" (click)=\"showSubList(i, data?.id)\"\n [class.disabled]=\"data?.assessmentcount < 1\">\n <div class=\"table-column serial\">\n <div [id]=\"'sr-no' + i\" class=\"sr-no\" [appTooltip]=\"i + 1\" placement=\"bottom\" delay=\"0\" type=\"black\"\n [tooltipMandatory]=\"true\">\n {{ dataPerPage * (assessmentPayload.page_no - 1) + (i + 1) }}\n </div>\n </div>\n <div class=\"table-column name\">\n <div class=\"name-inner\">\n <div class=\"value\" [appTooltip]=\"data.category_name\" placement=\"bottom-left\" delay=\"0\" type=\"black\"\n [tooltipMandatory]=\"false\">\n {{ data?.category_name }}\n </div>\n <div class=\"within-part\" *ngIf=\"data?.parent_tree\">\n <span class=\"within-box\">Within</span>\n <span class=\"value\" [appTooltip]=\"data.parent_tree\" placement=\"bottom-left\" delay=\"0\" type=\"black\"\n [tooltipMandatory]=\"false\">{{ data?.parent_tree }}</span>\n </div>\n </div>\n </div>\n <div class=\"table-column action\">\n <button [id]=\"'arrow' + i\" class=\"arrow\" [class.disabled]=\"data?.assessmentcount < 1\"\n [disabled]=\"data?.assessmentcount < 1\">\n <i *ngIf=\"!openedCategory.includes(i)\" class=\"icons\"></i>\n <i *ngIf=\"openedCategory.includes(i)\" class=\"icons\"></i>\n </button>\n </div>\n </div>\n\n <!-- Assessment list start from here -->\n <div *ngIf=\"openedCategory.includes(i)\" class=\"sub-list\">\n <ng-container *ngIf=\"data.assessmentData?.length > 0\">\n <div class=\"table-row\" *ngFor=\"let assessment of data.assessmentData; let j = index\" [class.active]=\"\n assessment.id === selectedAssessment?.assessment_id &&\n data.id === selectedAssessment?.category_id\n \">\n <div class=\"table-column serial\">\n <div [id]=\"'sub-sr-no' + i + j\" class=\"sr-no\" appTooltip=\"{{\n dataPerPage * (assessmentPayload.page_no - 1) + (i + 1)\n }}.{{ j + 1 }}\" placement=\"bottom\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\n {{\n dataPerPage * (assessmentPayload.page_no - 1) + (i + 1)\n }}.{{ j + 1 }}\n <app-cs-radio name=\"assessment\" [value]=\"assessment.id\" [checked]=\"\n assessment?.id === selectedAssessment?.assessment_id &&\n data?.id === selectedAssessment?.category_id\n \" (checkedEvent)=\"setAssessment(data, assessment)\"></app-cs-radio>\n </div>\n </div>\n <div class=\"table-column sub-name\">\n <div class=\"value\" [appTooltip]=\"\n 'Mission and message, communications to external audiences'\n \" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">\n {{ assessment?.assessment_name }}\n </div>\n </div>\n <div class=\"table-column question\">\n <div class=\"buttons\">\n <button class=\"action-btn\" (click)=\"preview(assessment)\">\n <i class=\"icons\"></i> Preview\n </button>\n <!-- <button class=\"action-btn\"><i class=\"icons\"></i> Edit</button> -->\n </div>\n <div class=\"label\">\n {{ assessment?.questions }}\n {{ assessment?.questions > 1 ? \"Questions\" : \"Question\" }}\n </div>\n </div>\n </div>\n </ng-container>\n <!-- Loader loading isLoader -->\n <app-assessment-list-sub-loader *ngIf=\"!data.assessmentData?.length\"></app-assessment-list-sub-loader>\n <!-- <app-line-loader *ngIf=\"!data.assessmentData?.length\" [loaderHeight]=\"'5'\"></app-line-loader> -->\n </div>\n </div>\n </ng-container>\n <!-- Loader loading isLoader -->\n <app-assessment-list-loader *ngIf=\"isLoader\"></app-assessment-list-loader>\n </div>\n <!-- No data image -->\n <app-no-data *ngIf=\"!assessmentCategory.data.length && !isLoader && !searchAssessments\"\n [noDataImage]=\"ASSETS.search_data\" [noDataText]=\"'No Data to Display'\"></app-no-data>\n\n <app-floating-bar [selectedData]=\"[]\" (closeEvent)=\"save()\" (closeList)=\"close()\"\n [isDisabled]=\"!selectedAssessment?.assessment_id && !isDeleted\" [selectedData]=\"\n selectedAssessment?.assessment_id\n ? [selectedAssessment?.assessmentDetails]\n : []\n \" [displayElementKey]=\"'assessment_name'\" [pluralText]=\"'Risk Categories selected'\" (closeEvent)=\"save()\"\n (deleteEvent)=\"deleteEvent($event)\">\n </app-floating-bar>\n </div>\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .assessment-list{position:fixed;inset:0 500px 0 0}::ng-deep .assessment-list:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .assessment-list.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .assessment-list-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .assessment-list-body{height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .assessment-list-body .search-block{position:relative}::ng-deep .assessment-list-body .search-block input{height:2.75rem;line-height:1.5rem;padding:.5rem 1rem .5rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;width:100%;font-size:14px;color:#747576}::ng-deep .assessment-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .assessment-list-body .search-block i{position:absolute;left:1rem;top:1rem;pointer-events:none;color:#f1f1f1;font-size:12px}::ng-deep .assessment-list-body app-workflow-pagination .pagination-sec{padding-bottom:0!important}::ng-deep .assessment-list-body .assessment-list-part{height:calc(100vh - 200px);overflow:auto;padding:8px 12px 0 0;width:calc(100% + 12px)}::ng-deep .assessment-list-body .assessment-list-part::-webkit-scrollbar-track{background-color:#fff;position:absolute}::ng-deep .assessment-list-body .assessment-list-part::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::ng-deep .assessment-list-body .assessment-list-part::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-selected{margin-bottom:8px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-heading{color:#161b2f;font-size:12px;font-weight:600;margin-bottom:4px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item{border:1px solid #f1f1f1;border-radius:2px;margin-bottom:4px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .main-list{cursor:pointer}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item.active{border-color:#1e5dd3;box-shadow:0 3px 6px #4681ef26}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row{display:flex;align-items:center;justify-content:space-between}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row.disabled{pointer-events:none}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column{color:#747576;height:48px;position:relative;width:100%;display:flex;align-items:center;padding:0 4px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.serial{width:32px;max-width:32px;justify-content:center}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.serial .sr-no{width:16px;background:#f8f8f8;writing-mode:vertical-lr;color:#747576;font-size:10px;font-weight:500;display:flex;height:100%;align-items:center;justify-content:center;position:relative;transition:all .2s ease-in-out}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.serial .sr-no app-cs-radio{position:absolute;top:8px;left:0;opacity:0;transition:all .2s ease-in-out}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.serial .sr-no app-cs-radio .radio-item{position:absolute;left:8px;top:0}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.name{width:calc(100% - 64px);min-width:calc(100% - 64px)}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.name .name-inner{width:100%}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.name .name-inner .value{color:#161b2f;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:20px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.action{width:32px;max-width:32px;justify-content:center}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.action button.arrow{background:transparent;border:none;border-radius:0;color:#747576;font-size:12px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;height:100%;width:100%}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.action button.disabled{opacity:.5!important;pointer-events:none}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.sub-name{width:calc(100% - 232px);min-width:calc(100% - 232px)}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.sub-name .name-inner{width:100%}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.sub-name .value{color:#747576;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:20px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question{width:200px;max-width:200px;justify-content:flex-end}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question .label{background:#f1f1f1;border-radius:2px;color:#042e7d;font-size:9px;font-weight:600;text-transform:uppercase;padding-left:4px;padding-right:4px;line-height:12px;margin-left:8px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question .buttons{display:flex;opacity:0;overflow:hidden;transition:all .2s ease-in-out}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question .buttons button.action-btn{background:#fff;border:1px solid #f1f1f1;border-radius:2px;color:#1e5dd3;font-size:11px;font-weight:500;line-height:22px;text-transform:uppercase;padding:0 8px;display:flex;align-items:center;margin:0}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question .buttons button.action-btn i{margin-right:4px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question .buttons button.action-btn+button{margin-left:4px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row:hover .table-column.question .buttons{opacity:1}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row{border-top:1px solid #f1f1f1}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row:hover .table-column.serial .sr-no,::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row.active .table-column.serial .sr-no{color:#f8f8f8}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row:hover .table-column.serial .sr-no app-cs-radio,::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row.active .table-column.serial .sr-no app-cs-radio{opacity:1}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row .table-column{height:32px}::ng-deep .assessment-list-body ul{padding:0;margin:0}::ng-deep .assessment-list-body ul.assessment{max-height:calc(100vh - 240px);overflow:auto;padding:16px 12px 0 0;width:calc(100% + 12px)}::ng-deep .assessment-list-body ul.assessment::-webkit-scrollbar-track{background-color:#fff;position:absolute}::ng-deep .assessment-list-body ul.assessment::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::ng-deep .assessment-list-body ul.assessment::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .assessment-list-body ul.assessment li{padding:0 0 12px;list-style:none;display:flex;align-items:center;justify-content:space-between}::ng-deep .assessment-list-body ul.assessment li app-cs-radio{width:calc(100% - 260px)}::ng-deep .assessment-list-body ul.assessment li app-cs-radio .radio-item .value .name{font-size:12px;color:#161b2f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .assessment-list-body ul.assessment li .right{display:flex;align-items:center}::ng-deep .assessment-list-body ul.assessment li .right .label{background:#f1f1f1;border-radius:2px;color:#042e7d;font-size:9px;font-weight:600;text-transform:uppercase;padding-left:4px;padding-right:4px;line-height:12px}::ng-deep .assessment-list-body ul.assessment li .right .buttons{display:flex;width:0;overflow:hidden;transition:all .2s ease-in-out}::ng-deep .assessment-list-body ul.assessment li .right .buttons button.action-btn{background:#fff;border:1px solid #f1f1f1;border-radius:2px;color:#1e5dd3;font-size:11px;font-weight:500;line-height:24px;text-transform:uppercase;padding:0 8px;margin-left:12px;display:flex;align-items:center}::ng-deep .assessment-list-body ul.assessment li .right .buttons button.action-btn i{margin-right:4px}::ng-deep .assessment-list-body ul.assessment li .right .buttons button.action-btn+button{margin-left:4px}::ng-deep .assessment-list-body ul.assessment li:hover .right .buttons{width:156px}::ng-deep .assessment-list-body app-no-data .no-data-wrapper{height:calc(100% - 118px)}::ng-deep .assessment-list.full-screen{width:100%}::ng-deep .assessment-list.full-screen:before{display:none}.within-part{display:flex;align-items:center;padding-right:12px}.within-part .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;color:#747576}.within-box{background:#f1f1f1;border-radius:2px;color:#042e7d;font-size:9px;font-weight:600;text-transform:uppercase;padding:0 4px;margin-right:8px;line-height:12px}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n"] }]
|
|
31476
|
+
args: [{ selector: 'app-assessment-list', template: "<app-preview *ngIf=\"isPreview\" [questionData]=\"previewQuestionData\" (previewBack)=\"previewBack()\"\n [isFullScreen]=\"isFullScreen\"></app-preview>\n<div class=\"assessment-list\" [class.animate]=\"animation\" [class.full-screen]=\"isFullScreen\">\n <div *ngIf=\"!isFullScreen\" class=\"assessment-list-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\">\n <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Select an Assessment</div>\n </div>\n <div class=\"assessment-list-body\">\n <div class=\"search-block\">\n <i class=\"icons\"></i>\n <input type=\"text\" [(ngModel)]=\"searchAssessments\" (change)=\"onAssessmentSearch($event.target.value)\"\n placeholder=\"Search Assessment Category\" />\n </div>\n <app-workflow-pagination [pageCount]=\"assessmentCategory?.totalPage\" [total]=\"assessmentCategory?.totalRecords\"\n [start]=\"assessmentCategory?.start_value\" [end]=\"assessmentCategory?.end_value\" [activeAlphabet]=\"''\"\n (selectedAlphabet)=\"onAlphabetSelected($event)\"\n (selectedPage)=\"onPageSelection($event)\"></app-workflow-pagination>\n <div *ngIf=\"\n assessmentCategory.data.length === 0 && !isLoader && searchAssessments\n \" class=\"assessment-list-part vx-mb-4\">\n <app-no-data [noDataImage]=\"ASSETS.search_data\" [noDataText]=\"'No Assessments Found.'\"></app-no-data>\n </div>\n <div *ngIf=\"assessmentCategory.data.length || isLoader\" class=\"assessment-list-part vx-mb-4\"\n [class.web-view]=\"isFullScreen\">\n <div *ngIf=\"isEdit && selectedAssessment?.assessmentDetails?.assessment_name\" class=\"assessment-list-selected\">\n <div class=\"assessment-list-heading\">\n {{\n mode === \"policy\"\n ? \"Assessment already selected\"\n : \"Assessment already selected for this responsibility\"\n }}\n </div>\n <div class=\"assessment-list-item\">\n <div class=\"table-row\">\n <div class=\"table-column serial disabled\">\n <app-cs-radio [disabled]=\"true\" class=\"disabled\" [checked]=\"true\" [readonly]=\"true\"></app-cs-radio>\n </div>\n <div class=\"table-column sub-name\">\n <div class=\"name-inner\">\n <div class=\"value\" [appTooltip]=\"\n selectedAssessment?.assessmentDetails?.assessment_name\n \" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">\n {{ selectedAssessment?.assessmentDetails?.assessment_name }}\n </div>\n <div class=\"within-part\">\n <span class=\"within-box\">Within</span>\n <span class=\"value\" [appTooltip]=\"\n selectedAssessment?.category_details?.category_name +\n (selectedAssessment?.category_details?.parent_tree\n ? ' > ' +\n selectedAssessment?.category_details?.parent_tree\n : '')\n \" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{\n selectedAssessment?.category_details?.category_name +\n (selectedAssessment?.category_details?.parent_tree\n ? \" > \" +\n selectedAssessment?.category_details?.parent_tree\n : \"\")\n }}</span>\n </div>\n </div>\n </div>\n <div class=\"table-column question\">\n <div class=\"buttons\">\n <button class=\"action-btn\" (click)=\"preview(selectedAssessment?.assessmentDetails)\">\n <i class=\"icons\"></i> Preview\n </button>\n <!-- <button class=\"action-btn\"><i class=\"icons\"></i> Edit</button> -->\n </div>\n <div class=\"label\">\n {{ selectedAssessment?.assessmentDetails?.questions }}\n {{\n selectedAssessment?.assessmentDetails?.questions > 1\n ? \"Questions\"\n : \"Question\"\n }}\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"assessment-list-heading\">\n {{\n mode === \"policy\"\n ? \"Select an Assessment\"\n : \"Select an Assessment for this responsibility\"\n }}\n </div>\n\n <!--\n Assessment category list \n active class is used for highlighting opened element\n -->\n <ng-container *ngIf=\"!isLoader\">\n <div *ngFor=\"let data of assessmentCategory.data; let i = index\" class=\"assessment-list-item\" [class.active]=\"\n openedCategory.includes(i) ||\n data.id === selectedAssessment?.category_id\n \">\n <div class=\"table-row main-list\" (click)=\"showSubList(i, data?.id)\"\n [class.disabled]=\"data?.assessmentcount < 1\">\n <div class=\"table-column serial\">\n <div [id]=\"'sr-no' + i\" class=\"sr-no\" [appTooltip]=\"i + 1\" placement=\"bottom\" delay=\"0\" type=\"black\"\n [tooltipMandatory]=\"true\">\n {{ dataPerPage * (assessmentPayload.page_no - 1) + (i + 1) }}\n </div>\n </div>\n <div class=\"table-column name\">\n <div class=\"name-inner\">\n <div class=\"value\" [appTooltip]=\"data.category_name\" placement=\"bottom-left\" delay=\"0\" type=\"black\"\n [tooltipMandatory]=\"false\">\n {{ data?.category_name }}\n </div>\n <div class=\"within-part\" *ngIf=\"data?.parent_tree\">\n <span class=\"within-box\">Within</span>\n <span class=\"value\" [appTooltip]=\"data.parent_tree\" placement=\"bottom-left\" delay=\"0\" type=\"black\"\n [tooltipMandatory]=\"false\">{{ data?.parent_tree }}</span>\n </div>\n </div>\n </div>\n <div class=\"table-column action\">\n <button [id]=\"'arrow' + i\" class=\"arrow\" [class.disabled]=\"data?.assessmentcount < 1\"\n [disabled]=\"data?.assessmentcount < 1\">\n <i *ngIf=\"!openedCategory.includes(i)\" class=\"icons\"></i>\n <i *ngIf=\"openedCategory.includes(i)\" class=\"icons\"></i>\n </button>\n </div>\n </div>\n\n <!-- Assessment list start from here -->\n <div *ngIf=\"openedCategory.includes(i)\" class=\"sub-list\">\n <ng-container *ngIf=\"data.assessmentData?.length > 0\">\n <div class=\"table-row\" *ngFor=\"let assessment of data.assessmentData; let j = index\" [class.active]=\"\n assessment.id === selectedAssessment?.assessment_id &&\n data.id === selectedAssessment?.category_id\n \">\n <div class=\"table-column serial\">\n <div [id]=\"'sub-sr-no' + i + j\" class=\"sr-no\" appTooltip=\"{{\n dataPerPage * (assessmentPayload.page_no - 1) + (i + 1)\n }}.{{ j + 1 }}\" placement=\"bottom\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\n {{\n dataPerPage * (assessmentPayload.page_no - 1) + (i + 1)\n }}.{{ j + 1 }}\n <app-cs-radio name=\"assessment\" [value]=\"assessment.id\" [checked]=\"\n assessment?.id === selectedAssessment?.assessment_id &&\n data?.id === selectedAssessment?.category_id\n \" (checkedEvent)=\"setAssessment(data, assessment)\"></app-cs-radio>\n </div>\n </div>\n <div class=\"table-column sub-name\">\n <div class=\"value\" [appTooltip]=\"\n 'Mission and message, communications to external audiences'\n \" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">\n {{ assessment?.assessment_name }}\n </div>\n </div>\n <div class=\"table-column question\">\n <div class=\"buttons\">\n <button class=\"action-btn\" (click)=\"preview(assessment)\">\n <i class=\"icons\"></i> Preview\n </button>\n <!-- <button class=\"action-btn\"><i class=\"icons\"></i> Edit</button> -->\n </div>\n <div class=\"label\">\n {{ assessment?.questions }}\n {{ assessment?.questions > 1 ? \"Questions\" : \"Question\" }}\n </div>\n </div>\n </div>\n </ng-container>\n <!-- Loader loading isLoader -->\n <app-assessment-list-sub-loader *ngIf=\"!data.assessmentData?.length\"></app-assessment-list-sub-loader>\n <!-- <app-line-loader *ngIf=\"!data.assessmentData?.length\" [loaderHeight]=\"'5'\"></app-line-loader> -->\n </div>\n </div>\n </ng-container>\n <!-- Loader loading isLoader -->\n <app-assessment-list-loader *ngIf=\"isLoader\"></app-assessment-list-loader>\n </div>\n <!-- No data image -->\n <app-no-data *ngIf=\"!assessmentCategory.data.length && !isLoader && !searchAssessments\"\n [noDataImage]=\"ASSETS.search_data\" [noDataText]=\"'No Data to Display'\"></app-no-data>\n\n <app-floating-bar [selectedData]=\"[]\" (closeEvent)=\"save()\" (closeList)=\"close()\"\n [isDisabled]=\"!selectedAssessment?.assessment_id && !isDeleted\" [selectedData]=\"\n selectedAssessment?.assessment_id\n ? [selectedAssessment?.assessmentDetails]\n : []\n \" [displayElementKey]=\"'assessment_name'\" [pluralText]=\"'Risk Categories selected'\" (closeEvent)=\"save()\"\n (deleteEvent)=\"deleteEvent($event)\">\n </app-floating-bar>\n </div>\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .assessment-list{position:fixed;inset:0 500px 0 0}::ng-deep .assessment-list:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .assessment-list.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .assessment-list-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .assessment-list-body{height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .assessment-list-body .search-block{position:relative}::ng-deep .assessment-list-body .search-block input{height:2.75rem;line-height:1.5rem;padding:.5rem 1rem .5rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;width:100%;font-size:14px;color:#747576}::ng-deep .assessment-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .assessment-list-body .search-block i{position:absolute;left:1rem;top:1rem;pointer-events:none;color:#f1f1f1;font-size:12px}::ng-deep .assessment-list-body app-workflow-pagination .pagination-sec{padding-bottom:0!important}::ng-deep .assessment-list-body .assessment-list-part{height:calc(100vh - 240px);overflow:auto;padding:8px 12px 0 0;width:calc(100% + 12px)}::ng-deep .assessment-list-body .assessment-list-part::-webkit-scrollbar-track{background-color:#fff;position:absolute}::ng-deep .assessment-list-body .assessment-list-part::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::ng-deep .assessment-list-body .assessment-list-part::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-selected{margin-bottom:8px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-heading{color:#161b2f;font-size:12px;font-weight:600;margin-bottom:4px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item{border:1px solid #f1f1f1;border-radius:2px;margin-bottom:4px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .main-list{cursor:pointer}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item.active{border-color:#1e5dd3;box-shadow:0 3px 6px #4681ef26}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row{display:flex;align-items:center;justify-content:space-between}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row.disabled{pointer-events:none}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column{color:#747576;height:48px;position:relative;width:100%;display:flex;align-items:center;padding:0 4px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.serial{width:32px;max-width:32px;justify-content:center}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.serial .sr-no{width:16px;background:#f8f8f8;writing-mode:vertical-lr;color:#747576;font-size:10px;font-weight:500;display:flex;height:100%;align-items:center;justify-content:center;position:relative;transition:all .2s ease-in-out}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.serial .sr-no app-cs-radio{position:absolute;top:8px;left:0;opacity:0;transition:all .2s ease-in-out}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.serial .sr-no app-cs-radio .radio-item{position:absolute;left:8px;top:0}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.name{width:calc(100% - 64px);min-width:calc(100% - 64px)}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.name .name-inner{width:100%}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.name .name-inner .value{color:#161b2f;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:20px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.action{width:32px;max-width:32px;justify-content:center}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.action button.arrow{background:transparent;border:none;border-radius:0;color:#747576;font-size:12px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;height:100%;width:100%}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.action button.disabled{opacity:.5!important;pointer-events:none}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.sub-name{width:calc(100% - 232px);min-width:calc(100% - 232px)}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.sub-name .name-inner{width:100%}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.sub-name .value{color:#747576;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:20px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question{width:200px;max-width:200px;justify-content:flex-end}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question .label{background:#f1f1f1;border-radius:2px;color:#042e7d;font-size:9px;font-weight:600;text-transform:uppercase;padding-left:4px;padding-right:4px;line-height:12px;margin-left:8px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question .buttons{display:flex;opacity:0;overflow:hidden;transition:all .2s ease-in-out}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question .buttons button.action-btn{background:#fff;border:1px solid #f1f1f1;border-radius:2px;color:#1e5dd3;font-size:11px;font-weight:500;line-height:22px;text-transform:uppercase;padding:0 8px;display:flex;align-items:center;margin:0}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question .buttons button.action-btn i{margin-right:4px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row .table-column.question .buttons button.action-btn+button{margin-left:4px}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .table-row:hover .table-column.question .buttons{opacity:1}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row{border-top:1px solid #f1f1f1}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row:hover .table-column.serial .sr-no,::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row.active .table-column.serial .sr-no{color:#f8f8f8}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row:hover .table-column.serial .sr-no app-cs-radio,::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row.active .table-column.serial .sr-no app-cs-radio{opacity:1}::ng-deep .assessment-list-body .assessment-list-part .assessment-list-item .sub-list .table-row .table-column{height:32px}::ng-deep .assessment-list-body .assessment-list-part.web-view{height:calc(100vh - 200px)}::ng-deep .assessment-list-body ul{padding:0;margin:0}::ng-deep .assessment-list-body ul.assessment{max-height:calc(100vh - 240px);overflow:auto;padding:16px 12px 0 0;width:calc(100% + 12px)}::ng-deep .assessment-list-body ul.assessment::-webkit-scrollbar-track{background-color:#fff;position:absolute}::ng-deep .assessment-list-body ul.assessment::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::ng-deep .assessment-list-body ul.assessment::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .assessment-list-body ul.assessment li{padding:0 0 12px;list-style:none;display:flex;align-items:center;justify-content:space-between}::ng-deep .assessment-list-body ul.assessment li app-cs-radio{width:calc(100% - 260px)}::ng-deep .assessment-list-body ul.assessment li app-cs-radio .radio-item .value .name{font-size:12px;color:#161b2f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .assessment-list-body ul.assessment li .right{display:flex;align-items:center}::ng-deep .assessment-list-body ul.assessment li .right .label{background:#f1f1f1;border-radius:2px;color:#042e7d;font-size:9px;font-weight:600;text-transform:uppercase;padding-left:4px;padding-right:4px;line-height:12px}::ng-deep .assessment-list-body ul.assessment li .right .buttons{display:flex;width:0;overflow:hidden;transition:all .2s ease-in-out}::ng-deep .assessment-list-body ul.assessment li .right .buttons button.action-btn{background:#fff;border:1px solid #f1f1f1;border-radius:2px;color:#1e5dd3;font-size:11px;font-weight:500;line-height:24px;text-transform:uppercase;padding:0 8px;margin-left:12px;display:flex;align-items:center}::ng-deep .assessment-list-body ul.assessment li .right .buttons button.action-btn i{margin-right:4px}::ng-deep .assessment-list-body ul.assessment li .right .buttons button.action-btn+button{margin-left:4px}::ng-deep .assessment-list-body ul.assessment li:hover .right .buttons{width:156px}::ng-deep .assessment-list-body app-no-data .no-data-wrapper{height:calc(100% - 118px)}::ng-deep .assessment-list.full-screen{width:100%}::ng-deep .assessment-list.full-screen:before{display:none}.within-part{display:flex;align-items:center;padding-right:12px}.within-part .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;color:#747576}.within-box{background:#f1f1f1;border-radius:2px;color:#042e7d;font-size:9px;font-weight:600;text-transform:uppercase;padding:0 4px;margin-right:8px;line-height:12px}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n"] }]
|
|
31477
31477
|
}], ctorParameters: function () { return [{ type: ResponsibilityService }, { type: AssessmentService$2 }, { type: AuthService$1 }, { type: CommonService }]; }, propDecorators: { isEdit: [{
|
|
31478
31478
|
type: Input
|
|
31479
31479
|
}], mode: [{
|