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
|
@@ -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,
|