vcomply-workflow-engine 2.1.96 → 2.1.98
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 +29 -9
- package/bundles/vcomply-workflow-engine.umd.js.map +1 -1
- package/esm2015/lib/workflow-program/create-program-ui/create-program-ui.module.ngfactory.js +1 -1
- package/esm2015/lib/workflow-program/create-program-ui/role-list/role-list.component.js +24 -4
- package/esm2015/lib/workflow-program/create-program-ui/role-list/role-list.component.ngfactory.js +24 -16
- package/esm2015/lib/workflow-program/create-program-ui/role-list/role-list.component.ngsummary.json +1 -1
- package/esm2015/lib/workflow-program/workflow-program.component.js +7 -7
- package/fesm2015/vcomply-workflow-engine.js +29 -9
- package/fesm2015/vcomply-workflow-engine.js.map +1 -1
- package/lib/workflow-program/create-program-ui/role-list/role-list.component.d.ts +3 -0
- package/package.json +1 -1
- package/vcomply-workflow-engine.metadata.json +1 -1
|
@@ -23514,13 +23514,13 @@ class WorkflowProgramComponent {
|
|
|
23514
23514
|
*/
|
|
23515
23515
|
getProgramDetails() {
|
|
23516
23516
|
this.programService.getProgram(this.programId).pipe(take(1)).subscribe((res) => {
|
|
23517
|
-
var _a, _b, _c, _d, _e, _f;
|
|
23517
|
+
var _a, _b, _c, _d, _e, _f, _g;
|
|
23518
23518
|
this.setFormField('program_name', res === null || res === void 0 ? void 0 : res.name);
|
|
23519
23519
|
this.setFormField('program_type', res === null || res === void 0 ? void 0 : res.programType);
|
|
23520
23520
|
this.setFormField('program_objective', (_a = res === null || res === void 0 ? void 0 : res.program_objective) === null || _a === void 0 ? void 0 : _a.text);
|
|
23521
23521
|
this.setFormField('all_user_in_role', res === null || res === void 0 ? void 0 : res.all_user_in_role);
|
|
23522
23522
|
this.setFormField('program_description_attachments', (_b = res === null || res === void 0 ? void 0 : res.description) === null || _b === void 0 ? void 0 : _b.attachments);
|
|
23523
|
-
this.setFormField('program_objective_attachments', res === null || res === void 0 ? void 0 : res.attachments);
|
|
23523
|
+
this.setFormField('program_objective_attachments', (_c = res === null || res === void 0 ? void 0 : res.program_objective) === null || _c === void 0 ? void 0 : _c.attachments);
|
|
23524
23524
|
this.setFormField('performance_calculation', res === null || res === void 0 ? void 0 : res.calculate_past_upcoming_event);
|
|
23525
23525
|
this.setFormField('recurring_frequency', res === null || res === void 0 ? void 0 : res.program_frequency);
|
|
23526
23526
|
this.setFormField('lock_scope_change', res === null || res === void 0 ? void 0 : res.lock_scope);
|
|
@@ -23533,10 +23533,10 @@ class WorkflowProgramComponent {
|
|
|
23533
23533
|
this.populateOptionalFields();
|
|
23534
23534
|
}
|
|
23535
23535
|
this.setFormField('assignee_completion_criteria', res.default_assignee_type);
|
|
23536
|
-
this.editorData.programDescription = (
|
|
23537
|
-
this.editorData.programObjective = (
|
|
23538
|
-
this.setFormField('framework', Object.assign(Object.assign({}, res.framework_details), { _id: (
|
|
23539
|
-
const role = (
|
|
23536
|
+
this.editorData.programDescription = (_d = res.description) === null || _d === void 0 ? void 0 : _d.text;
|
|
23537
|
+
this.editorData.programObjective = (_e = res.program_objective) === null || _e === void 0 ? void 0 : _e.text;
|
|
23538
|
+
this.setFormField('framework', Object.assign(Object.assign({}, res.framework_details), { _id: (_f = res === null || res === void 0 ? void 0 : res.framework_details) === null || _f === void 0 ? void 0 : _f.framework_id }));
|
|
23539
|
+
const role = (_g = res === null || res === void 0 ? void 0 : res.roles) === null || _g === void 0 ? void 0 : _g.map((ele) => { return { _id: ele === null || ele === void 0 ? void 0 : ele.roleId, roleName: ele === null || ele === void 0 ? void 0 : ele.roleName, licenseType: ele === null || ele === void 0 ? void 0 : ele.licenseType }; });
|
|
23540
23540
|
this.setFormField('program_roles', role);
|
|
23541
23541
|
if (res.assessmentData.length) {
|
|
23542
23542
|
res.assessmentData = res.assessmentData.map((ele) => {
|
|
@@ -23995,6 +23995,8 @@ class RoleListComponent {
|
|
|
23995
23995
|
this.expandedRows = [];
|
|
23996
23996
|
//list of all the available roles
|
|
23997
23997
|
this.rolesList = [];
|
|
23998
|
+
this.initialSelected = null;
|
|
23999
|
+
this.showConfirmation = false;
|
|
23998
24000
|
// only used in select all function
|
|
23999
24001
|
this.allListIds = [];
|
|
24000
24002
|
//isAllItems
|
|
@@ -24016,8 +24018,12 @@ class RoleListComponent {
|
|
|
24016
24018
|
}
|
|
24017
24019
|
}
|
|
24018
24020
|
set selectedRolesVal(value) {
|
|
24021
|
+
var _a;
|
|
24019
24022
|
this.selectedRoles = this.uniqueByProp([...this.selectedRoles, ...value], '_id');
|
|
24020
24023
|
this.selectedIds = this.selectedRoles.map((ele) => ele === null || ele === void 0 ? void 0 : ele._id);
|
|
24024
|
+
if (!this.initialSelected || !((_a = this.initialSelected) === null || _a === void 0 ? void 0 : _a.length)) {
|
|
24025
|
+
this.initialSelected = this.selectedIds;
|
|
24026
|
+
}
|
|
24021
24027
|
this.setAllSelectedStatus();
|
|
24022
24028
|
}
|
|
24023
24029
|
/**
|
|
@@ -24104,7 +24110,21 @@ class RoleListComponent {
|
|
|
24104
24110
|
this.setAllSelectedStatus();
|
|
24105
24111
|
}
|
|
24106
24112
|
saveList() {
|
|
24107
|
-
|
|
24113
|
+
var _a, _b, _c;
|
|
24114
|
+
if (((_b = (_a = this.initialSelected) === null || _a === void 0 ? void 0 : _a.sort()) === null || _b === void 0 ? void 0 : _b.toString()) !== ((_c = this.selectedIds.sort()) === null || _c === void 0 ? void 0 : _c.toString())) {
|
|
24115
|
+
this.showConfirmation = true;
|
|
24116
|
+
}
|
|
24117
|
+
else {
|
|
24118
|
+
this.save.emit(this.selectedRoles);
|
|
24119
|
+
}
|
|
24120
|
+
}
|
|
24121
|
+
confirmAction(evt) {
|
|
24122
|
+
if (evt === 'YES') {
|
|
24123
|
+
this.save.emit(this.selectedRoles);
|
|
24124
|
+
}
|
|
24125
|
+
else if (evt === 'NO') {
|
|
24126
|
+
this.showConfirmation = false;
|
|
24127
|
+
}
|
|
24108
24128
|
}
|
|
24109
24129
|
closeList() {
|
|
24110
24130
|
this.cancel.emit();
|
|
@@ -24127,8 +24147,8 @@ class RoleListComponent {
|
|
|
24127
24147
|
RoleListComponent.decorators = [
|
|
24128
24148
|
{ type: Component, args: [{
|
|
24129
24149
|
selector: 'role-list',
|
|
24130
|
-
template: "<div class=\"roles-list\" [class.animate]=\"animation\">\r\n <div class=\"roles-list-head\">\r\n <h3 class=\"roles-list-title\">Select Roles(s)</h3>\r\n </div>\r\n \r\n <div class=\"roles-list-body\">\r\n <div class=\"search-block\" [class.disabled]=\"!rolesList?.length\">\r\n <i class=\"icons\"></i>\r\n <input type=\"text\" placeholder=\"Search Roles\" [(ngModel)]=\"searchKey\"/>\r\n </div>\r\n <div class=\"vx-mt-4\">\r\n <role-loader *ngIf=\"loading\"></role-loader>\r\n </div>\r\n \r\n <ng-container *ngIf=\"!loading\">\r\n <ng-container *ngIf=\"(rolesList|search:searchKey:'roleName') as roles\">\r\n <div *ngIf=\"roles?.length > 0\" class=\"roles-list-mid vx-mt-2\">\r\n <div class=\"role-box-select vx-pb-2\">\r\n <vui-checkbox [indeterminateEnabled]=\"false\" #check (change)=\"selectAll($event)\"\r\n [(ngModel)]=\"allSelected\" [checked]=\"allSelected\">\r\n <div class=\"user-name vx-fs-12 vx-fw-600 vx-label-txt\">{{!check.checked ? 'Select All' :\r\n 'Deselect All'}}</div>\r\n </vui-checkbox>\r\n </div>\r\n \r\n <div class=\"role-box vx-mb-2\" *ngFor=\"let role of roles; let i = index\">\r\n <div (click)=\"!expandedRows.includes(role?._id) ? expandOrCollapse('EXPAND',role?._id): expandOrCollapse('COLLAPSE',role?._id) \"\r\n class=\"role-box-heading vx-d-flex vx-align-center vx-justify-between vx-p-3\">\r\n <div class=\"left vx-d-flex vx-align-center vx-lh-4\">\r\n <vui-checkbox [disabled]=\"systemRolesIds.includes(role?._id)\"\r\n [checked]=\"selectedIds.includes(role?._id)\" (change)=\"selectItem($event,role)\">\r\n </vui-checkbox>\r\n <div class=\"name vx-fs-12 vx-label-txt\" [appTooltip]=\"'Role name'\" placement=\"bottom-left\"\r\n delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{role?.roleName}}</div>\r\n <span *ngIf=\"role?.roleActions?.length > 0\"\r\n class=\"count vx-fs-9 vx-fw-600 vx-lh-3 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-ml-2\">{{role?.roleActions?.length}}\r\n PERMISSIONS</span>\r\n </div>\r\n <div class=\"right vx-d-flex vx-align-center vx-justify-between\">\r\n <div *ngIf=\"role?.licenseType === 'power users'\"\r\n class=\"status-label vx-fs-9 vx-fw-500 vx-txt-white vx-tt-uppercase vx-pl-1 vx-pr-1\"\r\n [class.power-user]=\"true\" [class.all-user]=\"false\"> Power User</div>\r\n <div *ngIf=\"role?.licenseType === 'light users'\"\r\n class=\"status-label vx-fs-9 vx-fw-500 vx-txt-white vx-tt-uppercase vx-pl-1 vx-pr-1\"\r\n [class.power-user]=\"false\" [class.all-user]=\"true\">Light User</div>\r\n <button class=\"arrow-btn vx-fs-12 vx-paragraph-txt vx-m-0 vx-p-0 vx-d-flex vx-align-center\">\r\n <i *ngIf=\"!expandedRows.includes(role?._id)\" class=\"icons\"></i>\r\n <i *ngIf=\"expandedRows.includes(role?._id)\" class=\"icons\"></i>\r\n </button>\r\n </div>\r\n </div>\r\n <div class=\"role-box-list\" *ngIf=\"expandedRows.includes(role?._id)\">\r\n <ul class=\"vx-p-0 vx-m-0\">\r\n <li class=\"vx-p-3 vx-lh-4\" *ngFor=\"let permission of role?.roleActions\">\r\n <div class=\"value vx-fs-12 vx-label-txt\">{{permission}}</div>\r\n </li>\r\n <!-- <li class=\"vx-p-3 vx-lh-4\">\r\n <div class=\"value vx-fs-12 vx-label-txt\">View User List</div>\r\n </li>\r\n <li class=\"vx-p-3 vx-lh-4\">\r\n <div class=\"value vx-fs-12 vx-label-txt\">Manage Users <span class=\"vx-fs-10 vx-paragraph-txt\">(Create/Edit/Delete/Deactivate)</span></div>\r\n </li>\r\n <li class=\"vx-p-3 vx-lh-4\">\r\n <div class=\"value vx-fs-12 vx-label-txt\">Over-ride Log In</div>\r\n </li>\r\n <li class=\"vx-p-3 vx-lh-4\">\r\n <div class=\"value vx-fs-12 vx-label-txt\">View Statutory Holidays</div>\r\n </li>\r\n <li class=\"vx-p-3 vx-lh-4\">\r\n <div class=\"value vx-fs-12 vx-label-txt\">Manage Statutory Holidays</div>\r\n </li> -->\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n <app-no-data *ngIf=\"roles?.length === 0\"\r\n [noDataImage]=\"'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\"\r\n [noDataText]=\"searchKey?.length > 0 ?'No match found.': 'No Roles Found'\"></app-no-data>\r\n \r\n </ng-container>\r\n </ng-container>\r\n \r\n </div>\r\n\r\n <div class=\"roles-list-footer\">\r\n <vui-floating-bar (closeEvent)=\"saveList()\" (closeList)=\"closeList()\">\r\n <div class=\"counter\" *ngIf=\"selectedRoles?.length\" \r\n placement=\"left\">{{selectedRoles?.length}}</div>\r\n <div class=\"name\" *ngIf=\"selectedRoles?.length>1\"> \r\n <span *ngIf=\"selectedRoles?.length === 1\">Role selected</span>\r\n <span *ngIf=\"selectedRoles?.length > 1\">Roles selected</span>\r\n </div>\r\n </vui-floating-bar>\r\n </div>\r\n</div>",
|
|
24131
|
-
styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");@import url(\"https://cdn.v-comply.com/design-system/css/text/text.css\");@import url(\"https://cdn.v-comply.com/design-system/css/color/color.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\");::ng-deep .roles-list{background:#fff;position:fixed;top:0;right:500px;bottom:0;left:0;border-top:3px solid #1e5dd3}::ng-deep .roles-list.animate{-webkit-animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .roles-list-head{background:#fbfbfb;height:42px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;border:1px solid #f1f1f1;border-right:none}::ng-deep .roles-list-title{color:#161b2f;font-size:15px;font-weight:500;margin:0!important;padding:0;line-height:21px}::ng-deep .roles-list-body{padding:24px 40px 24px 36px;height:calc(100vh - 124px)}::ng-deep .roles-list-body .search-block{position:relative}::ng-deep .roles-list-body .search-block input{height:44px;line-height:24px;padding:10px 16px 10px 40px;outline:none;border:1px solid #7475763f;border-radius:4px;width:100%;font-size:14px;color:#747576}::ng-deep .roles-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .roles-list-body .search-block i{position:absolute;left:17px;font-size:12px;font-weight:400;top:17px;pointer-events:none;color:#f1f1f1}::ng-deep .roles-list-mid{width:calc(100% + .75rem);height:calc(100vh - 14rem);overflow:auto;padding-right:.75rem}::ng-deep .roles-list-mid .role-box{border:1px solid #f1f1f1;border-radius:.25rem}::ng-deep .roles-list-mid .role-box-select{background:#fff;position:sticky;top:0;z-index:1}::ng-deep .roles-list-mid .role-box-select vui-checkbox .checkbox-item{position:relative;padding-left:1.75rem;width:100%}::ng-deep .roles-list-mid .role-box-select vui-checkbox .checkbox-item .checkbox,::ng-deep .roles-list-mid .role-box-select vui-checkbox .checkbox-item .checkmark{position:absolute!important;top:0;left:0}::ng-deep .roles-list-mid .role-box-select vui-checkbox .checkbox-item .value{margin:0!important}::ng-deep .roles-list-mid .role-box-heading{cursor:pointer}::ng-deep .roles-list-mid .role-box-heading .left{width:calc(100% - 6.5rem)}::ng-deep .roles-list-mid .role-box-heading .left vui-checkbox{height:1rem}::ng-deep .roles-list-mid .role-box-heading .left vui-checkbox .checkbox-item{position:relative;padding-left:1.75rem;height:1rem}::ng-deep .roles-list-mid .role-box-heading .left vui-checkbox .checkbox-item .checkbox,::ng-deep .roles-list-mid .role-box-heading .left vui-checkbox .checkbox-item .checkmark{position:absolute!important;top:0;left:0}::ng-deep .roles-list-mid .role-box-heading .left .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:calc(100% - 9.25rem)}::ng-deep .roles-list-mid .role-box-heading .left .count{background:#f1f1f1;border-radius:.125rem;color:#042e7d}::ng-deep .roles-list-mid .role-box-heading .right{width:6.5rem}::ng-deep .roles-list-mid .role-box-heading .right .status-label{border-radius:.125rem;height:.75rem}::ng-deep .roles-list-mid .role-box-heading .right .status-label.all-user{background:#7aa6f7}::ng-deep .roles-list-mid .role-box-heading .right .status-label.power-user{background:#fadd8a}::ng-deep .roles-list-mid .role-box-heading .right button.arrow-btn{background:transparent;border:none;border-radius:0}::ng-deep .roles-list-mid .role-box-list ul{list-style-type:none}::ng-deep .roles-list-mid .role-box-list ul li{border-top:1px solid #f1f1f1;padding-left:2.5rem!important;position:relative}::ng-deep .roles-list-mid .role-box-list ul li:before{background:#dbdbdb;border-radius:.125rem;width:.25rem;height:.25rem;content:\"\";position:absolute;top:18px;left:18px}::ng-deep .roles-list-mid .role-box-list ul li .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .roles-list-mid .role-box-list ul li vui-checkbox .checkbox-item{width:100%}::ng-deep .roles-list-mid .role-box-list ul li vui-checkbox .checkbox-item span.value{width:100%}::ng-deep .roles-list-mid .role-box-list ul li vui-checkbox .checkbox-item span.value .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.counter{border-radius:2px;background:#66bf72;border:1px solid #66bf72;height:24px;padding:0 5px;color:#fff;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;margin-left:5px;min-width:24px;justify-content:center;line-height:24px;margin-right:5px}.counter,.name{font-weight:500}.name{margin-left:4px;color:#707070;font-size:12px;line-height:18px;white-space:nowrap}.name b{text-transform:lowercase}"]
|
|
24150
|
+
template: "<div class=\"roles-list\" [class.animate]=\"animation\">\r\n <div class=\"roles-list-head\">\r\n <h3 class=\"roles-list-title\">Select Roles(s)</h3>\r\n </div>\r\n \r\n <div class=\"roles-list-body\">\r\n <div class=\"search-block\" [class.disabled]=\"!rolesList?.length\">\r\n <i class=\"icons\"></i>\r\n <input type=\"text\" placeholder=\"Search Roles\" [(ngModel)]=\"searchKey\"/>\r\n </div>\r\n <div class=\"vx-mt-4\">\r\n <role-loader *ngIf=\"loading\"></role-loader>\r\n </div>\r\n \r\n <ng-container *ngIf=\"!loading\">\r\n <ng-container *ngIf=\"(rolesList|search:searchKey:'roleName') as roles\">\r\n <div *ngIf=\"roles?.length > 0\" class=\"roles-list-mid vx-mt-2\">\r\n <div class=\"role-box-select vx-pb-2\">\r\n <vui-checkbox [indeterminateEnabled]=\"false\" #check (change)=\"selectAll($event)\"\r\n [(ngModel)]=\"allSelected\" [checked]=\"allSelected\">\r\n <div class=\"user-name vx-fs-12 vx-fw-600 vx-label-txt\">{{!check.checked ? 'Select All' :\r\n 'Deselect All'}}</div>\r\n </vui-checkbox>\r\n </div>\r\n \r\n <div class=\"role-box vx-mb-2\" *ngFor=\"let role of roles; let i = index\">\r\n <div (click)=\"!expandedRows.includes(role?._id) ? expandOrCollapse('EXPAND',role?._id): expandOrCollapse('COLLAPSE',role?._id) \"\r\n class=\"role-box-heading vx-d-flex vx-align-center vx-justify-between vx-p-3\">\r\n <div class=\"left vx-d-flex vx-align-center vx-lh-4\">\r\n <vui-checkbox [disabled]=\"systemRolesIds.includes(role?._id)\"\r\n [checked]=\"selectedIds.includes(role?._id)\" (change)=\"selectItem($event,role)\">\r\n </vui-checkbox>\r\n <div class=\"name vx-fs-12 vx-label-txt\" [appTooltip]=\"'Role name'\" placement=\"bottom-left\"\r\n delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">{{role?.roleName}}</div>\r\n <span *ngIf=\"role?.roleActions?.length > 0\"\r\n class=\"count vx-fs-9 vx-fw-600 vx-lh-3 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-ml-2\">{{role?.roleActions?.length}}\r\n PERMISSIONS</span>\r\n </div>\r\n <div class=\"right vx-d-flex vx-align-center vx-justify-between\">\r\n <div *ngIf=\"role?.licenseType === 'power users'\"\r\n class=\"status-label vx-fs-9 vx-fw-500 vx-txt-white vx-tt-uppercase vx-pl-1 vx-pr-1\"\r\n [class.power-user]=\"true\" [class.all-user]=\"false\"> Power User</div>\r\n <div *ngIf=\"role?.licenseType === 'light users'\"\r\n class=\"status-label vx-fs-9 vx-fw-500 vx-txt-white vx-tt-uppercase vx-pl-1 vx-pr-1\"\r\n [class.power-user]=\"false\" [class.all-user]=\"true\">Light User</div>\r\n <button class=\"arrow-btn vx-fs-12 vx-paragraph-txt vx-m-0 vx-p-0 vx-d-flex vx-align-center\">\r\n <i *ngIf=\"!expandedRows.includes(role?._id)\" class=\"icons\"></i>\r\n <i *ngIf=\"expandedRows.includes(role?._id)\" class=\"icons\"></i>\r\n </button>\r\n </div>\r\n </div>\r\n <div class=\"role-box-list\" *ngIf=\"expandedRows.includes(role?._id)\">\r\n <ul class=\"vx-p-0 vx-m-0\">\r\n <li class=\"vx-p-3 vx-lh-4\" *ngFor=\"let permission of role?.roleActions\">\r\n <div class=\"value vx-fs-12 vx-label-txt\">{{permission}}</div>\r\n </li>\r\n <!-- <li class=\"vx-p-3 vx-lh-4\">\r\n <div class=\"value vx-fs-12 vx-label-txt\">View User List</div>\r\n </li>\r\n <li class=\"vx-p-3 vx-lh-4\">\r\n <div class=\"value vx-fs-12 vx-label-txt\">Manage Users <span class=\"vx-fs-10 vx-paragraph-txt\">(Create/Edit/Delete/Deactivate)</span></div>\r\n </li>\r\n <li class=\"vx-p-3 vx-lh-4\">\r\n <div class=\"value vx-fs-12 vx-label-txt\">Over-ride Log In</div>\r\n </li>\r\n <li class=\"vx-p-3 vx-lh-4\">\r\n <div class=\"value vx-fs-12 vx-label-txt\">View Statutory Holidays</div>\r\n </li>\r\n <li class=\"vx-p-3 vx-lh-4\">\r\n <div class=\"value vx-fs-12 vx-label-txt\">Manage Statutory Holidays</div>\r\n </li> -->\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n <app-no-data *ngIf=\"roles?.length === 0\"\r\n [noDataImage]=\"'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\"\r\n [noDataText]=\"searchKey?.length > 0 ?'No match found.': 'No Roles Found'\"></app-no-data>\r\n \r\n </ng-container>\r\n </ng-container>\r\n \r\n </div>\r\n\r\n <div class=\"roles-list-confirmation\" *ngIf=\"showConfirmation\">\r\n <div class=\"confirmation-top\">\r\n <div class=\"icon-block\"><i class=\"icons\"></i></div>\r\n <div class=\"text\">If you change the roles, any unsaved changes would be lost.</div>\r\n </div>\r\n <div class=\"confirmation-bottom\">\r\n <div class=\"message\">Are you sure you would like to proceed?</div>\r\n <div class=\"button-group\">\r\n <button class=\"no-btn\" (click)=\"confirmAction('NO')\">NO</button>\r\n <button class=\"yes-btn\" (click)=\"confirmAction('YES')\">YES</button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"roles-list-footer\" *ngIf=\"!showConfirmation\">\r\n <vui-floating-bar (closeEvent)=\"saveList()\" (closeList)=\"closeList()\">\r\n <div class=\"counter\" *ngIf=\"selectedRoles?.length\" \r\n placement=\"left\">{{selectedRoles?.length}}</div>\r\n <div class=\"name\" *ngIf=\"selectedRoles?.length>1\"> \r\n <span *ngIf=\"selectedRoles?.length === 1\">Role selected</span>\r\n <span *ngIf=\"selectedRoles?.length > 1\">Roles selected</span>\r\n </div>\r\n </vui-floating-bar>\r\n </div>\r\n</div>",
|
|
24151
|
+
styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");@import url(\"https://cdn.v-comply.com/design-system/css/text/text.css\");@import url(\"https://cdn.v-comply.com/design-system/css/color/color.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\");@import url(\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\");::ng-deep .roles-list{background:#fff;position:fixed;top:0;right:500px;bottom:0;left:0;border-top:3px solid #1e5dd3}::ng-deep .roles-list.animate{-webkit-animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .roles-list-head{background:#fbfbfb;height:42px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;border:1px solid #f1f1f1;border-right:none}::ng-deep .roles-list-title{color:#161b2f;font-size:15px;font-weight:500;margin:0!important;padding:0;line-height:21px}::ng-deep .roles-list-body{padding:24px 40px 24px 36px;height:calc(100vh - 124px)}::ng-deep .roles-list-body .search-block{position:relative}::ng-deep .roles-list-body .search-block input{height:44px;line-height:24px;padding:10px 16px 10px 40px;outline:none;border:1px solid #7475763f;border-radius:4px;width:100%;font-size:14px;color:#747576}::ng-deep .roles-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .roles-list-body .search-block i{position:absolute;left:17px;font-size:12px;font-weight:400;top:17px;pointer-events:none;color:#f1f1f1}::ng-deep .roles-list-mid{width:calc(100% + .75rem);height:calc(100vh - 14rem);overflow:auto;padding-right:.75rem}::ng-deep .roles-list-mid .role-box{border:1px solid #f1f1f1;border-radius:.25rem}::ng-deep .roles-list-mid .role-box-select{background:#fff;position:sticky;top:0;z-index:1}::ng-deep .roles-list-mid .role-box-select vui-checkbox .checkbox-item{position:relative;padding-left:1.75rem;width:100%}::ng-deep .roles-list-mid .role-box-select vui-checkbox .checkbox-item .checkbox,::ng-deep .roles-list-mid .role-box-select vui-checkbox .checkbox-item .checkmark{position:absolute!important;top:0;left:0}::ng-deep .roles-list-mid .role-box-select vui-checkbox .checkbox-item .value{margin:0!important}::ng-deep .roles-list-mid .role-box-heading{cursor:pointer}::ng-deep .roles-list-mid .role-box-heading .left{width:calc(100% - 6.5rem)}::ng-deep .roles-list-mid .role-box-heading .left vui-checkbox{height:1rem}::ng-deep .roles-list-mid .role-box-heading .left vui-checkbox .checkbox-item{position:relative;padding-left:1.75rem;height:1rem}::ng-deep .roles-list-mid .role-box-heading .left vui-checkbox .checkbox-item .checkbox,::ng-deep .roles-list-mid .role-box-heading .left vui-checkbox .checkbox-item .checkmark{position:absolute!important;top:0;left:0}::ng-deep .roles-list-mid .role-box-heading .left .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:calc(100% - 9.25rem)}::ng-deep .roles-list-mid .role-box-heading .left .count{background:#f1f1f1;border-radius:.125rem;color:#042e7d}::ng-deep .roles-list-mid .role-box-heading .right{width:6.5rem}::ng-deep .roles-list-mid .role-box-heading .right .status-label{border-radius:.125rem;height:.75rem}::ng-deep .roles-list-mid .role-box-heading .right .status-label.all-user{background:#7aa6f7}::ng-deep .roles-list-mid .role-box-heading .right .status-label.power-user{background:#fadd8a}::ng-deep .roles-list-mid .role-box-heading .right button.arrow-btn{background:transparent;border:none;border-radius:0}::ng-deep .roles-list-mid .role-box-list ul{list-style-type:none}::ng-deep .roles-list-mid .role-box-list ul li{border-top:1px solid #f1f1f1;padding-left:2.5rem!important;position:relative}::ng-deep .roles-list-mid .role-box-list ul li:before{background:#dbdbdb;border-radius:.125rem;width:.25rem;height:.25rem;content:\"\";position:absolute;top:18px;left:18px}::ng-deep .roles-list-mid .role-box-list ul li .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .roles-list-mid .role-box-list ul li vui-checkbox .checkbox-item{width:100%}::ng-deep .roles-list-mid .role-box-list ul li vui-checkbox .checkbox-item span.value{width:100%}::ng-deep .roles-list-mid .role-box-list ul li vui-checkbox .checkbox-item span.value .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .roles-list-confirmation{background:#161b2f;border-radius:.25rem;position:absolute;left:1rem;right:1rem;bottom:1.75rem;z-index:1}::ng-deep .roles-list-confirmation .confirmation-top{display:flex;align-items:center;justify-content:flex-start;padding:1.25rem}::ng-deep .roles-list-confirmation .confirmation-top .icon-block{height:2.25rem;width:2.25rem;border-radius:50%;background:#fff;border:1px solid #dbdbdb;display:flex;justify-content:center;align-items:center;margin-right:1rem}::ng-deep .roles-list-confirmation .confirmation-top .icon-block i{color:#eb2424;font-size:12px}::ng-deep .roles-list-confirmation .confirmation-top .text{color:#fff;font-size:14px;font-weight:300}::ng-deep .roles-list-confirmation .confirmation-bottom{background:#282e48;border-radius:0 0 .25rem .25rem;padding:.75rem .75rem .75rem 1.25rem;display:flex;align-items:center;justify-content:space-between}::ng-deep .roles-list-confirmation .confirmation-bottom .message{font-size:14px;font-weight:500;line-height:20px;color:#fff}::ng-deep .roles-list-confirmation .confirmation-bottom .button-group{display:flex}::ng-deep .roles-list-confirmation .confirmation-bottom .button-group button{height:1.5rem;width:4rem;border:1px solid #fff;border-radius:.125rem;display:flex;align-items:center;justify-content:center;line-height:22px;cursor:pointer;font-size:11px;text-transform:uppercase;font-weight:500;padding:0}::ng-deep .roles-list-confirmation .confirmation-bottom .button-group button.no-btn{background:transparent;color:#fff}::ng-deep .roles-list-confirmation .confirmation-bottom .button-group button.yes-btn{background:#fff;color:#1e5dd3;margin-left:.25rem}.counter{border-radius:2px;background:#66bf72;border:1px solid #66bf72;height:24px;padding:0 5px;color:#fff;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;margin-left:5px;min-width:24px;justify-content:center;line-height:24px;margin-right:5px}.counter,.name{font-weight:500}.name{margin-left:4px;color:#707070;font-size:12px;line-height:18px;white-space:nowrap}.name b{text-transform:lowercase}"]
|
|
24132
24152
|
},] }
|
|
24133
24153
|
];
|
|
24134
24154
|
RoleListComponent.ctorParameters = () => [];
|