b2adminui 1.0.5 → 1.0.7

package/src/app/customer-management/wallet-balance-history/components/wallet-balance-history.component.ts

@@ -1,243 +0,0 @@
-import { Component, OnInit, AfterViewInit, ViewContainerRef } from '@angular/core';
-import { Common } from '../../../shared/common/common';
-import { SharedService } from '../../../shared/service/shared.service';
-import { Constants } from '../../../shared/constants/constants';
-import { Router, ActivatedRoute } from '@angular/router';
-import { BalanceHistoryListModel, BalanceHistoryModel } 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 { AuditLogInsertModel } from "../../../models/audit-log-insert.model";
-import { Alerts } from '../../../shared/alerts/alerts';
-
-@Component({
-    selector: 'wallet-balance-history',
-    templateUrl: '../wallet-balance-history.component.html'
-})
-
-// Customer - Wallet Balance History Component used to show Wallet Balance History details
-export class WalletBalanceHistoryComponent implements OnInit, AfterViewInit {
-    private balanceHistoryListModel: BalanceHistoryListModel;
-    private gridView: GridDataResult;
-    private sort: SortDescriptor[];
-    private skip: number = Constants.ZERO_NUMBER;
-    private pageNo: number = Constants.DEFAULT_PAGE_NO;
-    private url: string;
-    private pageSize: number = Constants.DEFAULT_PAGE_SIZE;
-    private successMessage: string;
-    private errorMessage: string;
-    private totalRecords: any;
-    private fileName: string;
-    private WalletUniqueId: number;
-    private excelData: BalanceHistoryModel[] = [];
-    private auditLogInsertModel: AuditLogInsertModel;
-    private searchObject: any;
-    private skipColumnArray: any[] = ['#'];
-    private routeData: any;
-    private isRouteFromBusinessCustomer: boolean;
-
-    constructor(public sharedService: SharedService,
-        public common: Common, public route: ActivatedRoute, private alert: Alerts, private vcr: ViewContainerRef, private router: Router) {
-        this.balanceHistoryListModel = new BalanceHistoryListModel();
-        this.auditLogInsertModel = new AuditLogInsertModel();
-        this.alert.setRootViewContainerRef(vcr);
-        this.routeData = route.snapshot.data;
-    }
-
-    // initialize the page
-    ngOnInit() {
-        this.WalletUniqueId = this.route.snapshot.params[Constants.ID];
-        let pageURL: any = this.route.url;
-        this.isRouteFromBusinessCustomer = this.routeData.module == "BusinessRegistration";
-
-        if (this.isRouteFromBusinessCustomer) {
-            this.url = Constants.GET_WALLET_BALANCE_HISTORY_BUSINESS_REGISTRATION_LIST;
-            this.common.setPageTitle(Constants.CUSTOMER_MANAGEMENT, 
-                Constants.BUSINESS_REGISTRATION_URL,
-                Constants.BUSINESS_REGISTRATION, 
-                Constants.BUSINESS_REGISTRATION_URL, 
-                Constants.WALLET_BALANCE_HISTORY, 
-                Constants.BALANCE_HISTORY_URL,
-                null, true);
-        }
-        else {
-            this.url = Constants.GET_WALLET_BALANCE_HISTORY_LIST;
-            this.common.setPageTitle(Constants.CUSTOMER_MANAGEMENT, 
-                Constants.CUSTOMER_REGISTRATION_URL,
-                Constants.CUSTOMER_REGISTRATION, 
-                Constants.CUSTOMER_REGISTRATION_URL, 
-                Constants.WALLET_BALANCE_HISTORY, 
-                Constants.BALANCE_HISTORY_URL,
-                null, true);
-        }
-        this.exportAllData = this.exportAllData.bind(this);
-
-        this.getBalanceHistoryList();
-    }
-
-    ngAfterViewInit() {
-        this.common.selectCheckbox();
-    }
-
-    private getBalanceHistoryList() {
-        this.sharedService.post(this.url, {
-            id: this.WalletUniqueId,
-            pageNo: this.pageNo,
-            pageSize: this.pageSize
-        }).subscribe((data: any) => {
-            let response = data ? data : null;
-            this.handleResponse(response, Constants.GET_REQUEST);
-        }, (error: any) => {
-            this.errorMessage = error;
-        });
-    }
-
-    private loadItems(): void {
-        this.gridView = {
-            data: this.balanceHistoryListModel.History,
-            total: this.totalRecords
-        };
-    }
-
-    private sortChange(sort: SortDescriptor[]): void {
-        this.sort = sort;
-        this.loadSortedData();
-    }
-
-    private pageChange(event: PageChangeEvent): void {
-        this.skip = event.skip;
-        this.pageSize = event.take;
-        this.pageNo = (this.skip / event.take) + 1;
-        this.getBalanceHistoryList();
-    }
-
-    private loadSortedData(): void {
-        this.gridView = {
-            data: orderBy(this.balanceHistoryListModel.History, this.sort),
-            total: this.totalRecords
-        };
-    }
-
-    private clearMessage() {
-        this.errorMessage = '';
-        this.successMessage = '';
-    }
-
-    public exportAllData(): Observable<any> {
-        let result: any = {
-            data: this.excelData
-        };
-        return result;
-    }
-
-    public exportToSelectedFiles(grid: GridComponent): void {
-        if (this.common.isExportFile) {
-            this.clearMessage();
-            let url = this.getExportFileURL(this.url);
-            this.fileName = this.common.getFileNameWithDate(Constants.Balance_History_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(this.url);
-        let toggleColumn: any[] = this.common.getFieldNameList(grid, this.skipColumnArray);
-        this.fileName = this.common.getFileNameWithDate(Constants.Balance_History_FILE_NAME);
-        this.common.exportToCSVFile(url, this.fileName, this.searchObject, toggleColumn, true,
-            Constants.GET_WALLET_BALANCE_HISTORY_LIST);
-    }
-
-    private getExportFileURL(url: string) {
-        this.searchObject = {};
-        this.searchObject.id = this.WalletUniqueId;
-        this.searchObject.PageNo = Constants.DEFAULT_PAGE_NO;
-        this.searchObject.PageSize = Constants.MAX_EXPORT_LIMIT;
-        return url;
-    }
-
-    private handleResponse(response: any, requestType: string, grid?: GridComponent) {
-        if (response) {
-            switch (response.responseCode) {
-                // success response
-                case Constants.SUCCESS_CODE:
-                    this.handleSuccessResponse(response, requestType, grid);
-                    break;
-                // Login expired, you will be redirected to login page.
-                case Constants.ACCESS_TOKEN_EXPIRED:
-                    this.alert.error(response.resDescriptionEN ? response.resDescriptionEN : response.resDescriptionTH);
-                    this.common.redirectToLogin();
-                    break;
-                // Other response message.
-                default:
-                    this.alert.error(response.resDescriptionEN ? response.resDescriptionEN : response.resDescriptionTH);
-                    if (requestType = Constants.GET_SYSTEM_USER_LIST) {
-                        this.clearGridData();
-                    }
-                    break;
-            }
-        }
-    }
-
-    private handleSuccessResponse(response: any, requestType: string, grid: GridComponent) {
-        if (response && requestType) {
-            switch (requestType) {
-                // get list request
-                case Constants.GET_REQUEST:
-                    this.balanceHistoryListModel.Wallet = response.Wallet;
-                    this.balanceHistoryListModel.History = response.History;
-                    this.totalRecords = response.PageInfo.TotalRecord;
-                    this.balanceHistoryListModel.Wallet.WalletId = this.balanceHistoryListModel.Wallet.WalletId &&
-                        this.common.maskData(Constants.WALLET_MASK_INDEX, Constants.MASK_FORMAT, this.balanceHistoryListModel.Wallet.WalletId);
-                    this.loadItems();
-                    this.insertViewAuditLog();
-                    break;
-                case Constants.EXCEL_FILE_REQUEST:
-                    this.excelData = response.History;
-                    grid.saveAsExcel();
-                    break;
-            }
-        }
-    }
-
-    private clearGridData() {
-        this.balanceHistoryListModel = new BalanceHistoryListModel();
-        this.loadItems();
-    }
-
-    private insertViewAuditLog() {
-        this.auditLogInsertModel = new AuditLogInsertModel();
-        this.auditLogInsertModel.Menu = this.common.getMenuId(Constants.CUSTOMER_REGISTRATION_MENU);
-        this.auditLogInsertModel.Action = this.common.getAuditTypeId(Constants.VIEW_WALLET_BALANCE_HISTORY_AUDIT_TYPE);
-        let description = this.getDiscriptionFirstLine();
-        this.auditLogInsertModel.Description = description;
-        this.common.insertAuditLog(this.auditLogInsertModel);
-    }
-
-    private getDiscriptionFirstLine() {
-        let descriptionHeading: string = Constants.STRING_EMPTY;
-        descriptionHeading = `${Constants.WALLET_ID_LABEL} : `;
-        if (this.balanceHistoryListModel.Wallet.WalletId)
-            descriptionHeading += this.common.maskData(Constants.WALLET_MASK_INDEX, Constants.MASK_FORMAT, this.balanceHistoryListModel.Wallet.WalletId);
-
-        return descriptionHeading;
-    }
-
-    redirectToCustomerDetail() {
-        let path: string = this.isRouteFromBusinessCustomer? '/business-registration-view' : '/customer-registration-view';
-        this.router.navigate([path, this.balanceHistoryListModel.Wallet.CustomerId]);
-    }
-}

package/src/app/customer-management/wallet-balance-history/models/balance-history-list.model.ts

@@ -1,25 +0,0 @@
-import { WalletModel, BalanceHistoryModel } from './index';
-
-// Balance History List Model
-export class BalanceHistoryListModel {
-    public Wallet: WalletModel;
-    public History: BalanceHistoryModel[];
-
-    // constructor
-    constructor() {
-        this.Wallet = new WalletModel();
-        this.History = [];
-    }
-}
-
-// Toggle Column Model
-export class ToggleColumnModel {
-    public toggleTimestamp: boolean = true;
-    public toggleAmount: boolean = true;
-    public toggleTransactionType: boolean = true;
-    public toggleLedgerBalance: boolean = true;
-    public toggleAvailableBalance: boolean = true;
-    public toggleMerchantName: boolean = true;
-    public toggleMerchantId: boolean = true;
-    public toggleFee: boolean = true;
-}

package/src/app/customer-management/wallet-balance-history/models/balance-history.model.ts

@@ -1,13 +0,0 @@
-
-// Balance History Model
-export class BalanceHistoryModel {
-    public HistoryId: number;
-    public Timestamp: string;
-    public MerchantId: string;
-    public MerchantName: string;
-    public Amount: string;
-    public TransactionType: string;
-    public LedgerBalance: string;
-    public AvailableBlalance: string;
-    public Fee: string;
-}

package/src/app/customer-management/wallet-balance-history/models/index.ts

@@ -1,3 +0,0 @@
-export * from './balance-history-list.model';
-export * from './balance-history.model';
-export * from './wallet.model';

package/src/app/customer-management/wallet-balance-history/models/wallet.model.ts

@@ -1,13 +0,0 @@
-
-// Wallet Model
-export class WalletModel {
-    public WalletId: number;
-    public AvailableBalance: number;
-    public LedgerBalance: number;
-    public RegisterDate: string;
-    public WalletStatus: string;
-    public CustomerType: string;
-    public CurrencyCode: string;
-    public CustomerId: string;
-    public CustomerFullName: string;
-}

package/src/app/customer-management/wallet-balance-history/wallet-balance-history.component.html

@@ -1,182 +0,0 @@
-<main>
-    <div class="ibox float-e-margins">
-        <div class="ibox-content p-md">
-            <div class="ibox-details">
-                <fieldset>
-                    <legend class="f-s-16">
-                        <b>Wallet</b>
-                    </legend>
-                    <form class="form-horizontal custom-form-horizontal" name="form" role="form" novalidate>
-                        <div class="row">
-                            <div class="col-md-5">
-                                <div class="form-group">
-                                    <label class="col-sm-5 control-label">Wallet ID
-                                        <span class="pull-right m-l-sm"> :</span>
-                                    </label>
-                                    <div class="col-sm-6 control-label text-left">
-                                        {{ common.maskString(8, 4, balanceHistoryListModel.Wallet.WalletId, '*') }}
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="col-md-5">
-                                <div class="form-group">
-                                    <label class="col-sm-5 control-label">Available Balance
-                                        <span class="pull-right m-l-sm"> :</span>
-                                    </label>
-                                    <div class="col-sm-6 control-label text-left">
-                                        {{ balanceHistoryListModel.Wallet.AvailableBalance ?
-                                        (balanceHistoryListModel.Wallet.AvailableBalance | number: '1.2-2') : '0.00' }}
-                                        <span class="m-l-sm"> {{ balanceHistoryListModel.Wallet.CurrencyCode }} </span>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <div class="col-md-5">
-                                <div class="form-group">
-                                    <label class="col-sm-5 control-label">Status
-                                        <span class="pull-right m-l-sm"> :</span>
-                                    </label>
-                                    <div class="col-sm-6 control-label text-left">
-                                        <span [ngClass]="{'text-approved': (balanceHistoryListModel.Wallet.WalletStatus == 'Active'),
-                                        'text-rejected': (balanceHistoryListModel.Wallet.WalletStatus != 'Active')}">{{
-                                            balanceHistoryListModel.Wallet.WalletStatus }}</span>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="col-md-5">
-                                <div class="form-group">
-                                    <label class="col-sm-5 control-label">Ledger Balance
-                                        <span class="pull-right m-l-sm"> :</span>
-                                    </label>
-                                    <div class="col-sm-6 control-label text-left">
-                                        {{ balanceHistoryListModel.Wallet.LedgerBalance ?
-                                        (balanceHistoryListModel.Wallet.LedgerBalance | number: '1.2-2') : '0.00' }}
-                                        <span class="m-l-sm"> {{ balanceHistoryListModel.Wallet.CurrencyCode }} </span>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <div class="col-sm-5">
-                                <div class="form-group">
-                                    <label class="col-sm-5 control-label">Customer Name
-                                        <span class="pull-right m-l-sm"> :</span>
-                                    </label>
-                                    <div class="col-sm-6 control-label text-left">
-                                        {{ balanceHistoryListModel.Wallet.CustomerFullName }} &nbsp;
-                                        <a>
-                                            <i (click)="redirectToCustomerDetail()"
-                                                class="fa fa-external-link view-link"></i>
-                                        </a>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="col-sm-5">
-                                <div class="form-group">
-                                    <label class="col-sm-5 control-label"> Register Date
-                                        <span class="pull-right m-l-sm"> :</span>
-                                    </label>
-                                    <div class="col-sm-6 control-label text-left">
-                                        {{ balanceHistoryListModel.Wallet.RegisterDate ?
-                                        (balanceHistoryListModel.Wallet.RegisterDate) : '-' }}
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </form>
-                </fieldset>
-            </div>
-        </div>
-
-        <div class="ibox-content p-md m-t-sm">
-            <div class="row">
-                <div class="col-xs-12 table-responsive border-none">
-                    <kendo-grid #grid="kendoGrid" [data]="gridView" class="table-content-center" [pageSize]="pageSize"
-                        [skip]="skip"
-                        [pageable]="{buttonCount: 4, info: true, type: type, pageSizes: common.pageSizes,previousNext: true}"
-                        [sort]="sort" [sortable]="true" (pageChange)="pageChange($event)"
-                        (sortChange)="sortChange($event)">
-                        <ng-template kendoGridToolbarTemplate>
-                            <div class="header-md"></div>
-                            <button type="button" class="pull-right k-button k-grid-excel btn-toggle btn-export"
-                                (click)="common.togglePopup($event); exportToSelectedFiles(grid)">
-                                <span class="k-icon k-i-file-excel m-r-sm btn-toggle"></span>Export
-                            </button>
-                            <div class="toggle-popup" tabindex="-1">
-                                <ul id="export-popup" class="k-group popup k-reset k-state-border-left custom-popup"
-                                    role="menu" data-role="popup">
-                                    <li class="k-item">
-                                        <span class="k-link">
-                                            <input type="checkbox" [(ngModel)]="common.toggleExcelFile" class="m-sm">to
-                                            Excel (.xlsx)
-                                        </span>
-                                    </li>
-                                    <li class="k-item">
-                                        <span class="k-link">
-                                            <input type="checkbox" [(ngModel)]="common.toggleCSVFile" class="m-sm">to
-                                            CSV (.csv)
-                                        </span>
-                                    </li>
-                                </ul>
-                            </div>
-                            <button class="pull-right k-button k-grid-excel m-r-sm btn-toggle"
-                                (click)="common.togglePopup($event)" type="button">
-                                <i class="fa fa-list m-r-sm"></i>Fields
-                            </button>
-                            <div class="toggle-popup field-popup" tabindex="-1">
-                                <ul id="field-popup" class="custom-popup k-group popup k-reset k-state-border-left"
-                                    role="menu" data-role="popup">
-                                    <li class="k-item" *ngFor="let column of grid.columnList.columns">
-                                        <span class="k-link"
-                                            *ngIf="column?.field && column.title != '#' && !(column?.field == 'CompanyName' && companyDisable)">
-                                            <input type="checkbox" [id]="'chk'+column?.title" class="custom-checkbox"
-                                                checked name="checkbox" value="value"
-                                                (change)="common.hideColumn(column,$event.target)"
-                                                [disabled]="common.isDisabled(column.hidden, grid?.columnList?.columns.toArray(),companyDisable)">
-                                            <label [for]="'chk'+column?.title"
-                                                class="font-normal">{{column.title}}</label>
-                                        </span>
-                                    </li>
-                                </ul>
-                            </div>
-                        </ng-template>
-
-                        <kendo-grid-column class="text-center" field="RowNumber" title="#" width="50">
-                        </kendo-grid-column>
-                        <kendo-grid-column class="text-center" field="Timestamp" title="Date Time" width="170">
-                        </kendo-grid-column>
-                        <kendo-grid-column field="MerchantName" title="Merchant Name" width="210">
-                        </kendo-grid-column>
-                        <kendo-grid-column class="text-right" field="MerchantId" title="Merchant ID" width="120">
-                        </kendo-grid-column>
-                        <kendo-grid-column field="Amount" class="text-right" title="Amount" width="120">
-                            <ng-template kendoGridCellTemplate let-dataItem>
-                                {{dataItem.Amount ? dataItem.Amount: '0.00'}}
-                            </ng-template>
-                        </kendo-grid-column>
-                        <kendo-grid-column field="Fee" class="text-right" title="Fee" width="100">
-                            <ng-template kendoGridCellTemplate let-dataItem>
-                                {{dataItem.Fee ? dataItem.Fee : '0.00'}}
-                            </ng-template>
-                        </kendo-grid-column>
-                        <kendo-grid-column field="TransactionType" title="Transaction Type" width="150">
-                        </kendo-grid-column>
-                        <kendo-grid-column field="TransactionStatus" title="Status" width="130">
-                        </kendo-grid-column>
-                        <kendo-grid-column field="LedgerBalance" class="text-right" title="Ledger Balance" width="140">
-                            <ng-template kendoGridCellTemplate let-dataItem>
-                                {{dataItem.LedgerBalance ? dataItem.LedgerBalance : '0.00'}}
-                            </ng-template>
-                        </kendo-grid-column>
-                        <kendo-grid-column field="AvailableBalance" class="text-right" title="Available Balance"
-                            width="160">
-                            <ng-template kendoGridCellTemplate let-dataItem>
-                                {{dataItem.AvailableBalance ? (dataItem.AvailableBalance) : '0.00'}}
-                            </ng-template>
-                        </kendo-grid-column>
-                        <kendo-grid-excel [fileName]="fileName+'.xlsx'" [fetchData]="exportAllData"></kendo-grid-excel>
-                    </kendo-grid>
-                </div>
-            </div>
-        </div>
-    </div>
-</main>