qms-angular 1.0.97 → 1.1.1
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/qms-angular.umd.js +65 -41
- package/bundles/qms-angular.umd.js.map +1 -1
- package/esm2015/lib/components/breadcrumb/breadcrumb-item.directive.js +2 -1
- package/esm2015/lib/components/breadcrumb/breadcrumb.js +4 -1
- package/esm2015/lib/components/list/list.js +2 -2
- package/esm2015/lib/components/qms-paginator/qms-paginator.component.js +4 -4
- package/esm2015/lib/components/select-one/select-one.component.js +26 -5
- package/esm2015/lib/components/select-one/service/select-one-global.service.js +5 -1
- package/esm2015/lib/components/select-process-document/select-process-document.component.js +4 -4
- package/esm2015/lib/components/tree/tree.component.js +19 -23
- package/esm2015/lib/components/tree/tree.function.js +2 -2
- package/fesm2015/qms-angular.js +62 -38
- package/fesm2015/qms-angular.js.map +1 -1
- package/lib/components/select-one/select-one.component.d.ts +1 -1
- package/lib/components/select-one/service/select-one-global.service.d.ts +3 -0
- package/lib/components/select-process-document/select-process-document.component.d.ts +1 -1
- package/lib/components/tree/tree.component.d.ts +0 -1
- package/package.json +1 -1
- package/qms-angular.metadata.json +1 -1
- package/src/assets/jointjs/scss/dist/bpmn.css +854 -0
- package/src/assets/qms-ckeditor-plugin/package-lock.json +151 -601
- package/src/assets/qms-ckeditor-plugin/src/dist/ckeditor.dev.js +173 -0
- package/src/assets/qms-ckeditor-plugin/src/plugins/fullscreen/dist/qmsCKEditorFullscreenPlugin.dev.js +87 -0
- package/src/lib/components/list/list.scss +2 -2
|
@@ -4127,7 +4127,7 @@
|
|
|
4127
4127
|
host: { 'class': 'qms-list' },
|
|
4128
4128
|
encapsulation: i0.ViewEncapsulation.None,
|
|
4129
4129
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
4130
|
-
styles: [".mat-expansion-panel.qms-expansion{background-color:transparent;box-shadow:none;border-bottom:1px solid #e0e0e0;margin:0 1rem;border-radius:0;font-family:Open Sans}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header{height:40px;padding:0 10px;font-family:inherit}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.mat-2-line{height:63px}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.mat-3-line{height:81px}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header .title-content{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;height:inherit}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header[aria-disabled=true]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header[aria-disabled=true] .qms-list-header *{color:var(--primary);opacity:.38}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:var(--primary-light-6-opacity)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .caption,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .default-subtitle,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .material-icons,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .material-icons-outlined,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active:not([aria-disabled=true]){background:var(--primary-light-24-opacity)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .caption,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .default-subtitle,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .material-icons,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .material-icons-outlined,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused{background-color:var(--primary-light-12-opacity);border-radius:2px}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .caption,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .default-subtitle,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .material-icons,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .material-icons-outlined,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .caption,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .leading-icon,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .qms-line,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .subtitle{color:inherit}.mat-expansion-panel.qms-expansion .mat-expansion-panel-body{padding:1rem 10px}.qms-list{padding-top:6px;font-family:Open Sans}.qms-list,.qms-list-item{display:block;-webkit-tap-highlight-color:transparent}.qms-list-item{width:100%;padding:0;min-height:40px;height:40px}.qms-list-item.mat-2-line{height:63px}.qms-list-item.mat-2-line.image-item{height:56px}.qms-list-item.mat-3-line{height:81px}.qms-list-item.mat-multi-line{height:102px}.qms-list-item.image-item .qms-list-item-content{border-bottom:none}.qms-list-item.image-item .qms-list-text,.qms-list-item.image-item .trailing-box{height:100%;border-bottom:1px solid #e0e0e0}.qms-list-item.image-item .trailing-box{padding-top:10px}.qms-list-item.qms-list-item-disabled .caption,.qms-list-item.qms-list-item-disabled .material-icons,.qms-list-item.qms-list-item-disabled .material-icons-outlined p,.qms-list-item.qms-list-item-disabled .qms-line,.qms-list-item.qms-list-item-disabled .subtitle,.qms-list-item.qms-list-item-disabled button,.qms-list-item.qms-list-item-disabled span{color:rgba(0,0,0,.38);pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:none}.qms-list-item:not([disabled]):focus,.qms-list-item:not([disabled]):hover{cursor:pointer;background-color:rgba(0,0,0,.08);outline:none}.qms-list-item:not([disabled]):active{cursor:pointer;background-color:rgba(0,0,0,.12)}.qms-list-item-content{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;height:inherit;border-bottom:1px solid #e0e0e0;margin:0 1rem}.material-icons-outlined.leading-icon,.material-icons.leading-icon{flex-shrink:0;width:24px;height:24px;font-size:24px;box-sizing:content-box;border-radius:50%;color:rgba(0,0,0,.6);padding:4px 1rem 4px 4px}img.leading-icon{width:100%}.qms-list-text{padding-right:0;display:flex;flex-direction:column;flex:auto}.qms-line,.qms-list-text{box-sizing:border-box;overflow:hidden}.qms-line{line-height:22px;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0;font-weight:400;font-size:.875rem;color:rgba(0,0,0,.6)}.qms-line.size-lg{font-size:1rem}.qms-list-header .subtitle{line-height:22px;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0;box-sizing:border-box;color:var(--default-color);font-weight:600;font-size:1rem;font-family:
|
|
4130
|
+
styles: [".mat-expansion-panel.qms-expansion{background-color:transparent;box-shadow:none;border-bottom:1px solid #e0e0e0;margin:0 1rem;border-radius:0;font-family:Open Sans}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header{height:40px;padding:0 10px;font-family:inherit}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.mat-2-line{height:63px}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.mat-3-line{height:81px}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header .title-content{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;height:inherit}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header[aria-disabled=true]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header[aria-disabled=true] .qms-list-header *{color:var(--primary);opacity:.38}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:var(--primary-light-6-opacity)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .caption,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .default-subtitle,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .material-icons,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .material-icons-outlined,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active:not([aria-disabled=true]){background:var(--primary-light-24-opacity)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .caption,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .default-subtitle,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .material-icons,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .material-icons-outlined,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused{background-color:var(--primary-light-12-opacity);border-radius:2px}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .caption,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .default-subtitle,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .material-icons,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .material-icons-outlined,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .caption,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .leading-icon,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .qms-line,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .subtitle{color:inherit}.mat-expansion-panel.qms-expansion .mat-expansion-panel-body{padding:1rem 10px}.qms-list{padding-top:6px;font-family:Open Sans}.qms-list,.qms-list-item{display:block;-webkit-tap-highlight-color:transparent}.qms-list-item{width:100%;padding:0;min-height:40px;height:40px}.qms-list-item.mat-2-line{height:63px}.qms-list-item.mat-2-line.image-item{height:56px}.qms-list-item.mat-3-line{height:81px}.qms-list-item.mat-multi-line{height:102px}.qms-list-item.image-item .qms-list-item-content{border-bottom:none}.qms-list-item.image-item .qms-list-text,.qms-list-item.image-item .trailing-box{height:100%;border-bottom:1px solid #e0e0e0}.qms-list-item.image-item .trailing-box{padding-top:10px}.qms-list-item.qms-list-item-disabled .caption,.qms-list-item.qms-list-item-disabled .material-icons,.qms-list-item.qms-list-item-disabled .material-icons-outlined p,.qms-list-item.qms-list-item-disabled .qms-line,.qms-list-item.qms-list-item-disabled .subtitle,.qms-list-item.qms-list-item-disabled button,.qms-list-item.qms-list-item-disabled span{color:rgba(0,0,0,.38);pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:none}.qms-list-item:not([disabled]):focus,.qms-list-item:not([disabled]):hover{cursor:pointer;background-color:rgba(0,0,0,.08);outline:none}.qms-list-item:not([disabled]):active{cursor:pointer;background-color:rgba(0,0,0,.12)}.qms-list-item-content{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;height:inherit;border-bottom:1px solid #e0e0e0;margin:0 1rem}.material-icons-outlined.leading-icon,.material-icons.leading-icon{flex-shrink:0;width:24px;height:24px;font-size:24px;box-sizing:content-box;border-radius:50%;color:rgba(0,0,0,.6);padding:4px 1rem 4px 4px}img.leading-icon{width:100%}.qms-list-text{padding-right:0;display:flex;flex-direction:column;flex:auto}.qms-line,.qms-list-text{box-sizing:border-box;overflow:hidden}.qms-line{line-height:22px;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0;font-weight:400;font-size:.875rem;color:rgba(0,0,0,.6)}.qms-line.size-lg{font-size:1rem}.qms-list-header .subtitle{line-height:22px;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0;box-sizing:border-box;color:var(--default-color);font-weight:600;font-size:1rem;font-family:Open Sans}.qms-list-header .subtitle.size-sm{font-size:.875rem}.qms-list-header .caption{line-height:16px;font-size:.75rem;color:rgba(0,0,0,.6);display:flex;justify-content:space-between}.qms-list-header .caption .material-icons,.qms-list-header .caption .material-icons-outlined{font-size:20px}.qms-list-header .caption .overline{font-family:Raleway;font-weight:600}.trailing-box{display:flex}.trailing-box>*{padding-left:1.5rem}.trailing-box .caption{color:rgba(0,0,0,.6);font-size:.75rem}.trailing-box .caption .material-icons,.trailing-box .caption .material-icons-outlined{font-size:20px}.trailing-box button{color:rgba(0,0,0,.6);padding:0;margin-left:1rem}.default-subtitle{color:var(--default-color)}.wrap-image{box-sizing:content-box;color:rgba(0,0,0,.6);display:flex;flex-direction:row;justify-content:center;background:rgba(0,0,0,.12);margin-right:1rem;align-self:flex-start;margin-top:0}.wrap-image.image-circle,.wrap-image.image-circle img{width:40px;height:40px;border-radius:50%}.wrap-image.image-rect,.wrap-image.image-rect img{width:unset;height:56px;border-radius:2px}.wrap-image.image-square,.wrap-image.image-square img{width:56px;height:56px;border-radius:2px}.wrap-image .mat-icon{display:flex;-ms-grid-row-align:center;align-self:center;padding:0;height:auto}"]
|
|
4131
4131
|
},] }
|
|
4132
4132
|
];
|
|
4133
4133
|
QMSList.ctorParameters = function () { return [
|
|
@@ -4168,7 +4168,7 @@
|
|
|
4168
4168
|
},
|
|
4169
4169
|
encapsulation: i0.ViewEncapsulation.None,
|
|
4170
4170
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
4171
|
-
styles: [".mat-expansion-panel.qms-expansion{background-color:transparent;box-shadow:none;border-bottom:1px solid #e0e0e0;margin:0 1rem;border-radius:0;font-family:Open Sans}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header{height:40px;padding:0 10px;font-family:inherit}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.mat-2-line{height:63px}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.mat-3-line{height:81px}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header .title-content{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;height:inherit}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header[aria-disabled=true]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header[aria-disabled=true] .qms-list-header *{color:var(--primary);opacity:.38}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:var(--primary-light-6-opacity)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .caption,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .default-subtitle,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .material-icons,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .material-icons-outlined,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active:not([aria-disabled=true]){background:var(--primary-light-24-opacity)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .caption,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .default-subtitle,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .material-icons,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .material-icons-outlined,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused{background-color:var(--primary-light-12-opacity);border-radius:2px}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .caption,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .default-subtitle,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .material-icons,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .material-icons-outlined,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .caption,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .leading-icon,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .qms-line,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .subtitle{color:inherit}.mat-expansion-panel.qms-expansion .mat-expansion-panel-body{padding:1rem 10px}.qms-list{padding-top:6px;font-family:Open Sans}.qms-list,.qms-list-item{display:block;-webkit-tap-highlight-color:transparent}.qms-list-item{width:100%;padding:0;min-height:40px;height:40px}.qms-list-item.mat-2-line{height:63px}.qms-list-item.mat-2-line.image-item{height:56px}.qms-list-item.mat-3-line{height:81px}.qms-list-item.mat-multi-line{height:102px}.qms-list-item.image-item .qms-list-item-content{border-bottom:none}.qms-list-item.image-item .qms-list-text,.qms-list-item.image-item .trailing-box{height:100%;border-bottom:1px solid #e0e0e0}.qms-list-item.image-item .trailing-box{padding-top:10px}.qms-list-item.qms-list-item-disabled .caption,.qms-list-item.qms-list-item-disabled .material-icons,.qms-list-item.qms-list-item-disabled .material-icons-outlined p,.qms-list-item.qms-list-item-disabled .qms-line,.qms-list-item.qms-list-item-disabled .subtitle,.qms-list-item.qms-list-item-disabled button,.qms-list-item.qms-list-item-disabled span{color:rgba(0,0,0,.38);pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:none}.qms-list-item:not([disabled]):focus,.qms-list-item:not([disabled]):hover{cursor:pointer;background-color:rgba(0,0,0,.08);outline:none}.qms-list-item:not([disabled]):active{cursor:pointer;background-color:rgba(0,0,0,.12)}.qms-list-item-content{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;height:inherit;border-bottom:1px solid #e0e0e0;margin:0 1rem}.material-icons-outlined.leading-icon,.material-icons.leading-icon{flex-shrink:0;width:24px;height:24px;font-size:24px;box-sizing:content-box;border-radius:50%;color:rgba(0,0,0,.6);padding:4px 1rem 4px 4px}img.leading-icon{width:100%}.qms-list-text{padding-right:0;display:flex;flex-direction:column;flex:auto}.qms-line,.qms-list-text{box-sizing:border-box;overflow:hidden}.qms-line{line-height:22px;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0;font-weight:400;font-size:.875rem;color:rgba(0,0,0,.6)}.qms-line.size-lg{font-size:1rem}.qms-list-header .subtitle{line-height:22px;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0;box-sizing:border-box;color:var(--default-color);font-weight:600;font-size:1rem;font-family:
|
|
4171
|
+
styles: [".mat-expansion-panel.qms-expansion{background-color:transparent;box-shadow:none;border-bottom:1px solid #e0e0e0;margin:0 1rem;border-radius:0;font-family:Open Sans}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header{height:40px;padding:0 10px;font-family:inherit}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.mat-2-line{height:63px}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.mat-3-line{height:81px}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header .title-content{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;height:inherit}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header[aria-disabled=true]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header[aria-disabled=true] .qms-list-header *{color:var(--primary);opacity:.38}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:var(--primary-light-6-opacity)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .caption,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .default-subtitle,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .material-icons,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .material-icons-outlined,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:hover .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active:not([aria-disabled=true]){background:var(--primary-light-24-opacity)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .caption,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .default-subtitle,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .material-icons,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .material-icons-outlined,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header:active .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused{background-color:var(--primary-light-12-opacity);border-radius:2px}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .caption,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .default-subtitle,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .material-icons,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .material-icons-outlined,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.cdk-keyboard-focused .subtitle{color:var(--primary)}.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .caption,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .leading-icon,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .mat-expansion-indicator:after,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .qms-line,.mat-expansion-panel.qms-expansion .mat-expansion-panel-header.active-item .subtitle{color:inherit}.mat-expansion-panel.qms-expansion .mat-expansion-panel-body{padding:1rem 10px}.qms-list{padding-top:6px;font-family:Open Sans}.qms-list,.qms-list-item{display:block;-webkit-tap-highlight-color:transparent}.qms-list-item{width:100%;padding:0;min-height:40px;height:40px}.qms-list-item.mat-2-line{height:63px}.qms-list-item.mat-2-line.image-item{height:56px}.qms-list-item.mat-3-line{height:81px}.qms-list-item.mat-multi-line{height:102px}.qms-list-item.image-item .qms-list-item-content{border-bottom:none}.qms-list-item.image-item .qms-list-text,.qms-list-item.image-item .trailing-box{height:100%;border-bottom:1px solid #e0e0e0}.qms-list-item.image-item .trailing-box{padding-top:10px}.qms-list-item.qms-list-item-disabled .caption,.qms-list-item.qms-list-item-disabled .material-icons,.qms-list-item.qms-list-item-disabled .material-icons-outlined p,.qms-list-item.qms-list-item-disabled .qms-line,.qms-list-item.qms-list-item-disabled .subtitle,.qms-list-item.qms-list-item-disabled button,.qms-list-item.qms-list-item-disabled span{color:rgba(0,0,0,.38);pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:none}.qms-list-item:not([disabled]):focus,.qms-list-item:not([disabled]):hover{cursor:pointer;background-color:rgba(0,0,0,.08);outline:none}.qms-list-item:not([disabled]):active{cursor:pointer;background-color:rgba(0,0,0,.12)}.qms-list-item-content{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;height:inherit;border-bottom:1px solid #e0e0e0;margin:0 1rem}.material-icons-outlined.leading-icon,.material-icons.leading-icon{flex-shrink:0;width:24px;height:24px;font-size:24px;box-sizing:content-box;border-radius:50%;color:rgba(0,0,0,.6);padding:4px 1rem 4px 4px}img.leading-icon{width:100%}.qms-list-text{padding-right:0;display:flex;flex-direction:column;flex:auto}.qms-line,.qms-list-text{box-sizing:border-box;overflow:hidden}.qms-line{line-height:22px;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0;font-weight:400;font-size:.875rem;color:rgba(0,0,0,.6)}.qms-line.size-lg{font-size:1rem}.qms-list-header .subtitle{line-height:22px;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0;box-sizing:border-box;color:var(--default-color);font-weight:600;font-size:1rem;font-family:Open Sans}.qms-list-header .subtitle.size-sm{font-size:.875rem}.qms-list-header .caption{line-height:16px;font-size:.75rem;color:rgba(0,0,0,.6);display:flex;justify-content:space-between}.qms-list-header .caption .material-icons,.qms-list-header .caption .material-icons-outlined{font-size:20px}.qms-list-header .caption .overline{font-family:Raleway;font-weight:600}.trailing-box{display:flex}.trailing-box>*{padding-left:1.5rem}.trailing-box .caption{color:rgba(0,0,0,.6);font-size:.75rem}.trailing-box .caption .material-icons,.trailing-box .caption .material-icons-outlined{font-size:20px}.trailing-box button{color:rgba(0,0,0,.6);padding:0;margin-left:1rem}.default-subtitle{color:var(--default-color)}.wrap-image{box-sizing:content-box;color:rgba(0,0,0,.6);display:flex;flex-direction:row;justify-content:center;background:rgba(0,0,0,.12);margin-right:1rem;align-self:flex-start;margin-top:0}.wrap-image.image-circle,.wrap-image.image-circle img{width:40px;height:40px;border-radius:50%}.wrap-image.image-rect,.wrap-image.image-rect img{width:unset;height:56px;border-radius:2px}.wrap-image.image-square,.wrap-image.image-square img{width:56px;height:56px;border-radius:2px}.wrap-image .mat-icon{display:flex;-ms-grid-row-align:center;align-self:center;padding:0;height:auto}"]
|
|
4172
4172
|
},] }
|
|
4173
4173
|
];
|
|
4174
4174
|
QMSListItem.ctorParameters = function () { return [
|
|
@@ -4672,6 +4672,7 @@
|
|
|
4672
4672
|
function QMSBreadcrumbItemDirective(ele, renderer) {
|
|
4673
4673
|
this.ele = ele;
|
|
4674
4674
|
this.renderer = renderer;
|
|
4675
|
+
this.showTooltip = true;
|
|
4675
4676
|
this.showTooltipChange = new i0.EventEmitter();
|
|
4676
4677
|
}
|
|
4677
4678
|
QMSBreadcrumbItemDirective.prototype.ngAfterViewInit = function () {
|
|
@@ -4727,6 +4728,12 @@
|
|
|
4727
4728
|
DropdownBreadCrumbNodeWidth[DropdownBreadCrumbNodeWidth["TABLE"] = 44] = "TABLE";
|
|
4728
4729
|
})(DropdownBreadCrumbNodeWidth || (DropdownBreadCrumbNodeWidth = {}));
|
|
4729
4730
|
|
|
4731
|
+
var BreadcrumbNode = /** @class */ (function () {
|
|
4732
|
+
function BreadcrumbNode() {
|
|
4733
|
+
}
|
|
4734
|
+
return BreadcrumbNode;
|
|
4735
|
+
}());
|
|
4736
|
+
|
|
4730
4737
|
var QMSBreadcrumb = /** @class */ (function () {
|
|
4731
4738
|
function QMSBreadcrumb(ele, iconRegistry, cdRef, sanitizer, trans) {
|
|
4732
4739
|
this.ele = ele;
|
|
@@ -4741,6 +4748,8 @@
|
|
|
4741
4748
|
this.onItemClick = new i0.EventEmitter();
|
|
4742
4749
|
this.isOverflow = false;
|
|
4743
4750
|
this.dropdownNodes = [];
|
|
4751
|
+
this.homeNode = new BreadcrumbNode();
|
|
4752
|
+
this.previousNode = new BreadcrumbNode();
|
|
4744
4753
|
this.sideNavNodes = [];
|
|
4745
4754
|
this.itemSpace = DropdownBreadCrumbNodeWidth.NORMAL; // width of dropdown node in normal view
|
|
4746
4755
|
this.isMobileType = false;
|
|
@@ -5031,7 +5040,7 @@
|
|
|
5031
5040
|
function buildObjectTree$2(arr) {
|
|
5032
5041
|
var _this = this;
|
|
5033
5042
|
objData$2 = {};
|
|
5034
|
-
var objTreeData;
|
|
5043
|
+
var objTreeData = {};
|
|
5035
5044
|
var root = arr.filter(function (x) {
|
|
5036
5045
|
return x.parentId === '';
|
|
5037
5046
|
});
|
|
@@ -5125,7 +5134,6 @@
|
|
|
5125
5134
|
this.checkBoxEvent = new i0.EventEmitter();
|
|
5126
5135
|
this.childCheckedEvent = new i0.EventEmitter();
|
|
5127
5136
|
this.nodeExpandEvent = new i0.EventEmitter();
|
|
5128
|
-
this.getChildNodeSelectOne = new i0.EventEmitter();
|
|
5129
5137
|
this.treeControlNodes = new i0.EventEmitter();
|
|
5130
5138
|
this.listParentObj = {};
|
|
5131
5139
|
this.filterData = [];
|
|
@@ -5157,6 +5165,7 @@
|
|
|
5157
5165
|
this.listChildNode = [];
|
|
5158
5166
|
this.dataType = DataType$1;
|
|
5159
5167
|
this.transformer = function (node, level) {
|
|
5168
|
+
var _a;
|
|
5160
5169
|
var checkHasChild = true;
|
|
5161
5170
|
if (!node.children) {
|
|
5162
5171
|
checkHasChild = false;
|
|
@@ -5169,7 +5178,7 @@
|
|
|
5169
5178
|
node.children.length &&
|
|
5170
5179
|
node.children.length === 1 &&
|
|
5171
5180
|
!node.children[0].name &&
|
|
5172
|
-
node.id.toString() === '') {
|
|
5181
|
+
((_a = node.id) === null || _a === void 0 ? void 0 : _a.toString()) === '') {
|
|
5173
5182
|
checkHasChild = false;
|
|
5174
5183
|
}
|
|
5175
5184
|
if (!(_this.listParentObj[node.id] === 1)) {
|
|
@@ -5209,7 +5218,7 @@
|
|
|
5209
5218
|
}
|
|
5210
5219
|
TreeComponent.prototype.ngOnChanges = function (changes) {
|
|
5211
5220
|
if (changes.treeData && JSON.stringify(changes.treeData.currentValue) !== JSON.stringify(changes.treeData.previousValue)) {
|
|
5212
|
-
this.treeData =
|
|
5221
|
+
this.treeData = changes.treeData.currentValue;
|
|
5213
5222
|
this.initTreeData();
|
|
5214
5223
|
}
|
|
5215
5224
|
if (changes.selectedData &&
|
|
@@ -5343,14 +5352,8 @@
|
|
|
5343
5352
|
this.cdRef.detectChanges();
|
|
5344
5353
|
return;
|
|
5345
5354
|
}
|
|
5346
|
-
var itemMarkChecked = this.
|
|
5355
|
+
var itemMarkChecked = !this.selectedData || !this.selectedData.length ? '' : this.selectedData[this.selectedData.length - 1].id.toUpperCase();
|
|
5347
5356
|
var parentItem = '';
|
|
5348
|
-
// get all children nodes on same level
|
|
5349
|
-
// let listChildNodeSameLevel = this.findChildNode(itemMarkChecked, this.dataSource.data);
|
|
5350
|
-
// get all children in all level
|
|
5351
|
-
// this.listChildNode = [];
|
|
5352
|
-
// this.getChild(listChildNodeSameLevel);
|
|
5353
|
-
this.getChildNodeSelectOne.emit(this.listChildNode);
|
|
5354
5357
|
var _loop_2 = function (i) {
|
|
5355
5358
|
if (itemMarkChecked === this_2.treeControl.dataNodes[i].id) {
|
|
5356
5359
|
parentItem = this_2.treeControl.dataNodes[i].parentId;
|
|
@@ -5393,7 +5396,6 @@
|
|
|
5393
5396
|
this.listChildNode = [];
|
|
5394
5397
|
this.getChild(listChildNodeSameLevel);
|
|
5395
5398
|
this.listChildNode.push(listChildNodeSameLevel);
|
|
5396
|
-
this.getChildNodeSelectOne.emit(this.listChildNode);
|
|
5397
5399
|
var _loop_3 = function (i) {
|
|
5398
5400
|
if (itemMarkChecked === this_3.treeControl.dataNodes[i].id) {
|
|
5399
5401
|
parentItem = this_3.treeControl.dataNodes[i].parentId;
|
|
@@ -5477,6 +5479,7 @@
|
|
|
5477
5479
|
}
|
|
5478
5480
|
}
|
|
5479
5481
|
}
|
|
5482
|
+
_this.selectedData = itemSelected;
|
|
5480
5483
|
}, 500);
|
|
5481
5484
|
};
|
|
5482
5485
|
TreeComponent.prototype.checkSelectedSameNode = function (itemSelected, flag) {
|
|
@@ -5659,14 +5662,14 @@
|
|
|
5659
5662
|
TreeComponent.prototype.onExpandNode = function (node, isExpandNode) {
|
|
5660
5663
|
var _this = this;
|
|
5661
5664
|
if (this.treeConfig.selectOne) {
|
|
5662
|
-
|
|
5663
|
-
|
|
5664
|
-
|
|
5665
|
-
|
|
5666
|
-
|
|
5667
|
-
|
|
5668
|
-
|
|
5669
|
-
|
|
5665
|
+
if (isExpandNode && !this.expandOnTitleClick) {
|
|
5666
|
+
this.nodeExpandEvent.emit(node);
|
|
5667
|
+
}
|
|
5668
|
+
else {
|
|
5669
|
+
this.idCheckIcon = this.idToCheckSelectOne(node.id, node.parentId);
|
|
5670
|
+
node.itemType = this.checkDataTypeSelectNode(node);
|
|
5671
|
+
this.selectNodeEvent.emit(node);
|
|
5672
|
+
}
|
|
5670
5673
|
return;
|
|
5671
5674
|
}
|
|
5672
5675
|
if (window[RelatedConst$1.IS_DISPLAY_SEARCH_RESULT]) {
|
|
@@ -5882,10 +5885,13 @@
|
|
|
5882
5885
|
return;
|
|
5883
5886
|
}
|
|
5884
5887
|
if (!this.expandOnTitleClick) {
|
|
5885
|
-
this.onExpandNode(node,
|
|
5888
|
+
this.onExpandNode(node, false);
|
|
5886
5889
|
}
|
|
5887
5890
|
};
|
|
5888
5891
|
TreeComponent.prototype.getNodeId = function (node) {
|
|
5892
|
+
if (!node || !node.id) {
|
|
5893
|
+
debugger;
|
|
5894
|
+
}
|
|
5889
5895
|
return "_" + (node.parentId ? node.parentId.toLowerCase() : '') + "_" + node.id.toLowerCase() + "_" + node.level;
|
|
5890
5896
|
};
|
|
5891
5897
|
TreeComponent.prototype.getNodeByIdAndParentId = function (nodeId, parentId) {
|
|
@@ -5904,7 +5910,7 @@
|
|
|
5904
5910
|
TreeComponent.decorators = [
|
|
5905
5911
|
{ type: i0.Component, args: [{
|
|
5906
5912
|
selector: 'qms-tree',
|
|
5907
|
-
template: "<mat-tree\r\n [dataSource]=\"dataSource\"\r\n [treeControl]=\"treeControl\"\r\n class=\"tree__container\"\r\n>\r\n <mat-tree-node\r\n class=\"tree-branch\"\r\n *matTreeNodeDef=\"let node\"\r\n matTreeNodeToggle\r\n matTreeNodePadding\r\n >\r\n <!-- form thu 1 - child -->\r\n <mat-checkbox\r\n qms-group-options\r\n [disabled]=\"node.disabled\"\r\n color=\"default\"\r\n *ngIf=\"node.name && showCheckBox && !onlyCheckBoxForChild && !onlyFolder\"\r\n class=\"checklist-leaf-node\"\r\n [checked]=\"checklistSelection.isSelected(node)\"\r\n (change)=\"todoItemSelectionToggle(node)\"\r\n >\r\n </mat-checkbox>\r\n\r\n <!-- form thu 2 -->\r\n <mat-checkbox\r\n qms-group-options\r\n [disabled]=\"node.disabled\"\r\n color=\"default\"\r\n *ngIf=\"node.name && showCheckBox && onlyCheckBoxForChild && !onlyFolder\"\r\n class=\"ml-10 checklist-leaf-node\"\r\n [checked]=\"checklistSelection.isSelected(node)\"\r\n (change)=\"todoItemSelectionToggle(node)\"\r\n ></mat-checkbox>\r\n <div\r\n class=\"expand-node\"\r\n *ngIf=\"node.name && !onlyFolder\"\r\n [class.bgSelected]=\"\r\n treeConfig.selectOne &&\r\n idCheckIcon == idToCheckSelectOne(node.id, node.parentId)\r\n \"\r\n (click)=\"selectNode(node)\"\r\n [id]=\"getNodeId(node)\"\r\n >\r\n <div class=\"expand-node__text\">\r\n <mat-icon\r\n *ngIf=\"displayType === itemIconType.name\"\r\n class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n >\r\n {{ itemIcon }}\r\n </mat-icon>\r\n\r\n <mat-icon\r\n *ngIf=\"displayType === itemIconType.svg\"\r\n class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n [svgIcon]=\"itemIconSvg\"\r\n >\r\n </mat-icon>\r\n\r\n <img\r\n *ngIf=\"displayType === itemIconType.path\"\r\n class=\"mat-icon\"\r\n [src]=\"itemIconPath\"\r\n />\r\n\r\n <img\r\n *ngIf=\"displayType === itemIconType.base64\"\r\n class=\"mat-icon image-base64\"\r\n [src]=\"getImagePath()\"\r\n />\r\n\r\n <mat-icon\r\n *ngIf=\"displayType === itemIconType.none\"\r\n class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n [svgIcon]=\"getItemIcon(node)\"\r\n ></mat-icon>\r\n <span\r\n class=\"text-node\"\r\n [class.select-one-checked]=\"\r\n treeConfig.selectOne &&\r\n idCheckIcon == idToCheckSelectOne(node.id, node.parentId)\r\n \"\r\n >{{ node.name }}</span\r\n >\r\n </div>\r\n <mat-icon\r\n class=\"select-one-checked\"\r\n *ngIf=\"\r\n treeConfig.selectOne &&\r\n idCheckIcon == idToCheckSelectOne(node.id, node.parentId)\r\n \"\r\n >done</mat-icon\r\n >\r\n </div>\r\n </mat-tree-node>\r\n\r\n <mat-tree-node *matTreeNodeDef=\"let node; when: hasChild\" matTreeNodePadding>\r\n <!-- form thu 1 - parent -->\r\n <mat-checkbox\r\n qms-group-options\r\n [disabled]=\"node.disabled\"\r\n color=\"default\"\r\n *ngIf=\"node.name && showCheckBox && !onlyCheckBoxForChild\"\r\n [checked]=\"descendantsAllSelected(node)\"\r\n [indeterminate]=\"descendantsPartiallySelected(node)\"\r\n (change)=\"todoItemSelectionToggle(node)\"\r\n ></mat-checkbox>\r\n <button\r\n class=\"button-boder\"\r\n mat-icon-button\r\n matTreeNodeToggle\r\n [disableRipple]=\"!node.hasChild\"\r\n [attr.aria-label]=\"'toggle ' + node.filename\"\r\n *ngIf=\"node.name\"\r\n >\r\n <mat-icon\r\n *ngIf=\"openIcon && closeIcon\"\r\n class=\"mat-icon-rtl-mirror\"\r\n [ngStyle]=\"{\r\n color: treeControl.isExpanded(node) ? openIconColor : closeIconColor\r\n }\"\r\n >{{ getNodeIcon(node) }}</mat-icon\r\n >\r\n <mat-icon\r\n *ngIf=\"!openIcon || !closeIcon\"\r\n class=\"mat-icon-rtl-mirror\"\r\n [ngClass]=\"{\r\n 'open-icon': treeControl.isExpanded(node),\r\n 'not-department-icon': moduleId !== dataType.document\r\n }\"\r\n [svgIcon]=\"getNodeIcon(node)\"\r\n >\r\n </mat-icon>\r\n </button>\r\n <span\r\n *ngIf=\"expandOnTitleClick\"\r\n matTreeNodeToggle\r\n class=\"text-node-parent\"\r\n style=\"cursor: pointer\"\r\n (click)=\"onExpandNode(node)\"\r\n [id]=\"getNodeId(node)\"\r\n [ngStyle]=\"{\r\n color: treeControl.isExpanded(node) ? openIconColor : '#000000'\r\n }\"\r\n >\r\n <span>{{ node.name }}</span>\r\n </span>\r\n <span\r\n *ngIf=\"!expandOnTitleClick\"\r\n class=\"text-node-parent\"\r\n (click)=\"selectFolderNode(node)\"\r\n style=\"cursor: pointer\"\r\n [id]=\"getNodeId(node)\"\r\n >\r\n <span\r\n [class.select-one-checked]=\"\r\n treeConfig.selectOne &&\r\n treeConfig.allowSelectFolder &&\r\n idCheckIcon == idToCheckSelectOne(node.id, node.parentId)\r\n \"\r\n >{{ node.name }}</span\r\n >\r\n <mat-icon\r\n class=\"select-one-checked\"\r\n *ngIf=\"\r\n treeConfig.selectOne &&\r\n treeConfig.allowSelectFolder &&\r\n idCheckIcon == idToCheckSelectOne(node.id, node.parentId)\r\n \"\r\n >done</mat-icon\r\n >\r\n </span>\r\n </mat-tree-node>\r\n</mat-tree>\r\n",
|
|
5913
|
+
template: "<mat-tree\r\n [dataSource]=\"dataSource\"\r\n [treeControl]=\"treeControl\"\r\n class=\"tree__container\"\r\n>\r\n <mat-tree-node\r\n class=\"tree-branch\"\r\n *matTreeNodeDef=\"let node\"\r\n matTreeNodeToggle\r\n matTreeNodePadding\r\n >\r\n <!-- form thu 1 - child -->\r\n <mat-checkbox\r\n qms-group-options\r\n [disabled]=\"node.disabled\"\r\n color=\"default\"\r\n *ngIf=\"node.name && showCheckBox && !onlyCheckBoxForChild && !onlyFolder\"\r\n class=\"checklist-leaf-node\"\r\n [checked]=\"checklistSelection.isSelected(node)\"\r\n (change)=\"todoItemSelectionToggle(node)\"\r\n >\r\n </mat-checkbox>\r\n\r\n <!-- form thu 2 -->\r\n <mat-checkbox\r\n qms-group-options\r\n [disabled]=\"node.disabled\"\r\n color=\"default\"\r\n *ngIf=\"node.name && showCheckBox && onlyCheckBoxForChild && !onlyFolder\"\r\n class=\"ml-10 checklist-leaf-node\"\r\n [checked]=\"checklistSelection.isSelected(node)\"\r\n (change)=\"todoItemSelectionToggle(node)\"\r\n ></mat-checkbox>\r\n <div\r\n class=\"expand-node\"\r\n *ngIf=\"node.name && !onlyFolder\"\r\n [class.bgSelected]=\"\r\n treeConfig.selectOne &&\r\n idCheckIcon == idToCheckSelectOne(node.id, node.parentId)\r\n \"\r\n (click)=\"selectNode(node)\"\r\n [id]=\"getNodeId(node)\"\r\n >\r\n <div class=\"expand-node__text\">\r\n <mat-icon\r\n *ngIf=\"displayType === itemIconType.name\"\r\n class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n >\r\n {{ itemIcon }}\r\n </mat-icon>\r\n\r\n <mat-icon\r\n *ngIf=\"displayType === itemIconType.svg\"\r\n class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n [svgIcon]=\"itemIconSvg\"\r\n >\r\n </mat-icon>\r\n\r\n <img\r\n *ngIf=\"displayType === itemIconType.path\"\r\n class=\"mat-icon\"\r\n [src]=\"itemIconPath\"\r\n />\r\n\r\n <img\r\n *ngIf=\"displayType === itemIconType.base64\"\r\n class=\"mat-icon image-base64\"\r\n [src]=\"getImagePath()\"\r\n />\r\n\r\n <mat-icon\r\n *ngIf=\"displayType === itemIconType.none\"\r\n class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n [svgIcon]=\"getItemIcon(node)\"\r\n ></mat-icon>\r\n <span\r\n class=\"text-node\"\r\n [class.select-one-checked]=\"\r\n treeConfig.selectOne &&\r\n idCheckIcon == idToCheckSelectOne(node.id, node.parentId)\r\n \"\r\n >{{ node.name }}</span\r\n >\r\n </div>\r\n <mat-icon\r\n class=\"select-one-checked\"\r\n *ngIf=\"\r\n treeConfig.selectOne &&\r\n idCheckIcon == idToCheckSelectOne(node.id, node.parentId)\r\n \"\r\n >done</mat-icon\r\n >\r\n </div>\r\n </mat-tree-node>\r\n\r\n <mat-tree-node *matTreeNodeDef=\"let node; when: hasChild\" matTreeNodePadding>\r\n <!-- form thu 1 - parent -->\r\n <mat-checkbox\r\n qms-group-options\r\n [disabled]=\"node.disabled\"\r\n color=\"default\"\r\n *ngIf=\"node.name && showCheckBox && !onlyCheckBoxForChild\"\r\n [checked]=\"descendantsAllSelected(node)\"\r\n [indeterminate]=\"descendantsPartiallySelected(node)\"\r\n (change)=\"todoItemSelectionToggle(node)\"\r\n ></mat-checkbox>\r\n <button\r\n class=\"button-boder\"\r\n mat-icon-button\r\n matTreeNodeToggle\r\n [disableRipple]=\"!node.hasChild\"\r\n [attr.aria-label]=\"'toggle ' + node.filename\"\r\n *ngIf=\"node.name\"\r\n >\r\n <mat-icon\r\n *ngIf=\"openIcon && closeIcon\"\r\n class=\"mat-icon-rtl-mirror\"\r\n [ngStyle]=\"{\r\n color: treeControl.isExpanded(node) ? openIconColor : closeIconColor\r\n }\"\r\n (click)=\"onExpandNode(node, true)\"\r\n >{{ getNodeIcon(node) }}</mat-icon\r\n >\r\n <mat-icon\r\n *ngIf=\"!openIcon || !closeIcon\"\r\n class=\"mat-icon-rtl-mirror\"\r\n [ngClass]=\"{\r\n 'open-icon': treeControl.isExpanded(node),\r\n 'not-department-icon': moduleId !== dataType.document\r\n }\"\r\n [svgIcon]=\"getNodeIcon(node)\"\r\n (click)=\"onExpandNode(node, true)\"\r\n >\r\n </mat-icon>\r\n </button>\r\n <span\r\n *ngIf=\"expandOnTitleClick\"\r\n matTreeNodeToggle\r\n class=\"text-node-parent\"\r\n style=\"cursor: pointer\"\r\n (click)=\"onExpandNode(node, false)\"\r\n [id]=\"getNodeId(node)\"\r\n [ngStyle]=\"{\r\n color: treeControl.isExpanded(node) ? openIconColor : '#000000'\r\n }\"\r\n >\r\n <span>{{ node.name }}</span>\r\n </span>\r\n <span\r\n *ngIf=\"!expandOnTitleClick\"\r\n class=\"text-node-parent\"\r\n (click)=\"selectFolderNode(node)\"\r\n style=\"cursor: pointer\"\r\n [id]=\"getNodeId(node)\"\r\n >\r\n <span\r\n [class.select-one-checked]=\"\r\n treeConfig.selectOne &&\r\n treeConfig.allowSelectFolder &&\r\n idCheckIcon == idToCheckSelectOne(node.id, node.parentId)\r\n \"\r\n >{{ node.name }}</span\r\n >\r\n <mat-icon\r\n class=\"select-one-checked\"\r\n *ngIf=\"\r\n treeConfig.selectOne &&\r\n treeConfig.allowSelectFolder &&\r\n idCheckIcon == idToCheckSelectOne(node.id, node.parentId)\r\n \"\r\n >done</mat-icon\r\n >\r\n </span>\r\n </mat-tree-node>\r\n</mat-tree>\r\n",
|
|
5908
5914
|
encapsulation: i0.ViewEncapsulation.None,
|
|
5909
5915
|
styles: [".tree__container{font-family:Open Sans;font-style:normal;font-weight:400;font-size:.875rem;line-height:19px;color:var(--default-color)}.tree__container .mat-tree-node{color:var(--tree-node-color);min-height:0}.tree__container .mat-tree-node .mat-checkbox.qms-group-options{padding:0}.tree__container .mat-tree-node .mat-checkbox.qms-group-options .mat-checkbox-inner-container{margin-right:11px}.tree__container .button{margin-left:6px}.tree__container .button:focus,.tree__container .button:hover{background-color:var(--tree-node-background-color);border-radius:2px;width:auto}.tree__container .button-boder:focus,.tree__container .button:focus{outline:0}.tree__container .button-folder-boder:focus{outline:0}.tree__container .button-folder-boder:focus,.tree__container .button-folder-boder:hover{background-color:var(--tree-node-boder-color);border-radius:2px;width:auto}.tree__container .expand-node{margin-left:8px;min-height:32px;justify-content:space-between;width:100%}.tree__container .expand-node,.tree__container .expand-node .expand-node__text{display:flex;align-items:center}.tree__container .expand-node .mat-icon{color:rgba(0,0,0,.6);margin-right:17px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.tree__container .expand-node .mat-icon svg{display:block;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.tree__container .expand-node.bgSelected .select-one-checked{color:var(--primary)}.tree__container .text-node-parent{width:100%;display:flex;align-items:center;justify-content:space-between;margin-left:10px;cursor:pointer}.tree__container .text-node-parent.active-item{color:#1954a9!important}.tree__container .text-node-parent .select-one-checked{color:var(--primary)}.tree__container .mr-11{margin-right:11px}.tree__container .ml-10{margin-left:10px}.tree__container .tree-branch:hover{background-color:var(--primary-light-12-opacity)}.tree__container .image-base64{width:20px;height:20px}.tree__container .mat-checkbox.qms-group-options.mat-checkbox-checked{background:transparent!important}::ng-deep .mat-tree .mat-checkbox.qms-group-options{padding:0}::ng-deep .mat-tree .mat-checkbox.qms-group-options.mat-checkbox-checked{background-color:transparent}::ng-deep .mat-tree .mat-checkbox.qms-group-options .mat-checkbox-inner-container{margin-right:0}svg{display:block;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.open-icon.not-department-icon svg path,.open-icon svg path:first-child{fill:#1954a9}.mat-checkbox.mat-checkbox-disabled.qms-group-options.mat-checkbox-checked .mat-checkbox-background{background-color:#e0e0e0!important}"]
|
|
5910
5916
|
},] }
|
|
@@ -5929,7 +5935,6 @@
|
|
|
5929
5935
|
checkBoxEvent: [{ type: i0.Output }],
|
|
5930
5936
|
childCheckedEvent: [{ type: i0.Output }],
|
|
5931
5937
|
nodeExpandEvent: [{ type: i0.Output }],
|
|
5932
|
-
getChildNodeSelectOne: [{ type: i0.Output }],
|
|
5933
5938
|
treeControlNodes: [{ type: i0.Output }]
|
|
5934
5939
|
};
|
|
5935
5940
|
|
|
@@ -25193,12 +25198,6 @@
|
|
|
25193
25198
|
},] }
|
|
25194
25199
|
];
|
|
25195
25200
|
|
|
25196
|
-
var BreadcrumbNode = /** @class */ (function () {
|
|
25197
|
-
function BreadcrumbNode() {
|
|
25198
|
-
}
|
|
25199
|
-
return BreadcrumbNode;
|
|
25200
|
-
}());
|
|
25201
|
-
|
|
25202
25201
|
var RelatedConst = /** @class */ (function () {
|
|
25203
25202
|
function RelatedConst() {
|
|
25204
25203
|
}
|
|
@@ -26340,10 +26339,14 @@
|
|
|
26340
26339
|
var QMSSelectOneGlobalService = /** @class */ (function () {
|
|
26341
26340
|
function QMSSelectOneGlobalService() {
|
|
26342
26341
|
this.searchRelated = new rxjs.BehaviorSubject([]);
|
|
26342
|
+
this.getItemsChildren = new rxjs.BehaviorSubject([]);
|
|
26343
26343
|
}
|
|
26344
26344
|
QMSSelectOneGlobalService.prototype.setSearchRelated = function (result) {
|
|
26345
26345
|
this.searchRelated.next(result);
|
|
26346
26346
|
};
|
|
26347
|
+
QMSSelectOneGlobalService.prototype.setItemsChildren = function (result) {
|
|
26348
|
+
this.getItemsChildren.next(result);
|
|
26349
|
+
};
|
|
26347
26350
|
return QMSSelectOneGlobalService;
|
|
26348
26351
|
}());
|
|
26349
26352
|
QMSSelectOneGlobalService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function QMSSelectOneGlobalService_Factory() { return new QMSSelectOneGlobalService(); }, token: QMSSelectOneGlobalService, providedIn: "root" });
|
|
@@ -26421,6 +26424,17 @@
|
|
|
26421
26424
|
_this.filteredOptions = res;
|
|
26422
26425
|
}
|
|
26423
26426
|
});
|
|
26427
|
+
this.globalService.getItemsChildren.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function (res) {
|
|
26428
|
+
if (res && res.length) {
|
|
26429
|
+
var resNotExists = res.filter(function (r) { return !_this.treeData.some(function (t) { return r.rootId == t.rootId; }); });
|
|
26430
|
+
_this.treeData = __spreadArray(__spreadArray([], __read(_this.treeData)), __read(resNotExists));
|
|
26431
|
+
if (!_this.expandToChildNode.length || _this.expandToChildNode.some(function (x) { return x !== res[0].parentId; })) {
|
|
26432
|
+
var _ = __spreadArray([], __read(_this.expandToChildNode));
|
|
26433
|
+
_.push(res[0].parentId);
|
|
26434
|
+
_this.expandToChildNode = _;
|
|
26435
|
+
}
|
|
26436
|
+
}
|
|
26437
|
+
});
|
|
26424
26438
|
this.myControl.valueChanges.pipe(operators.debounceTime(1000)).subscribe(function (val) {
|
|
26425
26439
|
_this.isInputValue = true;
|
|
26426
26440
|
_this.onSearchRelated(val);
|
|
@@ -26539,6 +26553,8 @@
|
|
|
26539
26553
|
parentId: node.rootId,
|
|
26540
26554
|
parentName: node.rootName
|
|
26541
26555
|
});
|
|
26556
|
+
this.selectedData = [];
|
|
26557
|
+
this.selectedData.push(node);
|
|
26542
26558
|
}
|
|
26543
26559
|
if (this.treeConfig.canHaveDupId) {
|
|
26544
26560
|
treeNodeDup = {
|
|
@@ -26712,10 +26728,18 @@
|
|
|
26712
26728
|
itemNumberId: itemNumberId,
|
|
26713
26729
|
levelType: node.levelType
|
|
26714
26730
|
});
|
|
26731
|
+
this.selectedData = [];
|
|
26732
|
+
this.selectedData.push(node);
|
|
26715
26733
|
};
|
|
26716
|
-
SelectOneDialog.prototype.
|
|
26717
|
-
this.
|
|
26718
|
-
|
|
26734
|
+
SelectOneDialog.prototype.nodeExpandEvent = function (node) {
|
|
26735
|
+
this.onExpandFolder.emit({
|
|
26736
|
+
id: node.id,
|
|
26737
|
+
itemName: '',
|
|
26738
|
+
itemType: 0,
|
|
26739
|
+
statusName: '',
|
|
26740
|
+
parentId: '',
|
|
26741
|
+
parentName: ''
|
|
26742
|
+
});
|
|
26719
26743
|
};
|
|
26720
26744
|
SelectOneDialog.prototype.removeCheckedNodeList = function () {
|
|
26721
26745
|
var _this = this;
|
|
@@ -26731,7 +26755,7 @@
|
|
|
26731
26755
|
SelectOneDialog.decorators = [
|
|
26732
26756
|
{ type: i0.Component, args: [{
|
|
26733
26757
|
selector: 'qms-select-one',
|
|
26734
|
-
template: "<div id=\"qmslib_related_popup\" class=\"qmslib__related__popup__container\">\r\n <div id=\"qmslib_related_popup_header\">\r\n <span mat-icon-button class=\"button__close\" (click)=\"onCloseClick()\">\r\n <mat-icon mat-icon>close</mat-icon>\r\n </span>\r\n <div id=\"qmslib_related_popup_header_001\" mat-dialog-content>\r\n <span>{{ moduleName }}</span>\r\n </div>\r\n </div>\r\n\r\n <div\r\n id=\"qmslib_related_popup_search\"\r\n class=\"input__field\"\r\n (click)=\"showSearchResult()\"\r\n >\r\n <input\r\n #name\r\n type=\"text\"\r\n placeholder=\"{{ LANG.SEARCH }}\"\r\n matInput\r\n [formControl]=\"myControl\"\r\n [matAutocomplete]=\"auto\"\r\n #autoCompleteInputSearch\r\n />\r\n <mat-icon>search</mat-icon>\r\n </div>\r\n\r\n <div class=\"line__divider\"></div>\r\n\r\n <mat-autocomplete\r\n #auto=\"matAutocomplete\"\r\n [displayWith]=\"displayRelated\"\r\n class=\"mat-autocomplete_related-viewport\"\r\n >\r\n <cdk-virtual-scroll-viewport\r\n qms-scrollbar\r\n itemSize=\"10\"\r\n class=\"related-viewport\"\r\n *ngIf=\"filteredOptions.length\"\r\n >\r\n <div class=\"search__module-result\" *ngIf=\"filteredOptions.length\">\r\n <mat-option\r\n class=\"search__option\"\r\n *ngFor=\"let option of getModuleFilteredOptions()\"\r\n [value]=\"option\"\r\n (click)=\"selectItemSearched(option)\"\r\n >\r\n <qms-list-item type=\"image-square\">\r\n <mat-icon\r\n leading-icon\r\n type=\"image-square\"\r\n [svgIcon]=\"getNodeIcon(option)\"\r\n ></mat-icon>\r\n <div qms-list-header>\r\n <div\r\n qms-line\r\n type=\"caption\"\r\n qms-tool-tip=\"{{\r\n isEllipsisActive(searchItemResult) ? option.parentName : ''\r\n }}\"\r\n mode=\"dark\"\r\n *ngIf=\"getParentName(option)\"\r\n >\r\n <span #searchItemResult class=\"search__result__parent-name\">\r\n {{ option.parentName }}\r\n </span>\r\n </div>\r\n <div qms-line type=\"subtitle\" class=\"search__option-name\">\r\n {{ option.itemName }}\r\n </div>\r\n <div\r\n class=\"caption\"\r\n *ngIf=\"option.breadcumbs && option.breadcumbs.length\"\r\n >\r\n <qms-breadcrumb\r\n class=\"breadcrumb-containe\"\r\n type=\"table\"\r\n numDisplayItem=\"1\"\r\n [nodes]=\"option.breadcumbs\"\r\n >\r\n </qms-breadcrumb>\r\n </div>\r\n </div>\r\n <div qms-line color=\"default-subtitle\" *ngIf=\"getItemId(option)\">\r\n <span class=\"material-icons-outlined search__description-icon\">\r\n local_offer\r\n </span>\r\n {{ getItemId(option) }}\r\n </div>\r\n </qms-list-item>\r\n </mat-option>\r\n </div>\r\n </cdk-virtual-scroll-viewport>\r\n </mat-autocomplete>\r\n\r\n <div class=\"row\">\r\n <div\r\n class=\"qms-scrollbar col-12 qmslib_related_popup_content panel__content_item\"\r\n >\r\n <mat-expansion-panel\r\n hideToggle\r\n id=\"qmslib_related_popup_common_001\"\r\n [expanded]=\"isCommonExpanded\"\r\n (opened)=\"isCommonExpanded = true\"\r\n (closed)=\"isCommonExpanded = false\"\r\n class=\"panel-tree\"\r\n >\r\n <div id=\"qmslib_related_popup_common_002\">\r\n <qms-tree\r\n [treeData]=\"treeData\"\r\n [treeConfig]=\"treeConfig\"\r\n [selectedData]=\"selectedData\"\r\n [selectedRiskData]=\"selectedRiskData\"\r\n [disabledList]=\"disabledList\"\r\n (selectNodeEvent)=\"selectNodeTreeEvent($event)\"\r\n (
|
|
26758
|
+
template: "<div id=\"qmslib_related_popup\" class=\"qmslib__related__popup__container\">\r\n <div id=\"qmslib_related_popup_header\">\r\n <span mat-icon-button class=\"button__close\" (click)=\"onCloseClick()\">\r\n <mat-icon mat-icon>close</mat-icon>\r\n </span>\r\n <div id=\"qmslib_related_popup_header_001\" mat-dialog-content>\r\n <span>{{ moduleName }}</span>\r\n </div>\r\n </div>\r\n\r\n <div\r\n id=\"qmslib_related_popup_search\"\r\n class=\"input__field\"\r\n (click)=\"showSearchResult()\"\r\n >\r\n <input\r\n #name\r\n type=\"text\"\r\n placeholder=\"{{ LANG.SEARCH }}\"\r\n matInput\r\n [formControl]=\"myControl\"\r\n [matAutocomplete]=\"auto\"\r\n #autoCompleteInputSearch\r\n />\r\n <mat-icon>search</mat-icon>\r\n </div>\r\n\r\n <div class=\"line__divider\"></div>\r\n\r\n <mat-autocomplete\r\n #auto=\"matAutocomplete\"\r\n [displayWith]=\"displayRelated\"\r\n class=\"mat-autocomplete_related-viewport\"\r\n >\r\n <cdk-virtual-scroll-viewport\r\n qms-scrollbar\r\n itemSize=\"10\"\r\n class=\"related-viewport\"\r\n *ngIf=\"filteredOptions.length\"\r\n >\r\n <div class=\"search__module-result\" *ngIf=\"filteredOptions.length\">\r\n <mat-option\r\n class=\"search__option\"\r\n *ngFor=\"let option of getModuleFilteredOptions()\"\r\n [value]=\"option\"\r\n (click)=\"selectItemSearched(option)\"\r\n >\r\n <qms-list-item type=\"image-square\">\r\n <mat-icon\r\n leading-icon\r\n type=\"image-square\"\r\n [svgIcon]=\"getNodeIcon(option)\"\r\n ></mat-icon>\r\n <div qms-list-header>\r\n <div\r\n qms-line\r\n type=\"caption\"\r\n qms-tool-tip=\"{{\r\n isEllipsisActive(searchItemResult) ? option.parentName : ''\r\n }}\"\r\n mode=\"dark\"\r\n *ngIf=\"getParentName(option)\"\r\n >\r\n <span #searchItemResult class=\"search__result__parent-name\">\r\n {{ option.parentName }}\r\n </span>\r\n </div>\r\n <div qms-line type=\"subtitle\" class=\"search__option-name\">\r\n {{ option.itemName }}\r\n </div>\r\n <div\r\n class=\"caption\"\r\n *ngIf=\"option.breadcumbs && option.breadcumbs.length\"\r\n >\r\n <qms-breadcrumb\r\n class=\"breadcrumb-containe\"\r\n type=\"table\"\r\n numDisplayItem=\"1\"\r\n [nodes]=\"option.breadcumbs\"\r\n >\r\n </qms-breadcrumb>\r\n </div>\r\n </div>\r\n <div qms-line color=\"default-subtitle\" *ngIf=\"getItemId(option)\">\r\n <span class=\"material-icons-outlined search__description-icon\">\r\n local_offer\r\n </span>\r\n {{ getItemId(option) }}\r\n </div>\r\n </qms-list-item>\r\n </mat-option>\r\n </div>\r\n </cdk-virtual-scroll-viewport>\r\n </mat-autocomplete>\r\n\r\n <div class=\"row\">\r\n <div\r\n class=\"qms-scrollbar col-12 qmslib_related_popup_content panel__content_item\"\r\n >\r\n <mat-expansion-panel\r\n hideToggle\r\n id=\"qmslib_related_popup_common_001\"\r\n [expanded]=\"isCommonExpanded\"\r\n (opened)=\"isCommonExpanded = true\"\r\n (closed)=\"isCommonExpanded = false\"\r\n class=\"panel-tree\"\r\n >\r\n <div id=\"qmslib_related_popup_common_002\">\r\n <qms-tree\r\n [treeData]=\"treeData\"\r\n [treeConfig]=\"treeConfig\"\r\n [selectedData]=\"selectedData\"\r\n [selectedRiskData]=\"selectedRiskData\"\r\n [disabledList]=\"disabledList\"\r\n (selectNodeEvent)=\"selectNodeTreeEvent($event)\"\r\n (nodeExpandEvent)=\"nodeExpandEvent($event)\"\r\n [expandOnTitleClick]=\"false\"\r\n [expandToChildNode]=\"expandToChildNode\"\r\n ></qms-tree>\r\n </div>\r\n </mat-expansion-panel>\r\n </div>\r\n </div>\r\n\r\n <!-- <div *ngIf=\"checkedNodeList.length\" class=\"line__divider\"></div>\r\n\r\n <div *ngIf=\"checkedNodeList.length\" class=\"panel__item qms-scrollbar\">\r\n <div class=\"related__item__inline\" *ngFor=\"let item of checkedNodeList\">\r\n <button\r\n *ngIf=\"item.itemName\"\r\n mat-button\r\n class=\"related__item__content\"\r\n qms-tool-tip=\"{{\r\n isEllipsisActive(itemName) ? getItemChipName(item) : ''\r\n }}\"\r\n mode=\"dark\"\r\n >\r\n <span class=\"related__item__content_name\" #itemName>{{\r\n getItemChipName(item)\r\n }}</span>\r\n <mat-icon (click)=\"removeCheckedNodeList()\">cancel</mat-icon>\r\n </button>\r\n </div>\r\n </div> -->\r\n\r\n <div class=\"line__divider\"></div>\r\n\r\n <div class=\"confirm__button__groups\">\r\n <button\r\n *ngIf=\"!checkedNodeList.length\"\r\n qms-btn\r\n style=\"margin-top: 7px\"\r\n (click)=\"onAddClick()\"\r\n >\r\n {{ LANG.ADD }}\r\n </button>\r\n <button\r\n *ngIf=\"checkedNodeList.length\"\r\n qms-btn\r\n style=\"margin-top: 0px\"\r\n (click)=\"onAddClick()\"\r\n >\r\n {{ LANG.ADD }} ({{ checkedNodeList.length }})\r\n </button>\r\n <button\r\n qms-btn-text\r\n [ngStyle]=\"{ 'margin-top': checkedNodeList.length ? '0px' : '7px' }\"\r\n (click)=\"onCloseClick()\"\r\n >\r\n {{ LANG.CANCEL }}\r\n </button>\r\n </div>\r\n</div>\r\n",
|
|
26735
26759
|
encapsulation: i0.ViewEncapsulation.None,
|
|
26736
26760
|
styles: ["::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:rgba(0,0,0,.12);background-clip:content-box}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.38);border-radius:20px;width:4px;border:4px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.5);background-clip:content-box;border:4px solid transparent}.qms__popup .button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qms__danger button{border:none;color:var(--text-white);padding:0;text-align:center;text-decoration:none;display:inline-block;cursor:pointer;height:20px;width:20px;font-family:Open Sans;font-size:12px;font-weight:600;font-style:normal;line-height:16px}.qms__danger .red{background-color:var(--button-red-background);margin-left:10px}.qms__danger .yellow{background-color:var(--button-yellow-background);margin-left:10px;color:var(--popup-title-color)}.qms__danger .green{background-color:var(--button-green-background);margin-left:10px}.confirm__button__groups{margin-top:11px}.confirm__button__groups button{min-height:36px;width:auto;font-family:Open Sans;font-weight:500;font-size:14px;letter-spacing:1px;line-height:16px;padding-left:15px;padding-right:15px;margin-right:5px;float:right}.confirm__button__groups .confirm{background:var(--button-background)}.confirm__button__groups .confirm:hover{background:var(--primary-button-background-color);color:var(--primary-button-text-color)}.confirm__button__groups .confirm:disabled{cursor:not-allowed}.confirm__button__groups .cancel{background:var(--button-background)}.confirm__button__groups .cancel:hover{background:var(--primary-button-background-color);color:var(--primary-button-text-color)}.qmslib__related__popup__container .input__field{display:flex;align-items:center}.qmslib__related__popup__container .input__field input{width:100%;padding:10px;outline:none;border:none;background:var(--background-input-text)}.qmslib__related__popup__container .input__field .mat-icon{margin-left:-30px;cursor:pointer;vertical-align:middle}.qmslib__related__popup__container .line__divider{border-bottom:1px solid #ccc;height:1px;margin-top:10px;min-width:300px;max-width:100%}.qmslib__related__popup__container .button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmslib__related__popup__container .panel__content{height:450px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .panel__content_item{height:350px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .panel-tree .mat-expansion-panel-body{padding:0 12px 12px}.qmslib__related__popup__container .mat-expansion-panel-header{height:30px;font-size:12px;letter-spacing:1px;font-family:Raleway;font-weight:600;padding:0}.qmslib__related__popup__container .mat-expansion-panel-header .mat-expansion-panel-header-title{align-items:center;margin-left:12px}.qmslib__related__popup__container .mat-expansion-panel-header .related_popup_toggle-btn{width:1.5rem;height:1.5rem;line-height:1.5rem}.qmslib__related__popup__container .mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:none}.qmslib__related__popup__container .panel__item{height:100px;margin-top:12px;overflow-x:hidden;overflow-y:auto;padding-right:5px;width:100%;max-width:100%;display:flex;flex-wrap:wrap;align-content:flex-start}.qmslib__related__popup__container .panel__item .related__item__inline{max-width:100%}.qmslib__related__popup__container .panel__item .related__item__content{height:32px;line-height:32px;background-color:var(--related-item-background);max-width:100%;margin-bottom:5px;margin-left:2.5px;margin-right:2.5px}.qmslib__related__popup__container .panel__item .related__item__content .mat-icon{color:var(--related-mat-icon-color);font-size:24px}.qmslib__related__popup__container .panel__item .related__item__content span.related__item__content_name{display:inline-block;min-width:calc(100% - 13px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}cdk-virtual-scroll-viewport{overflow-x:hidden}cdk-virtual-scroll-viewport .search__module-result{margin:1.5rem;padding:0 0 .5rem}cdk-virtual-scroll-viewport .search__module-result .search__module-title{font-size:14px;font-weight:600}cdk-virtual-scroll-viewport .search__module-result .search__option{height:auto;line-height:normal;padding:8px 0;border-bottom:1px solid #e0e0e0}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item.mat-2-line.image-item{height:auto}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content{margin:0;border-bottom:none}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .wrap-image.image-square{width:2.5rem;height:100%;background:transparent;align-self:center;margin-right:0}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .wrap-image.image-square img{width:24px;height:24px}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .material-icons-outlined.leading-icon,cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content mat-icon.leading-icon{padding:4px 0 4px 4px}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .subtitle{font-weight:400}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .caption{overflow:hidden;line-height:normal;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .caption span.search__result__parent-name{display:inline-block;width:auto;width:calc(100% - 13px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .default-subtitle{color:rgba(0,0,0,.38)}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .search__description-icon{margin-right:0;width:12px;height:12px;font-size:12px}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .qms-list-text{border-bottom:none}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .breadcrumb-containe .qms-breadcrumb-item .mat-icon{font-size:16px!important;padding-bottom:1px}cdk-virtual-scroll-viewport .search__module-result svg{display:block}#qmslib_related_popup_header_001{margin-bottom:20px;padding:0;font-weight:600;font-family:Raleway}.padding-5{padding:5px}.mat-autocomplete_related-viewport{height:100%;max-height:100%!important}.mat-autocomplete_related-viewport .cdk-virtual-scroll-content-wrapper{width:100%}.mat-autocomplete_related-viewport .related-viewport{min-height:10.25rem}"]
|
|
26737
26761
|
},] }
|
|
@@ -28155,7 +28179,7 @@
|
|
|
28155
28179
|
}
|
|
28156
28180
|
if (index < 0) {
|
|
28157
28181
|
if (item.itemType === this.dataType.document || item.itemType === this.dataType.folder) {
|
|
28158
|
-
// document
|
|
28182
|
+
// document
|
|
28159
28183
|
var isExistInDisabled = this.disabledList2.findIndex(function (x) {
|
|
28160
28184
|
var _a, _b, _c;
|
|
28161
28185
|
return ((_a = x.id) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === item.id.toLowerCase() && (!item.parentId || ((_b = x.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === ((_c = item.parentId) === null || _c === void 0 ? void 0 : _c.toLowerCase()) && x.itemType === item.itemType);
|
|
@@ -28509,7 +28533,7 @@
|
|
|
28509
28533
|
this.onExpandFolder.emit(item);
|
|
28510
28534
|
};
|
|
28511
28535
|
SelectProcessDocumentPopupComponent.prototype.canShowSearchOption = function (moduleId) {
|
|
28512
|
-
return this.getModuleFilteredOptions(moduleId).length
|
|
28536
|
+
return this.getModuleFilteredOptions(moduleId).length;
|
|
28513
28537
|
};
|
|
28514
28538
|
SelectProcessDocumentPopupComponent.prototype.selectNodeTreeEvent = function (node) {
|
|
28515
28539
|
if (!node.itemType) {
|
|
@@ -28628,7 +28652,7 @@
|
|
|
28628
28652
|
SelectProcessDocumentPopupComponent.decorators = [
|
|
28629
28653
|
{ type: i0.Component, args: [{
|
|
28630
28654
|
selector: 'qms-select-process-document',
|
|
28631
|
-
template: "<div id=\"qmslib_related_popup\" class=\"qmslib__related__popup__container\">\r\n <div id=\"qmslib_related_popup_header\">\r\n <span mat-icon-button class=\"button__close\" (click)=\"onCloseClick()\">\r\n <mat-icon mat-icon>close</mat-icon>\r\n </span>\r\n <div id=\"qmslib_related_popup_header_001\" mat-dialog-content>\r\n <span>{{ moduleName | uppercase }}</span>\r\n </div>\r\n </div>\r\n\r\n <div id=\"qmslib_related_popup_search\" class=\"input__field\">\r\n <input\r\n type=\"text\"\r\n placeholder=\"{{ LANG.SEARCH }}\"\r\n matInput\r\n [formControl]=\"myControl\"\r\n [matAutocomplete]=\"auto\"\r\n />\r\n <mat-icon>search</mat-icon>\r\n </div>\r\n\r\n <div class=\"line__divider\"></div>\r\n\r\n <mat-autocomplete\r\n #auto=\"matAutocomplete\"\r\n class=\"mat-autocomplete_related-viewport\"\r\n (optionSelected)=\"selectRelated($event.option.value)\"\r\n [displayWith]=\"displayWhenSelectRelatedOption\"\r\n >\r\n <cdk-virtual-scroll-viewport\r\n qms-scrollbar\r\n itemSize=\"10\"\r\n [class.related-viewport]=\"isInputValue\"\r\n *ngIf=\"filteredOptions.length\"\r\n >\r\n <ng-container *ngFor=\"let type of searchOrder\">\r\n <div\r\n class=\"search__module-result\"\r\n *ngIf=\"canShowSearchOption(type.value)\"\r\n >\r\n <span class=\"search__module-title\">{{ getTitle(type.value) }}</span>\r\n <mat-option\r\n class=\"search__option\"\r\n *ngFor=\"let option of getModuleFilteredOptions(type.value)\"\r\n [value]=\"option\"\r\n [disabled]=\"option.disabled\"\r\n >\r\n <qms-list-item type=\"image-square\">\r\n <mat-icon\r\n leading-icon\r\n type=\"image-square\"\r\n [svgIcon]=\"getNodeIcon(option)\"\r\n ></mat-icon>\r\n <div qms-list-header>\r\n <div qms-line type=\"subtitle\" class=\"search__option-name\">\r\n {{ option.itemName }}\r\n </div>\r\n <div\r\n class=\"caption\"\r\n *ngIf=\"option.breadcumbs && option.breadcumbs.length\"\r\n >\r\n <qms-breadcrumb\r\n class=\"breadcrumb-containe\"\r\n type=\"table\"\r\n numDisplayItem=\"1\"\r\n [nodes]=\"option.breadcumbs\"\r\n >\r\n </qms-breadcrumb>\r\n </div>\r\n </div>\r\n <div qms-line color=\"default-subtitle\" *ngIf=\"getItemId(option)\">\r\n <span class=\"material-icons-outlined search__description-icon\">\r\n local_offer\r\n </span>\r\n {{ getItemId(option) }}\r\n </div>\r\n </qms-list-item>\r\n </mat-option>\r\n </div>\r\n </ng-container>\r\n </cdk-virtual-scroll-viewport>\r\n </mat-autocomplete>\r\n\r\n <div class=\"row\">\r\n <div\r\n class=\"qms-scrollbar qmslib_related_popup_content\"\r\n [ngClass]=\"{\r\n panel__content_item: checkedNodeList.length,\r\n panel__content: !checkedNodeList.length,\r\n 'col-6': splitView,\r\n 'col-12': !splitView\r\n }\"\r\n >\r\n <mat-expansion-panel\r\n hideToggle\r\n id=\"qmslib_related_popup_common_001\"\r\n [expanded]=\"isCommonExpanded\"\r\n (opened)=\"isCommonExpanded = true\"\r\n (closed)=\"isCommonExpanded = false\"\r\n class=\"panel-tree\"\r\n >\r\n <mat-expansion-panel-header class=\"padding-5\">\r\n <mat-panel-title *ngIf=\"moduleId === module.documentProcess\">\r\n {{ LANG.PROCESSES | uppercase }}\r\n </mat-panel-title>\r\n <button qms-btn-icon class=\"related_popup_toggle-btn\">\r\n <mat-icon>\r\n {{\r\n isCommonExpanded ? \"keyboard_arrow_up\" : \"keyboard_arrow_down\"\r\n }}\r\n </mat-icon>\r\n </button>\r\n </mat-expansion-panel-header>\r\n <div id=\"qmslib_related_popup_common_002\">\r\n <qms-tree-new\r\n [treeData]=\"treeData1\"\r\n [treeConfig]=\"treeConfig1\"\r\n [selectedData]=\"selectedData\"\r\n [selectedRiskData]=\"selectedRiskData\"\r\n [disabledList]=\"disabledList\"\r\n (nodeExpandEvent)=\"getChildrenOfFolder($event, dataType.area)\"\r\n (selectNodeEvent)=\"selectNodeTreeEvent($event)\"\r\n (getChildNodeSelectOne)=\"getChildNodeSelectOne($event)\"\r\n (selectFolderEvent)=\"getItemOfFolder($event, dataType.area)\"\r\n [expandOnTitleClick]=\"!splitView\"\r\n [parentNodeOnClick]=\"parentNodeSelected\"\r\n (treeControlNodes)=\"selectTreeControlNodeProcess($event)\"\r\n ></qms-tree-new>\r\n </div>\r\n </mat-expansion-panel>\r\n\r\n <div\r\n *ngIf=\"moduleId === module.documentProcess\"\r\n class=\"line__divider\"\r\n ></div>\r\n\r\n <mat-expansion-panel\r\n hideToggle\r\n *ngIf=\"moduleId === module.documentProcess\"\r\n id=\"qmslib_related_popup_document_001\"\r\n [expanded]=\"isDocumentExpanded\"\r\n (opened)=\"isDocumentExpanded = true\"\r\n (closed)=\"isDocumentExpanded = false\"\r\n class=\"panel-tree\"\r\n >\r\n <mat-expansion-panel-header class=\"padding-5\">\r\n <mat-panel-title> {{ LANG.DOCUMENTS | uppercase }} </mat-panel-title>\r\n <button qms-btn-icon class=\"related_popup_toggle-btn\">\r\n <mat-icon>\r\n {{\r\n isDocumentExpanded ? \"keyboard_arrow_up\" : \"keyboard_arrow_down\"\r\n }}\r\n </mat-icon>\r\n </button>\r\n </mat-expansion-panel-header>\r\n <div id=\"qmslib_related_popup_document_002\">\r\n <qms-tree-new\r\n [treeData]=\"treeData2\"\r\n [treeConfig]=\"treeConfig2\"\r\n [selectedData]=\"selectedData2\"\r\n [disabledList]=\"disabledList2\"\r\n (nodeExpandEvent)=\"getChildrenOfFolder($event, dataType.folder)\"\r\n (selectNodeEvent)=\"selectNodeTreeEvent($event)\"\r\n (getChildNodeSelectOne)=\"getChildNodeSelectOne($event)\"\r\n (selectFolderEvent)=\"getItemOfFolder($event, dataType.folder)\"\r\n [expandOnTitleClick]=\"!splitView\"\r\n [parentNodeOnClick]=\"parentNodeSelected\"\r\n (treeControlNodes)=\"selectTreeControlNodeDocument($event)\"\r\n ></qms-tree-new>\r\n </div>\r\n </mat-expansion-panel>\r\n </div>\r\n <div\r\n *ngIf=\"splitView\"\r\n class=\"qms-scrollbar qmslib-related-popup-splitview qmslib_related_popup_content col-6\"\r\n [ngClass]=\"{\r\n panel__content_item: checkedNodeList.length,\r\n panel__content: !checkedNodeList.length\r\n }\"\r\n >\r\n <div class=\"splitview-header\" *ngIf=\"selectedFolder\">\r\n {{ splitViewTitle }}\r\n </div>\r\n <div class=\"expand-node\" *ngFor=\"let node of itemInSplitview\">\r\n <mat-checkbox\r\n qms-group-options\r\n [disabled]=\"node.disabled\"\r\n color=\"default\"\r\n [checked]=\"isNodeSelected(node)\"\r\n (change)=\"toggleSelectItem(node)\"\r\n *ngIf=\"!hideSplitviewCheckbox\"\r\n >\r\n </mat-checkbox>\r\n <button\r\n class=\"button-boder\"\r\n mat-icon-button\r\n [disableRipple]=\"true\"\r\n (click)=\"toggleSelectItem(node)\"\r\n *ngIf=\"node.itemName\"\r\n >\r\n <mat-icon\r\n class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n [svgIcon]=\"getNodeIcon(node)\"\r\n >\r\n </mat-icon>\r\n </button>\r\n <span\r\n class=\"text-node-item\"\r\n style=\"cursor: pointer\"\r\n (click)=\"toggleSelectItem(node)\"\r\n [class.bgSelected]=\"\r\n isSelectOne &&\r\n idCheckIconSplitView == idToCheckSelectOne(node.id, node.parentId)\r\n \"\r\n >\r\n <span\r\n class=\"text-node\"\r\n [class.select-one-checked]=\"\r\n isSelectOne &&\r\n idCheckIconSplitView == idToCheckSelectOne(node.id, node.parentId)\r\n \"\r\n >{{ node.itemName }}</span\r\n >\r\n <mat-icon\r\n class=\"select-one-checked\"\r\n *ngIf=\"\r\n isSelectOne &&\r\n idCheckIconSplitView == idToCheckSelectOne(node.id, node.parentId)\r\n \"\r\n >\r\n done\r\n </mat-icon>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"checkedNodeList.length\" class=\"line__divider\"></div>\r\n\r\n <div class=\"row\">\r\n <div class=\"col-12\">\r\n <div *ngIf=\"checkedNodeList.length\" class=\"panel__item qms-scrollbar\">\r\n <div class=\"related__item__inline\" *ngFor=\"let item of checkedNodeList\">\r\n <button\r\n *ngIf=\"item.itemName\"\r\n mat-button\r\n class=\"related__item__content\"\r\n qms-tool-tip=\"{{\r\n isEllipsisActive(itemName) ? getItemChipName(item) : ''\r\n }}\"\r\n mode=\"dark\"\r\n >\r\n <span class=\"related__item__content_name\" #itemName>{{\r\n getItemChipName(item)\r\n }}</span>\r\n <mat-icon\r\n *ngIf=\"!(treeConfig1?.selectOne || treeConfig2?.selectOne)\"\r\n (click)=\"removeCheckedNodeList(item)\"\r\n >cancel</mat-icon\r\n >\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"line__divider\"></div>\r\n\r\n <div class=\"confirm__button__groups\">\r\n <button\r\n *ngIf=\"!checkedNodeList.length\"\r\n qms-btn\r\n style=\"margin-top: 7px\"\r\n (click)=\"onAddClick()\"\r\n >\r\n {{ LANG.ADD }}\r\n </button>\r\n <button\r\n *ngIf=\"checkedNodeList.length\"\r\n qms-btn\r\n style=\"margin-top: 0px\"\r\n (click)=\"onAddClick()\"\r\n >\r\n {{ LANG.ADD }} ({{ checkedNodeList.length }})\r\n </button>\r\n <button\r\n qms-btn-text\r\n [ngStyle]=\"{ 'margin-top': checkedNodeList.length ? '0px' : '7px' }\"\r\n (click)=\"onCloseClick()\"\r\n >\r\n {{ LANG.CANCEL }}\r\n </button>\r\n </div>\r\n</div>\r\n",
|
|
28655
|
+
template: "<div id=\"qmslib_related_popup\" class=\"qmslib__related__popup__container\">\r\n <div id=\"qmslib_related_popup_header\">\r\n <span mat-icon-button class=\"button__close\" (click)=\"onCloseClick()\">\r\n <mat-icon mat-icon>close</mat-icon>\r\n </span>\r\n <div id=\"qmslib_related_popup_header_001\" mat-dialog-content>\r\n <span>{{ moduleName | uppercase }}</span>\r\n </div>\r\n </div>\r\n\r\n <div id=\"qmslib_related_popup_search\" class=\"input__field\">\r\n <input type=\"text\" placeholder=\"{{ LANG.SEARCH }}\" matInput [formControl]=\"myControl\" [matAutocomplete]=\"auto\" />\r\n <mat-icon>search</mat-icon>\r\n </div>\r\n\r\n\r\n <mat-autocomplete #auto=\"matAutocomplete\" class=\"mat-autocomplete_related-viewport\"\r\n (optionSelected)=\"selectRelated($event.option.value)\" [displayWith]=\"displayWhenSelectRelatedOption\">\r\n <cdk-virtual-scroll-viewport qms-scrollbar itemSize=\"10\" [class.related-viewport]=\"isInputValue\"\r\n *ngIf=\"filteredOptions.length\">\r\n <ng-container *ngFor=\"let type of searchOrder\">\r\n <div class=\"search__module-result\" *ngIf=\"canShowSearchOption(type.value)\">\r\n <span class=\"search__module-title\">{{ getTitle(type.value) }}</span>\r\n <mat-option class=\"search__option\" *ngFor=\"let option of getModuleFilteredOptions(type.value)\"\r\n [value]=\"option\" [disabled]=\"option.disabled\">\r\n <qms-list-item type=\"image-square\">\r\n <mat-icon leading-icon type=\"image-square\" [svgIcon]=\"getNodeIcon(option)\"></mat-icon>\r\n <div qms-list-header>\r\n <div qms-line type=\"subtitle\" class=\"search__option-name\">\r\n {{ option.itemName }}\r\n </div>\r\n <div class=\"caption\" *ngIf=\"option.breadcumbs && option.breadcumbs.length\">\r\n <qms-breadcrumb class=\"breadcrumb-containe\" type=\"table\" numDisplayItem=\"1\"\r\n [nodes]=\"option.breadcumbs\">\r\n </qms-breadcrumb>\r\n </div>\r\n </div>\r\n <div qms-line color=\"default-subtitle\" *ngIf=\"getItemId(option)\">\r\n <span class=\"material-icons-outlined search__description-icon\">\r\n local_offer\r\n </span>\r\n {{ getItemId(option) }}\r\n </div>\r\n </qms-list-item>\r\n </mat-option>\r\n </div>\r\n </ng-container>\r\n </cdk-virtual-scroll-viewport>\r\n </mat-autocomplete>\r\n\r\n <div class=\"row\">\r\n <div class=\"qms-scrollbar qmslib_related_popup_content\" [ngClass]=\"{\r\n panel__content_item: checkedNodeList.length,\r\n panel__content: !checkedNodeList.length,\r\n 'col-6': splitView,\r\n 'col-12': !splitView\r\n }\">\r\n <ng-container *ngIf=\"treeData1.length > 0\">\r\n <div *ngIf=\"moduleId === module.documentProcess\" class=\"line__divider\"></div>\r\n <mat-expansion-panel hideToggle id=\"qmslib_related_popup_common_001\" [expanded]=\"isCommonExpanded\"\r\n (opened)=\"isCommonExpanded = true\" (closed)=\"isCommonExpanded = false\" class=\"panel-tree\">\r\n <mat-expansion-panel-header class=\"padding-5\">\r\n <mat-panel-title *ngIf=\"moduleId === module.documentProcess\">\r\n {{ LANG.PROCESSES | uppercase }}\r\n </mat-panel-title>\r\n <button qms-btn-icon class=\"related_popup_toggle-btn\">\r\n <mat-icon>\r\n {{\r\n isCommonExpanded ? \"keyboard_arrow_up\" : \"keyboard_arrow_down\"\r\n }}\r\n </mat-icon>\r\n </button>\r\n </mat-expansion-panel-header>\r\n <div id=\"qmslib_related_popup_common_002\">\r\n <qms-tree-new [treeData]=\"treeData1\" [treeConfig]=\"treeConfig1\" [selectedData]=\"selectedData\"\r\n [selectedRiskData]=\"selectedRiskData\" [disabledList]=\"disabledList\"\r\n (nodeExpandEvent)=\"getChildrenOfFolder($event, dataType.area)\"\r\n (selectNodeEvent)=\"selectNodeTreeEvent($event)\" (getChildNodeSelectOne)=\"getChildNodeSelectOne($event)\"\r\n (selectFolderEvent)=\"getItemOfFolder($event, dataType.area)\" [expandOnTitleClick]=\"!splitView\"\r\n [parentNodeOnClick]=\"parentNodeSelected\" (treeControlNodes)=\"selectTreeControlNodeProcess($event)\">\r\n </qms-tree-new>\r\n </div>\r\n </mat-expansion-panel>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"treeData2.length > 0\">\r\n <div *ngIf=\"moduleId === module.documentProcess\" class=\"line__divider\"></div>\r\n\r\n <mat-expansion-panel hideToggle *ngIf=\"moduleId === module.documentProcess\"\r\n id=\"qmslib_related_popup_document_001\" [expanded]=\"isDocumentExpanded\" (opened)=\"isDocumentExpanded = true\"\r\n (closed)=\"isDocumentExpanded = false\" class=\"panel-tree\">\r\n <mat-expansion-panel-header class=\"padding-5\">\r\n <mat-panel-title> {{ LANG.DOCUMENTS | uppercase }} </mat-panel-title>\r\n <button qms-btn-icon class=\"related_popup_toggle-btn\">\r\n <mat-icon>\r\n {{\r\n isDocumentExpanded ? \"keyboard_arrow_up\" : \"keyboard_arrow_down\"\r\n }}\r\n </mat-icon>\r\n </button>\r\n </mat-expansion-panel-header>\r\n <div id=\"qmslib_related_popup_document_002\">\r\n <qms-tree-new [treeData]=\"treeData2\" [treeConfig]=\"treeConfig2\" [selectedData]=\"selectedData2\"\r\n [disabledList]=\"disabledList2\" (nodeExpandEvent)=\"getChildrenOfFolder($event, dataType.folder)\"\r\n (selectNodeEvent)=\"selectNodeTreeEvent($event)\" (getChildNodeSelectOne)=\"getChildNodeSelectOne($event)\"\r\n (selectFolderEvent)=\"getItemOfFolder($event, dataType.folder)\" [expandOnTitleClick]=\"!splitView\"\r\n [parentNodeOnClick]=\"parentNodeSelected\" (treeControlNodes)=\"selectTreeControlNodeDocument($event)\">\r\n </qms-tree-new>\r\n </div>\r\n </mat-expansion-panel>\r\n </ng-container>\r\n </div>\r\n <div *ngIf=\"splitView\" class=\"qms-scrollbar qmslib-related-popup-splitview qmslib_related_popup_content col-6\"\r\n [ngClass]=\"{\r\n panel__content_item: checkedNodeList.length,\r\n panel__content: !checkedNodeList.length\r\n }\">\r\n <div class=\"splitview-header\" *ngIf=\"selectedFolder\">\r\n {{ splitViewTitle }}\r\n </div>\r\n <div class=\"expand-node\" *ngFor=\"let node of itemInSplitview\">\r\n <mat-checkbox qms-group-options [disabled]=\"node.disabled\" color=\"default\" [checked]=\"isNodeSelected(node)\"\r\n (change)=\"toggleSelectItem(node)\" *ngIf=\"!hideSplitviewCheckbox\">\r\n </mat-checkbox>\r\n <button class=\"button-boder\" mat-icon-button [disableRipple]=\"true\" (click)=\"toggleSelectItem(node)\"\r\n *ngIf=\"node.itemName\">\r\n <mat-icon class=\"mat-icon-rtl-mirror material-icons-outlined\" [svgIcon]=\"getNodeIcon(node)\">\r\n </mat-icon>\r\n </button>\r\n <span class=\"text-node-item\" style=\"cursor: pointer\" (click)=\"toggleSelectItem(node)\" [class.bgSelected]=\"\r\n isSelectOne &&\r\n idCheckIconSplitView == idToCheckSelectOne(node.id, node.parentId)\r\n \">\r\n <span class=\"text-node\" [class.select-one-checked]=\"\r\n isSelectOne &&\r\n idCheckIconSplitView == idToCheckSelectOne(node.id, node.parentId)\r\n \">{{ node.itemName }}</span>\r\n <mat-icon class=\"select-one-checked\" *ngIf=\"\r\n isSelectOne &&\r\n idCheckIconSplitView == idToCheckSelectOne(node.id, node.parentId)\r\n \">\r\n done\r\n </mat-icon>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"checkedNodeList.length\" class=\"line__divider\"></div>\r\n\r\n <div class=\"row\">\r\n <div class=\"col-12\">\r\n <div *ngIf=\"checkedNodeList.length\" class=\"panel__item qms-scrollbar\">\r\n <div class=\"related__item__inline\" *ngFor=\"let item of checkedNodeList\">\r\n <button *ngIf=\"item.itemName\" mat-button class=\"related__item__content\" qms-tool-tip=\"{{\r\n isEllipsisActive(itemName) ? getItemChipName(item) : ''\r\n }}\" mode=\"dark\">\r\n <span class=\"related__item__content_name\" #itemName>{{\r\n getItemChipName(item)\r\n }}</span>\r\n <mat-icon *ngIf=\"!(treeConfig1?.selectOne || treeConfig2?.selectOne)\" (click)=\"removeCheckedNodeList(item)\">\r\n cancel</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"line__divider\"></div>\r\n\r\n <div class=\"confirm__button__groups\">\r\n <button *ngIf=\"!checkedNodeList.length\" qms-btn style=\"margin-top: 7px\" (click)=\"onAddClick()\">\r\n {{ LANG.ADD }}\r\n </button>\r\n <button *ngIf=\"checkedNodeList.length\" qms-btn style=\"margin-top: 0px\" (click)=\"onAddClick()\">\r\n {{ LANG.ADD }} ({{ checkedNodeList.length }})\r\n </button>\r\n <button qms-btn-text [ngStyle]=\"{ 'margin-top': checkedNodeList.length ? '0px' : '7px' }\" (click)=\"onCloseClick()\">\r\n {{ LANG.CANCEL }}\r\n </button>\r\n </div>\r\n</div>\r\n",
|
|
28632
28656
|
encapsulation: i0.ViewEncapsulation.None,
|
|
28633
28657
|
styles: ["::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:rgba(0,0,0,.12);background-clip:content-box}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.38);border-radius:20px;width:4px;border:4px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.5);background-clip:content-box;border:4px solid transparent}.qms__popup .button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qms__danger button{border:none;color:var(--text-white);padding:0;text-align:center;text-decoration:none;display:inline-block;cursor:pointer;height:20px;width:20px;font-family:Open Sans;font-size:12px;font-weight:600;font-style:normal;line-height:16px}.qms__danger .red{background-color:var(--button-red-background);margin-left:10px}.qms__danger .yellow{background-color:var(--button-yellow-background);margin-left:10px;color:var(--popup-title-color)}.qms__danger .green{background-color:var(--button-green-background);margin-left:10px}.confirm__button__groups{margin-top:11px}.confirm__button__groups button{min-height:36px;width:auto;font-family:Open Sans;font-weight:500;font-size:14px;letter-spacing:1px;line-height:16px;padding-left:15px;padding-right:15px;margin-right:5px;float:right}.confirm__button__groups .confirm{background:var(--button-background)}.confirm__button__groups .confirm:hover{background:var(--primary-button-background-color);color:var(--primary-button-text-color)}.confirm__button__groups .confirm:disabled{cursor:not-allowed}.confirm__button__groups .cancel{background:var(--button-background)}.confirm__button__groups .cancel:hover{background:var(--primary-button-background-color);color:var(--primary-button-text-color)}.qmslib__related__popup__container .input__field{display:flex;align-items:center}.qmslib__related__popup__container .input__field input{width:100%;padding:10px;outline:none;border:none;background:var(--background-input-text)}.qmslib__related__popup__container .input__field .mat-icon{margin-left:-30px;cursor:pointer;vertical-align:middle}.qmslib__related__popup__container .line__divider{border-bottom:1px solid #ccc;height:1px;margin-top:10px;min-width:300px;max-width:100%}.qmslib__related__popup__container .button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmslib__related__popup__container .panel__content{height:450px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .panel__content_item{height:350px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .panel-tree .mat-expansion-panel-body{padding:0 12px 12px}.qmslib__related__popup__container .mat-expansion-panel-header{height:30px;font-size:12px;letter-spacing:1px;font-family:Raleway;font-weight:600;padding:0}.qmslib__related__popup__container .mat-expansion-panel-header .mat-expansion-panel-header-title{align-items:center;margin-left:12px}.qmslib__related__popup__container .mat-expansion-panel-header .related_popup_toggle-btn{width:1.5rem;height:1.5rem;line-height:1.5rem}.qmslib__related__popup__container .mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:none}.qmslib__related__popup__container .panel__item{height:100px;margin-top:12px;overflow-x:hidden;overflow-y:auto;padding-right:5px;width:100%;max-width:100%;display:flex;flex-wrap:wrap;align-content:flex-start}.qmslib__related__popup__container .panel__item .related__item__inline{max-width:100%}.qmslib__related__popup__container .panel__item .related__item__content{height:32px;line-height:32px;background-color:var(--related-item-background);max-width:100%;margin-bottom:5px;margin-left:2.5px;margin-right:2.5px}.qmslib__related__popup__container .panel__item .related__item__content .mat-icon{color:var(--related-mat-icon-color);font-size:24px}.qmslib__related__popup__container .panel__item .related__item__content span.related__item__content_name{display:inline-block;min-width:calc(100% - 13px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:278px}.qmslib__related__popup__container .qmslib-related-popup-splitview{background-color:#fff;border-left:1px solid #ccc;height:450px;overflow-y:auto;margin-top:12px}.qmslib__related__popup__container .qmslib-related-popup-splitview.panel__content{height:450px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .qmslib-related-popup-splitview.panel__content_item{height:350px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .qmslib-related-popup-splitview .splitview-header{font-size:12px;letter-spacing:1px;font-family:RALEWAY;font-weight:600;display:flex;align-items:center}.qmslib__related__popup__container .qmslib-related-popup-splitview .mat-checkbox.qms-group-options{padding:0}.qmslib__related__popup__container .qmslib-related-popup-splitview .mat-checkbox.qms-group-options .mat-checkbox-inner-container{margin-right:11px}.qmslib__related__popup__container .qmslib-related-popup-splitview .mat-checkbox.qms-group-options.mat-checkbox-checked{background:transparent!important}.qmslib__related__popup__container .qmslib-related-popup-splitview .expand-node{margin-left:8px;display:flex;align-items:center;min-height:40px}.qmslib__related__popup__container .qmslib-related-popup-splitview .expand-node .mat-icon{color:rgba(0,0,0,.6);margin-right:17px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.qmslib__related__popup__container .qmslib-related-popup-splitview .expand-node .mat-icon svg{display:block;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.qmslib__related__popup__container .qmslib-related-popup-splitview .expand-node .text-node-item{margin-left:8px;display:flex;align-items:center;min-height:32px;justify-content:space-between;width:100%}.qmslib__related__popup__container .qmslib-related-popup-splitview .expand-node .text-node-item .select-one-checked{color:var(--primary)}cdk-virtual-scroll-viewport{overflow-x:hidden}cdk-virtual-scroll-viewport .search__module-result{margin:1.5rem;padding:0 0 .5rem}cdk-virtual-scroll-viewport .search__module-result .search__module-title{font-size:14px;font-weight:600}cdk-virtual-scroll-viewport .search__module-result .search__option{height:auto;line-height:normal;padding:8px 0;border-bottom:1px solid #e0e0e0}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item.mat-2-line.image-item{height:auto}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content{margin:0;border-bottom:none}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .wrap-image.image-square{width:2.5rem;height:100%;background:transparent;align-self:center;margin-right:0}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .wrap-image.image-square img{width:24px;height:24px}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .material-icons-outlined.leading-icon,cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content mat-icon.leading-icon{padding:4px 0 4px 4px}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .subtitle{font-weight:400}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .caption{overflow:hidden;line-height:normal;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .caption span.search__result__parent-name{display:inline-block;width:auto;width:calc(100% - 13px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .default-subtitle{color:rgba(0,0,0,.38)}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .search__description-icon{margin-right:0;width:12px;height:12px;font-size:12px}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .qms-list-text{border-bottom:none}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .breadcrumb-containe .qms-breadcrumb-item .mat-icon{font-size:16px!important;padding-bottom:1px}cdk-virtual-scroll-viewport .search__module-result svg{display:block}#qmslib_related_popup_header_001{margin-bottom:20px;padding:0;font-weight:600;font-family:Raleway}.padding-5{padding:5px}.mat-autocomplete_related-viewport{height:100%;max-height:100%!important}.mat-autocomplete_related-viewport .cdk-virtual-scroll-content-wrapper{width:100%}.mat-autocomplete_related-viewport .related-viewport{min-height:300px}"]
|
|
28634
28658
|
},] }
|
|
@@ -29250,11 +29274,11 @@
|
|
|
29250
29274
|
this.displayNumberOfPages = this.pagination(this.pageIndex, this.numberOfPages.length);
|
|
29251
29275
|
};
|
|
29252
29276
|
QMSPaginatorComponent.prototype._changePageSize = function (pageSize) {
|
|
29253
|
-
var startIndex = this.
|
|
29254
|
-
var previousPageIndex = this.
|
|
29277
|
+
var startIndex = this._pageIndex * this.pageSize;
|
|
29278
|
+
var previousPageIndex = this._pageIndex;
|
|
29255
29279
|
this.previousPageIndex = previousPageIndex;
|
|
29280
|
+
this.pageIndex = (Math.floor(startIndex / pageSize) || 0) + 1;
|
|
29256
29281
|
this.pageSize = pageSize;
|
|
29257
|
-
this.pageIndex = Math.floor(startIndex / pageSize) || 0;
|
|
29258
29282
|
this._emitPageEvent(this.previousPageIndex);
|
|
29259
29283
|
this.getNumberOfPages();
|
|
29260
29284
|
};
|