qms-angular 1.1.15 → 1.1.17

package/lib/common/models/qms-flat-node.model.d.ts

@@ -7,4 +7,7 @@ export declare class QMSFlatNodeTree {
     isFile: boolean;
     disabled?: boolean;
     markedGetChildren?: boolean;
+    itemIcon?: string;
+    itemIconSvg?: string;
+    itemMatIcon?: string;
 }

package/lib/components/select-access-dialog/common/animation.d.ts

@@ -0,0 +1 @@
+export declare const SelectAccessAnimationTrigger: import("@angular/animations").AnimationTriggerMetadata[];

package/lib/components/select-access-dialog/common/option-select-access.enum.d.ts

@@ -0,0 +1,5 @@
+export declare enum OptionSelectAccessEnum {
+    PERSON = 0,
+    USER_GROUP = 1,
+    DEPARTMENT = 2
+}

package/lib/components/select-access-dialog/index.d.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/lib/components/select-access-dialog/model/access-item.model.d.ts

@@ -0,0 +1,7 @@
+export declare class QMSAccessItem {
+    id: number;
+    name: string;
+    subName?: string;
+    helpText?: string;
+    selected: boolean;
+}

package/lib/components/select-access-dialog/model/option-select-access.model.d.ts

@@ -0,0 +1,5 @@
+import { OptionSelectAccessEnum } from "../common/option-select-access.enum";
+export declare class OptionSelectAccessModel {
+    displayName: string;
+    type: OptionSelectAccessEnum;
+}

package/lib/components/select-access-dialog/model/select-access-data.d.ts

@@ -0,0 +1,15 @@
+import { QMSFlatNodeTree } from "../../../common/models/qms-flat-node.model";
+import { QMSTreeNode } from "../../../common/models/qms-tree-node.model";
+import { QMSAccessItem } from "./access-item.model";
+export declare class QMSSelectAccessResult {
+    userGroups: QMSAccessItem[];
+    departments: QMSTreeNode[];
+    persons: QMSAccessItem[];
+}
+export declare class QMSSelectAccessData {
+    accessUserGroups: QMSAccessItem[];
+    accessDepartments: QMSFlatNodeTree[];
+    accessPersons: QMSAccessItem[];
+    selectedData: QMSSelectAccessResult;
+    selectIncludeChildTreeLabel?: string;
+}

package/lib/components/select-access-dialog/public-api.d.ts

@@ -0,0 +1,7 @@
+export * from './common/option-select-access.enum';
+export * from './model/select-access-data';
+export * from './model/access-item.model';
+export * from './model/option-select-access.model';
+export * from './service/select-access-global.service';
+export * from './select-access-dialog.component';
+export * from './select-access-dialog.module';

package/lib/components/select-access-dialog/select-access-dialog.component.d.ts

