b2adminui 1.0.0

package/src/app/user-management/system-user-list/components/system-user-list.component.ts

@@ -0,0 +1,399 @@
+import { Component, OnInit, AfterViewInit, ViewChild, ViewContainerRef, NgZone } from '@angular/core';
+import { Common } from '../../../shared/common/common';
+import { SharedService } from '../../../shared/service/shared.service';
+import { Constants } from '../../../shared/constants/constants';
+import { SystemUserListModel, SystemUserSearchModel, SystemUserModel } from '../models/index';
+import { GridDataResult, PageChangeEvent, GridComponent } from '@progress/kendo-angular-grid';
+import { SortDescriptor, orderBy } from '@progress/kendo-data-query';
+import { Observable } from 'rxjs/Observable';
+import { Alerts } from '../../../shared/alerts/alerts';
+import { AuditLogInsertModel } from '../../../models/audit-log-insert.model';
+import { Router } from '@angular/router';
+import { NavigationData } from '../../../models';
+
+@Component({
+    selector: 'system-user-list',
+    templateUrl: '../system-user-list.component.html'
+})
+
+export class SystemUserListComponent implements OnInit, AfterViewInit {
+    @ViewChild('deleteModal') deleteModal: any;
+    private systemUserListModel: SystemUserListModel;
+    private systemUserSearchModel: SystemUserSearchModel;
+    private userGroupList: any[];
+    private userGroupListData: any[];
+    private userStatusList: any[];
+    private userStatusListData: any[];
+    private gridView: GridDataResult;
+    private userUniqueID: number;
+    private totalRecords: any;
+    private fileName: string;
+    private url: string;
+    private requestType: string;
+    private searchObject: any;
+    private excelData: any[] = [];
+    private deleteUserRights: boolean = false;
+    private auditLogInsertModel: AuditLogInsertModel;
+    private companyDisable: boolean = true;
+    private companyList: any[] = [];
+    private companyListData: any[] = [];
+    private defaultCompanyItem: any;
+    private defaultUserGroupItem: any;
+    private defaultUserStatusItem: any;
+    private defaultUserTypeItem: any;
+    private userTypeList: any[];
+    private userTypeListData: any[];
+
+    constructor(public sharedService: SharedService, public common: Common, private alert: Alerts,
+        private vcr: ViewContainerRef, private ngZone: NgZone, private router: Router) {
+        this.alert.setRootViewContainerRef(vcr);
+        this.systemUserListModel = new SystemUserListModel();
+        this.systemUserSearchModel = new SystemUserSearchModel(this.common.getCompanyUniqueId(), this.common.getCompanyId());
+        this.systemUserListModel.UserList = [];
+        this.userGroupList = [];
+        this.userStatusList = [];
+        this.auditLogInsertModel = new AuditLogInsertModel();
+        this.defaultCompanyItem = { companyName: Constants.SELECT_COMPANY, companyUniqueId: null };
+        this.defaultUserGroupItem = { groupName: "Select Group Name", groupId: null };
+        this.defaultUserStatusItem = { userStatus: Constants.SELECT_STATUS, userStatusId: null };
+        this.defaultUserTypeItem = { actionName: Constants.SELECT_USER_TYPE, actionValue: null };
+        this.userTypeList = [
+            { actionName: "All", actionValue: "All" },
+            { actionName: "Maker", actionValue: "M" },
+            { actionName: "Checker", actionValue: "C" },
+            { actionName: "Maker & Checker", actionValue: "B" }
+        ];
+        this.userTypeListData = this.userTypeList;
+    }
+
+    ngOnInit() {
+        this.deleteUserRights = this.common.getUserRights('SystemUser', 'Delete');
+        this.fileName = Constants.SYSTEM_USER_FILE_NAME + this.common.convertDateStringFormat(new Date(), Constants.EXCEL_NAME_DATE_FORMAT);
+        this.common.setPageTitle(Constants.USER_MANAGEMENT, Constants.SYSTEM_USER_URL, Constants.SYSTEM_USER, Constants.SYSTEM_USER_URL);
+        this.exportAllData = this.exportAllData.bind(this);
+
+        if (this.common.navigationData.searchSystemUserList) {
+            this.systemUserSearchModel = Object.assign({}, this.common.navigationData.searchSystemUserList);
+            this.common.navigationData = new NavigationData();
+            this.searchSystemUser(true);
+        }
+        else {
+            this.systemUserSearchModel = new SystemUserSearchModel(this.common.getCompanyUniqueId(), this.common.getCompanyId());
+            this.getSystemUserList();
+        }
+
+        this.initSearchLists();
+        this.getUserStatusList();
+        this.requestType = Constants.SEARCH_SYSTEM_USER_LIST;
+    }
+
+    ngAfterViewInit() {
+        this.common.selectCheckbox();
+    }
+
+    private initSearchLists() {
+        this.ngZone.runOutsideAngular(() => {
+            this.sharedService.get(Constants.GET_MASTER_COMPANY_LIST).subscribe((data: any) => {
+                let response = data ? data : null;
+                this.ngZone.run(() => {
+                    if (response && response.responseCode == Constants.SUCCESS_CODE) {
+                        this.companyList = response.companyList;
+                        let company = response.companyList.filter((comp: any) => {
+                            return comp.companyUniqueId == this.common.getCompanyUniqueId();
+                        });
+                        if (company.length > 0 && company[0].companyId === Constants.COMPANY_ID_2C2P) {
+                            this.companyDisable = false;
+                        }
+                        else { 
+                            this.defaultCompanyItem = company[0];
+                        }
+
+                        this.companyListData = this.companyList;
+                        this.getGroupNameList();
+                    }
+                    else {
+                        this.alert.error(response.resDescriptionEN);
+                    }
+                });
+            });
+        });
+    }
+
+    private getText(code: string) {
+        let types = this.userTypeList.filter(x => x.actionValue == code);
+        if (types.length > 0) {
+            return types[0].actionName;
+        }
+        else{
+            return '-';
+        }
+    }
+
+    private getSystemUserList() {
+        this.url = Constants.GET_SYSTEM_USER_LIST + `?companyId=${this.common.getCompanyId()}`;
+        this.url += `&pageNo=${this.systemUserSearchModel.PageNo}&pageSize=${this.systemUserSearchModel.PageSize}`;
+        this.getRequest(this.url, Constants.GET_SYSTEM_USER_LIST);
+    }
+
+    private getUserStatusList() {
+        this.sharedService.get(Constants.MASTER_USER_STATUS_LIST).subscribe((data: any) => {
+            let response: any = data;
+            this.handleResponse(response, Constants.MASTER_USER_STATUS_LIST);
+        }, (error: any) => {
+            this.alert.error(error);
+        });
+    }
+
+    private getGroupNameList() {
+        this.userGroupList = [];
+        this.userGroupListData = [];
+        let companyId;
+        let company = this.companyList.filter((comp: any) => {
+            return comp.companyUniqueId == this.systemUserSearchModel.CompanyUniqueId;
+        });
+
+        if (company.length > 0) {
+            companyId = company[0].companyId;
+        }
+
+        if (companyId) {
+            let url = `${Constants.MASTER_USER_GROUP_LIST}?companyId=${companyId}`;
+            this.sharedService.get(url).subscribe((data: any) => {
+                let response: any = data ? data : null;
+                if (response) {
+                    switch (response.responseCode) {
+                        case Constants.SUCCESS_CODE:
+                            this.userGroupList = response.userGroupList;
+                            break;
+                        case Constants.DATA_NOT_FOUND:
+                            this.userGroupList = [];
+                            this.systemUserSearchModel.GroupUniqueId = null;
+                            break;
+                        default:
+                            this.alert.error(response.resDescriptionEN);
+                            break;
+                    }
+                    this.userGroupListData = this.userGroupList;
+                }
+            }, (error: any) => {
+                this.alert.error(error);
+            });
+        }
+    }
+
+    private getRequest(subUrl: string, requestType: string) {
+        this.sharedService.get(subUrl).subscribe((data: any) => {
+            let response: any = data;
+            this.handleResponse(response, requestType);
+        }, (error: any) => {
+            this.alert.error(error);
+        });
+    }
+
+    private loadItems(): void {
+        this.gridView = {
+            data: this.systemUserListModel.UserList,
+            total: this.totalRecords
+        };
+    }
+
+    private searchSystemUser(isPageChanged?: boolean) {
+        if (!/\S/.test(this.systemUserSearchModel.FullName)) { this.systemUserSearchModel.FullName = null; }
+        if (!/\S/.test(this.systemUserSearchModel.Email)) { this.systemUserSearchModel.Email = null; }
+
+        if (!isPageChanged) {
+            this.systemUserSearchModel.Skip = 0;
+            this.systemUserSearchModel.PageNo = Constants.DEFAULT_PAGE_NO;
+        }
+        this.url = Constants.SEARCH_SYSTEM_USER_LIST;
+        this.setSearchModel();
+        this.sharedService.post(this.url, this.systemUserSearchModel).subscribe((data: any) => {
+            let response: any = data;
+            this.handleResponse(response, Constants.GET_SYSTEM_USER_LIST);
+        }, (error: any) => {
+            this.alert.error(error);
+        });
+    }
+
+    private clearInputs() {
+        this.systemUserSearchModel = new SystemUserSearchModel(this.common.getCompanyUniqueId(),
+            this.common.getCompanyId());
+        this.userGroupList = [];
+        this.userGroupListData = [];
+
+        if (this.companyDisable) {
+            this.getGroupNameList();
+        }
+        this.getSystemUserList();
+    }
+
+    private sortChange(sort: SortDescriptor[]): void {
+        this.systemUserSearchModel.Sort = sort;
+        this.searchSystemUser(true);
+    }
+
+    private pageChange(event: PageChangeEvent): void {
+        this.systemUserSearchModel.Skip = event.skip;
+        this.systemUserSearchModel.PageSize = event.take;
+        this.systemUserSearchModel.PageNo = (this.systemUserSearchModel.Skip / event.take) + 1;
+        this.searchSystemUser(true);
+    }
+
+    private loadSortedData(): void {
+        this.gridView = {
+            data: orderBy(this.systemUserListModel.UserList, this.systemUserSearchModel.Sort),
+            total: this.totalRecords
+        };
+    }
+
+    private deleteSystemUser() {
+        if (this.deleteUserRights) {
+            this.deleteModal.close();
+            let url = `${Constants.USER_API_URL}${this.userUniqueID}`;
+            this.sharedService.delete(url).subscribe((data: any) => {
+                let response: any = data;
+                this.handleResponse(response, Constants.DELETE_REQUEST);
+            }, (error: any) => {
+                this.alert.error(error);
+            });
+        }
+        else {
+            this.alert.error(this.common.permissionMessage);
+        }
+    }
+
+    public exportAllData(): Observable<any> {
+        this.fileName = Constants.SYSTEM_USER_FILE_NAME + this.common.convertDateStringFormat(new Date(), Constants.EXCEL_NAME_DATE_FORMAT);
+        let result: any = {
+            data: this.excelData
+        };
+        return result;
+    }
+
+    private exportToSelectedFiles(grid: GridComponent) {
+        let url = this.getExportFileURL();
+        this.fileName = this.common.getFileNameWithDate(Constants.SYSTEM_USER_FILE_NAME);
+        if (this.common.toggleExcelFile) {
+            if (this.totalRecords) {
+                this.sharedService.post(url, this.searchObject).subscribe((data: any) => {
+                    let response = data ? data : null;
+                    this.handleResponse(response, Constants.EXCEL_FILE_REQUEST, grid);
+                });
+            }
+            else {
+                grid.saveAsExcel();
+            }
+        }
+
+        if (this.common.toggleCSVFile) {
+            this.exportToCSV(grid);
+        }
+    }
+
+    private exportToCSV(grid: GridComponent) {
+        let url = this.getExportFileURL();
+        let toggleColumn: any[] = this.common.getFieldNameList(grid);
+        this.fileName = this.common.getFileNameWithDate(Constants.SYSTEM_USER_FILE_NAME);
+        this.common.exportToCSVFile(url, this.fileName, this.searchObject, toggleColumn, true,
+            this.requestType);
+    }
+
+    private getExportFileURL() {
+        this.setSearchModel();
+        this.searchObject = JSON.parse(JSON.stringify(this.systemUserSearchModel));
+        this.searchObject.PageNo = Constants.DEFAULT_PAGE_NO;
+        this.searchObject.PageSize = Constants.MAX_EXPORT_LIMIT;
+        return Constants.SEARCH_SYSTEM_USER_LIST;
+    }
+
+    private handleResponse(response: any, requestType: string, grid?: GridComponent) {
+        if (response) {
+            switch (response.responseCode) {
+                case Constants.SUCCESS_CODE:
+                    this.handleSuccessResponse(response, requestType, grid);
+                    break;
+                default:
+                    if (requestType = Constants.GET_SYSTEM_USER_LIST) {
+                        this.clearGridData();
+                    }
+                    break;
+            }
+        }
+    }
+
+    private handleSuccessResponse(response: any, requestType: string, grid?: GridComponent) {
+        if (response && requestType) {
+            switch (requestType) {
+                case Constants.MASTER_USER_STATUS_LIST:
+                    this.userStatusList = response.userStatusList;
+                    this.userStatusListData = this.userStatusList;
+                    break;
+                case Constants.MASTER_USER_GROUP_LIST:
+                    this.userGroupList = response.userGroupList;
+                    this.userGroupListData = this.userGroupList;
+                    break;
+                case Constants.GET_SYSTEM_USER_LIST:
+                    this.systemUserListModel.UserList = response.UserList;
+                    this.totalRecords = response.PageInfo.TotalRecord;
+                    this.loadItems();
+                    break;
+                case Constants.DELETE_REQUEST:
+                    this.alert.success(Constants.DELETE_SUCCESS_MESSAGE);
+                    this.insertAuditLog(Constants.DELETE_AUDIT_TYPE);
+                    this.searchSystemUser(true);
+                    break;
+                case Constants.EXCEL_FILE_REQUEST:
+                    this.excelData = response.UserList;
+                    grid.saveAsExcel();
+                    break;
+            }
+        }
+    }
+
+    private clearGridData() {
+        this.systemUserListModel.UserList = [];
+        this.totalRecords = 0;
+        this.loadItems();
+    }
+
+    private setSearchModel() {
+        this.common.verifySearchObject(this.systemUserSearchModel, true);
+    }
+
+    // insert Audit Log for delete
+    private insertAuditLog(auditType: string) {
+        this.auditLogInsertModel = new AuditLogInsertModel();
+        this.auditLogInsertModel.Menu = this.common.getMenuId(Constants.SYSTEM_USER_MENU);
+        this.auditLogInsertModel.Action = this.common.getAuditTypeId(auditType);
+        // description template: <Company> <System First Name> <System Last Name>
+        let user = this.systemUserListModel.UserList.filter((user: any) => {
+            return user.UserUniqueId == this.userUniqueID;
+        });
+        if (user && user.length > 0) {
+            let userModel: SystemUserModel = user[0];
+            this.auditLogInsertModel.Description = `${userModel.Company} ${userModel.FullName}`;
+        }
+        this.common.insertAuditLog(this.auditLogInsertModel);
+    }
+
+    redirectToPage(url: any[]) {
+        this.common.navigationData.searchSystemUserList = this.systemUserSearchModel;
+        this.router.navigate(url);
+    }
+
+    private companySearchFilter(value: any) {
+        this.companyListData = this.companyList.filter((comp: any) => comp.companyName.toLowerCase().indexOf(value.toLowerCase()) !== -1);
+    }
+
+    private userGroupSearchFilter(value: any) {
+        this.userGroupListData = this.userGroupList.filter((ug: any) => ug.groupName.toLowerCase().indexOf(value.toLowerCase()) !== -1);
+    }
+
+    private userStatusSearchFilter(value: any) {
+        this.userStatusListData = this.userStatusList.filter((us: any) => us.userStatus.toLowerCase().indexOf(value.toLowerCase()) !== -1);
+    }
+
+    private userTypeSearchFilter(value: any) {
+        this.userTypeListData = this.userTypeList.filter((a: any) => a.actionName.toLowerCase().indexOf(value.toLowerCase()) !== -1);
+    }
+}

