b2adminui 1.0.0

package/package.json

@@ -0,0 +1,144 @@
+{
+  "name": "b2adminui",
+  "version": "1.0.0",
+  "private": false,
+  "description": "B2AdminUI project.",
+  "scripts": {
+    "test:once": "karma start karma.conf.js --single-run",
+    "build": "rimraf dist && webpack --config config/webpack.prod.js --bail",
+    "buildeks": "rimraf dist && webpack --config config/webpack.eks.js --bail",
+    "serve": "lite-server -c=bs-config.json",
+    "prestart": "npm run build",
+    "start": "webpack-dev-server --inline --progress --port 9393",
+    "pretest": "npm run build",
+    "test": "karma start karma.webpack.conf.js",
+    "pretest:once": "npm run build",
+    "build:watch": "tsc -p src/ -w",
+    "build:upgrade": "tsc",
+    "serve:upgrade": "http-server",
+    "build:aot": "ngc -p tsconfig-aot.json && rollup -c rollup-config.js",
+    "serve:aot": "lite-server -c bs-config.aot.json",
+    "build:babel": "babel src -d src --extensions \".es6\" --source-maps",
+    "copy-dist-files": "node ./copy-dist-files.js",
+    "i18n": "ng-xi18n",
+    "lint": "tslint ./src/**/*.ts -t verbose",
+    "ng": "ng",
+    "e2e": "ng e2e"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "MIT",
+  "dependencies": {
+    "@angular/animations": "^4.4.7",
+    "@angular/common": "^4.4.7",
+    "@angular/compiler": "^4.4.7",
+    "@angular/compiler-cli": "^4.4.7",
+    "@angular/core": "^4.4.7",
+    "@angular/forms": "^4.4.7",
+    "@angular/http": "^4.4.7",
+    "@angular/platform-browser": "^4.4.7",
+    "@angular/platform-browser-dynamic": "^4.4.7",
+    "@angular/platform-server": "^4.4.7",
+    "@angular/router": "^4.4.7",
+    "@angular/tsc-wrapped": "~4.2.0",
+    "@angular/upgrade": "~4.2.0",
+    "@progress/kendo-angular-dateinputs": "^1.0.6",
+    "@progress/kendo-angular-dropdowns": "^1.2.6",
+    "@progress/kendo-angular-excel-export": "^1.0.5",
+    "@progress/kendo-angular-grid": "^1.6.2",
+    "@progress/kendo-angular-inputs": "^1.3.3",
+    "@progress/kendo-angular-intl": "^1.6.1",
+    "@progress/kendo-angular-l10n": "^1.3.0",
+    "@progress/kendo-angular-popup": "^1.3.0",
+    "@progress/kendo-angular-treeview": "^3.1.1",
+    "@progress/kendo-angular-upload": "^1.2.2",
+    "@progress/kendo-data-query": "^1.5.0",
+    "@progress/kendo-drawing": "^1.4.0",
+    "@progress/kendo-file-saver": "^1.0.7",
+    "@progress/kendo-theme-default": "^2.62.0",
+    "@types/lodash": "^4.14.119",
+    "angular-in-memory-web-api": "~0.3.2",
+    "angular-router-loader": "^0.6.0",
+    "angular2-recaptcha": "^0.6.0",
+    "bootstrap": "^4.3.0",
+    "bootstrap-sass": "^3.3.7",
+    "core-js": "^2.6.1",
+    "hammerjs": "^2.0.8",
+    "install": "^0.10.1",
+    "jquery": "^3.3.1",
+    "jquery-slimscroll": "^1.3.8",
+    "ng2-datetime": "^1.4.0",
+    "ng2-toastr": "^4.1.2",
+    "ng2-translate": "^5.0.0",
+    "ngx-bootstrap": "^1.9.1",
+    "ngx-intl-tel-input": "^1.0.6",
+    "ngx-modal": "0.0.29",
+    "pace": "0.0.4",
+    "popper.js": "^1.14.7",
+    "rxjs": "^5.5.12",
+    "systemjs": "0.19.39",
+    "to-string-loader": "^1.2.0",
+    "zone.js": "^0.8.12"
+  },
+  "devDependencies": {
+    "@angular/cli": "^1.7.4",
+    "@types/angular": "^1.6.53",
+    "@types/angular-animate": "^1.5.5",
+    "@types/angular-cookies": "^1.4.2",
+    "@types/angular-mocks": "^1.5.5",
+    "@types/angular-resource": "^1.5.6",
+    "@types/angular-route": "^1.3.2",
+    "@types/angular-sanitize": "^1.3.3",
+    "@types/datatables.net": "^1.10.14",
+    "@types/jasmine": "2.5.36",
+    "@types/jquery": "^3.3.29",
+    "@types/node": "^6.14.13",
+    "angular2-template-loader": "^0.6.0",
+    "awesome-typescript-loader": "^3.0.4",
+    "babel-cli": "^6.16.0",
+    "babel-preset-angular2": "^0.0.2",
+    "babel-preset-es2015": "^6.16.0",
+    "canonical-path": "0.0.2",
+    "compression-webpack-plugin": "^1.1.12",
+    "concurrently": "^3.0.0",
+    "css-loader": "^0.26.1",
+    "extract-text-webpack-plugin": "2.0.0-beta.5",
+    "file-loader": "^0.9.0",
+    "html-loader": "^0.4.3",
+    "html-webpack-plugin": "^2.16.1",
+    "http-server": "^0.11.1",
+    "jasmine": "~2.4.1",
+    "jasmine-core": "~2.4.1",
+    "karma": "^1.3.0",
+    "karma-chrome-launcher": "^2.0.0",
+    "karma-cli": "^1.0.1",
+    "karma-jasmine": "^1.0.2",
+    "karma-jasmine-html-reporter": "^0.2.2",
+    "karma-phantomjs-launcher": "^1.0.2",
+    "karma-sourcemap-loader": "^0.3.7",
+    "karma-webpack": "^2.0.1",
+    "lite-server": "^2.2.2",
+    "lodash": "^4.17.21",
+    "node-sass": "^4.12.0",
+    "null-loader": "^0.1.1",
+    "phantomjs-prebuilt": "^2.1.7",
+    "protractor": "^5.4.2",
+    "raw-loader": "^0.5.1",
+    "rimraf": "^2.7.1",
+    "rollup": "^0.41.6",
+    "rollup-plugin-commonjs": "^8.0.2",
+    "rollup-plugin-node-resolve": "2.0.0",
+    "rollup-plugin-uglify": "^1.0.1",
+    "sass-loader": "^6.0.6",
+    "source-map-explorer": "^1.3.2",
+    "style-loader": "^0.13.1",
+    "ts-node": "~3.0.4",
+    "tslint": "^3.15.1",
+    "typescript": "^4.6.2",
+    "webpack": "^2.2.1",
+    "webpack-bundle-analyzer": "^2.9.0",
+    "webpack-dev-server": "^2.11.3",
+    "webpack-merge": "^3.0.0"
+  },
+  "repository": {}
+}

package/src/app/app-config.ts

@@ -0,0 +1,21 @@
+
+import { NgModule, InjectionToken } from '@angular/core';
+import { EnvironmentConfig } from '../environment';
+
+export let APP_CONFIG = new InjectionToken<AppConfig>('app.config');
+
+export interface AppConfig {
+    config: any;
+}
+
+export const appConfig: AppConfig = {
+    config: EnvironmentConfig
+};
+
+@NgModule({
+    providers: [{
+        provide: APP_CONFIG,
+        useValue: appConfig
+    }]
+})
+export class AppConfigModule { }

package/src/app/app-routing.module.ts

@@ -0,0 +1,165 @@
+import { RouterModule, Routes } from '@angular/router';
+import { AuthGuard } from './auth/auth.guard';
+import { LoginComponent } from './login/components/login.component';
+import { NavbarComponent } from './navbar/components/navbar.component';
+import { ForgotPasswordComponent } from './forgot-password/components/forgot-password.component';
+import { ExternalChangePasswordComponent } from './external-change-password/components/external-change-password.component';
+import { ValidateChangePasswordComponent } from './validate-change-password/components/validate-change-password.component';
+import { ProfileSettingComponent } from './profile-setting/profile-setting/components/profile-setting.component';
+import { ChangePasswordComponent } from './profile-setting/change-password/components/change-password.component';
+import { WalletFeeSettingComponent } from './fee-management/wallet-fee-setting/components/wallet-fee-setting.component';
+import { WalletTopupComponent } from './fee-management/wallet-topup/components/wallet-topup.component';
+import { CustomerRegistrationListComponent } from './customer-management/customer-registration-list/components/customer-registration-list.component';
+import { CustomerRegistrationComponent } from './customer-management/customer-registration/components/customer-registration.component';
+import { WalletBalanceHistoryComponent } from './customer-management/wallet-balance-history/components/wallet-balance-history.component';
+import { ManualTopupComponent } from './customer-management/manual-topup/components/manual-topup.component';
+import { WalletTransactionListComponent } from './transaction-history/wallet-transaction-list/components/wallet-transaction-list.component';
+import { WalletTransactionListDetailsComponent } from './transaction-history/wallet-transaction-list-details/components/wallet-transaction-list-details.component';
+import { UserGroupPermissionListComponent } from './user-management/user-group-permission-list/components/user-group-permission-list.component';
+import { SystemUserListComponent } from './user-management/system-user-list/components/system-user-list.component';
+import { UserGroupPermissionComponent } from './user-management/user-group-permission/components/user-group-permission.component';
+import { SystemUserComponent } from './user-management/system-user/components/system-user.component';
+import { AuditLogListComponent } from './user-management/audit-log-list/components/audit-log-list.component';
+import { Constants } from './shared/constants/constants';
+import { CustomerProfileHistoryListComponent } from './customer-management/customer-profile-history-list/components/customer-profile-history-list.component';
+import { WalletHistoryComponent } from './customer-management/wallet-history/components/wallet-history.component';
+import { WalletProfileListComponent } from './fee-management/wallet-profile-setting-list/components/wallet-profile-setting-list.component'
+import { CompanyWalletProfileComponent } from './fee-management/company-wallet-profile/components/company-wallet-profile.component';
+import { WalletProfileLimitSettingComponent } from './fee-management/wallet-profile-limit-setting/components/wallet-profile-limit-setting.component';
+import { CompanyComponent } from './fee-management/company/components/company.component';
+
+const routes: Routes = [
+  { path: 'login', component: LoginComponent },
+  { path: 'forgot-password', component: ForgotPasswordComponent },
+  { path: 'reset-password/:id/:token', component: ValidateChangePasswordComponent },
+  { path: 'forgot-password/:id/:token', component: ValidateChangePasswordComponent },
+  { path: 'external-change-password/:token', component: ExternalChangePasswordComponent },
+  {
+    path: '', component: NavbarComponent,
+    children: [
+      { path: '', component: ProfileSettingComponent, canActivate: [AuthGuard] },
+      { path: 'profile-setting-view', component: ProfileSettingComponent, canActivate: [AuthGuard] },
+      { path: 'profile-setting-edit', component: ProfileSettingComponent, canActivate: [AuthGuard] },
+      { path: 'change-password', component: ChangePasswordComponent, canActivate: [AuthGuard] },
+      { path: 'change-password/:id', component: ChangePasswordComponent, canActivate: [AuthGuard] },
+      {
+        path: 'company-setting/:id', component: CompanyComponent, canActivate: [AuthGuard],
+        data: { module: 'Company', subModule: 'Setting', menu: 'CompanySetting', routeName: Constants.COMPANY_SETTING_MENU }
+      },
+      {
+        path: 'company-setting-edit/:id', component: CompanyComponent, canActivate: [AuthGuard],
+        data: { module: 'Company', subModule: 'SettingEdit', menu: 'CompanySetting', routeName: Constants.COMPANY_SETTING_MENU }
+      },
+      {
+        path: 'company-setting/wallet-topup/:id', component: WalletTopupComponent, canActivate: [AuthGuard],
+        data: { module: 'Company', subModule: 'Setting', menu: 'CompanySetting', routeName: Constants.COMPANY_SETTING_MENU }
+      },
+      {
+        path: 'company-setting/wallet-profile-setting-view/:id', component: WalletFeeSettingComponent, canActivate: [AuthGuard],
+        data: { module: 'Company', subModule: 'Setting', menu: 'CompanySetting', routeName: Constants.COMPANY_MENU }
+      },
+      {
+        path: 'company-setting/wallet-profile-setting-edit/:id', component: WalletFeeSettingComponent, canActivate: [AuthGuard],
+        data: { module: 'Company', subModule: 'SettingEdit', menu: 'CompanySetting', routeName: Constants.COMPANY_MENU }
+      },
+      {
+        path: 'company-setting/wallet-profile-setting-new/:id', component: CompanyWalletProfileComponent, canActivate: [AuthGuard],
+        data: { module: 'Company', subModule: 'SettingEdit', menu: 'CompanySetting', routeName: Constants.COMPANY_MENU }
+      },
+      {
+        path: 'company-setting/wallet-profile-setting-list/:id', component: WalletProfileListComponent, canActivate: [AuthGuard],
+        data: { module: 'Company', subModule: 'Setting', menu: 'CompanySetting', routeName: Constants.COMPANY_MENU }
+      },
+      {
+        path: 'company-setting/wallet-profile-limit-setting-view/:id', component: WalletProfileLimitSettingComponent, canActivate: [AuthGuard],
+        data: { module: 'Company', subModule: 'Setting', menu: 'CompanySetting', routeName: Constants.COMPANY_MENU }
+      },
+      {
+        path: 'company-setting/wallet-profile-limit-setting-edit/:id', component: WalletProfileLimitSettingComponent, canActivate: [AuthGuard],
+        data: { module: 'Company', subModule: 'SettingEdit', menu: 'CompanySetting', routeName: Constants.COMPANY_MENU }
+      },
+      {
+        path: 'wallet-topup/:id', component: WalletTopupComponent, canActivate: [AuthGuard],
+        data: { module: 'Company', subModule: 'View', menu: 'SystemManagement', subMenu: 'Company', routeName: Constants.COMPANY_MENU }
+      },
+      {
+        path: 'customer-registration-list', component: CustomerRegistrationListComponent, canActivate: [AuthGuard],
+        data: { module: 'CustomerManagement', subModule: 'ViewCustomer', menu: 'CustomerManagement', subMenu: 'Registration', routeName: Constants.CUSTOMER_REGISTRATION_MENU }
+      },
+      {
+        path: 'customer-registration-new', component: CustomerRegistrationComponent, canActivate: [AuthGuard],
+        data: { module: 'CustomerManagement', subModule: 'Add', menu: 'CustomerManagement', subMenu: 'Registration', routeName: Constants.CUSTOMER_REGISTRATION_MENU }
+      },
+      {
+        path: 'customer-registration-view/:id', component: CustomerRegistrationComponent, canActivate: [AuthGuard],
+        data: { module: 'CustomerManagement', subModule: 'ViewCustomer', menu: 'CustomerManagement', subMenu: 'Registration', routeName: Constants.CUSTOMER_REGISTRATION_MENU }
+      },
+      {
+        path: 'customer-registration-edit/:id', component: CustomerRegistrationComponent, canActivate: [AuthGuard],
+        data: { module: 'CustomerManagement', subModule: 'EditCustomer', menu: 'CustomerManagement', subMenu: 'Registration', routeName: Constants.CUSTOMER_REGISTRATION_MENU }
+      },
+      {
+        path: 'customer-registration/balance-history/:id', component: WalletBalanceHistoryComponent, canActivate: [AuthGuard],
+        data: { module: 'CustomerManagement', subModule: 'ViewHistory', menu: 'CustomerManagement', subMenu: 'Registration', routeName: Constants.CUSTOMER_REGISTRATION_MENU }
+      },
+      {
+        path: 'manual-post-wallet/:customerId', component: ManualTopupComponent, canActivate: [AuthGuard],
+        data: { module: 'CustomerManagement', subModule: 'WalletTopUp', menu: 'CustomerManagement', subMenu: 'Registration', routeName: Constants.CUSTOMER_REGISTRATION_MENU }
+      },
+      {
+        path: 'wallet-transaction-list', component: WalletTransactionListComponent, canActivate: [AuthGuard],
+        data: { module: 'NewWalletTransaction', subModule: 'View', menu: 'TransactionHistory', subMenu: 'WalletTransaction', routeName: Constants.WALLET_TRANSACTION_LIST_MENU }
+      },
+      {
+        path: 'wallet-transaction-view/:id', component: WalletTransactionListDetailsComponent, canActivate: [AuthGuard],
+        data: { module: 'NewWalletTransaction', subModule: 'View', menu: 'TransactionHistory', subMenu: 'WalletTransaction', routeName: Constants.WALLET_TRANSACTION_LIST_MENU }
+      },
+      {
+        path: 'user-group-permission-list', component: UserGroupPermissionListComponent, canActivate: [AuthGuard],
+        data: { module: 'UserGroup', subModule: 'View', menu: 'UserManagement', subMenu: 'UserGroup', routeName: Constants.USER_GROUP_PERMISSION_MENU }
+      },
+      {
+        path: 'user-group-permission-view/:id', component: UserGroupPermissionComponent, canActivate: [AuthGuard],
+        data: { module: 'UserGroup', subModule: 'View', menu: 'UserManagement', subMenu: 'UserGroup', routeName: Constants.USER_GROUP_PERMISSION_MENU }
+      },
+      {
+        path: 'user-group-permission-edit/:id', component: UserGroupPermissionComponent, canActivate: [AuthGuard],
+        data: { module: 'UserGroup', subModule: 'Edit', menu: 'UserManagement', subMenu: 'UserGroup', routeName: Constants.USER_GROUP_PERMISSION_MENU }
+      },
+      {
+        path: 'user-group-permission-new', component: UserGroupPermissionComponent, canActivate: [AuthGuard],
+        data: { module: 'UserGroup', subModule: 'Add', menu: 'UserManagement', subMenu: 'UserGroup', routeName: Constants.USER_GROUP_PERMISSION_MENU }
+      },
+      {
+        path: 'system-user-list', component: SystemUserListComponent, canActivate: [AuthGuard],
+        data: { module: 'SystemUser', subModule: 'View', menu: 'UserManagement', subMenu: 'SystemUser', routeName: Constants.SYSTEM_USER_MENU }
+      },
+      {
+        path: 'system-user-new', component: SystemUserComponent, canActivate: [AuthGuard],
+        data: { module: 'SystemUser', subModule: 'Add', menu: 'UserManagement', subMenu: 'SystemUser', routeName: Constants.SYSTEM_USER_MENU }
+      },
+      {
+        path: 'system-user-edit/:id', component: SystemUserComponent, canActivate: [AuthGuard],
+        data: { module: 'SystemUser', subModule: 'Edit', menu: 'UserManagement', subMenu: 'SystemUser', routeName: Constants.SYSTEM_USER_MENU }
+      },
+      {
+        path: 'system-user-view/:id', component: SystemUserComponent, canActivate: [AuthGuard],
+        data: { module: 'SystemUser', subModule: 'View', menu: 'UserManagement', subMenu: 'SystemUser', routeName: Constants.SYSTEM_USER_MENU }
+      },
+      {
+        path: 'audit-log-list', component: AuditLogListComponent, canActivate: [AuthGuard],
+        data: { module: 'AuditLog', subModule: 'View', menu: 'UserManagement', subMenu: 'AuditLog', routeName: Constants.AUDIT_LOG_MENU }
+      },
+      {
+        path: 'customer-profile-history/:id', component: CustomerProfileHistoryListComponent, canActivate: [AuthGuard]
+      },
+      {
+        path: 'wallet-history/:id', component: WalletHistoryComponent, canActivate: [AuthGuard],
+        data: { module: 'CustomerManagement', subModule: 'View', menu: 'CustomerManagement', subMenu: 'Registration', routeName: Constants.CUSTOMER_REGISTRATION_MENU }
+      },
+    ]
+  },
+  { path: '**', component: LoginComponent }
+];
+
+export const routing = RouterModule.forRoot(routes, { useHash: true });

package/src/app/app.component.ts

@@ -0,0 +1,30 @@
+import { Component, ViewContainerRef, AfterViewChecked, ChangeDetectorRef } from '@angular/core';
+import { Alerts } from './shared/alerts/alerts';
+import { ActivityIndicatorService } from './shared/interceptor/https-interceptor';
+
+@Component({
+  selector: 'my-app',
+  template: `    
+    <div class='outer-outlet'>
+    <div *ngIf="loading" class="loading"></div>
+      <router-outlet></router-outlet>
+    </div>
+  `
+})
+
+export class AppComponent implements AfterViewChecked  {
+  loading: boolean = false;
+  constructor(public alert: Alerts, private vcr: ViewContainerRef
+    , public loadingIndicatorService: ActivityIndicatorService, private cdref: ChangeDetectorRef
+  ) {
+    
+  }
+  ngAfterViewChecked(): void {
+    // change isLoading status whenever notified
+    this.loadingIndicatorService
+      .onLoadingChanged
+      .subscribe((isLoading: any) => { this.loading = isLoading });
+    this.alert.setRootViewContainerRef(this.vcr);
+    this.cdref.detectChanges();
+  }
+}

package/src/app/app.module.ts

@@ -0,0 +1,72 @@
+import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { FormsModule } from '@angular/forms';
+import { HttpClientModule } from '@angular/common/http';
+import { ModalModule } from 'ngx-modal';
+
+// Declarations of component and routing
+import { AppComponent } from './app.component';
+import { LoginComponent } from './login/components/login.component';
+import { NavbarComponent } from './navbar/components/navbar.component';
+import { ForgotPasswordComponent } from './forgot-password/components/forgot-password.component';
+import { ExternalChangePasswordComponent } from './external-change-password/components/external-change-password.component';
+import { ValidateChangePasswordComponent } from './validate-change-password/components/validate-change-password.component';
+import { routing } from './app-routing.module';
+import { AuthGuard } from './auth/auth.guard';
+import { SharedService } from './shared/service/shared.service';
+import { Common } from './shared/common/common';
+import { ReCaptchaModule } from 'angular2-recaptcha';
+import { ProfileSettingModule } from './profile-setting/profile-setting.module';
+import { FeeManagementModule } from './fee-management/fee-management.module';
+import { CustomerManagementModule } from './customer-management/customer-management.module';
+import { TransactionHistoryModule } from './transaction-history/transaction-history.module';
+import { UserManagementModule } from './user-management/user-management.module';
+import { AlertOptions } from './shared/alerts/alertOptions';
+import { Alerts } from './shared/alerts/alerts';
+import { ToastModule, ToastOptions } from 'ng2-toastr/ng2-toastr';
+import { appConfig, AppConfigModule } from './app-config';
+import { HTTP_INTERCEPTORS } from '@angular/common/http';
+import { ActivityIndicatorInterceptor, ActivityIndicatorService } from './shared/interceptor/https-interceptor';
+import { NumberPipe } from '@progress/kendo-angular-intl';
+import { Constants } from './shared/constants/constants';
+
+@NgModule({
+    imports: [BrowserModule,
+        BrowserAnimationsModule,
+        HttpClientModule,
+        FormsModule,
+        ModalModule,
+        ReCaptchaModule,
+        ProfileSettingModule,
+        FeeManagementModule,
+        CustomerManagementModule,
+        TransactionHistoryModule,
+        UserManagementModule,
+        ToastModule.forRoot(),
+        routing,
+        AppConfigModule,
+    ],
+    declarations: [AppComponent,
+        LoginComponent,
+        NavbarComponent,
+        ForgotPasswordComponent,
+        ExternalChangePasswordComponent,
+        ValidateChangePasswordComponent
+    ],
+    providers: [AuthGuard, SharedService, Common, Alerts,
+        { provide: ToastOptions, useClass: AlertOptions },
+        {
+            provide: HTTP_INTERCEPTORS,
+            useClass: ActivityIndicatorInterceptor,
+            useFactory: (service: ActivityIndicatorService) => new ActivityIndicatorInterceptor(service),
+            multi: true,
+            deps: [ActivityIndicatorService]
+        },
+        ActivityIndicatorService,
+        NumberPipe
+    ],
+    bootstrap: [AppComponent]
+})
+
+export class AppModule { constructor(appconfig: AppConfigModule) { } }

package/src/app/auth/auth.guard.ts

@@ -0,0 +1,192 @@
+import { Injectable, NgZone } from '@angular/core';
+import { CanActivate, Router, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';
+import { Constants } from '../shared/constants/constants';
+import { SharedService } from '../shared/service/shared.service';
+import { Common } from '../shared/common/common';
+import { Alerts } from '../shared/alerts/alerts';
+import { MenuSetupModel } from '../fee-management/menu-setup/models/menu-setup.model';
+
+// AuthGuard is used to check user exist 
+@Injectable()
+export class AuthGuard implements CanActivate {
+    private menuSetup: MenuSetupModel;
+    private companyUniqueId: number;
+    userGroupId: any;
+    companyId: any;
+
+    constructor(private router: Router, public sharedService: SharedService, private ngZone: NgZone,
+        public common: Common, public alert: Alerts) { }
+
+    canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean {
+        this.sharedService.expiryToken = route.params ? route.params[Constants.TOKEN] : null;
+
+        let companyId = this.common.getCompanyId();
+        let token = this.sharedService.getToken();
+
+        if (companyId == null && token) {
+            this.common.routeAfter = route;
+            this.getUserDetails();
+            return false;
+        }
+        else {
+            return this.checkUserDetails(route);
+        }
+    }
+
+    // check user details from local storage
+    checkUserDetails(route: ActivatedRouteSnapshot): boolean {
+        // get current user from local storage
+        let token = this.sharedService.getToken();
+        // if token is exist return true
+        if (token || this.sharedService.expiryToken || this.sharedService.isValidExpiryToken) {
+            if (route.data && route.data.menu) {
+                let showMenu = this.common.isMenuVisible(route.data.menu, route.data.subMenu);
+                if (showMenu) {
+                    if (route.data.module) {
+                        let isUserRights = this.common.getUserRights(route.data.module, route.data.subModule);
+                        if (isUserRights) {
+                            this.common.selectedRoot = route.data.routeName;
+                            return true;
+                        }
+                        this.alert.error(this.common.userGroupPermissionMessage);
+                        return false;
+                    }
+                    return true;
+                }
+                return false;
+            }
+            return true;
+        }
+        this.router.navigate([Constants.LOGIN]);
+        return false;
+    }
+
+    getUserDetails() {
+        let token = this.sharedService.getToken();
+        let url = `${Constants.USER_DATA_URL}?token=${token.replace('bearer', '').trim()}`;
+        this.sharedService.get(url).subscribe((data: any) => {
+            if (data && data.responseCode === Constants.SUCCESS_CODE) {
+                this.setCurrentUserDetails(data);
+
+            }
+            else {
+                let apiError = data.resDescriptionEN ? data.resDescriptionEN : data.error_description;
+                this.alert.error(apiError);
+            }
+        }, (error: any) => {
+            this.alert.error(error);
+        });
+    }
+
+    // load company menu setup from local storage
+    // Get menu setup from API is handled in login component
+    loadSetup() {
+        this.companyUniqueId = this.common.getCompanyUniqueId();
+        this.companyId = this.common.getCompanyId();
+    }
+
+    // set current user details into shared service
+    private setCurrentUserDetails(result: any) {
+        if (result) {
+            let currentUserObj: any;
+            this.userGroupId = result.UserDataList[0].userGroupId;
+            currentUserObj = {
+                userUniqueId: result.UserDataList[0].userId,
+                loginWithInternalURL: this.common.isLoginWithInternalURL(),
+                userGroupId: this.userGroupId,
+                companyId: result.UserDataList[0].companyId,
+                companyUniqueId: result.UserDataList[0].companyUniqueId,
+                userType: result.UserDataList[0].userType
+            };
+            this.sharedService.setProperty('currentUser', currentUserObj);
+            this.loadSetup();
+
+            this.getUserGroupDetails();
+        }
+    }
+
+    private getUserGroupDetails() {
+        if (this.userGroupId) {
+            // call api service 
+            let url = `${Constants.GET_CURRENT_USER_GROUP_API_URL}/${this.userGroupId}`;
+            this.sharedService.get(url).subscribe((data: any) => {
+                let response = data ? data : null;
+                if (response && response.responseCode === Constants.SUCCESS_CODE) {
+                    this.common.saveUserGroup(response);
+                    this.getMasterData();
+                }
+                else {
+                    this.alert.error(response.resDescriptionEN);
+                }
+            }, (error: any) => {
+                this.alert.error(error);
+            });
+        }
+    }
+
+    // get Master Data for audit log insert
+    private getMasterData() {
+        this.ngZone.runOutsideAngular(() => {
+            this.getMasterMenuList();
+            this.getMasterAuditLogTypeData();
+        });
+        this.getMenuSetup();
+    }
+
+    private getMasterMenuList() {
+        let url = `${Constants.MASTER_MENU_API_URL}?companyId=${this.companyId}`;
+        this.sharedService.get(url).subscribe((data: any) => {
+            let response = data ? data : null;
+            if (response && response.responseCode === Constants.SUCCESS_CODE) {
+                let menuList = response.menuList;
+                this.sharedService.setProperty('menuList', JSON.stringify(menuList));
+                return true;
+            }
+            else {
+                this.alert.error(response.resDescriptionEN);
+            }
+        }, (error: any) => {
+            this.alert.error(error);
+        });
+    }
+
+    private getMasterAuditLogTypeData() {
+        this.sharedService.get(Constants.MASTER_AUDIT_LOG_TYPE_API_URL).subscribe((data: any) => {
+            let response = data ? data : null;
+            if (response && response.responseCode === Constants.SUCCESS_CODE) {
+                let menuList = response.auditLogTypeList;
+                this.sharedService.setProperty('auditLogTypeList', JSON.stringify(menuList));
+                return true;
+            }
+            else {
+                this.alert.error(response.resDescriptionEN);
+            }
+        }, (error: any) => {
+            this.alert.error(error);
+        });
+    }
+
+    private getMenuSetup() {
+        let url = `${Constants.COMPANY_SETTING_MENU_SETUP_API}/${this.companyUniqueId}`;
+        this.sharedService.get(url).subscribe((data: any) => {
+            let result = data ? data : null;
+            if (result.responseCode === Constants.SUCCESS_CODE) {
+                let companyId = this.common.getCompanyId();
+                this.menuSetup = this.common.removePropertyFromJSON(result);
+                let url: any = this.common.getRoutingURL();
+                if (url == null) {
+                    this.router.navigate([Constants.PROFILE_SETTING_URL]);
+                }
+                else {
+                    this.router.navigate([url]);
+                }
+            } else {
+                this.alert.error(result.resDescriptionEN);
+            }
+        }, (error: any) => {
+            this.alert.error(error);
+        }, () => {
+            this.common.saveMenuSetup(this.menuSetup);
+        });
+    }
+}