@@ -0,0 +1,74 @@
+import { AfterViewInit, ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
+import { MatDialogRef } from '@angular/material/dialog';
+import { PageEvent } from '@angular/material/paginator';
+import { BehaviorSubject, ReplaySubject, Subject } from 'rxjs';
+import { QMSTreeNode } from '../../common/models/qms-tree-node.model';
+import { TranslateLibraryService } from "../../services/translation-registry.service";
+import { PaginationSize } from '../qms-paginator';
+import { SelectDepartmentTreeComponent } from '../select-department-tree/select-department-tree.component';
+import { OptionSelectAccessEnum } from './common/option-select-access.enum';
+import { QMSAccessItem } from './model/access-item.model';
+import { OptionSelectAccessModel } from './model/option-select-access.model';
+import { QMSSelectAccessData, QMSSelectAccessResult } from './model/select-access-data';
+import { QMSSelectAccessGlobalService } from './service/select-access-global.service';
+export declare class QMSSelectAccessDialogComponent implements OnInit, OnDestroy, AfterViewInit {
+    private dialogRef;
+    dataDialog: QMSSelectAccessData;
+    translate: TranslateLibraryService;
+    private _fb;
+    private qmsSelectAccessService;
+    private cdRef;
+    ngUnsubcribe: Subject<void>;
+    LANG: any;
+    optionSelect: FormControl;
+    OPTION_ENUM: typeof OptionSelectAccessEnum;
+    options: OptionSelectAccessModel[];
+    personForm: FormGroup;
+    userGroupForm: FormControl;
+    getLoading$: BehaviorSubject<boolean>;
+    onSearchPersonEvent: EventEmitter<any>;
+    onSearchPersonFreeTextEvent: EventEmitter<any>;
+    onSearchUserGroupEvent: EventEmitter<any>;
+    onSearchDepartmentEvent: EventEmitter<any>;
+    treeDepartment: SelectDepartmentTreeComponent;
+    set tree(data: SelectDepartmentTreeComponent);
+    /** list filtered by search keyword */
+    filteredSearchTextBox: {
+        department: ReplaySubject<any>;
+        role: ReplaySubject<any>;
+    };
+    private getPerson$;
+    get personFiltered(): QMSAccessItem[];
+    private getUserGroup$;
+    get userGroupFiltered(): QMSAccessItem[];
+    PAGINATION_SIZE: typeof PaginationSize;
+    resultAccess: QMSSelectAccessResult;
+    private currentPaginationConfig;
+    constructor(dialogRef: MatDialogRef<QMSSelectAccessDialogComponent>, dataDialog: QMSSelectAccessData, translate: TranslateLibraryService, _fb: FormBuilder, qmsSelectAccessService: QMSSelectAccessGlobalService, cdRef: ChangeDetectorRef);
+    ngAfterViewInit(): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private buildPersonForm;
+    private resetPagingConfig;
+    onFilterPerson(): void;
+    onSearchPersonFreeText(): void;
+    onFilterUserGroup(): void;
+    onSelectPerson(employee: QMSAccessItem): void;
+    onSelectUserGroup(userGroup: QMSAccessItem): void;
+    onRemoveChip(type: OptionSelectAccessEnum, index: any): void;
+    onSelectionTypeChange(event: any): void;
+    setFormControlValue(formControlNames: string[], values: any): void;
+    getPersonSelected(): void;
+    isCheckAll(type: OptionSelectAccessEnum): boolean;
+    isIndeterminate(type: OptionSelectAccessEnum): boolean;
+    onCheckAll(type: OptionSelectAccessEnum, $event: any): void;
+    onScollToNodeTreeDepartment(node: QMSTreeNode): void;
+    onRemoveTreeNodeDepartment(node: QMSTreeNode): void;
+    trackByFn(index: any, item: any): any;
+    updatePersonFilter(data: QMSAccessItem[]): void;
+    updateUserGroupFilter(data: QMSAccessItem[]): void;
+    onPagingEvent(val: PageEvent): void;
+    getPaging(source: any[]): any[];
+    onResultDepartmentChange(event: QMSTreeNode[]): void;
+}

package/lib/components/select-access-dialog/select-access-dialog.module.d.ts

@@ -0,0 +1,2 @@
+export declare class QMSSelectAccessDialogModule {
+}

package/lib/components/select-access-dialog/service/select-access-global.service.d.ts

@@ -0,0 +1,2 @@
+export declare class QMSSelectAccessGlobalService {
+}

package/lib/components/select-department/common/animation.d.ts

@@ -0,0 +1 @@
+export declare const SelectDepartmentAnimationTrigger: import("@angular/animations").AnimationTriggerMetadata[];

package/lib/components/select-department/index.d.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/lib/components/select-department/model/select-department-popup-data.model.d.ts

@@ -0,0 +1,16 @@
+import { QMSFlatNodeTree } from "../../../common/models/qms-flat-node.model";
+import { QMSTreeNode } from "../../../common/models/qms-tree-node.model";
+export declare class SelectDepartmentPopupData {
+    headerName: string;
+    selectIncludeLabel: string;
+    treeData: Array<QMSFlatNodeTree>;
+    selectedNode?: Array<any>;
+    disabledList?: Array<any>;
+    selectedList?: Array<QMSTreeNode>;
+    maxSelectItemCount?: number;
+    includeChildren: boolean;
+    enableSearch: boolean;
+    isSelectOne?: boolean;
+    enablePagingSearch?: boolean;
+    constructor();
+}

package/lib/components/select-department/public-api.d.ts

@@ -0,0 +1,4 @@
+export * from './model/select-department-popup-data.model';
+export * from './select-department.module';
+export * from './select-department.component';
+export * from './service/select-department-global.service';

package/lib/components/select-department/select-department.component.d.ts

@@ -0,0 +1,37 @@
+import { AfterViewInit, ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { MatDialogRef } from '@angular/material/dialog';
+import { Subject } from 'rxjs';
+import { QMSFlatNodeTree } from '../../common/models/qms-flat-node.model';
+import { QMSTreeNode } from '../../common/models/qms-tree-node.model';
+import { QMSSelectDepartmentTreeGlobalService, SelectDepartmentTreeComponent } from '../select-department-tree';
+import { SelectDepartmentPopupData } from './model/select-department-popup-data.model';
+import { QMSSelectDepartmentGlobalService } from './service/select-department-global.service';
+import { TranslateLibraryService } from '../../services/translation-registry.service';
+export declare class SelectDepartmentComponent implements OnInit, OnDestroy, AfterViewInit {
+    selectTreeDepartmentService: QMSSelectDepartmentTreeGlobalService;
+    private selectDepartmentService;
+    private cdRef;
+    private dialogRef;
+    private data;
+    trans: TranslateLibraryService;
+    ngUnsubscribe: Subject<void>;
+    LANG: any;
+    treeDepartment: SelectDepartmentTreeComponent;
+    popupData: SelectDepartmentPopupData;
+    groupIncludeChild: QMSTreeNode[];
+    singleItem: QMSTreeNode[];
+    resultSelected: QMSTreeNode[];
+    get currentTreeData(): QMSTreeNode[];
+    onSearchEvent: EventEmitter<string>;
+    resultSearch: QMSFlatNodeTree[];
+    isActiveViewSearch: boolean;
+    constructor(selectTreeDepartmentService: QMSSelectDepartmentTreeGlobalService, selectDepartmentService: QMSSelectDepartmentGlobalService, cdRef: ChangeDetectorRef, dialogRef: MatDialogRef<SelectDepartmentComponent>, data: SelectDepartmentPopupData, trans: TranslateLibraryService);
+    ngAfterViewInit(): void;
+    onCloseDialog(): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    displayWhenSelectDepartmentOption($event: any): string | null;
+    onScrollToNode(node: QMSTreeNode): void;
+    onRemoveNode(node: QMSTreeNode): void;
+    getChildrenNode(node: QMSTreeNode): void;
+}

package/lib/components/select-department/select-department.module.d.ts

@@ -0,0 +1,2 @@
+export declare class QMSSelectDepartmentModule {
+}

package/lib/components/select-department/service/select-department-global.service.d.ts

@@ -0,0 +1,9 @@
+import { BehaviorSubject, Subject } from "rxjs";
+import { QMSFlatNodeTree } from "../../../common/models/qms-flat-node.model";
+import { QMSTreeNode } from "../../../common/models/qms-tree-node.model";
+export declare class QMSSelectDepartmentGlobalService {
+    getDataTree$: BehaviorSubject<QMSTreeNode[]>;
+    searchDepartment$: Subject<QMSFlatNodeTree[]>;
+    updateDataTree(data: QMSTreeNode[]): void;
+    setResultSearch(data: QMSFlatNodeTree[]): void;
+}

package/lib/components/select-department-tree/animation/animation.d.ts

@@ -0,0 +1 @@
+export declare const AnimationTreeDepartment: import("@angular/animations").AnimationTriggerMetadata[];

package/lib/components/select-department-tree/index.d.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/lib/components/select-department-tree/model/department-search-result.model.d.ts

@@ -0,0 +1,11 @@
+import { QMSFlatNodeTree } from "../../../common/models/qms-flat-node.model";
+export declare class DepartmentLocationBreadCrumb {
+    name: string;
+    isOverflow?: boolean;
+    itemIcon?: string;
+    iconColor?: string;
+    id: string;
+}
+export declare class DepartmentSearchResultModel extends QMSFlatNodeTree {
+    path?: DepartmentLocationBreadCrumb[];
+}

package/lib/components/select-department-tree/model/select-department-tree.config.d.ts

@@ -0,0 +1,9 @@
+import { QMSTreeNode } from "../../../common/models/qms-tree-node.model";
+export declare class QMSSelectDepartmentTreeConfig {
+    selectIncludeLabel: string;
+    treeData: Array<QMSTreeNode>;
+    disabledList?: Array<any>;
+    selectedList?: Array<QMSTreeNode>;
+    includeChildren?: boolean;
+    constructor();
+}

package/lib/components/select-department-tree/public-api.d.ts

@@ -0,0 +1,6 @@
+export * from './model/select-department-tree.config';
+export * from './service/select-department-tree-global.service';
+export * from './select-department-tree.module';
+export * from './select-department-tree.component';
+export * from './animation/animation';
+export * from './model/department-search-result.model';

package/lib/components/select-department-tree/select-department-tree.component.d.ts

@@ -0,0 +1,121 @@
+import { SelectionModel } from '@angular/cdk/collections';
+import { FlatTreeControl } from '@angular/cdk/tree';
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnInit } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { MatIconRegistry } from '@angular/material/icon';
+import { PageEvent } from '@angular/material/paginator';
+import { MatTreeFlatDataSource, MatTreeFlattener } from '@angular/material/tree';
+import { DomSanitizer } from '@angular/platform-browser';
+import { BehaviorSubject, Subject } from 'rxjs';
+import { QMSFlatNodeTree } from '../../common/models/qms-flat-node.model';
+import { QMSTreeNode } from '../../common/models/qms-tree-node.model';
+import { TranslateLibraryService } from '../../services/translation-registry.service';
+import { QMSIconRegistryService } from '../app-icon/icon-registry.service';
+import { PaginationSize } from '../qms-paginator';
+import { ItemIconType } from '../related/common/item-icon-type.enum';
+import { DepartmentLocationBreadCrumb, DepartmentSearchResultModel } from './model/department-search-result.model';
+import { QMSSelectDepartmentTreeConfig } from './model/select-department-tree.config';
+export declare class SelectDepartmentTreeComponent implements OnInit {
+    private cdRef;
+    private domSanitizer;
+    private appIconService;
+    private iconRegistry;
+    private eleRef;
+    trans: TranslateLibraryService;
+    LANG: any;
+    enableIncludeChild: boolean;
+    enableTreeSearch: boolean;
+    isSelectOne: boolean;
+    activeViewSearch: boolean;
+    treeDataSourceConfig: QMSSelectDepartmentTreeConfig;
+    set treeData(value: QMSTreeNode[]);
+    set selectedList(value: QMSTreeNode[]);
+    set selectIncludeLabel(label: string);
+    checkSearchMappingTree: boolean;
+    enablePagingSearch: boolean;
+    onSearchEvent: EventEmitter<string>;
+    onPagingSearchEvent: EventEmitter<PageEvent>;
+    ngUnsubscribe: Subject<void>;
+    isLoaded: boolean;
+    resultGroupSelected: QMSTreeNode[];
+    resultSingleSelected: QMSTreeNode[];
+    resultSearchSelected: QMSTreeNode[];
+    resultSelected: QMSTreeNode[];
+    get currentTreeData(): QMSTreeNode[];
+    getDataTree$: BehaviorSubject<QMSTreeNode[]>;
+    onValueChangeEvent: EventEmitter<QMSTreeNode[]>;
+    searchDepartment$: Subject<QMSFlatNodeTree[]>;
+    resultSearch: DepartmentSearchResultModel[];
+    pagingResultSearch: DepartmentSearchResultModel[];
+    isSelectAllResultSearch: boolean;
+    indeterminateSearchResult: boolean;
+    private currentPaginationConfig;
+    indexView: number;
+    scrollToNodeEvent$: Subject<string>;
+    activeNode: string;
+    getActiveNodeEvent$: Subject<string>;
+    PAGINATION_SIZE: typeof PaginationSize;
+    nestedTreeNodeMap: Map<QMSTreeNode, QMSFlatNodeTree>;
+    flatTreeNodeMap: Map<QMSFlatNodeTree, QMSTreeNode>;
+    checkListSelection: SelectionModel<QMSFlatNodeTree>;
+    checkListSelectionSearch: SelectionModel<DepartmentSearchResultModel>;
+    treeControl: FlatTreeControl<QMSFlatNodeTree>;
+    treeFlattener: MatTreeFlattener<QMSTreeNode, QMSFlatNodeTree>;
+    dataSource: MatTreeFlatDataSource<QMSTreeNode, QMSFlatNodeTree>;
+    dataSourceTreeSearch: MatTreeFlatDataSource<QMSTreeNode, QMSFlatNodeTree>;
+    formSearchControl: FormControl;
+    isSearching: boolean;
+    textResultSearch: string;
+    itemIconType: typeof ItemIconType;
+    _transformer: (node: QMSTreeNode, level: number) => QMSFlatNodeTree;
+    private getLevel;
+    private _getChild;
+    private isExpandable;
+    hasChild: (_: number, node: QMSFlatNodeTree) => boolean;
+    constructor(cdRef: ChangeDetectorRef, domSanitizer: DomSanitizer, appIconService: QMSIconRegistryService, iconRegistry: MatIconRegistry, eleRef: ElementRef, trans: TranslateLibraryService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private _initTreeData;
+    private _initCheckListSelected;
+    updateDataTree(data: QMSTreeNode[]): void;
+    setResultSearch(data: QMSFlatNodeTree[]): void;
+    onExpandNode(node: QMSFlatNodeTree): void;
+    onOptionSearchSelected(value: QMSFlatNodeTree): void;
+    onSlideToggleChange(): void;
+    displayWhenSelectDepartmentOption($event: any): string | null;
+    onCheckNode(node: QMSFlatNodeTree): void;
+    private _handleSelectOne;
+    onExpandAllParent(node: QMSFlatNodeTree): void;
+    onRemoveNode(nodeId: string): void;
+    isIndeterminate(node: QMSFlatNodeTree): boolean;
+    isCheckAll(node: QMSFlatNodeTree): boolean;
+    private _handleCheckNode;
+    private _updateGroupResult;
+    private _updateSingleResult;
+    private _checkGroupSelected;
+    private _getExistedGroup;
+    getChildrenSelected(node: QMSFlatNodeTree): QMSFlatNodeTree[];
+    getListChildrenOfNode(node: QMSFlatNodeTree): QMSFlatNodeTree[];
+    private _mapToNestedListNode;
+    convertToNestedNode(node: QMSFlatNodeTree): QMSTreeNode;
+    convertToFlatNode(node: QMSTreeNode): QMSFlatNodeTree;
+    private _getRootSelected;
+    private _getAllParentNode;
+    private _getParentNode;
+    getItemIconType(item: QMSFlatNodeTree): ItemIconType.name | ItemIconType.path | ItemIconType.svg;
+    private onScrollIntoNode;
+    onSearch(): void;
+    onClickResultItem(item: DepartmentSearchResultModel): void;
+    onBreadCrumbItemClick(item: DepartmentLocationBreadCrumb): void;
+    onCheckItemSearchResult(item: DepartmentSearchResultModel): void;
+    private _mapToResultSearch;
+    private _handleCheckResutlSearch;
+    onSelectAllSearchResult(checked: any): void;
+    private _checkStateCheckboxAllSearch;
+    isDisableChecboxAllSearch(): boolean;
+    onPagingSearchResult(val: PageEvent): void;
+    scrollToNode(nodeId: string): void;
+    setIndexView(index: number): void;
+    private getSelectedNodeStorage;
+    private setSelectedNodeStorage;
+}

package/lib/components/select-department-tree/select-department-tree.module.d.ts

@@ -0,0 +1,2 @@
+export declare class QMSSelectDepartmentTreeModule {
+}

package/lib/components/select-department-tree/service/select-department-tree-global.service.d.ts

@@ -0,0 +1,9 @@
+import { BehaviorSubject, Subject } from "rxjs";
+import { QMSFlatNodeTree } from "../../../common/models/qms-flat-node.model";
+import { QMSTreeNode } from "../../../common/models/qms-tree-node.model";
+export declare class QMSSelectDepartmentTreeGlobalService {
+    getDataTree$: BehaviorSubject<QMSTreeNode[]>;
+    searchDepartment$: Subject<QMSFlatNodeTree[]>;
+    updateDataTree(data: QMSTreeNode[]): void;
+    setResultSearch(data: QMSFlatNodeTree[]): void;
+}

package/lib/model/en.d.ts

@@ -53,6 +53,20 @@ export declare const en: {
     SUPPORTED_EXTENSIONS: string;
     FILES_ARE_NOT_SUPPORTED: string;
     FILES_EXCEED_UPLOAD_LIMIT: string;
+    SELECT_ACCESS: string;
+    PERSON: string;
+    USER_GROUP: string;
+    DEPARTMENT: string;
+    ROLE: string;
+    DEPARTMENT_UNIT: string;
+    INCLUDE_SUB_DEPARTMENTS: string;
+    NAME: string;
+    SEARCH_USER_GROUP: string;
+    SEARCH_DEPARTMENT_UNIT: string;
+    FILTER: string;
+    TYPE: string;
+    SEARCH_WITH_NAME: string;
+    RESULT_SEARCH_FOR: string;
     ERROR: {
         SELECT_DANGER: string;
     };
@@ -60,6 +74,9 @@ export declare const en: {
         PROCESSES_IN: string;
         DOCUMENTS_IN: string;
     };
+    SELECT_INCLUDE_CHILD: string;
+    BACK_TO_TREE: string;
+    GOTO_SEACH_RESULT: string;
     QMSCKEDITOR: {
         ID: string;
         INFORMATION: string;

package/lib/model/no.d.ts

@@ -53,6 +53,20 @@ export declare const no: {
     SUPPORTED_EXTENSIONS: string;
     FILES_ARE_NOT_SUPPORTED: string;
     FILES_EXCEED_UPLOAD_LIMIT: string;
+    SELECT_ACCESS: string;
+    PERSON: string;
+    USER_GROUP: string;
+    DEPARTMENT: string;
+    ROLE: string;
+    DEPARTMENT_UNIT: string;
+    INCLUDE_SUB_DEPARTMENTS: string;
+    NAME: string;
+    SEARCH_USER_GROUP: string;
+    SEARCH_DEPARTMENT_UNIT: string;
+    FILTER: string;
+    TYPE: string;
+    SEARCH_WITH_NAME: string;
+    RESULT_SEARCH_FOR: string;
     ERROR: {
         SELECT_DANGER: string;
     };
@@ -60,6 +74,9 @@ export declare const no: {
         PROCESSES_IN: string;
         DOCUMENTS_IN: string;
     };
+    SELECT_INCLUDE_CHILD: string;
+    BACK_TO_TREE: string;
+    GOTO_SEACH_RESULT: string;
     QMSCKEDITOR: {
         ID: string;
         INFORMATION: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qms-angular",
-  "version": "1.1.15",
+  "version": "1.1.17",
   "dependencies": {
     "tslib": "^2.0.0"
   },

package/public-api.d.ts

@@ -172,3 +172,6 @@ export * from './lib/directives/dialog/dialog.content.directive';
 export * from './lib/directives/text-truncate/text-truncate.directive';
 export * from './lib/directives/qms-multi-icon.directive';
 export * from './lib/components/qms-nav-drawer';
+export * from './lib/components/select-department-tree';
+export * from './lib/components/select-department';
+export * from './lib/components/select-access-dialog';