vcomply-workflow-engine 2.4.83 → 2.4.84

package/esm2015/lib/sharedComponents/roles-list/roles-list.component.js

@@ -18,7 +18,7 @@ RolesListComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-roles-list',
                 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\">\r\n          <i class=\"icons\">&#xe90b;</i>\r\n          <input type=\"text\" placeholder=\"Search Roles\" />\r\n        </div>\r\n\r\n        <div *ngIf=\"true\" class=\"roles-list-mid vx-mt-2\">\r\n            <div class=\"role-box-select vx-pb-2\">\r\n                <app-cs-checkbox>\r\n                    <div class=\"user-name vx-fs-12 vx-fw-600 vx-label-txt\">Select All</div>\r\n                </app-cs-checkbox>\r\n                <app-cs-checkbox-indeterminate>\r\n                    <div class=\"user-name vx-fs-12 vx-fw-600 vx-label-txt\">Deselect All</div>\r\n                </app-cs-checkbox-indeterminate>\r\n            </div>\r\n\r\n            <div class=\"role-box vx-mb-2\" *ngFor=\"let data of [1, 1, 1]\">\r\n                <div (click)=\"clickRoleList()\" 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                        <app-cs-checkbox></app-cs-checkbox>\r\n                        <div class=\"name vx-fs-12 vx-label-txt\" [appTooltip]=\"'Role name'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Role name</div>\r\n                        <span class=\"count vx-fs-9 vx-fw-600 vx-lh-3 vx-tt-uppercase vx-pl-1 vx-pr-1 vx-ml-2\">10 PERMISSIONS</span>\r\n                    </div>\r\n                    <div class=\"right vx-d-flex vx-align-center vx-justify-between\">\r\n                        <div class=\"status-label vx-fs-9 vx-fw-500 vx-txt-white vx-tt-uppercase vx-pl-1 vx-pr-1\" [class.power-user]=\"true\" [class.all-user]=\"false\">Power 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=\"!roleList\" class=\"icons\">&#xe970;</i>\r\n                            <i *ngIf=\"roleList\" class=\"icons\">&#xe9e8;</i>\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n                <div class=\"role-box-list\" *ngIf=\"roleList\">\r\n                    <ul class=\"vx-p-0 vx-m-0\">\r\n                        <li class=\"vx-p-3 vx-lh-4\">\r\n                            <div class=\"value vx-fs-12 vx-label-txt\">Manage Roles <span class=\"vx-fs-10 vx-paragraph-txt\">(Create, Edit, Delete)</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\">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=\"false\" [noDataImage]=\"'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\" [noDataText]=\"'No Roles Found'\"></app-no-data>\r\n    </div>\r\n\r\n    <div class=\"roles-list-footer\">\r\n        <app-floating-bar></app-floating-bar>\r\n    </div>\r\n</div>",
-                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 app-cs-checkbox-indeterminate .checkbox-item,::ng-deep .roles-list-mid .role-box-select app-cs-checkbox .checkbox-item{position:relative;padding-left:1.75rem;width:100%}::ng-deep .roles-list-mid .role-box-select app-cs-checkbox-indeterminate .checkbox-item .checkbox,::ng-deep .roles-list-mid .role-box-select app-cs-checkbox-indeterminate .checkbox-item .checkmark,::ng-deep .roles-list-mid .role-box-select app-cs-checkbox .checkbox-item .checkbox,::ng-deep .roles-list-mid .role-box-select app-cs-checkbox .checkbox-item .checkmark{position:absolute!important;top:0;left:0}::ng-deep .roles-list-mid .role-box-select app-cs-checkbox-indeterminate .checkbox-item .value,::ng-deep .roles-list-mid .role-box-select app-cs-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 app-cs-checkbox,::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox-indeterminate{height:1rem}::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox-indeterminate .checkbox-item,::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox .checkbox-item{position:relative;padding-left:1.75rem;height:1rem}::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox-indeterminate .checkbox-item .checkbox,::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox-indeterminate .checkbox-item .checkmark,::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox .checkbox-item .checkbox,::ng-deep .roles-list-mid .role-box-heading .left app-cs-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 app-cs-checkbox .checkbox-item{width:100%}::ng-deep .roles-list-mid .role-box-list ul li app-cs-checkbox .checkbox-item span.value{width:100%}::ng-deep .roles-list-mid .role-box-list ul li app-cs-checkbox .checkbox-item span.value .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}"]
+                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 app-cs-checkbox-indeterminate .checkbox-item,::ng-deep .roles-list-mid .role-box-select app-cs-checkbox .checkbox-item{position:relative;padding-left:1.75rem;width:100%}::ng-deep .roles-list-mid .role-box-select app-cs-checkbox-indeterminate .checkbox-item .checkbox,::ng-deep .roles-list-mid .role-box-select app-cs-checkbox-indeterminate .checkbox-item .checkmark,::ng-deep .roles-list-mid .role-box-select app-cs-checkbox .checkbox-item .checkbox,::ng-deep .roles-list-mid .role-box-select app-cs-checkbox .checkbox-item .checkmark{position:absolute!important;top:0;left:0}::ng-deep .roles-list-mid .role-box-select app-cs-checkbox-indeterminate .checkbox-item .value,::ng-deep .roles-list-mid .role-box-select app-cs-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 app-cs-checkbox,::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox-indeterminate{height:1rem}::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox-indeterminate .checkbox-item,::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox .checkbox-item{position:relative;padding-left:1.75rem;height:1rem}::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox-indeterminate .checkbox-item .checkbox,::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox-indeterminate .checkbox-item .checkmark,::ng-deep .roles-list-mid .role-box-heading .left app-cs-checkbox .checkbox-item .checkbox,::ng-deep .roles-list-mid .role-box-heading .left app-cs-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;text-transform:capitalize}::ng-deep .roles-list-mid .role-box-list ul li app-cs-checkbox .checkbox-item{width:100%}::ng-deep .roles-list-mid .role-box-list ul li app-cs-checkbox .checkbox-item span.value{width:100%}::ng-deep .roles-list-mid .role-box-list ul li app-cs-checkbox .checkbox-item span.value .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}"]
             },] }
 ];
 RolesListComponent.ctorParameters = () => [];