qms-angular 1.1.54 → 1.1.55
Sign up to get free protection for your applications and to get access to all the features.
- 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
@@ -33938,6 +33938,7 @@
|
|
33938
33938
|
this.qmsNavDrawerService = qmsNavDrawerService;
|
33939
33939
|
this.cdRef = cdRef;
|
33940
33940
|
this.iterableDiffers = iterableDiffers;
|
33941
|
+
this.scrollIntoNode$ = new rxjs.BehaviorSubject('');
|
33941
33942
|
this.ngUnsubscribe = new rxjs.Subject();
|
33942
33943
|
this.treeData = [];
|
33943
33944
|
this.openNodes = [];
|
@@ -34004,12 +34005,24 @@
|
|
34004
34005
|
});
|
34005
34006
|
}
|
34006
34007
|
});
|
34008
|
+
this.scrollIntoNode$.subscribe(function (res) {
|
34009
|
+
if (res) {
|
34010
|
+
setTimeout(function () {
|
34011
|
+
var element = document.querySelector('.mat-tree-node.active');
|
34012
|
+
console.log(res, element, 'xxxxx');
|
34013
|
+
if (element) {
|
34014
|
+
element.scrollIntoView({ behavior: 'smooth' });
|
34015
|
+
}
|
34016
|
+
});
|
34017
|
+
}
|
34018
|
+
});
|
34007
34019
|
};
|
34008
34020
|
QMSNavDrawerComponent.prototype._activeNode = function () {
|
34009
34021
|
var currNode = this.openNodes[this.openNodes.length - 1];
|
34010
34022
|
var idxParent = this.openNodes.length >= 2 ? this.openNodes.length - 2 : '';
|
34011
34023
|
var parentNode = idxParent !== '' ? this.openNodes[idxParent] : '';
|
34012
34024
|
this.activeNode = this.getActiveNode(currNode, parentNode);
|
34025
|
+
this.scrollIntoNode$.next(this.activeNode);
|
34013
34026
|
};
|
34014
34027
|
QMSNavDrawerComponent.prototype.getActiveNode = function (id, parentId) {
|
34015
34028
|
var _id = id ? id : '';
|
@@ -34032,18 +34045,11 @@
|
|
34032
34045
|
_loop_1(i);
|
34033
34046
|
}
|
34034
34047
|
this._activeNode();
|
34035
|
-
// scroll to selected node
|
34036
|
-
setTimeout(function () {
|
34037
|
-
var element = document.querySelector('.mat-tree-node.active');
|
34038
|
-
if (element) {
|
34039
|
-
element.scrollIntoView({ behavior: 'smooth' });
|
34040
|
-
}
|
34041
|
-
});
|
34042
|
-
this.cdRef.detectChanges();
|
34043
34048
|
};
|
34044
34049
|
QMSNavDrawerComponent.prototype.onClickNode = function (node) {
|
34045
34050
|
this.activeNode = this.getActiveNode(node.id, node.parentId);
|
34046
34051
|
this.onClickNodeEvent.emit(node);
|
34052
|
+
this.scrollIntoNode$.next(this.activeNode);
|
34047
34053
|
};
|
34048
34054
|
QMSNavDrawerComponent.prototype.onExpandNode = function (node) {
|
34049
34055
|
this.openNodes = [];
|
@@ -35090,6 +35096,7 @@
|
|
35090
35096
|
case 'sibling':
|
35091
35097
|
if (!parentNode) {
|
35092
35098
|
var idx = this.currentTreeData.findIndex(function (x) { return x.id === node.id; }) + 1;
|
35099
|
+
this.source_object.parentId = node.parentId;
|
35093
35100
|
this.currentTreeData.splice(idx, 0, this.source_object);
|
35094
35101
|
}
|
35095
35102
|
else {
|
@@ -36202,7 +36209,7 @@
|
|
36202
36209
|
SelectDepartmentComponent.decorators = [
|
36203
36210
|
{ type: i0.Component, args: [{
|
36204
36211
|
selector: 'qms-select-department',
|
36205
|
-
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\"
|
36212
|
+
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>",
|
36206
36213
|
providers: [
|
36207
36214
|
{
|
36208
36215
|
provide: checkbox.MAT_CHECKBOX_DEFAULT_OPTIONS,
|