qms-angular 1.1.54 → 1.1.55
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 +16 -9
- package/bundles/qms-angular.umd.js.map +1 -1
- package/esm2015/lib/components/qms-nav-drawer/qms-nav-drawer.component.js +16 -10
- package/esm2015/lib/components/select-department/select-department.component.js +2 -2
- package/esm2015/lib/components/select-department-tree/select-department-tree.component.js +2 -1
- package/fesm2015/qms-angular.js +16 -9
- package/fesm2015/qms-angular.js.map +1 -1
- package/lib/components/qms-nav-drawer/qms-nav-drawer.component.d.ts +2 -1
- package/package.json +1 -1
package/fesm2015/qms-angular.js
CHANGED
|
@@ -32490,6 +32490,7 @@ class QMSNavDrawerComponent {
|
|
|
32490
32490
|
this.qmsNavDrawerService = qmsNavDrawerService;
|
|
32491
32491
|
this.cdRef = cdRef;
|
|
32492
32492
|
this.iterableDiffers = iterableDiffers;
|
|
32493
|
+
this.scrollIntoNode$ = new BehaviorSubject('');
|
|
32493
32494
|
this.ngUnsubscribe = new Subject();
|
|
32494
32495
|
this.treeData = [];
|
|
32495
32496
|
this.openNodes = [];
|
|
@@ -32555,12 +32556,24 @@ class QMSNavDrawerComponent {
|
|
|
32555
32556
|
});
|
|
32556
32557
|
}
|
|
32557
32558
|
});
|
|
32559
|
+
this.scrollIntoNode$.subscribe((res) => {
|
|
32560
|
+
if (res) {
|
|
32561
|
+
setTimeout(() => {
|
|
32562
|
+
const element = document.querySelector('.mat-tree-node.active');
|
|
32563
|
+
console.log(res, element, 'xxxxx');
|
|
32564
|
+
if (element) {
|
|
32565
|
+
element.scrollIntoView({ behavior: 'smooth' });
|
|
32566
|
+
}
|
|
32567
|
+
});
|
|
32568
|
+
}
|
|
32569
|
+
});
|
|
32558
32570
|
}
|
|
32559
32571
|
_activeNode() {
|
|
32560
32572
|
const currNode = this.openNodes[this.openNodes.length - 1];
|
|
32561
32573
|
const idxParent = this.openNodes.length >= 2 ? this.openNodes.length - 2 : '';
|
|
32562
32574
|
const parentNode = idxParent !== '' ? this.openNodes[idxParent] : '';
|
|
32563
32575
|
this.activeNode = this.getActiveNode(currNode, parentNode);
|
|
32576
|
+
this.scrollIntoNode$.next(this.activeNode);
|
|
32564
32577
|
}
|
|
32565
32578
|
getActiveNode(id, parentId) {
|
|
32566
32579
|
const _id = id ? id : '';
|
|
@@ -32577,18 +32590,11 @@ class QMSNavDrawerComponent {
|
|
|
32577
32590
|
});
|
|
32578
32591
|
}
|
|
32579
32592
|
this._activeNode();
|
|
32580
|
-
// scroll to selected node
|
|
32581
|
-
setTimeout(() => {
|
|
32582
|
-
const element = document.querySelector('.mat-tree-node.active');
|
|
32583
|
-
if (element) {
|
|
32584
|
-
element.scrollIntoView({ behavior: 'smooth' });
|
|
32585
|
-
}
|
|
32586
|
-
});
|
|
32587
|
-
this.cdRef.detectChanges();
|
|
32588
32593
|
}
|
|
32589
32594
|
onClickNode(node) {
|
|
32590
32595
|
this.activeNode = this.getActiveNode(node.id, node.parentId);
|
|
32591
32596
|
this.onClickNodeEvent.emit(node);
|
|
32597
|
+
this.scrollIntoNode$.next(this.activeNode);
|
|
32592
32598
|
}
|
|
32593
32599
|
onExpandNode(node) {
|
|
32594
32600
|
this.openNodes = [];
|
|
@@ -33539,6 +33545,7 @@ class SelectDepartmentTreeComponent {
|
|
|
33539
33545
|
case 'sibling':
|
|
33540
33546
|
if (!parentNode) {
|
|
33541
33547
|
const idx = this.currentTreeData.findIndex(x => x.id === node.id) + 1;
|
|
33548
|
+
this.source_object.parentId = node.parentId;
|
|
33542
33549
|
this.currentTreeData.splice(idx, 0, this.source_object);
|
|
33543
33550
|
}
|
|
33544
33551
|
else {
|
|
@@ -34518,7 +34525,7 @@ class SelectDepartmentComponent {
|
|
|
34518
34525
|
SelectDepartmentComponent.decorators = [
|
|
34519
34526
|
{ type: Component, args: [{
|
|
34520
34527
|
selector: 'qms-select-department',
|
|
34521
|
-
template: "<div class=\"qms-select-department\">\n <div class=\"header-dialog mb-2\">\n <span>{{popupData.headerName}}</span>\n <button matDialogClose class=\"btn-close-dialog\" color=\"light\" qms-btn-icon>\n <mat-icon>close</mat-icon>\n </button>\n </div>\n <div>\n <div class=\"qms-scrollbar\">\n <div>\n <qms-select-department-tree #treeDepartment customClass=\"custom-department-tree\"\n [height]=\"popupData.config.isMobile ? '38vh' : '50vh'\" [rowsSkeleton]=\"9\" [config]=\"popupData.config\"\n (onSearchEvent)=\"onSearchEvent.emit($event)\" (onValueChangeEvent)=\"onResultDepartmentChange($event)\"\n (onPagingSearchEvent)=\"onPagingEvent.emit($event)\" (onCheckNodeEvent)=\"onCheckNodeEvent.emit($event)\"\n (onExpandNodeEvent)=\"onExpandNodeEvent.emit($event)\" (onLoadMoreEvent)=\"onLoadMoreEvent.emit()\"\n (onCheckAllItemSearchEvent)=\"onCheckAllItemSearchEvent.emit($event)\"\n (onCheckItemSearchEvent)=\"onCheckItemSearchEvent.emit($event)\"\n (toggleIncludeChildEvent)=\"toggleIncludeChildEvent.emit($event)\">\n </qms-select-department-tree>\n </div>\n </div>\n <div class=\"line__divider\"></div>\n <div [@heightAnimation]\n *ngIf=\"treeDepartment && !!treeDepartment.resultSelected.length && !popupData.hidePanelResult\"
|
|
34528
|
+
template: "<div class=\"qms-select-department\">\n <div class=\"header-dialog mb-2\">\n <span>{{popupData.headerName}}</span>\n <button matDialogClose class=\"btn-close-dialog\" color=\"light\" qms-btn-icon>\n <mat-icon>close</mat-icon>\n </button>\n </div>\n <div>\n <div class=\"qms-scrollbar\">\n <div>\n <qms-select-department-tree #treeDepartment customClass=\"custom-department-tree\"\n [height]=\"popupData.config.isMobile ? '38vh' : '50vh'\" [rowsSkeleton]=\"9\" [config]=\"popupData.config\"\n (onSearchEvent)=\"onSearchEvent.emit($event)\" (onValueChangeEvent)=\"onResultDepartmentChange($event)\"\n (onPagingSearchEvent)=\"onPagingEvent.emit($event)\" (onCheckNodeEvent)=\"onCheckNodeEvent.emit($event)\"\n (onExpandNodeEvent)=\"onExpandNodeEvent.emit($event)\" (onLoadMoreEvent)=\"onLoadMoreEvent.emit()\"\n (onCheckAllItemSearchEvent)=\"onCheckAllItemSearchEvent.emit($event)\"\n (onCheckItemSearchEvent)=\"onCheckItemSearchEvent.emit($event)\"\n (toggleIncludeChildEvent)=\"toggleIncludeChildEvent.emit($event)\">\n </qms-select-department-tree>\n </div>\n </div>\n <div class=\"line__divider\"></div>\n <div [@heightAnimation]\n *ngIf=\"treeDepartment && !!treeDepartment.resultSelected.length && !popupData.hidePanelResult && !popupData.config.moveLocationMode\"\n class=\" pr-0 pe-0\">\n <div class=\"header-title\">{{popupData.resultTitle || LANG.RESULT}}</div>\n <div class=\"result-content pr-0 pe-0\">\n <mat-chip-list class=\"panel__item qms-scrollbar\">\n <div [@inOutAnimation_2] [id]=\"'item-result-'+item.id\" *ngFor=\"let item of treeDepartment.resultSelected\">\n <mat-chip [@updateItemAnimation] *qmsContentChanges=\"item.children?.length\"\n [qms-tool-tip]=\"generateTootip(item)\" position=\"top\" mode=\"dark\" qms-chip [removable]=\"true\">\n <span (click)=\"onScrollToNode(item)\" qms-chip-body>\n <span class=\"related__item__content_name\" #itemName>\n <span>{{item.name}}</span>\n <span class=\"select__include-children__count\" *ngIf=\"!!item?.isGroup && !popupData.config.lazy\">\n {{item.children.length}}/{{item.childCount}}\n </span>\n <span class=\"select__include-children__count\" *ngIf=\"!!item?.isGroup && popupData.config.lazy\">\n {{item.selectedChildCount || item.children.length}}/{{item.childCount}}\n </span>\n </span>\n </span>\n <ng-container *ngIf=\"isNodeLoading(item.id)\" [ngTemplateOutlet]=\"loadingSpinner\"></ng-container>\n <mat-icon *ngIf=\"!treeDepartment.isDisabledNode(item.id) && !isNodeLoading(item.id)\"\n (click)=\"onRemoveNode(item)\">cancel</mat-icon>\n </mat-chip>\n </div>\n </mat-chip-list>\n </div>\n </div>\n <mat-divider *ngIf=\"treeDepartment && !!treeDepartment.resultSelected.length && !popupData.hidePanelResult\"\n class=\"mx-auto\"></mat-divider>\n <div class=\"confirm__button__groups\">\n <button (click)=\"onCloseDialog()\" class=\"btn-add\"\n [disabled]=\"!treeDepartment.resultSelected.length && !popupData.config.canAddNullResult\"\n [class.qms-btn-disabled]=\"!treeDepartment.resultSelected.length && !popupData.config.canAddNullResult\" qms-btn>\n <span>{{LANG.ADD}}</span>\n <span *ngIf=\"!popupData.config.moveLocationMode\">\n ({{treeDepartment.resultSelected.length}})\n </span>\n </button>\n <button qms-btn-text mat-dialog-close>\n {{LANG.CANCEL}}\n </button>\n </div>\n </div>\n</div>\n\n<!-- Loading spinner -->\n<ng-template #loadingSpinner>\n <div class=\"qms-spinner-wrapper\">\n <div class=\"qms-spinner center\">\n <mat-spinner [diameter]=\"20\" [strokeWidth]=\"2\" color=\"primary\"></mat-spinner>\n </div>\n </div>\n</ng-template>",
|
|
34522
34529
|
providers: [
|
|
34523
34530
|
{
|
|
34524
34531
|
provide: MAT_CHECKBOX_DEFAULT_OPTIONS,
|