vcomply-workflow-engine 3.9.91 → 3.9.93
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.
|
@@ -30867,6 +30867,7 @@ class LinkRelatedPoliciesComponent {
|
|
|
30867
30867
|
this.recentPage = CONSTANTS$1.DEFAULT_PAGE_NUMBER;
|
|
30868
30868
|
}
|
|
30869
30869
|
ngOnInit() {
|
|
30870
|
+
this.selectedPolicyList = [...new Set(this.selectedPolicies)];
|
|
30870
30871
|
this.animation = true;
|
|
30871
30872
|
setTimeout(() => {
|
|
30872
30873
|
this.animation = false;
|
|
@@ -30928,7 +30929,6 @@ class LinkRelatedPoliciesComponent {
|
|
|
30928
30929
|
!data?.search) {
|
|
30929
30930
|
this.policiesList =
|
|
30930
30931
|
this.policyService.linkRelatePolicies[this.recentPage - 1];
|
|
30931
|
-
this.selectedPolicyList = [...new Set(this.selectedPolicies)];
|
|
30932
30932
|
this.selectedItems();
|
|
30933
30933
|
return;
|
|
30934
30934
|
}
|
|
@@ -30951,6 +30951,7 @@ class LinkRelatedPoliciesComponent {
|
|
|
30951
30951
|
this.policyService.linkRelatePolicies[this.recentPage - 1] =
|
|
30952
30952
|
JSON.parse(JSON.stringify(this.policiesList));
|
|
30953
30953
|
}
|
|
30954
|
+
this.selectedItems();
|
|
30954
30955
|
},
|
|
30955
30956
|
error: (err) => {
|
|
30956
30957
|
this.loader = false;
|
|
@@ -30977,11 +30978,11 @@ class LinkRelatedPoliciesComponent {
|
|
|
30977
30978
|
this.selectedItems();
|
|
30978
30979
|
}
|
|
30979
30980
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LinkRelatedPoliciesComponent, deps: [{ token: PolicyService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
30980
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LinkRelatedPoliciesComponent, selector: "app-link-related-policies", inputs: { selectedPolicies: "selectedPolicies" }, outputs: { closeLinkPolicyList: "closeLinkPolicyList", selectedList: "selectedList" }, ngImport: i0, template: "<div class=\"link-policy\" [class.animate]=\"animation\">\r\n <ng-container>\r\n <div\r\n class=\"link-policy-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\"\r\n >\r\n <div class=\"page-title vx-fs-14 vx-fw-500 vx-label-txt\">\r\n Select Policies to link with\r\n </div>\r\n <button\r\n (click)=\"goBack()\"\r\n class=\"back-btn vx-fs-14 vx-fw-500 vx-label-txt vx-tt-uppercase vx-p-0 vx-m-0 vx-d-flex vx-align-center\"\r\n >\r\n <i class=\"icons vx-mr-1\"></i> BACK\r\n </button>\r\n </div>\r\n <div class=\"link-policy-body vx-p-4 vx-pb-3\">\r\n <div class=\"link-policy-search vx-mb-2\">\r\n <i class=\"icons vx-fs-12\"></i>\r\n <input\r\n type=\"text\"\r\n placeholder=\"Search Policies\"\r\n (keyup.enter)=\"searchBy($event.target.value)\"\r\n />\r\n </div>\r\n <vui-pagination\r\n *ngIf=\"\r\n !loader && policiesList.totalPage > CONSTANTS.DEFAULT_PAGE_NUMBER\r\n \"\r\n [from]=\"policiesList.from\"\r\n [to]=\"policiesList.to\"\r\n [total]=\"policiesList.totalRecords\"\r\n [showPageDetail]=\"true\"\r\n [totalPage]=\"policiesList.totalPage\"\r\n [currentPage]=\"policiesList.currentPage\"\r\n [pageInSingleView]=\"CONSTANTS.PAGE_IN_SINGLE_VIEW\"\r\n (pageChanged)=\"changePage($event)\"\r\n >\r\n </vui-pagination>\r\n <div\r\n class=\"link-policy-table\"\r\n [class.with-pagination]=\"!loader && policiesList.totalPage > 1\"\r\n >\r\n <ng-container *ngIf=\"!loader && policiesList?.data?.length > 0\">\r\n <div class=\"table-header\">\r\n <div class=\"table-row\">\r\n <div\r\n class=\"table-column vx-fs-10 vx-fw-500 vx-label-txt vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\"\r\n >\r\n #\r\n </div>\r\n <div\r\n class=\"table-column vx-fs-10 vx-fw-500 vx-label-txt vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center policies\"\r\n >\r\n POLICIES\r\n </div>\r\n <div\r\n class=\"table-column vx-fs-10 vx-fw-500 vx-label-txt vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center categories\"\r\n >\r\n CATEGORIES\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"table-body\">\r\n <div\r\n class=\"table-row\"\r\n [class.active]=\"selectedControlIds?.includes(policy?.contract_id)\"\r\n *ngFor=\"let policy of policiesList?.data; let i = index\"\r\n >\r\n <div\r\n class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\"\r\n >\r\n <div\r\n class=\"sr-no\"\r\n [appTooltip]=\"i + policiesList.from\"\r\n placement=\"bottom\"\r\n delay=\"0\"\r\n type=\"black\"\r\n [tooltipMandatory]=\"true\"\r\n >\r\n {{ i + policiesList.from }}\r\n </div>\r\n <app-cs-checkbox\r\n class=\"check-box\"\r\n [value]=\"policy?.contract_id\"\r\n [ngValue]=\"selectedControlIds?.includes(policy?.contract_id)\"\r\n (ngValueChange)=\"selectPolicy($event, policy)\"\r\n ></app-cs-checkbox>\r\n </div>\r\n <div\r\n class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center policies column-body clickable\"\r\n >\r\n <div\r\n class=\"value vx-fs-12 vx-label-txt\"\r\n [appTooltip]=\"policy?.contract_name\"\r\n placement=\"bottom-left\"\r\n delay=\"0\"\r\n type=\"black\"\r\n [tooltipMandatory]=\"false\"\r\n (click)=\"\r\n selectPolicy(\r\n !selectedControlIds?.includes(policy?.contract_id),\r\n policy\r\n )\r\n \"\r\n >\r\n {{\r\n policy?.control_id\r\n ? \"[POLID - \" + policy.control_id + \"] \"\r\n : \"\"\r\n }}{{ policy?.contract_name }}\r\n </div>\r\n </div>\r\n <div\r\n class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center categories\"\r\n >\r\n <ng-container *ngIf=\"policy?.childCat?.length\">\r\n <div\r\n class=\"value vx-fs-12 vx-label-txt\"\r\n [appTooltip]=\"policy?.childCat[0]?.category_name\"\r\n placement=\"bottom-left\"\r\n delay=\"0\"\r\n type=\"black\"\r\n [tooltipMandatory]=\"false\"\r\n >\r\n {{ policy?.childCat[0]?.category_name }}\r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"policy?.childCat?.length > 1\">\r\n <button\r\n class=\"count vx-fs-12 vx-fw-500 vx-txt-white vx-p-0 vx-pl-1 vx-pr-1 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\"\r\n appPopover\r\n (click)=\"category.popover()\"\r\n placement=\"top\"\r\n >\r\n +{{ policy?.childCat?.length - 1 }}\r\n </button>\r\n <app-popover #category [dontCloseonClick]=\"true\">\r\n <div class=\"wf-action-list\">\r\n <ul class=\"action-item\">\r\n <li\r\n *ngFor=\"\r\n let childCategory of policy?.childCat\r\n | slice : 0 : 1\r\n \"\r\n >\r\n <div class=\"avatar-card\">\r\n <span class=\"value\">{{\r\n childCategory?.category_name\r\n }}</span>\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n </app-popover>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <app-no-data\r\n *ngIf=\"!loader && policiesList?.data?.length === 0\"\r\n [noDataImage]=\"LINKS.linkPolicyNoDataImage\"\r\n [noDataText]=\"CONSTANTS.NO_DATA_IMAGE_TEXT\"\r\n ></app-no-data>\r\n </div>\r\n\r\n <div\r\n class=\"link-policy-floating-bar vx-d-flex vx-align-center vx-justify-between vx-p-3 vx-mt-1\"\r\n >\r\n <div class=\"link-policy-floating-bar-left vx-d-flex vx-align-center\">\r\n <div class=\"selected\" *ngIf=\"selectedPolicyList?.length > 0\">\r\n <div\r\n class=\"chipContainer vx-d-flex vx-align-center vx-pl-2 vx-pr-2\"\r\n >\r\n <ng-container\r\n *ngFor=\"let policy of selectedPolicyList | slice : 0 : 1\"\r\n >\r\n <i\r\n (click)=\"deleteItem(policy)\"\r\n class=\"icons cross vx-fs-10 vx-paragraph-txt vx-mr-1\"\r\n ></i\r\n >\r\n <span\r\n class=\"chipName vx-fs-11 vx-label-txt\"\r\n [appTooltip]=\"policy?.contract_name\"\r\n placement=\"bottom-left\"\r\n delay=\"0\"\r\n type=\"black\"\r\n [tooltipMandatory]=\"false\"\r\n >{{ policy?.contract_name }}</span\r\n >\r\n </ng-container>\r\n <button\r\n class=\"countBtn vx-fs-9 vx-fw-500 vx-txt-white vx-d-flex vx-align-center vx-justify-center vx-lh-4\"\r\n *ngIf=\"selectedPolicyList.length > 1\"\r\n type=\"button\"\r\n appPopover\r\n (click)=\"relatedPolicy.popover()\"\r\n placement=\"left\"\r\n >\r\n +{{ selectedPolicyList?.length - 1 }}\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <app-popover #relatedPolicy [dontCloseonClick]=\"true\">\r\n <div class=\"wf-action-list\">\r\n <ul class=\"action-item\">\r\n <li\r\n *ngFor=\"\r\n let policy of selectedPolicyList | slice : 1;\r\n let j = index\r\n \"\r\n >\r\n <div class=\"avatar-card\">\r\n <span class=\"value\">\r\n <i class=\"icons\" (click)=\"deleteItem(policy)\"></i>\r\n {{ policy?.contract_name }}\r\n </span>\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n </app-popover>\r\n <div class=\"link-policy-floating-bar-right vx-d-flex vx-align-center\">\r\n <button\r\n (click)=\"goBack()\"\r\n class=\"cancel-btn vx-fs-11 vx-fw-500 vx-tt-uppercase vx-d-flex vx-align-center vx-justify-center vx-txt-red\"\r\n >\r\n CANCEL\r\n </button>\r\n <button\r\n (click)=\"saveChanges()\"\r\n [class.disabled]=\"selectedPolicyList?.length === 0\"\r\n class=\"next-btn vx-fs-11 vx-fw-500 vx-tt-uppercase vx-d-flex vx-align-center vx-justify-center vx-txt-white\"\r\n >\r\n NEXT <i class=\"icons vx-ml-2\"></i>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <app-loader-inline *ngIf=\"loader\"></app-loader-inline>\r\n</div>\r\n", 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 .link-policy{position:fixed;inset:0 500px 0 0}::ng-deep .link-policy.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .link-policy-head{background:#f8f8f8;border-radius:.125rem .125rem 0 0;border-bottom:1px solid #F1F1F1;height:2.75rem}::ng-deep .link-policy-head button.back-btn{background:transparent;border-radius:0;border:none}::ng-deep .link-policy-search{position:relative}::ng-deep .link-policy-search input{height:2.75rem;line-height:1.5rem;padding:.75rem .75rem .75rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;width:100%;font-size:14px;color:#747576}::ng-deep .link-policy-search input::placeholder{color:#747576;opacity:1}::ng-deep .link-policy-search i{position:absolute;left:1rem;top:1rem;pointer-events:none;color:#f1f1f1}::ng-deep .link-policy-table{overflow:hidden;overflow-y:auto;height:calc(100vh - 14rem)}::ng-deep .link-policy-table::-webkit-scrollbar-track{background-color:transparent}::ng-deep .link-policy-table .table-header{background:#fff;position:sticky;top:0;z-index:1}::ng-deep .link-policy-table .table-header .table-row{border:none!important;border-radius:0!important}::ng-deep .link-policy-table .table-header .table-row .table-column{line-height:1rem!important;min-height:1.5rem!important}::ng-deep .link-policy-table .table-row{border:1px solid #F1F1F1;border-radius:.25rem;display:flex;justify-content:space-between;position:relative;margin-bottom:.25rem}::ng-deep .link-policy-table .table-row:hover .table-column.serial app-cs-checkbox,::ng-deep .link-policy-table .table-row.active .table-column.serial app-cs-checkbox{opacity:1}::ng-deep .link-policy-table .table-row .table-column{min-height:2.5rem;position:relative;width:100%}::ng-deep .link-policy-table .table-row .table-column.serial{width:2rem;max-width:2rem;justify-content:center}::ng-deep .link-policy-table .table-row .table-column.serial .sr-no{width:1.25rem;background:#f8f8f8;writing-mode:vertical-lr;color:#747576;font-size:.625rem;font-weight:500;display:flex;height:2.5rem;align-items:center;justify-content:center;position:relative;transition:all .2s ease-in-out}::ng-deep .link-policy-table .table-row .table-column.serial app-cs-checkbox{background:#fff;border-radius:.125rem;position:absolute;top:.75rem;left:.5rem;width:1rem;height:1rem;opacity:0;transition:all .2s ease-in-out}::ng-deep .link-policy-table .table-row .table-column.serial app-cs-checkbox .checkbox-item .checkbox,::ng-deep .link-policy-table .table-row .table-column.serial app-cs-checkbox .checkbox-item .checkmark{position:absolute;top:0}::ng-deep .link-policy-table .table-row .table-column.policies{width:calc(100% - 28rem);min-width:calc(100% - 28rem)}::ng-deep .link-policy-table .table-row .table-column.policies .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 5rem)}::ng-deep .link-policy-table .table-row .table-column.categories{width:26rem;min-width:26rem}::ng-deep .link-policy-table .table-row .table-column.categories .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:calc(100% - 1rem)}::ng-deep .link-policy-table .table-row .table-column.categories button.count{background:#1e5dd3;border:none;border-radius:.125rem;height:1.5rem}::ng-deep .link-policy-table .table-row .table-column.category-name{width:calc(100% - 2rem);min-width:calc(100% - 2rem)}::ng-deep .link-policy-table .table-row .table-column.category-name .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 5rem)}::ng-deep .link-policy-floating-bar{background:#fff;border-radius:.25rem;box-shadow:0 2px 12px #4681ef40}::ng-deep .link-policy-floating-bar-left .counter{background:#34aa44;border-radius:.125rem;min-width:1.75rem}::ng-deep .link-policy-floating-bar-left .chip{background:#fff;border-radius:.125rem;box-shadow:0 2px 4px #1e5dd31a;height:1.5rem;display:block;max-width:13rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep .link-policy-floating-bar-left .chip i{position:relative;top:.0625rem;cursor:pointer}::ng-deep .link-policy-floating-bar-left button.count{background:#34aa44;border:none;border-radius:.125rem;height:1.5rem}::ng-deep .link-policy-floating-bar-right button{background:transparent;border:none;border-radius:.125rem;padding:0 .5rem;height:1.5rem}::ng-deep .link-policy-floating-bar-right button.next-btn{background:#1e5dd3}::ng-deep .link-policy-floating-bar-right button.next-btn.disabled{background:#f1f1f1!important;color:#747576!important;pointer-events:none!important}::ng-deep app-popover .wf-action-list ul.action-item li .avatar-card .cross-btn{cursor:pointer}.wf-action-list .action-item li .count-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}.column-body{position:relative;left:10px}.clickable{cursor:pointer}\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: "component", type: CsCheckboxComponent, selector: "app-cs-checkbox", inputs: ["disabled", "ngValue", "value", "readonly", "oneLine"], outputs: ["ngValueChange"] }, { kind: "directive", type: ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: PopoverComponent, selector: "app-popover", inputs: ["dontCloseonClick"] }, { kind: "directive", type: PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "placement"] }, { 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: "component", type: PaginationComponent, selector: "vui-pagination", inputs: ["from", "to", "total", "showPageDetail", "totalPage", "currentPage", "pageInSingleView"], outputs: ["pageChanged"] }, { kind: "pipe", type: i1$1.SlicePipe, name: "slice" }] }); }
|
|
30981
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LinkRelatedPoliciesComponent, selector: "app-link-related-policies", inputs: { selectedPolicies: "selectedPolicies" }, outputs: { closeLinkPolicyList: "closeLinkPolicyList", selectedList: "selectedList" }, ngImport: i0, template: "<div class=\"link-policy\" [class.animate]=\"animation\">\r\n <ng-container>\r\n <div\r\n class=\"link-policy-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\"\r\n >\r\n <div class=\"page-title vx-fs-14 vx-fw-500 vx-label-txt\">\r\n Select Policies to link with\r\n </div>\r\n <button\r\n (click)=\"goBack()\"\r\n class=\"back-btn vx-fs-14 vx-fw-500 vx-label-txt vx-tt-uppercase vx-p-0 vx-m-0 vx-d-flex vx-align-center\"\r\n >\r\n <i class=\"icons vx-mr-1\"></i> BACK\r\n </button>\r\n </div>\r\n <div class=\"link-policy-body vx-p-4 vx-pb-3\">\r\n <div class=\"link-policy-search vx-mb-2\">\r\n <i class=\"icons vx-fs-12\"></i>\r\n <input\r\n type=\"text\"\r\n placeholder=\"Search Policies\"\r\n (keyup.enter)=\"searchBy($event.target.value)\"\r\n />\r\n </div>\r\n <vui-pagination\r\n *ngIf=\"\r\n !loader && policiesList.totalPage > CONSTANTS.DEFAULT_PAGE_NUMBER\r\n \"\r\n [from]=\"policiesList.from\"\r\n [to]=\"policiesList.to\"\r\n [total]=\"policiesList.totalRecords\"\r\n [showPageDetail]=\"true\"\r\n [totalPage]=\"policiesList.totalPage\"\r\n [currentPage]=\"policiesList.currentPage\"\r\n [pageInSingleView]=\"CONSTANTS.PAGE_IN_SINGLE_VIEW\"\r\n (pageChanged)=\"changePage($event)\"\r\n >\r\n </vui-pagination>\r\n <div\r\n class=\"link-policy-table\"\r\n [class.with-pagination]=\"!loader && policiesList.totalPage > 1\"\r\n >\r\n <ng-container *ngIf=\"!loader && policiesList?.data?.length > 0\">\r\n <div class=\"table-header\">\r\n <div class=\"table-row\">\r\n <div\r\n class=\"table-column vx-fs-10 vx-fw-500 vx-label-txt vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\"\r\n >\r\n #\r\n </div>\r\n <div\r\n class=\"table-column vx-fs-10 vx-fw-500 vx-label-txt vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center policies\"\r\n >\r\n POLICIES\r\n </div>\r\n <div\r\n class=\"table-column vx-fs-10 vx-fw-500 vx-label-txt vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center categories\"\r\n >\r\n CATEGORIES\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"table-body\">\r\n <div\r\n class=\"table-row\"\r\n [class.active]=\"selectedControlIds?.includes(policy?.contract_id)\"\r\n *ngFor=\"let policy of policiesList?.data; let i = index\"\r\n >\r\n <div\r\n class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\"\r\n >\r\n <div\r\n class=\"sr-no\"\r\n [appTooltip]=\"i + policiesList.from\"\r\n placement=\"bottom\"\r\n delay=\"0\"\r\n type=\"black\"\r\n [tooltipMandatory]=\"true\"\r\n >\r\n {{ i + policiesList.from }}\r\n </div>\r\n <app-cs-checkbox\r\n class=\"check-box\"\r\n [value]=\"policy?.contract_id\"\r\n [ngValue]=\"selectedControlIds?.includes(policy?.contract_id)\"\r\n (ngValueChange)=\"selectPolicy($event, policy)\"\r\n ></app-cs-checkbox>\r\n </div>\r\n <div\r\n class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center policies column-body clickable\"\r\n >\r\n <div\r\n class=\"value vx-fs-12 vx-label-txt\"\r\n [appTooltip]=\"policy?.contract_name\"\r\n placement=\"bottom-left\"\r\n delay=\"0\"\r\n type=\"black\"\r\n [tooltipMandatory]=\"false\"\r\n (click)=\"\r\n selectPolicy(\r\n !selectedControlIds?.includes(policy?.contract_id),\r\n policy\r\n )\r\n \"\r\n >\r\n {{\r\n policy?.control_id\r\n ? \"[POLID - \" + policy.control_id + \"] \"\r\n : \"\"\r\n }}{{ policy?.contract_name }}\r\n </div>\r\n </div>\r\n <div\r\n class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center categories\"\r\n >\r\n <ng-container *ngIf=\"policy?.childCat?.length\">\r\n <div\r\n class=\"value vx-fs-12 vx-label-txt\"\r\n [appTooltip]=\"policy?.childCat[0]?.category_name\"\r\n placement=\"bottom-left\"\r\n delay=\"0\"\r\n type=\"black\"\r\n [tooltipMandatory]=\"false\"\r\n >\r\n {{ policy?.childCat[0]?.category_name }}\r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"policy?.childCat?.length > 1\">\r\n <button\r\n class=\"count vx-fs-12 vx-fw-500 vx-txt-white vx-p-0 vx-pl-1 vx-pr-1 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\"\r\n appPopover\r\n (click)=\"category.popover()\"\r\n placement=\"top\"\r\n >\r\n +{{ policy?.childCat?.length - 1 }}\r\n </button>\r\n <app-popover #category [dontCloseonClick]=\"true\">\r\n <div class=\"wf-action-list\">\r\n <ul class=\"action-item\">\r\n <li\r\n *ngFor=\"\r\n let childCategory of policy?.childCat\r\n | slice : 0 : 1\r\n \"\r\n >\r\n <div class=\"avatar-card\">\r\n <span class=\"value\">{{\r\n childCategory?.category_name\r\n }}</span>\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n </app-popover>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <app-no-data\r\n *ngIf=\"!loader && policiesList?.data?.length === 0\"\r\n [noDataImage]=\"LINKS.linkPolicyNoDataImage\"\r\n [noDataText]=\"CONSTANTS.NO_DATA_IMAGE_TEXT\"\r\n ></app-no-data>\r\n </div>\r\n\r\n <div\r\n class=\"link-policy-floating-bar vx-d-flex vx-align-center vx-justify-between vx-p-3 vx-mt-1\"\r\n >\r\n <div class=\"link-policy-floating-bar-left vx-d-flex vx-align-center\">\r\n <div class=\"selected\" *ngIf=\"selectedPolicyList?.length > 0\">\r\n <div\r\n class=\"chipContainer vx-d-flex vx-align-center vx-pl-2 vx-pr-2\"\r\n >\r\n <ng-container\r\n *ngFor=\"let policy of selectedPolicyList | slice : 0 : 1\"\r\n >\r\n <i\r\n (click)=\"deleteItem(policy)\"\r\n class=\"icons cross vx-fs-10 vx-paragraph-txt vx-mr-1\"\r\n ></i\r\n >\r\n <span\r\n class=\"chipName vx-fs-11 vx-label-txt\"\r\n [appTooltip]=\"policy?.contract_name\"\r\n placement=\"bottom-left\"\r\n delay=\"0\"\r\n type=\"black\"\r\n [tooltipMandatory]=\"false\"\r\n >{{ policy?.contract_name }}</span\r\n >\r\n </ng-container>\r\n <button\r\n class=\"countBtn vx-fs-9 vx-fw-500 vx-txt-white vx-d-flex vx-align-center vx-justify-center vx-lh-4\"\r\n *ngIf=\"selectedPolicyList.length > 1\"\r\n type=\"button\"\r\n appPopover\r\n (click)=\"relatedPolicy.popover()\"\r\n placement=\"left\"\r\n >\r\n +{{ selectedPolicyList?.length - 1 }}\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <app-popover #relatedPolicy [dontCloseonClick]=\"true\">\r\n <div class=\"wf-action-list\">\r\n <ul class=\"action-item\">\r\n <li\r\n *ngFor=\"\r\n let policy of selectedPolicyList | slice : 1;\r\n let j = index\r\n \"\r\n >\r\n <div class=\"avatar-card\">\r\n <span class=\"value\">\r\n <i class=\"icons\" (click)=\"deleteItem(policy)\"></i>\r\n {{ policy?.contract_name }}\r\n </span>\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n </app-popover>\r\n <div class=\"link-policy-floating-bar-right vx-d-flex vx-align-center\">\r\n <button\r\n (click)=\"goBack()\"\r\n class=\"cancel-btn vx-fs-11 vx-fw-500 vx-tt-uppercase vx-d-flex vx-align-center vx-justify-center vx-txt-red\"\r\n >\r\n CANCEL\r\n </button>\r\n <button\r\n (click)=\"saveChanges()\"\r\n class=\"next-btn vx-fs-11 vx-fw-500 vx-tt-uppercase vx-d-flex vx-align-center vx-justify-center vx-txt-white\"\r\n >\r\n NEXT <i class=\"icons vx-ml-2\"></i>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <app-loader-inline *ngIf=\"loader\"></app-loader-inline>\r\n</div>\r\n", 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 .link-policy{position:fixed;inset:0 500px 0 0}::ng-deep .link-policy.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .link-policy-head{background:#f8f8f8;border-radius:.125rem .125rem 0 0;border-bottom:1px solid #F1F1F1;height:2.75rem}::ng-deep .link-policy-head button.back-btn{background:transparent;border-radius:0;border:none}::ng-deep .link-policy-search{position:relative}::ng-deep .link-policy-search input{height:2.75rem;line-height:1.5rem;padding:.75rem .75rem .75rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;width:100%;font-size:14px;color:#747576}::ng-deep .link-policy-search input::placeholder{color:#747576;opacity:1}::ng-deep .link-policy-search i{position:absolute;left:1rem;top:1rem;pointer-events:none;color:#f1f1f1}::ng-deep .link-policy-table{overflow:hidden;overflow-y:auto;height:calc(100vh - 14rem)}::ng-deep .link-policy-table::-webkit-scrollbar-track{background-color:transparent}::ng-deep .link-policy-table .table-header{background:#fff;position:sticky;top:0;z-index:1}::ng-deep .link-policy-table .table-header .table-row{border:none!important;border-radius:0!important}::ng-deep .link-policy-table .table-header .table-row .table-column{line-height:1rem!important;min-height:1.5rem!important}::ng-deep .link-policy-table .table-row{border:1px solid #F1F1F1;border-radius:.25rem;display:flex;justify-content:space-between;position:relative;margin-bottom:.25rem}::ng-deep .link-policy-table .table-row:hover .table-column.serial app-cs-checkbox,::ng-deep .link-policy-table .table-row.active .table-column.serial app-cs-checkbox{opacity:1}::ng-deep .link-policy-table .table-row .table-column{min-height:2.5rem;position:relative;width:100%}::ng-deep .link-policy-table .table-row .table-column.serial{width:2rem;max-width:2rem;justify-content:center}::ng-deep .link-policy-table .table-row .table-column.serial .sr-no{width:1.25rem;background:#f8f8f8;writing-mode:vertical-lr;color:#747576;font-size:.625rem;font-weight:500;display:flex;height:2.5rem;align-items:center;justify-content:center;position:relative;transition:all .2s ease-in-out}::ng-deep .link-policy-table .table-row .table-column.serial app-cs-checkbox{background:#fff;border-radius:.125rem;position:absolute;top:.75rem;left:.5rem;width:1rem;height:1rem;opacity:0;transition:all .2s ease-in-out}::ng-deep .link-policy-table .table-row .table-column.serial app-cs-checkbox .checkbox-item .checkbox,::ng-deep .link-policy-table .table-row .table-column.serial app-cs-checkbox .checkbox-item .checkmark{position:absolute;top:0}::ng-deep .link-policy-table .table-row .table-column.policies{width:calc(100% - 28rem);min-width:calc(100% - 28rem)}::ng-deep .link-policy-table .table-row .table-column.policies .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 5rem)}::ng-deep .link-policy-table .table-row .table-column.categories{width:26rem;min-width:26rem}::ng-deep .link-policy-table .table-row .table-column.categories .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:calc(100% - 1rem)}::ng-deep .link-policy-table .table-row .table-column.categories button.count{background:#1e5dd3;border:none;border-radius:.125rem;height:1.5rem}::ng-deep .link-policy-table .table-row .table-column.category-name{width:calc(100% - 2rem);min-width:calc(100% - 2rem)}::ng-deep .link-policy-table .table-row .table-column.category-name .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 5rem)}::ng-deep .link-policy-floating-bar{background:#fff;border-radius:.25rem;box-shadow:0 2px 12px #4681ef40}::ng-deep .link-policy-floating-bar-left .counter{background:#34aa44;border-radius:.125rem;min-width:1.75rem}::ng-deep .link-policy-floating-bar-left .chip{background:#fff;border-radius:.125rem;box-shadow:0 2px 4px #1e5dd31a;height:1.5rem;display:block;max-width:13rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep .link-policy-floating-bar-left .chip i{position:relative;top:.0625rem;cursor:pointer}::ng-deep .link-policy-floating-bar-left button.count{background:#34aa44;border:none;border-radius:.125rem;height:1.5rem}::ng-deep .link-policy-floating-bar-right button{background:transparent;border:none;border-radius:.125rem;padding:0 .5rem;height:1.5rem}::ng-deep .link-policy-floating-bar-right button.next-btn{background:#1e5dd3}::ng-deep .link-policy-floating-bar-right button.next-btn.disabled{background:#f1f1f1!important;color:#747576!important;pointer-events:none!important}::ng-deep app-popover .wf-action-list ul.action-item li .avatar-card .cross-btn{cursor:pointer}.wf-action-list .action-item li .count-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}.column-body{position:relative;left:10px}.clickable{cursor:pointer}\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: "component", type: CsCheckboxComponent, selector: "app-cs-checkbox", inputs: ["disabled", "ngValue", "value", "readonly", "oneLine"], outputs: ["ngValueChange"] }, { kind: "directive", type: ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: PopoverComponent, selector: "app-popover", inputs: ["dontCloseonClick"] }, { kind: "directive", type: PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "placement"] }, { 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: "component", type: PaginationComponent, selector: "vui-pagination", inputs: ["from", "to", "total", "showPageDetail", "totalPage", "currentPage", "pageInSingleView"], outputs: ["pageChanged"] }, { kind: "pipe", type: i1$1.SlicePipe, name: "slice" }] }); }
|
|
30981
30982
|
}
|
|
30982
30983
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LinkRelatedPoliciesComponent, decorators: [{
|
|
30983
30984
|
type: Component,
|
|
30984
|
-
args: [{ selector: 'app-link-related-policies', template: "<div class=\"link-policy\" [class.animate]=\"animation\">\r\n <ng-container>\r\n <div\r\n class=\"link-policy-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\"\r\n >\r\n <div class=\"page-title vx-fs-14 vx-fw-500 vx-label-txt\">\r\n Select Policies to link with\r\n </div>\r\n <button\r\n (click)=\"goBack()\"\r\n class=\"back-btn vx-fs-14 vx-fw-500 vx-label-txt vx-tt-uppercase vx-p-0 vx-m-0 vx-d-flex vx-align-center\"\r\n >\r\n <i class=\"icons vx-mr-1\"></i> BACK\r\n </button>\r\n </div>\r\n <div class=\"link-policy-body vx-p-4 vx-pb-3\">\r\n <div class=\"link-policy-search vx-mb-2\">\r\n <i class=\"icons vx-fs-12\"></i>\r\n <input\r\n type=\"text\"\r\n placeholder=\"Search Policies\"\r\n (keyup.enter)=\"searchBy($event.target.value)\"\r\n />\r\n </div>\r\n <vui-pagination\r\n *ngIf=\"\r\n !loader && policiesList.totalPage > CONSTANTS.DEFAULT_PAGE_NUMBER\r\n \"\r\n [from]=\"policiesList.from\"\r\n [to]=\"policiesList.to\"\r\n [total]=\"policiesList.totalRecords\"\r\n [showPageDetail]=\"true\"\r\n [totalPage]=\"policiesList.totalPage\"\r\n [currentPage]=\"policiesList.currentPage\"\r\n [pageInSingleView]=\"CONSTANTS.PAGE_IN_SINGLE_VIEW\"\r\n (pageChanged)=\"changePage($event)\"\r\n >\r\n </vui-pagination>\r\n <div\r\n class=\"link-policy-table\"\r\n [class.with-pagination]=\"!loader && policiesList.totalPage > 1\"\r\n >\r\n <ng-container *ngIf=\"!loader && policiesList?.data?.length > 0\">\r\n <div class=\"table-header\">\r\n <div class=\"table-row\">\r\n <div\r\n class=\"table-column vx-fs-10 vx-fw-500 vx-label-txt vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\"\r\n >\r\n #\r\n </div>\r\n <div\r\n class=\"table-column vx-fs-10 vx-fw-500 vx-label-txt vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center policies\"\r\n >\r\n POLICIES\r\n </div>\r\n <div\r\n class=\"table-column vx-fs-10 vx-fw-500 vx-label-txt vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center categories\"\r\n >\r\n CATEGORIES\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"table-body\">\r\n <div\r\n class=\"table-row\"\r\n [class.active]=\"selectedControlIds?.includes(policy?.contract_id)\"\r\n *ngFor=\"let policy of policiesList?.data; let i = index\"\r\n >\r\n <div\r\n class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\"\r\n >\r\n <div\r\n class=\"sr-no\"\r\n [appTooltip]=\"i + policiesList.from\"\r\n placement=\"bottom\"\r\n delay=\"0\"\r\n type=\"black\"\r\n [tooltipMandatory]=\"true\"\r\n >\r\n {{ i + policiesList.from }}\r\n </div>\r\n <app-cs-checkbox\r\n class=\"check-box\"\r\n [value]=\"policy?.contract_id\"\r\n [ngValue]=\"selectedControlIds?.includes(policy?.contract_id)\"\r\n (ngValueChange)=\"selectPolicy($event, policy)\"\r\n ></app-cs-checkbox>\r\n </div>\r\n <div\r\n class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center policies column-body clickable\"\r\n >\r\n <div\r\n class=\"value vx-fs-12 vx-label-txt\"\r\n [appTooltip]=\"policy?.contract_name\"\r\n placement=\"bottom-left\"\r\n delay=\"0\"\r\n type=\"black\"\r\n [tooltipMandatory]=\"false\"\r\n (click)=\"\r\n selectPolicy(\r\n !selectedControlIds?.includes(policy?.contract_id),\r\n policy\r\n )\r\n \"\r\n >\r\n {{\r\n policy?.control_id\r\n ? \"[POLID - \" + policy.control_id + \"] \"\r\n : \"\"\r\n }}{{ policy?.contract_name }}\r\n </div>\r\n </div>\r\n <div\r\n class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center categories\"\r\n >\r\n <ng-container *ngIf=\"policy?.childCat?.length\">\r\n <div\r\n class=\"value vx-fs-12 vx-label-txt\"\r\n [appTooltip]=\"policy?.childCat[0]?.category_name\"\r\n placement=\"bottom-left\"\r\n delay=\"0\"\r\n type=\"black\"\r\n [tooltipMandatory]=\"false\"\r\n >\r\n {{ policy?.childCat[0]?.category_name }}\r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"policy?.childCat?.length > 1\">\r\n <button\r\n class=\"count vx-fs-12 vx-fw-500 vx-txt-white vx-p-0 vx-pl-1 vx-pr-1 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\"\r\n appPopover\r\n (click)=\"category.popover()\"\r\n placement=\"top\"\r\n >\r\n +{{ policy?.childCat?.length - 1 }}\r\n </button>\r\n <app-popover #category [dontCloseonClick]=\"true\">\r\n <div class=\"wf-action-list\">\r\n <ul class=\"action-item\">\r\n <li\r\n *ngFor=\"\r\n let childCategory of policy?.childCat\r\n | slice : 0 : 1\r\n \"\r\n >\r\n <div class=\"avatar-card\">\r\n <span class=\"value\">{{\r\n childCategory?.category_name\r\n }}</span>\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n </app-popover>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <app-no-data\r\n *ngIf=\"!loader && policiesList?.data?.length === 0\"\r\n [noDataImage]=\"LINKS.linkPolicyNoDataImage\"\r\n [noDataText]=\"CONSTANTS.NO_DATA_IMAGE_TEXT\"\r\n ></app-no-data>\r\n </div>\r\n\r\n <div\r\n class=\"link-policy-floating-bar vx-d-flex vx-align-center vx-justify-between vx-p-3 vx-mt-1\"\r\n >\r\n <div class=\"link-policy-floating-bar-left vx-d-flex vx-align-center\">\r\n <div class=\"selected\" *ngIf=\"selectedPolicyList?.length > 0\">\r\n <div\r\n class=\"chipContainer vx-d-flex vx-align-center vx-pl-2 vx-pr-2\"\r\n >\r\n <ng-container\r\n *ngFor=\"let policy of selectedPolicyList | slice : 0 : 1\"\r\n >\r\n <i\r\n (click)=\"deleteItem(policy)\"\r\n class=\"icons cross vx-fs-10 vx-paragraph-txt vx-mr-1\"\r\n ></i\r\n >\r\n <span\r\n class=\"chipName vx-fs-11 vx-label-txt\"\r\n [appTooltip]=\"policy?.contract_name\"\r\n placement=\"bottom-left\"\r\n delay=\"0\"\r\n type=\"black\"\r\n [tooltipMandatory]=\"false\"\r\n >{{ policy?.contract_name }}</span\r\n >\r\n </ng-container>\r\n <button\r\n class=\"countBtn vx-fs-9 vx-fw-500 vx-txt-white vx-d-flex vx-align-center vx-justify-center vx-lh-4\"\r\n *ngIf=\"selectedPolicyList.length > 1\"\r\n type=\"button\"\r\n appPopover\r\n (click)=\"relatedPolicy.popover()\"\r\n placement=\"left\"\r\n >\r\n +{{ selectedPolicyList?.length - 1 }}\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <app-popover #relatedPolicy [dontCloseonClick]=\"true\">\r\n <div class=\"wf-action-list\">\r\n <ul class=\"action-item\">\r\n <li\r\n *ngFor=\"\r\n let policy of selectedPolicyList | slice : 1;\r\n let j = index\r\n \"\r\n >\r\n <div class=\"avatar-card\">\r\n <span class=\"value\">\r\n <i class=\"icons\" (click)=\"deleteItem(policy)\"></i>\r\n {{ policy?.contract_name }}\r\n </span>\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n </app-popover>\r\n <div class=\"link-policy-floating-bar-right vx-d-flex vx-align-center\">\r\n <button\r\n (click)=\"goBack()\"\r\n class=\"cancel-btn vx-fs-11 vx-fw-500 vx-tt-uppercase vx-d-flex vx-align-center vx-justify-center vx-txt-red\"\r\n >\r\n CANCEL\r\n </button>\r\n <button\r\n (click)=\"saveChanges()\"\r\n [class.disabled]=\"selectedPolicyList?.length === 0\"\r\n class=\"next-btn vx-fs-11 vx-fw-500 vx-tt-uppercase vx-d-flex vx-align-center vx-justify-center vx-txt-white\"\r\n >\r\n NEXT <i class=\"icons vx-ml-2\"></i>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <app-loader-inline *ngIf=\"loader\"></app-loader-inline>\r\n</div>\r\n", 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 .link-policy{position:fixed;inset:0 500px 0 0}::ng-deep .link-policy.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .link-policy-head{background:#f8f8f8;border-radius:.125rem .125rem 0 0;border-bottom:1px solid #F1F1F1;height:2.75rem}::ng-deep .link-policy-head button.back-btn{background:transparent;border-radius:0;border:none}::ng-deep .link-policy-search{position:relative}::ng-deep .link-policy-search input{height:2.75rem;line-height:1.5rem;padding:.75rem .75rem .75rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;width:100%;font-size:14px;color:#747576}::ng-deep .link-policy-search input::placeholder{color:#747576;opacity:1}::ng-deep .link-policy-search i{position:absolute;left:1rem;top:1rem;pointer-events:none;color:#f1f1f1}::ng-deep .link-policy-table{overflow:hidden;overflow-y:auto;height:calc(100vh - 14rem)}::ng-deep .link-policy-table::-webkit-scrollbar-track{background-color:transparent}::ng-deep .link-policy-table .table-header{background:#fff;position:sticky;top:0;z-index:1}::ng-deep .link-policy-table .table-header .table-row{border:none!important;border-radius:0!important}::ng-deep .link-policy-table .table-header .table-row .table-column{line-height:1rem!important;min-height:1.5rem!important}::ng-deep .link-policy-table .table-row{border:1px solid #F1F1F1;border-radius:.25rem;display:flex;justify-content:space-between;position:relative;margin-bottom:.25rem}::ng-deep .link-policy-table .table-row:hover .table-column.serial app-cs-checkbox,::ng-deep .link-policy-table .table-row.active .table-column.serial app-cs-checkbox{opacity:1}::ng-deep .link-policy-table .table-row .table-column{min-height:2.5rem;position:relative;width:100%}::ng-deep .link-policy-table .table-row .table-column.serial{width:2rem;max-width:2rem;justify-content:center}::ng-deep .link-policy-table .table-row .table-column.serial .sr-no{width:1.25rem;background:#f8f8f8;writing-mode:vertical-lr;color:#747576;font-size:.625rem;font-weight:500;display:flex;height:2.5rem;align-items:center;justify-content:center;position:relative;transition:all .2s ease-in-out}::ng-deep .link-policy-table .table-row .table-column.serial app-cs-checkbox{background:#fff;border-radius:.125rem;position:absolute;top:.75rem;left:.5rem;width:1rem;height:1rem;opacity:0;transition:all .2s ease-in-out}::ng-deep .link-policy-table .table-row .table-column.serial app-cs-checkbox .checkbox-item .checkbox,::ng-deep .link-policy-table .table-row .table-column.serial app-cs-checkbox .checkbox-item .checkmark{position:absolute;top:0}::ng-deep .link-policy-table .table-row .table-column.policies{width:calc(100% - 28rem);min-width:calc(100% - 28rem)}::ng-deep .link-policy-table .table-row .table-column.policies .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 5rem)}::ng-deep .link-policy-table .table-row .table-column.categories{width:26rem;min-width:26rem}::ng-deep .link-policy-table .table-row .table-column.categories .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:calc(100% - 1rem)}::ng-deep .link-policy-table .table-row .table-column.categories button.count{background:#1e5dd3;border:none;border-radius:.125rem;height:1.5rem}::ng-deep .link-policy-table .table-row .table-column.category-name{width:calc(100% - 2rem);min-width:calc(100% - 2rem)}::ng-deep .link-policy-table .table-row .table-column.category-name .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 5rem)}::ng-deep .link-policy-floating-bar{background:#fff;border-radius:.25rem;box-shadow:0 2px 12px #4681ef40}::ng-deep .link-policy-floating-bar-left .counter{background:#34aa44;border-radius:.125rem;min-width:1.75rem}::ng-deep .link-policy-floating-bar-left .chip{background:#fff;border-radius:.125rem;box-shadow:0 2px 4px #1e5dd31a;height:1.5rem;display:block;max-width:13rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep .link-policy-floating-bar-left .chip i{position:relative;top:.0625rem;cursor:pointer}::ng-deep .link-policy-floating-bar-left button.count{background:#34aa44;border:none;border-radius:.125rem;height:1.5rem}::ng-deep .link-policy-floating-bar-right button{background:transparent;border:none;border-radius:.125rem;padding:0 .5rem;height:1.5rem}::ng-deep .link-policy-floating-bar-right button.next-btn{background:#1e5dd3}::ng-deep .link-policy-floating-bar-right button.next-btn.disabled{background:#f1f1f1!important;color:#747576!important;pointer-events:none!important}::ng-deep app-popover .wf-action-list ul.action-item li .avatar-card .cross-btn{cursor:pointer}.wf-action-list .action-item li .count-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}.column-body{position:relative;left:10px}.clickable{cursor:pointer}\n"] }]
|
|
30985
|
+
args: [{ selector: 'app-link-related-policies', template: "<div class=\"link-policy\" [class.animate]=\"animation\">\r\n <ng-container>\r\n <div\r\n class=\"link-policy-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\"\r\n >\r\n <div class=\"page-title vx-fs-14 vx-fw-500 vx-label-txt\">\r\n Select Policies to link with\r\n </div>\r\n <button\r\n (click)=\"goBack()\"\r\n class=\"back-btn vx-fs-14 vx-fw-500 vx-label-txt vx-tt-uppercase vx-p-0 vx-m-0 vx-d-flex vx-align-center\"\r\n >\r\n <i class=\"icons vx-mr-1\"></i> BACK\r\n </button>\r\n </div>\r\n <div class=\"link-policy-body vx-p-4 vx-pb-3\">\r\n <div class=\"link-policy-search vx-mb-2\">\r\n <i class=\"icons vx-fs-12\"></i>\r\n <input\r\n type=\"text\"\r\n placeholder=\"Search Policies\"\r\n (keyup.enter)=\"searchBy($event.target.value)\"\r\n />\r\n </div>\r\n <vui-pagination\r\n *ngIf=\"\r\n !loader && policiesList.totalPage > CONSTANTS.DEFAULT_PAGE_NUMBER\r\n \"\r\n [from]=\"policiesList.from\"\r\n [to]=\"policiesList.to\"\r\n [total]=\"policiesList.totalRecords\"\r\n [showPageDetail]=\"true\"\r\n [totalPage]=\"policiesList.totalPage\"\r\n [currentPage]=\"policiesList.currentPage\"\r\n [pageInSingleView]=\"CONSTANTS.PAGE_IN_SINGLE_VIEW\"\r\n (pageChanged)=\"changePage($event)\"\r\n >\r\n </vui-pagination>\r\n <div\r\n class=\"link-policy-table\"\r\n [class.with-pagination]=\"!loader && policiesList.totalPage > 1\"\r\n >\r\n <ng-container *ngIf=\"!loader && policiesList?.data?.length > 0\">\r\n <div class=\"table-header\">\r\n <div class=\"table-row\">\r\n <div\r\n class=\"table-column vx-fs-10 vx-fw-500 vx-label-txt vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\"\r\n >\r\n #\r\n </div>\r\n <div\r\n class=\"table-column vx-fs-10 vx-fw-500 vx-label-txt vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center policies\"\r\n >\r\n POLICIES\r\n </div>\r\n <div\r\n class=\"table-column vx-fs-10 vx-fw-500 vx-label-txt vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center categories\"\r\n >\r\n CATEGORIES\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"table-body\">\r\n <div\r\n class=\"table-row\"\r\n [class.active]=\"selectedControlIds?.includes(policy?.contract_id)\"\r\n *ngFor=\"let policy of policiesList?.data; let i = index\"\r\n >\r\n <div\r\n class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\"\r\n >\r\n <div\r\n class=\"sr-no\"\r\n [appTooltip]=\"i + policiesList.from\"\r\n placement=\"bottom\"\r\n delay=\"0\"\r\n type=\"black\"\r\n [tooltipMandatory]=\"true\"\r\n >\r\n {{ i + policiesList.from }}\r\n </div>\r\n <app-cs-checkbox\r\n class=\"check-box\"\r\n [value]=\"policy?.contract_id\"\r\n [ngValue]=\"selectedControlIds?.includes(policy?.contract_id)\"\r\n (ngValueChange)=\"selectPolicy($event, policy)\"\r\n ></app-cs-checkbox>\r\n </div>\r\n <div\r\n class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center policies column-body clickable\"\r\n >\r\n <div\r\n class=\"value vx-fs-12 vx-label-txt\"\r\n [appTooltip]=\"policy?.contract_name\"\r\n placement=\"bottom-left\"\r\n delay=\"0\"\r\n type=\"black\"\r\n [tooltipMandatory]=\"false\"\r\n (click)=\"\r\n selectPolicy(\r\n !selectedControlIds?.includes(policy?.contract_id),\r\n policy\r\n )\r\n \"\r\n >\r\n {{\r\n policy?.control_id\r\n ? \"[POLID - \" + policy.control_id + \"] \"\r\n : \"\"\r\n }}{{ policy?.contract_name }}\r\n </div>\r\n </div>\r\n <div\r\n class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center categories\"\r\n >\r\n <ng-container *ngIf=\"policy?.childCat?.length\">\r\n <div\r\n class=\"value vx-fs-12 vx-label-txt\"\r\n [appTooltip]=\"policy?.childCat[0]?.category_name\"\r\n placement=\"bottom-left\"\r\n delay=\"0\"\r\n type=\"black\"\r\n [tooltipMandatory]=\"false\"\r\n >\r\n {{ policy?.childCat[0]?.category_name }}\r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"policy?.childCat?.length > 1\">\r\n <button\r\n class=\"count vx-fs-12 vx-fw-500 vx-txt-white vx-p-0 vx-pl-1 vx-pr-1 vx-m-0 vx-ml-1 vx-d-flex vx-align-center vx-justify-center\"\r\n appPopover\r\n (click)=\"category.popover()\"\r\n placement=\"top\"\r\n >\r\n +{{ policy?.childCat?.length - 1 }}\r\n </button>\r\n <app-popover #category [dontCloseonClick]=\"true\">\r\n <div class=\"wf-action-list\">\r\n <ul class=\"action-item\">\r\n <li\r\n *ngFor=\"\r\n let childCategory of policy?.childCat\r\n | slice : 0 : 1\r\n \"\r\n >\r\n <div class=\"avatar-card\">\r\n <span class=\"value\">{{\r\n childCategory?.category_name\r\n }}</span>\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n </app-popover>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <app-no-data\r\n *ngIf=\"!loader && policiesList?.data?.length === 0\"\r\n [noDataImage]=\"LINKS.linkPolicyNoDataImage\"\r\n [noDataText]=\"CONSTANTS.NO_DATA_IMAGE_TEXT\"\r\n ></app-no-data>\r\n </div>\r\n\r\n <div\r\n class=\"link-policy-floating-bar vx-d-flex vx-align-center vx-justify-between vx-p-3 vx-mt-1\"\r\n >\r\n <div class=\"link-policy-floating-bar-left vx-d-flex vx-align-center\">\r\n <div class=\"selected\" *ngIf=\"selectedPolicyList?.length > 0\">\r\n <div\r\n class=\"chipContainer vx-d-flex vx-align-center vx-pl-2 vx-pr-2\"\r\n >\r\n <ng-container\r\n *ngFor=\"let policy of selectedPolicyList | slice : 0 : 1\"\r\n >\r\n <i\r\n (click)=\"deleteItem(policy)\"\r\n class=\"icons cross vx-fs-10 vx-paragraph-txt vx-mr-1\"\r\n ></i\r\n >\r\n <span\r\n class=\"chipName vx-fs-11 vx-label-txt\"\r\n [appTooltip]=\"policy?.contract_name\"\r\n placement=\"bottom-left\"\r\n delay=\"0\"\r\n type=\"black\"\r\n [tooltipMandatory]=\"false\"\r\n >{{ policy?.contract_name }}</span\r\n >\r\n </ng-container>\r\n <button\r\n class=\"countBtn vx-fs-9 vx-fw-500 vx-txt-white vx-d-flex vx-align-center vx-justify-center vx-lh-4\"\r\n *ngIf=\"selectedPolicyList.length > 1\"\r\n type=\"button\"\r\n appPopover\r\n (click)=\"relatedPolicy.popover()\"\r\n placement=\"left\"\r\n >\r\n +{{ selectedPolicyList?.length - 1 }}\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <app-popover #relatedPolicy [dontCloseonClick]=\"true\">\r\n <div class=\"wf-action-list\">\r\n <ul class=\"action-item\">\r\n <li\r\n *ngFor=\"\r\n let policy of selectedPolicyList | slice : 1;\r\n let j = index\r\n \"\r\n >\r\n <div class=\"avatar-card\">\r\n <span class=\"value\">\r\n <i class=\"icons\" (click)=\"deleteItem(policy)\"></i>\r\n {{ policy?.contract_name }}\r\n </span>\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n </app-popover>\r\n <div class=\"link-policy-floating-bar-right vx-d-flex vx-align-center\">\r\n <button\r\n (click)=\"goBack()\"\r\n class=\"cancel-btn vx-fs-11 vx-fw-500 vx-tt-uppercase vx-d-flex vx-align-center vx-justify-center vx-txt-red\"\r\n >\r\n CANCEL\r\n </button>\r\n <button\r\n (click)=\"saveChanges()\"\r\n class=\"next-btn vx-fs-11 vx-fw-500 vx-tt-uppercase vx-d-flex vx-align-center vx-justify-center vx-txt-white\"\r\n >\r\n NEXT <i class=\"icons vx-ml-2\"></i>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <app-loader-inline *ngIf=\"loader\"></app-loader-inline>\r\n</div>\r\n", 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 .link-policy{position:fixed;inset:0 500px 0 0}::ng-deep .link-policy.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .link-policy-head{background:#f8f8f8;border-radius:.125rem .125rem 0 0;border-bottom:1px solid #F1F1F1;height:2.75rem}::ng-deep .link-policy-head button.back-btn{background:transparent;border-radius:0;border:none}::ng-deep .link-policy-search{position:relative}::ng-deep .link-policy-search input{height:2.75rem;line-height:1.5rem;padding:.75rem .75rem .75rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;width:100%;font-size:14px;color:#747576}::ng-deep .link-policy-search input::placeholder{color:#747576;opacity:1}::ng-deep .link-policy-search i{position:absolute;left:1rem;top:1rem;pointer-events:none;color:#f1f1f1}::ng-deep .link-policy-table{overflow:hidden;overflow-y:auto;height:calc(100vh - 14rem)}::ng-deep .link-policy-table::-webkit-scrollbar-track{background-color:transparent}::ng-deep .link-policy-table .table-header{background:#fff;position:sticky;top:0;z-index:1}::ng-deep .link-policy-table .table-header .table-row{border:none!important;border-radius:0!important}::ng-deep .link-policy-table .table-header .table-row .table-column{line-height:1rem!important;min-height:1.5rem!important}::ng-deep .link-policy-table .table-row{border:1px solid #F1F1F1;border-radius:.25rem;display:flex;justify-content:space-between;position:relative;margin-bottom:.25rem}::ng-deep .link-policy-table .table-row:hover .table-column.serial app-cs-checkbox,::ng-deep .link-policy-table .table-row.active .table-column.serial app-cs-checkbox{opacity:1}::ng-deep .link-policy-table .table-row .table-column{min-height:2.5rem;position:relative;width:100%}::ng-deep .link-policy-table .table-row .table-column.serial{width:2rem;max-width:2rem;justify-content:center}::ng-deep .link-policy-table .table-row .table-column.serial .sr-no{width:1.25rem;background:#f8f8f8;writing-mode:vertical-lr;color:#747576;font-size:.625rem;font-weight:500;display:flex;height:2.5rem;align-items:center;justify-content:center;position:relative;transition:all .2s ease-in-out}::ng-deep .link-policy-table .table-row .table-column.serial app-cs-checkbox{background:#fff;border-radius:.125rem;position:absolute;top:.75rem;left:.5rem;width:1rem;height:1rem;opacity:0;transition:all .2s ease-in-out}::ng-deep .link-policy-table .table-row .table-column.serial app-cs-checkbox .checkbox-item .checkbox,::ng-deep .link-policy-table .table-row .table-column.serial app-cs-checkbox .checkbox-item .checkmark{position:absolute;top:0}::ng-deep .link-policy-table .table-row .table-column.policies{width:calc(100% - 28rem);min-width:calc(100% - 28rem)}::ng-deep .link-policy-table .table-row .table-column.policies .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 5rem)}::ng-deep .link-policy-table .table-row .table-column.categories{width:26rem;min-width:26rem}::ng-deep .link-policy-table .table-row .table-column.categories .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:calc(100% - 1rem)}::ng-deep .link-policy-table .table-row .table-column.categories button.count{background:#1e5dd3;border:none;border-radius:.125rem;height:1.5rem}::ng-deep .link-policy-table .table-row .table-column.category-name{width:calc(100% - 2rem);min-width:calc(100% - 2rem)}::ng-deep .link-policy-table .table-row .table-column.category-name .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 5rem)}::ng-deep .link-policy-floating-bar{background:#fff;border-radius:.25rem;box-shadow:0 2px 12px #4681ef40}::ng-deep .link-policy-floating-bar-left .counter{background:#34aa44;border-radius:.125rem;min-width:1.75rem}::ng-deep .link-policy-floating-bar-left .chip{background:#fff;border-radius:.125rem;box-shadow:0 2px 4px #1e5dd31a;height:1.5rem;display:block;max-width:13rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep .link-policy-floating-bar-left .chip i{position:relative;top:.0625rem;cursor:pointer}::ng-deep .link-policy-floating-bar-left button.count{background:#34aa44;border:none;border-radius:.125rem;height:1.5rem}::ng-deep .link-policy-floating-bar-right button{background:transparent;border:none;border-radius:.125rem;padding:0 .5rem;height:1.5rem}::ng-deep .link-policy-floating-bar-right button.next-btn{background:#1e5dd3}::ng-deep .link-policy-floating-bar-right button.next-btn.disabled{background:#f1f1f1!important;color:#747576!important;pointer-events:none!important}::ng-deep app-popover .wf-action-list ul.action-item li .avatar-card .cross-btn{cursor:pointer}.wf-action-list .action-item li .count-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}.column-body{position:relative;left:10px}.clickable{cursor:pointer}\n"] }]
|
|
30985
30986
|
}], ctorParameters: function () { return [{ type: PolicyService }]; }, propDecorators: { closeLinkPolicyList: [{
|
|
30986
30987
|
type: Output
|
|
30987
30988
|
}], selectedList: [{
|
|
@@ -31275,11 +31276,15 @@ class WorkflowPolicyComponent {
|
|
|
31275
31276
|
this.policyService.LinkedPoliciesList(policyId).subscribe({
|
|
31276
31277
|
next: (response) => {
|
|
31277
31278
|
if (response) {
|
|
31278
|
-
this.SelectedListOfPolicies = [...new Set(response?.data)];
|
|
31279
|
+
this.SelectedListOfPolicies = [...new Set(response?.data)].reverse();
|
|
31280
|
+
this.populateOptionalFields();
|
|
31279
31281
|
}
|
|
31280
31282
|
this.policyForm.LinkedPolicies = this.SelectedListOfPolicies?.filter((item) => item?.contract_id).map((item) => item?.contract_id);
|
|
31283
|
+
this.policyForm.isPortalDisplayEnabled = response?.displayOnPortal;
|
|
31284
|
+
this.policyForm.addLinkPolicies = true;
|
|
31281
31285
|
},
|
|
31282
31286
|
error: (err) => {
|
|
31287
|
+
this.policyForm.addLinkPolicies = false;
|
|
31283
31288
|
console.log(err);
|
|
31284
31289
|
},
|
|
31285
31290
|
});
|
|
@@ -31602,6 +31607,9 @@ class WorkflowPolicyComponent {
|
|
|
31602
31607
|
activatedOptions.push('LINK_PROGRAM_RESPONSIBILITIES');
|
|
31603
31608
|
this.policyForm.addLinkProgram = true;
|
|
31604
31609
|
}
|
|
31610
|
+
if (this.SelectedListOfPolicies.length > 0) {
|
|
31611
|
+
activatedOptions.push('LINK_RELATED_POLICIES');
|
|
31612
|
+
}
|
|
31605
31613
|
this.populateOption.emit(activatedOptions);
|
|
31606
31614
|
}
|
|
31607
31615
|
/**
|
|
@@ -32388,7 +32396,7 @@ class WorkflowPolicyComponent {
|
|
|
32388
32396
|
return;
|
|
32389
32397
|
}
|
|
32390
32398
|
if (this.templateId) {
|
|
32391
|
-
this.onTemplateSelect({ _id: this.templateId }, true);
|
|
32399
|
+
this.onTemplateSelect([{ _id: this.templateId }], true);
|
|
32392
32400
|
}
|
|
32393
32401
|
else {
|
|
32394
32402
|
this.showCreateDocuments = true;
|