vcomply-workflow-engine 2.9.29 → 2.9.31
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/vcomply-workflow-engine.umd.js +31 -7
- package/bundles/vcomply-workflow-engine.umd.js.map +1 -1
- package/esm2015/lib/sharedComponents/frequency/frequency-responsibility-list/frequency-responsibility-list.component.js +27 -8
- package/esm2015/lib/sharedComponents/frequency/frequency-responsibility-list/frequency-responsibility-list.component.ngfactory.js +2 -2
- package/esm2015/lib/sharedComponents/frequency/frequency-responsibility-list/frequency-responsibility-list.component.ngsummary.json +1 -1
- package/esm2015/lib/sharedComponents/frequency/frequency.service.js +5 -1
- package/esm2015/lib/sharedComponents/frequency/frequency.service.ngsummary.json +1 -1
- package/fesm2015/vcomply-workflow-engine.js +30 -7
- package/fesm2015/vcomply-workflow-engine.js.map +1 -1
- package/lib/sharedComponents/frequency/frequency-responsibility-list/frequency-responsibility-list.component.d.ts +7 -0
- package/lib/sharedComponents/frequency/frequency.service.d.ts +1 -0
- package/package.json +1 -1
- package/vcomply-workflow-engine.metadata.json +1 -1
|
@@ -1827,6 +1827,10 @@
|
|
|
1827
1827
|
.post(this.env.responsibilityPost + 'manage_responsibilities_reports', payload, { headers: headers })
|
|
1828
1828
|
.pipe(operators.retry(1));
|
|
1829
1829
|
};
|
|
1830
|
+
FrequencyService.prototype.getResponsibilitiesCount = function (payload) {
|
|
1831
|
+
var headers = new i1.HttpHeaders().set('token', this.authService.getAuthorizationToken());
|
|
1832
|
+
return this.http.post(this.env.responsibilityPost + 'manage_responsibilities_reports_count', payload, { headers: headers }).pipe(operators.retry(1));
|
|
1833
|
+
};
|
|
1830
1834
|
return FrequencyService;
|
|
1831
1835
|
}());
|
|
1832
1836
|
FrequencyService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function FrequencyService_Factory() { return new FrequencyService(i0__namespace.ɵɵinject(i1__namespace.HttpClient), i0__namespace.ɵɵinject(AuthService), i0__namespace.ɵɵinject(Configurations, 8)); }, token: FrequencyService, providedIn: "root" });
|
|
@@ -34581,6 +34585,12 @@
|
|
|
34581
34585
|
{ name: 'INTERNAL CONTROLS', type: 3 },
|
|
34582
34586
|
{ name: 'OTHERS', type: 0 },
|
|
34583
34587
|
];
|
|
34588
|
+
this.responsibilityTabCount = {
|
|
34589
|
+
regulationCount: 0,
|
|
34590
|
+
standardCount: 0,
|
|
34591
|
+
internalCount: 0,
|
|
34592
|
+
othersCount: 0
|
|
34593
|
+
};
|
|
34584
34594
|
this.responsibilitySearchText = '';
|
|
34585
34595
|
this.responsibilityCurrentPage = 1;
|
|
34586
34596
|
this.isValidObj = false;
|
|
@@ -34624,11 +34634,12 @@
|
|
|
34624
34634
|
setTimeout(function () {
|
|
34625
34635
|
_this.animation = false;
|
|
34626
34636
|
}, 300);
|
|
34627
|
-
this.filterByResponsibilityType(2);
|
|
34628
|
-
this.filterByResponsibilityType(3);
|
|
34629
|
-
this.filterByResponsibilityType(0);
|
|
34630
|
-
this.filterByResponsibilityType(1);
|
|
34637
|
+
// this.filterByResponsibilityType(2);
|
|
34638
|
+
// this.filterByResponsibilityType(3);
|
|
34639
|
+
// this.filterByResponsibilityType(0);
|
|
34640
|
+
// this.filterByResponsibilityType(1);
|
|
34631
34641
|
this.getResponsibilityList();
|
|
34642
|
+
this.setResponsibilitiesCount();
|
|
34632
34643
|
};
|
|
34633
34644
|
FrequencyResponsibilityListComponent.prototype.back = function () {
|
|
34634
34645
|
this.backButton.emit('backToOnCompletion');
|
|
@@ -34713,7 +34724,7 @@
|
|
|
34713
34724
|
FrequencyResponsibilityListComponent.prototype.onClickTabChange = function (tab) {
|
|
34714
34725
|
this.currentTab = tab === null || tab === void 0 ? void 0 : tab.type;
|
|
34715
34726
|
this.responsibilityPayload.filterData.complianceType = [this.currentTab];
|
|
34716
|
-
this.responsibilitySearchText = '';
|
|
34727
|
+
// this.responsibilitySearchText = '';
|
|
34717
34728
|
this.responsibilityCurrentPage = 1;
|
|
34718
34729
|
this.responsibilityPayload.pageNo = this.responsibilityCurrentPage;
|
|
34719
34730
|
this.responsibilityPayload.searchText = this.responsibilitySearchText;
|
|
@@ -34724,14 +34735,27 @@
|
|
|
34724
34735
|
this.responsibilityCurrentPage = 1;
|
|
34725
34736
|
this.responsibilityPayload.pageNo = this.responsibilityCurrentPage;
|
|
34726
34737
|
this.getResponsibilityList();
|
|
34738
|
+
this.setResponsibilitiesCount();
|
|
34739
|
+
};
|
|
34740
|
+
FrequencyResponsibilityListComponent.prototype.setResponsibilitiesCount = function () {
|
|
34741
|
+
var _this = this;
|
|
34742
|
+
var _a;
|
|
34743
|
+
var payload = JSON.parse(JSON.stringify(this.responsibilityPayload));
|
|
34744
|
+
payload.filterData.complianceType = [0, 1, 2, 3];
|
|
34745
|
+
(_a = this.frequencyService) === null || _a === void 0 ? void 0 : _a.getResponsibilitiesCount(payload).subscribe(function (res) {
|
|
34746
|
+
_this.responsibilityTabCount.regulationCount = res === null || res === void 0 ? void 0 : res.regulation_count;
|
|
34747
|
+
_this.responsibilityTabCount.standardCount = res === null || res === void 0 ? void 0 : res.standard_count;
|
|
34748
|
+
_this.responsibilityTabCount.internalCount = res === null || res === void 0 ? void 0 : res.internal_count;
|
|
34749
|
+
_this.responsibilityTabCount.othersCount = res === null || res === void 0 ? void 0 : res.others_count;
|
|
34750
|
+
});
|
|
34727
34751
|
};
|
|
34728
34752
|
return FrequencyResponsibilityListComponent;
|
|
34729
34753
|
}());
|
|
34730
34754
|
FrequencyResponsibilityListComponent.decorators = [
|
|
34731
34755
|
{ type: i0.Component, args: [{
|
|
34732
34756
|
selector: 'app-frequency-responsibility-list',
|
|
34733
|
-
template: "<div class=\"frequency-responsibility-list\" [class.animate]=\"animation\">\r\n <div class=\"frequency-responsibility-list-head vx-p-3 vx-d-flex vx-align-center vx-justify-between\">\r\n <div class=\"vx-d-flex vx-align-center\">\r\n <i class=\"icons arrow vx-fs-16 vx-label-txt vx-mr-1\" (click)=\"back()\" ></i>\r\n <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Select a Responsibility</div>\r\n </div>\r\n </div>\r\n <div class=\"frequency-responsibility-list-body\">\r\n <!-- <app-loader-inline *ngIf=\"othersCount === 0\"></app-loader-inline> -->\r\n <div *ngIf=\"responsibilitiesData?.allResponsibilityCount !== 0\" class=\"vx-d-flex vx-align-center vx-justify-between vx-mb-2\" >\r\n <div class=\"vx-table-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-mr-1 vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\" [class.active]=\"currentTab === 1\" (click)=\"onClickTabChange(responsibilityTabs[0])\" [class.pointer-none]=\"responsibilityLoader\">\r\n <div class=\"left vx-d-block vx-w-100\">\r\n <div class=\"label vx-d-flex vx-align-center\">\r\n <label class=\"vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\">REGULATIONS</label>\r\n </div>\r\n </div>\r\n <div class=\"right vx-d-flex vx-justify-end vx-w-100\">\r\n <span class=\"vx-txt-white vx-fw-500 vx-d-inline-block vx-text-center\">{{regulationCount}}</span>\r\n </div>\r\n </div>\r\n <div class=\"vx-table-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-mr-1 vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\" [class.active]=\"currentTab === 2\" (click)=\"onClickTabChange(responsibilityTabs[1])\" [class.pointer-none]=\"responsibilityLoader\">\r\n <div class=\"left vx-d-block vx-w-100\">\r\n <div class=\"label vx-d-flex vx-align-center\">\r\n <label class=\"vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\">STANDARDS</label>\r\n </div>\r\n </div>\r\n <div class=\"right vx-d-flex vx-justify-end vx-w-100\">\r\n <span class=\"vx-txt-white vx-fw-500 vx-d-inline-block vx-text-center\">{{standardsCount}}</span>\r\n </div>\r\n </div>\r\n <div class=\"vx-table-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-mr-1 vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\" [class.active]=\"currentTab === 3\"(click)=\"onClickTabChange(responsibilityTabs[2])\" [class.pointer-none]=\"responsibilityLoader\">\r\n <div class=\"left vx-d-block vx-w-100\">\r\n <div class=\"label vx-d-flex vx-align-center\">\r\n <label class=\"vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\">INTERNAL CONTROLS</label>\r\n </div>\r\n </div>\r\n <div class=\"right vx-d-flex vx-justify-end vx-w-100\">\r\n <span class=\"vx-txt-white vx-fw-500 vx-d-inline-block vx-text-center\">{{internalsCount}}</span>\r\n </div>\r\n </div>\r\n <div class=\"vx-table-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-mr-1 vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\" [class.active]=\"currentTab === 0\" (click)=\"onClickTabChange(responsibilityTabs[3])\" [class.pointer-none]=\"responsibilityLoader\">\r\n <div class=\"left vx-d-block vx-w-100\">\r\n <div class=\"label vx-d-flex vx-align-center\">\r\n <label class=\"vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\">OTHERS</label>\r\n </div>\r\n </div>\r\n <div class=\"right vx-d-flex vx-justify-end vx-w-100\">\r\n <span class=\"vx-txt-white vx-fw-500 vx-d-inline-block vx-text-center\">{{othersCount}}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"frequency-responsibility-list-search vx-mb-2\">\r\n <i class=\"icons vx-fs-12\"></i>\r\n <input type=\"text\" [(ngModel)]=\"responsibilitySearchText\" (keyup.enter)=\"search()\" placeholder=\"Search Responsibilities\" />\r\n </div>\r\n <app-pagination *ngIf=\"!responsibilityLoader && responsibilitiesData?.total_pages > 1\" [start]=\"responsibilitiesData?.responsibilities_from\"\r\n [end]=\"responsibilitiesData?.responsibilities_to\" [total]=\"responsibilitiesData?.total_responsibilities\" \r\n [pageCount]=\"responsibilitiesData?.total_pages\" [currentPage]=\"responsibilityCurrentPage\"\r\n (selectedPage)=\"responsibilityPageChange($event)\" >\r\n </app-pagination>\r\n <app-loader-inline *ngIf=\"responsibilityLoader\"></app-loader-inline>\r\n <div class=\"frequency-responsibility-list-mid vx-mb-4\" [class.with-pagination]=\"!responsibilityLoader && responsibilitiesData?.total_pages > 1\">\r\n <app-no-data *ngIf=\"responsibilitiesData?.data?.length === 0 && !responsibilityLoader\" [noDataImage]=\"'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\" [noDataText]=\"'No Data to Display'\"></app-no-data>\r\n <ng-container *ngIf=\"responsibilitiesData?.data?.length > 0 && !responsibilityLoader\">\r\n <div class=\"table-header\">\r\n <div class=\"table-row\">\r\n <div class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\">#</div>\r\n <div class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center responsibility\">RESPONSIBILITIES</div>\r\n <div class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center program\">PROGRAMS</div>\r\n </div>\r\n </div>\r\n <div class=\"table-body\">\r\n\r\n <!-- when click on radio then active class should be true -->\r\n <div class=\"table-row\" [class.active]=\"selectedResponsibilityId?.includes(responsibility?.ReportId)\" *ngFor=\"let responsibility of responsibilitiesData?.data; let i = index\">\r\n <div class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\">\r\n <div class=\"sr-no\" [appTooltip]=\"responsibilitiesData?.responsibilities_from + i\" placement=\"bottom\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">{{responsibilitiesData?.responsibilities_from + i}}</div>\r\n <app-cs-radio [name]=\"'responsibility'\" [checked]=\"selectedResponsibilityId?.includes(responsibility?.ReportId)\"\r\n (checkedEvent)=\"selectResponsibility(responsibility)\"></app-cs-radio>\r\n </div>\r\n <div class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center responsibility\">\r\n <div class=\"value vx-fs-12 vx-label-txt vx-pr-5\" [appTooltip]=\"responsibility?.ReportName\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">{{responsibility?.ControlId}} {{responsibility?.ReportName}}</div>\r\n </div>\r\n <div class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center program\">\r\n <div class=\"program-inner vx-d-block\">\r\n <div class=\"program-value vx-fs-11 vx-label-txt vx-pr-5\" [appTooltip]=\"responsibility?.category_details_array[0]?.category_name ?? '--'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">{{responsibility?.category_details_array[0]?.category_name ?? '--'}}</div>\r\n <div *ngIf=\"responsibility?.category_details_array[0]?.parent_category_name?.length\" class=\"within-part vx-d-flex vx-align-center vx-pr-3\">\r\n <div class=\"within-box vx-fs-9 vx-fw-600 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-mr-2 vx-lh-3 vx-txt-blue\">Within</div>\r\n <div class=\"within-value vx-fs-11 vx-paragraph-txt\" [appTooltip]=\"responsibility?.category_details_array[0]?.parent_category_name?.slice()?.reverse()?.join(' < ')\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">{{responsibility?.category_details_array[0]?.parent_category_name?.slice()?.reverse()?.join(' < ')}}</div>\r\n </div>\r\n </div>\r\n <button *ngIf=\"responsibility?.category_details_array?.length >= 2\" appPopover (click)=\"programPopup.popover()\" placement=\"right\" class=\"program-count vx-fs-11 vx-fw-500 vx-txt-white vx-p-0 vx-pl-1 vx-pr-1 vx-m-0 vx-d-flex vx-align-center vx-justify-center\">+{{responsibility?.category_details_array?.length - 1}}</button>\r\n <app-popover #programPopup>\r\n <div class=\"action-list\">\r\n <ul class=\"action-item\">\r\n <li *ngFor=\"let subCategory of responsibility?.category_details_array | slice : 1\">\r\n <div class=\"avatar-card\">\r\n <div class=\"vx-d-block vx-w-100\">\r\n <span class=\"value\" [appTooltip]=\"subCategory?.category_name\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">{{subCategory?.category_name}}</span>\r\n <div *ngIf=\"responsibility?.category_details_array[0]?.parent_category_name?.length\" class=\"within-part vx-d-flex vx-align-center vx-pr-3\">\r\n <div class=\"within-box vx-fs-9 vx-fw-600 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-mr-2 vx-lh-3 vx-txt-blue\">Within</div>\r\n <div class=\"within-value vx-fs-11 vx-paragraph-txt\" [appTooltip]=\"responsibility?.category_details_array[0]?.parent_category_name?.slice()?.reverse()?.join(' < ')\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">{{responsibility?.category_details_array[0]?.parent_category_name?.slice()?.reverse()?.join(' < ')}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n </app-popover>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n <app-floating-bar [selectedData]=\"(isValidObj) ? [selectedResponsibilityValues]:[]\" [displayElementKey]=\"'ReportName'\" (closeList)=\"back()\" (closeEvent)=\"save($event)\" (deleteEvent)=\"deleteItem($event)\" [isDisabled]=\"!isValidObj\" ></app-floating-bar>\r\n </div>\r\n</div>",
|
|
34734
|
-
styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/header/header.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.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-top.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/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/button/button.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/popover/popover.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.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\";@import\"https://cdn.v-comply.com/design-system/css/table-card/table-card.css\";::ng-deep .frequency-responsibility-list{border-top:3px solid #1e5dd3;position:fixed;top:0;right:32.5rem;bottom:0;left:0}::ng-deep .frequency-responsibility-list.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both
|
|
34757
|
+
template: "<div class=\"frequency-responsibility-list\" [class.animate]=\"animation\">\r\n <div class=\"frequency-responsibility-list-head vx-p-3 vx-d-flex vx-align-center vx-justify-between\">\r\n <div class=\"vx-d-flex vx-align-center\">\r\n <i class=\"icons arrow vx-fs-16 vx-label-txt vx-mr-1\" (click)=\"back()\" ></i>\r\n <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Select a Responsibility</div>\r\n </div>\r\n </div>\r\n <div class=\"frequency-responsibility-list-body\">\r\n <!-- <app-loader-inline *ngIf=\"othersCount === 0\"></app-loader-inline> -->\r\n <div *ngIf=\"responsibilitiesData?.allResponsibilityCount !== 0\" class=\"vx-d-flex vx-align-center vx-justify-between vx-mb-2\" >\r\n <div class=\"vx-table-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-mr-1 vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\" [class.active]=\"currentTab === 1\" (click)=\"onClickTabChange(responsibilityTabs[0])\" [class.pointer-none]=\"responsibilityLoader\">\r\n <div class=\"left vx-d-block vx-w-100\">\r\n <div class=\"label vx-d-flex vx-align-center\">\r\n <label class=\"vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\">REGULATIONS</label>\r\n </div>\r\n </div>\r\n <div class=\"right vx-d-flex vx-justify-end vx-w-100\">\r\n <span class=\"vx-txt-white vx-fw-500 vx-d-inline-block vx-text-center\">{{responsibilityTabCount?.regulationCount}}</span>\r\n </div>\r\n </div>\r\n <div class=\"vx-table-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-mr-1 vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\" [class.active]=\"currentTab === 2\" (click)=\"onClickTabChange(responsibilityTabs[1])\" [class.pointer-none]=\"responsibilityLoader\">\r\n <div class=\"left vx-d-block vx-w-100\">\r\n <div class=\"label vx-d-flex vx-align-center\">\r\n <label class=\"vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\">STANDARDS</label>\r\n </div>\r\n </div>\r\n <div class=\"right vx-d-flex vx-justify-end vx-w-100\">\r\n <span class=\"vx-txt-white vx-fw-500 vx-d-inline-block vx-text-center\">{{responsibilityTabCount?.standardCount}}</span>\r\n </div>\r\n </div>\r\n <div class=\"vx-table-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-mr-1 vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\" [class.active]=\"currentTab === 3\"(click)=\"onClickTabChange(responsibilityTabs[2])\" [class.pointer-none]=\"responsibilityLoader\">\r\n <div class=\"left vx-d-block vx-w-100\">\r\n <div class=\"label vx-d-flex vx-align-center\">\r\n <label class=\"vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\">INTERNAL CONTROLS</label>\r\n </div>\r\n </div>\r\n <div class=\"right vx-d-flex vx-justify-end vx-w-100\">\r\n <span class=\"vx-txt-white vx-fw-500 vx-d-inline-block vx-text-center\">{{responsibilityTabCount?.internalCount}}</span>\r\n </div>\r\n </div>\r\n <div class=\"vx-table-card vx-bg-white vx-d-flex vx-justify-between vx-align-center vx-mr-1 vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3 vx-w-100\" [class.active]=\"currentTab === 0\" (click)=\"onClickTabChange(responsibilityTabs[3])\" [class.pointer-none]=\"responsibilityLoader\">\r\n <div class=\"left vx-d-block vx-w-100\">\r\n <div class=\"label vx-d-flex vx-align-center\">\r\n <label class=\"vx-paragraph-txt vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-between vx-align-center\">OTHERS</label>\r\n </div>\r\n </div>\r\n <div class=\"right vx-d-flex vx-justify-end vx-w-100\">\r\n <span class=\"vx-txt-white vx-fw-500 vx-d-inline-block vx-text-center\">{{responsibilityTabCount?.othersCount}}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"frequency-responsibility-list-search vx-mb-2\">\r\n <i class=\"icons vx-fs-12\"></i>\r\n <input type=\"text\" [(ngModel)]=\"responsibilitySearchText\" (keyup.enter)=\"search()\" placeholder=\"Search Responsibilities\" />\r\n </div>\r\n <app-pagination *ngIf=\"!responsibilityLoader && responsibilitiesData?.total_pages > 1\" [start]=\"responsibilitiesData?.responsibilities_from\"\r\n [end]=\"responsibilitiesData?.responsibilities_to\" [total]=\"responsibilitiesData?.total_responsibilities\" \r\n [pageCount]=\"responsibilitiesData?.total_pages\" [currentPage]=\"responsibilityCurrentPage\"\r\n (selectedPage)=\"responsibilityPageChange($event)\" >\r\n </app-pagination>\r\n <app-loader-inline *ngIf=\"responsibilityLoader\"></app-loader-inline>\r\n <div class=\"frequency-responsibility-list-mid vx-mb-4\" [class.with-pagination]=\"!responsibilityLoader && responsibilitiesData?.total_pages > 1\">\r\n <app-no-data *ngIf=\"responsibilitiesData?.data?.length === 0 && !responsibilityLoader\" [noDataImage]=\"'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\" [noDataText]=\"'No Data to Display'\"></app-no-data>\r\n <ng-container *ngIf=\"responsibilitiesData?.data?.length > 0 && !responsibilityLoader\">\r\n <div class=\"table-header\">\r\n <div class=\"table-row\">\r\n <div class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\">#</div>\r\n <div class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center responsibility\">RESPONSIBILITIES</div>\r\n <div class=\"table-column vx-fs-11 vx-fw-500 vx-lh-5 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-d-flex vx-align-center program\">PROGRAMS</div>\r\n </div>\r\n </div>\r\n <div class=\"table-body\">\r\n\r\n <!-- when click on radio then active class should be true -->\r\n <div class=\"table-row\" [class.active]=\"selectedResponsibilityId?.includes(responsibility?.ReportId)\" *ngFor=\"let responsibility of responsibilitiesData?.data; let i = index\">\r\n <div class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\">\r\n <div class=\"sr-no\" [appTooltip]=\"responsibilitiesData?.responsibilities_from + i\" placement=\"bottom\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">{{responsibilitiesData?.responsibilities_from + i}}</div>\r\n <app-cs-radio [name]=\"'responsibility'\" [checked]=\"selectedResponsibilityId?.includes(responsibility?.ReportId)\"\r\n (checkedEvent)=\"selectResponsibility(responsibility)\"></app-cs-radio>\r\n </div>\r\n <div class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center responsibility\">\r\n <div class=\"value vx-fs-12 vx-label-txt vx-pr-5\" [appTooltip]=\"responsibility?.ReportName\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">{{responsibility?.ControlId}} {{responsibility?.ReportName}}</div>\r\n </div>\r\n <div class=\"table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center program\">\r\n <div class=\"program-inner vx-d-block\">\r\n <div class=\"program-value vx-fs-11 vx-label-txt vx-pr-5\" [appTooltip]=\"responsibility?.category_details_array[0]?.category_name ?? '--'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">{{responsibility?.category_details_array[0]?.category_name ?? '--'}}</div>\r\n <div *ngIf=\"responsibility?.category_details_array[0]?.parent_category_name?.length\" class=\"within-part vx-d-flex vx-align-center vx-pr-3\">\r\n <div class=\"within-box vx-fs-9 vx-fw-600 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-mr-2 vx-lh-3 vx-txt-blue\">Within</div>\r\n <div class=\"within-value vx-fs-11 vx-paragraph-txt\" [appTooltip]=\"responsibility?.category_details_array[0]?.parent_category_name?.slice()?.reverse()?.join(' < ')\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">{{responsibility?.category_details_array[0]?.parent_category_name?.slice()?.reverse()?.join(' < ')}}</div>\r\n </div>\r\n </div>\r\n <button *ngIf=\"responsibility?.category_details_array?.length >= 2\" appPopover (click)=\"programPopup.popover()\" placement=\"right\" class=\"program-count vx-fs-11 vx-fw-500 vx-txt-white vx-p-0 vx-pl-1 vx-pr-1 vx-m-0 vx-d-flex vx-align-center vx-justify-center\">+{{responsibility?.category_details_array?.length - 1}}</button>\r\n <app-popover #programPopup>\r\n <div class=\"action-list\">\r\n <ul class=\"action-item\">\r\n <li *ngFor=\"let subCategory of responsibility?.category_details_array | slice : 1\">\r\n <div class=\"avatar-card\">\r\n <div class=\"vx-d-block vx-w-100\">\r\n <span class=\"value\" [appTooltip]=\"subCategory?.category_name\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">{{subCategory?.category_name}}</span>\r\n <div *ngIf=\"responsibility?.category_details_array[0]?.parent_category_name?.length\" class=\"within-part vx-d-flex vx-align-center vx-pr-3\">\r\n <div class=\"within-box vx-fs-9 vx-fw-600 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-mr-2 vx-lh-3 vx-txt-blue\">Within</div>\r\n <div class=\"within-value vx-fs-11 vx-paragraph-txt\" [appTooltip]=\"responsibility?.category_details_array[0]?.parent_category_name?.slice()?.reverse()?.join(' < ')\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">{{responsibility?.category_details_array[0]?.parent_category_name?.slice()?.reverse()?.join(' < ')}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n </app-popover>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n <app-floating-bar [selectedData]=\"(isValidObj) ? [selectedResponsibilityValues]:[]\" [displayElementKey]=\"'ReportName'\" (closeList)=\"back()\" (closeEvent)=\"save($event)\" (deleteEvent)=\"deleteItem($event)\" [isDisabled]=\"!isValidObj\" ></app-floating-bar>\r\n </div>\r\n</div>",
|
|
34758
|
+
styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/header/header.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.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-top.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/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/button/button.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/popover/popover.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.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\";@import\"https://cdn.v-comply.com/design-system/css/table-card/table-card.css\";::ng-deep .frequency-responsibility-list{border-top:3px solid #1e5dd3;position:fixed;top:0;right:32.5rem;bottom:0;left:0}::ng-deep .frequency-responsibility-list.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .frequency-responsibility-list-head{background:#fbfbfb;border-bottom:1px solid #f1f1f1;height:2.75rem}::ng-deep .frequency-responsibility-list-head .arrow{cursor:pointer}::ng-deep .frequency-responsibility-list-body{background:#fff;height:calc(100vh - 2.75rem);padding:1.5rem .75rem 1.5rem 2rem}::ng-deep .frequency-responsibility-list-body app-pagination .wk-pagination-sec-ds{border-radius:0;padding:0 0 .5rem}::ng-deep .frequency-responsibility-list-body app-floating-bar .floating-bar{padding:0;position:relative;left:-1rem;width:calc(100% + 2rem)}::ng-deep .frequency-responsibility-list-body app-floating-bar .userGroup-floating-bar{padding-left:0!important;padding-right:0!important}::ng-deep .frequency-responsibility-list-body app-floating-bar .userGroup-floating-bar .userGroup-floating-bar-container .left .chip span{max-width:240px}::ng-deep .frequency-responsibility-list-search{position:relative}::ng-deep .frequency-responsibility-list-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 .frequency-responsibility-list-search input::placeholder{color:#747576;opacity:1}::ng-deep .frequency-responsibility-list-search i{position:absolute;left:1rem;top:1rem;pointer-events:none;color:#f1f1f1}::ng-deep .frequency-responsibility-list-mid{height:calc(100vh - 17.5rem);overflow:auto}::ng-deep .frequency-responsibility-list-mid::-webkit-scrollbar-track{background-color:#fff}::ng-deep .frequency-responsibility-list-mid.with-pagination{height:calc(100vh - 19.5rem)}::ng-deep .frequency-responsibility-list-mid .table-header{background:#fff;position:sticky;top:0;z-index:1}::ng-deep .frequency-responsibility-list-mid .table-header .table-column{color:#161b2f!important;line-height:.75rem!important;min-height:1.875rem!important}::ng-deep .frequency-responsibility-list-mid .table-body{position:relative}::ng-deep .frequency-responsibility-list-mid .table-body .table-row{background:#fff;border-radius:.25rem;border:1px solid #f1f1f1;margin-bottom:.25rem}::ng-deep .frequency-responsibility-list-mid .table-body .table-row:hover .table-column.serial .sr-no,::ng-deep .frequency-responsibility-list-mid .table-body .table-row.active .table-column.serial .sr-no{opacity:0}::ng-deep .frequency-responsibility-list-mid .table-body .table-row:hover .table-column.serial app-cs-radio,::ng-deep .frequency-responsibility-list-mid .table-body .table-row.active .table-column.serial app-cs-radio{opacity:1}::ng-deep .frequency-responsibility-list-mid .table-row{display:flex;justify-content:space-between;position:relative}::ng-deep .frequency-responsibility-list-mid .table-row .table-column{color:#747576;min-height:2.5rem;position:relative;width:100%}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.serial{width:2rem;max-width:2rem;justify-content:center}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.serial .sr-no{width:1rem;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 .frequency-responsibility-list-mid .table-row .table-column.serial app-cs-radio{position:absolute;top:.75rem;left:.5rem;width:1rem;height:1rem;opacity:0;transition:all .2s ease-in-out}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.serial app-cs-radio .radio-item{position:absolute}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.responsibility{width:calc(100% - 22rem);min-width:calc(100% - 22rem)}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.responsibility .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.program{width:20rem;min-width:20rem}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.program .program-inner{max-width:calc(100% - 2rem)}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.program .program-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .frequency-responsibility-list-mid .table-row .table-column.program button.program-count{background:#1E5DD3;border-radius:.125rem;border:none;min-width:1.5rem;height:1.25rem}@keyframes animate-right{0%{transform:translate(5px);opacity:0}to{transform:translate(0);opacity:1}}.action-list{width:220px}.action-list ul{padding:0;margin:0;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;background:#ffffff;box-shadow:0 3px 6px #1c5bd140;border-radius:4px;max-height:220px;overflow:auto}.action-list ul.action-item{display:block}.action-list ul.action-item li{list-style:none;border:none;border-bottom:1px solid #f1f1f1;display:block;width:100%;padding:0;background:transparent;border-radius:0;margin:0;height:auto;justify-content:flex-start;box-shadow:none}.action-list ul.action-item li .avatar-card{display:flex;align-items:center;width:100%;padding:7.5px}.action-list ul.action-item li .avatar-card.within-con{display:block}.action-list ul.action-item li .avatar-card .avatar{height:24px;width:24px!important;overflow:hidden;background:#4681ef;color:#fff;font-size:10px;display:inline-flex;margin-right:5px;border-radius:50%;align-items:center;justify-content:center;text-transform:uppercase}.action-list ul.action-item li .avatar-card .avatar img{width:100%}.action-list ul.action-item li .avatar-card .avatar+span.value{width:calc(100% - 29px)}.action-list ul.action-item li .avatar-card span.value{width:100%;color:#6e717e;text-decoration:none;background:transparent;font-size:12px;text-transform:capitalize;display:block;font-weight:400;text-align-last:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px}.action-list ul.action-item li .avatar-card span.value i{font-size:8px;color:#1c5bd1;cursor:pointer;margin-right:5px}.action-list ul.action-item li .avatar-card.no-image{display:block}.action-list ul.action-item li .avatar-card.no-image span.value{width:100%;display:block}.action-list ul.action-item li:first-child{animation:action-list-open .25s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(2){animation:action-list-open .35s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(3){animation:action-list-open .45s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(4){animation:action-list-open .55s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(5){animation:action-list-open .65s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(6){animation:action-list-open .75s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(7){animation:action-list-open .85s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(8){animation:action-list-open .95s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(9){animation:action-list-open 1.05s cubic-bezier(.25,.46,.45,.94) both}.action-list ul.action-item li:nth-child(10){animation:action-list-open 1.15s cubic-bezier(.25,.46,.45,.94) both}@keyframes action-list-open{0%{transform:translateY(50px)}to{transform:translateY(0)}}@keyframes scale-up-center{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}\n"]
|
|
34735
34759
|
},] }
|
|
34736
34760
|
];
|
|
34737
34761
|
FrequencyResponsibilityListComponent.ctorParameters = function () { return [
|