package/src/app/user-management/system-user-list/models/index.ts

@@ -0,0 +1,2 @@
+export * from './system-user-list.model';
+export * from './system-user.model';

package/src/app/user-management/system-user-list/models/system-user-list.model.ts

@@ -0,0 +1,40 @@
+import { SystemUserModel } from './system-user.model';
+import { CommonModel } from '../../../models/index';
+import { Constants } from '../../../shared/constants/constants';
+import { SearchModel } from '../../../models/search-model';
+
+export class SystemUserListModel {
+    public UserList: SystemUserModel[];
+    public pageInfo: CommonModel;
+    public responseCode: string;
+
+    constructor() {
+        this.pageInfo = new CommonModel();
+    }
+}
+
+export class SystemUserSearchModel extends SearchModel {
+    public UserId: string;
+    public FullName: string;
+    public Email: string;
+    public GroupUniqueId: number;
+    public UserStatusId: number;
+    public CompanyId: string;
+    public CompanyUniqueId: number = null;
+    public UserType: string;
+
+    constructor(companyUniqueId: number, companyId: string) {
+        super();
+        this.CompanyUniqueId = companyId != Constants.COMPANY_ID_2C2P ? companyUniqueId : undefined;
+        this.CompanyId = companyId;
+    }
+}
+
+export class ToggleSystemUserColumn {
+    public toggleFullName: boolean = true;
+    public toggleEmail: boolean = true;
+    public toggleCompany: boolean = true;
+    public toggleGroupName: boolean = true;
+    public toggleStatus: boolean = true;
+    public toggleCompanyName: boolean = true;
+}

package/src/app/user-management/system-user-list/models/system-user.model.ts

@@ -0,0 +1,11 @@
+
+// System User Model
+export class SystemUserModel {
+    public UserUniqueId: number;
+    public UserId: string;
+    public FullName: string;
+    public Email: string;
+    public Company: string;
+    public UserGroupName: string;
+    public UserStatus: string;
+}