vcomply-workflow-engine 6.1.81 → 6.1.82
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 +2 -2
- package/esm2022/lib/sharedComponents/program-list/constant.mjs +2 -2
- package/esm2022/lib/sharedComponents/program-list/program-list/program-list.component.mjs +3 -3
- package/esm2022/lib/sharedComponents/review-frequency/review-frequency.component.mjs +2 -2
- package/esm2022/lib/sharedComponents/risk-classification/risk-classification.component.mjs +2 -2
- package/esm2022/lib/workflow/shared/components/grc-object-list/grc-object-list.component.mjs +3 -3
- package/esm2022/lib/workflow-compliance/workflow-compliance.component.mjs +3 -2
- package/esm2022/lib/workflow-engine-container/workflow-engine-container.component.mjs +2 -2
- package/esm2022/lib/workflow-services/common-workflow-services/compliance-common.service.mjs +8 -1
- package/fesm2022/vcomply-workflow-engine.mjs +22 -14
- package/fesm2022/vcomply-workflow-engine.mjs.map +1 -1
- package/lib/workflow-risk/workflow-risk.component.d.ts +1 -1
- package/lib/workflow-services/common-workflow-services/compliance-common.service.d.ts +1 -0
- package/package.json +1 -1
|
@@ -187,11 +187,11 @@ export class AssessmentListComponent {
|
|
|
187
187
|
this.isDeleted = true;
|
|
188
188
|
}
|
|
189
189
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AssessmentListComponent, deps: [{ token: i1.ResponsibilityService }, { token: i2.AssessmentService }, { token: i3.AuthService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
190
|
-
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{background:#fff;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 - 242px);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: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.CsRadioComponent, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value", "oneLine"], outputs: ["checkedEvent"] }, { kind: "directive", type: i7.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.NoDataComponent, selector: "app-no-data", inputs: ["action", "noDataImage", "noDataText", "noDataButton", "noDataSecButton", "altText", "smallButton", "button"], outputs: ["buttonAction"] }, { kind: "component", type: i9.PreviewComponent, selector: "app-preview", inputs: ["questionData", "isFullScreen"], outputs: ["previewBack"] }, { kind: "component", type: i10.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: i11.WorkflowPaginationComponent, selector: "app-workflow-pagination", inputs: ["activeAlphabet", "pageCount", "start", "end", "total", "noFilter", "currentPage"], outputs: ["selectedPage", "selectedAlphabet"] }, { kind: "component", type: i12.AssessmentListLoaderComponent, selector: "app-assessment-list-loader" }, { kind: "component", type: i13.AssessmentListSubLoaderComponent, selector: "app-assessment-list-sub-loader" }] }); }
|
|
190
|
+
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 - 242px);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: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.CsRadioComponent, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value", "oneLine"], outputs: ["checkedEvent"] }, { kind: "directive", type: i7.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.NoDataComponent, selector: "app-no-data", inputs: ["action", "noDataImage", "noDataText", "noDataButton", "noDataSecButton", "altText", "smallButton", "button"], outputs: ["buttonAction"] }, { kind: "component", type: i9.PreviewComponent, selector: "app-preview", inputs: ["questionData", "isFullScreen"], outputs: ["previewBack"] }, { kind: "component", type: i10.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: i11.WorkflowPaginationComponent, selector: "app-workflow-pagination", inputs: ["activeAlphabet", "pageCount", "start", "end", "total", "noFilter", "currentPage"], outputs: ["selectedPage", "selectedAlphabet"] }, { kind: "component", type: i12.AssessmentListLoaderComponent, selector: "app-assessment-list-loader" }, { kind: "component", type: i13.AssessmentListSubLoaderComponent, selector: "app-assessment-list-sub-loader" }] }); }
|
|
191
191
|
}
|
|
192
192
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AssessmentListComponent, decorators: [{
|
|
193
193
|
type: Component,
|
|
194
|
-
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{background:#fff;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 - 242px);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"] }]
|
|
194
|
+
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 - 242px);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"] }]
|
|
195
195
|
}], ctorParameters: function () { return [{ type: i1.ResponsibilityService }, { type: i2.AssessmentService }, { type: i3.AuthService }]; }, propDecorators: { isEdit: [{
|
|
196
196
|
type: Input
|
|
197
197
|
}], mode: [{
|
|
@@ -21,7 +21,7 @@ export const PROGRAM_OBJECT = {
|
|
|
21
21
|
};
|
|
22
22
|
export const PROGRAM_NO_DATA = {
|
|
23
23
|
programList: 'No data to display.',
|
|
24
|
-
categoryList: 'Select a
|
|
24
|
+
categoryList: 'Select a Program to view </br> the associated sub-categories.',
|
|
25
25
|
search: 'No results matched your search criteria.',
|
|
26
26
|
};
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92eC13b3JrZmxvdy1lbmdpbmUvc3JjL2xpYi9zaGFyZWRDb21wb25lbnRzL3Byb2dyYW0tbGlzdC9jb25zdGFudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxlQUFlO0FBQ2YsTUFBTSxDQUFDLE1BQU0scUJBQXFCLEdBQUc7SUFDakMsY0FBYztJQUNkLG9CQUFvQjtDQUNyQixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sa0JBQWtCLEdBQUc7SUFDaEMsU0FBUyxFQUFFLEVBQUU7SUFDYixvQkFBb0IsRUFBRSxDQUFDO0NBQ3hCLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FBRztJQUMvQixFQUFDLElBQUksRUFBRSxhQUFhLEVBQUUsRUFBRSxFQUFFLGFBQWEsRUFBQztJQUN4QyxFQUFDLElBQUksRUFBRSxXQUFXLEVBQUUsRUFBRSxFQUFFLFdBQVcsRUFBQztJQUNwQyxFQUFDLElBQUksRUFBRSxtQkFBbUIsRUFBRSxFQUFFLEVBQUUsbUJBQW1CLEVBQUM7SUFDcEQsRUFBQyxJQUFJLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRSxRQUFRLEVBQUM7Q0FDL0IsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRztJQUM1QixXQUFXLEVBQUUsQ0FBQztJQUNkLFNBQVMsRUFBRSxDQUFDO0lBQ1osaUJBQWlCLEVBQUUsQ0FBQztJQUNwQixNQUFNLEVBQUUsQ0FBQztDQUNWLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxlQUFlLEdBQUc7SUFDN0IsV0FBVyxFQUFFLHFCQUFxQjtJQUNsQyxZQUFZLEVBQUUsK0RBQStEO0lBQzdFLE1BQU0sRUFBRSwwQ0FBMEM7Q0FDbkQsQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbIi8vIGNvbnN0YW50cy50c1xuZXhwb3J0IGNvbnN0IFBST0dSQU1fVEFCTEVfSEVBREVSUyA9IFtcbiAgICAnUHJvZ3JhbSBOYW1lJyxcbiAgICAnUHJvZ3JhbSBDYXRlZ29yaWVzJ1xuICBdO1xuICBcbiAgZXhwb3J0IGNvbnN0IFBBR0lOQVRJT05fT1BUSU9OUyA9IHtcbiAgICBQQUdFX1NJWkU6IDMwLFxuICAgIERFRkFVTFRfQ1VSUkVOVF9QQUdFOiAxXG4gIH07XG5cbiAgZXhwb3J0IGNvbnN0IFBST0dSQU1fVFlQRV9MSVNUID0gW1xuICAgIHtuYW1lOiAnUmVndWxhdGlvbnMnLCBpZDogJ3JlZ3VsYXRpb25zJ30sXG4gICAge25hbWU6ICdTdGFuZGFyZHMnLCBpZDogJ3N0YW5kYXJkcyd9LFxuICAgIHtuYW1lOiAnSW50ZXJuYWwgQ29udHJvbHMnLCBpZDogJ2ludGVybmFsX2NvbnRyb2xzJ30sXG4gICAge25hbWU6ICdPdGhlcnMnLCBpZDogJ290aGVycyd9LFxuICBdO1xuXG4gIGV4cG9ydCBjb25zdCBQUk9HUkFNX09CSkVDVCA9IHtcbiAgICByZWd1bGF0aW9uczogMSxcbiAgICBzdGFuZGFyZHM6IDIsXG4gICAgaW50ZXJuYWxfY29udHJvbHM6IDMsXG4gICAgb3RoZXJzOiAwLFxuICB9O1xuXG4gIGV4cG9ydCBjb25zdCBQUk9HUkFNX05PX0RBVEEgPSB7XG4gICAgcHJvZ3JhbUxpc3Q6ICdObyBkYXRhIHRvIGRpc3BsYXkuJyxcbiAgICBjYXRlZ29yeUxpc3Q6ICdTZWxlY3QgYSBQcm9ncmFtIHRvIHZpZXcgPC9icj4gdGhlIGFzc29jaWF0ZWQgc3ViLWNhdGVnb3JpZXMuJyxcbiAgICBzZWFyY2g6ICdObyByZXN1bHRzIG1hdGNoZWQgeW91ciBzZWFyY2ggY3JpdGVyaWEuJyxcbiAgfVxuIl19
|