before frontend login

src/frontend/angular.json

@@ -9,8 +9,12 @@
       "projectType": "application",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular-builders/custom-webpack:browser",
           "options": {
+            "customWebpackConfig": {
+              "path": "./custom-webpack.config.js",
+              "replaceDuplicatePlugins": true
+            },
             "preserveSymlinks": true,
             "rebaseRootRelativeCssUrls": true,
             "outputPath": "dist",
@@ -75,7 +79,7 @@
           }
         },
         "serve": {
-          "builder": "@angular-devkit/build-angular:dev-server",
+          "builder": "@angular-builders/custom-webpack:dev-server",
           "options": {
             "browserTarget": "ngx-admin-demo:build"
           },

src/frontend/custom-webpack.config.js

@@ -0,0 +1,4 @@
+module.exports = {
+    externals: ['http'],
+    node: {global: true, fs: 'empty'}
+}

src/frontend/package-lock.json

@@ -9,6 +9,22 @@
       "resolved": "https://registry.npmjs.org/@agm/core/-/core-1.0.0-beta.5.tgz",
       "integrity": "sha512-LVENJqtBZEWpX+uJkGI0zgg+Xkm2KkktQm4ojZozArbeNvQkVL6pqVc04Mme6vvOzwJpD1cET5w4byC8Xaq1QQ=="
     },
+    "@angular-builders/custom-webpack": {
+      "version": "8.2.0",
+      "resolved": "https://registry.npmjs.org/@angular-builders/custom-webpack/-/custom-webpack-8.2.0.tgz",
+      "integrity": "sha512-6654RfyqhTGhCI0edC9YU/iMn1UJnzX01bxYJbDWFgvReCqXdlgy+Fe9tp1MeqKweX6BQ1d0gRroR/WjY1aX0A==",
+      "requires": {
+        "lodash": "^4.17.10",
+        "webpack-merge": "^4.2.1"
+      },
+      "dependencies": {
+        "lodash": {
+          "version": "4.17.15",
+          "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz",
+          "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A=="
+        }
+      }
+    },
     "@angular-devkit/architect": {
       "version": "0.800.2",
       "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.800.2.tgz",
@@ -11695,6 +11711,11 @@
         }
       }
     },
+    "ngx-cookie-service": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/ngx-cookie-service/-/ngx-cookie-service-2.2.0.tgz",
+      "integrity": "sha512-2kaC1itlEMxiMAPJ320hOpcwU9vhvjbKQCZ1Go6bGhYjJtqG7eYvhNP7mM9IhFz1/afG2tBryJPySWmFUGhRpA=="
+    },
     "ngx-echarts": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/ngx-echarts/-/ngx-echarts-4.0.1.tgz",
@@ -14314,9 +14335,9 @@
       "integrity": "sha512-ZYzRkETgBrdEGzL5JSKimvjI2CX7ioyZCkX2BpcfyjqI+079W0wHAyj5W4rIZMcDSOHgLZtgz1IdDi/vU77KEQ=="
     },
     "rpclibrary": {
-      "version": "1.3.17",
-      "resolved": "https://registry.npmjs.org/rpclibrary/-/rpclibrary-1.3.17.tgz",
-      "integrity": "sha512-ZdhZ1TSDO+bcz5kCJ7Ol+YAAyYpwg7YI/hETS4vv3RYerUEQVZSZjcm22J5a91RnQVN2SRiXzdoXbbFb/Renog==",
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/rpclibrary/-/rpclibrary-1.4.0.tgz",
+      "integrity": "sha512-JUU7+HymV2ZTI+NrIVOiIr5LGFoRsPq4k/ffdUonqIpd9fjOHBQ2/PFLVXx9z94+dKxdqN8/D9ZXPwU03ovZrg==",
       "requires": {
         "bsock": "^0.1.9",
         "http": "0.0.0",
@@ -20446,7 +20467,6 @@
       "version": "4.2.1",
       "resolved": "https://registry.npmjs.org/webpack-merge/-/webpack-merge-4.2.1.tgz",
       "integrity": "sha512-4p8WQyS98bUJcCvFMbdGZyZmsKuWjWVnVHnAS3FFg0HDaRVrPbkivx2RYCre8UiemD67RsiFFLfn4JhLAin8Vw==",
-      "dev": true,
       "requires": {
         "lodash": "^4.17.5"
       }

src/frontend/package.json

@@ -30,6 +30,7 @@
   },
   "dependencies": {
     "@agm/core": "^1.0.0-beta.5",
+    "@angular-builders/custom-webpack": "^8.2.0",
     "@angular/animations": "^8.0.0",
     "@angular/cdk": "^8.0.0",
     "@angular/common": "^8.0.0",
@@ -62,12 +63,13 @@
     "ng2-ckeditor": "^1.2.2",
     "ng2-completer": "2.0.8",
     "ng2-smart-table": "1.3.5",
+    "ngx-cookie-service": "^2.2.0",
     "ngx-echarts": "^4.0.1",
     "node-sass": "^4.12.0",
     "normalize.css": "6.0.0",
     "pace-js": "1.0.2",
     "roboto-fontface": "0.8.0",
-    "rpclibrary": "^1.3.17",
+    "rpclibrary": "^1.4.0",
     "rxjs": "6.5.2",
     "rxjs-compat": "6.3.0",
     "socicon": "3.0.5",

src/frontend/src/app/@core/core.module.ts

@@ -1,146 +1,35 @@
-import { ModuleWithProviders, NgModule, Optional, SkipSelf } from '@angular/core';
+import { ModuleWithProviders, NgModule, Optional, SkipSelf, APP_INITIALIZER } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { NbAuthModule, NbDummyAuthStrategy } from '@nebular/auth';
-import { NbSecurityModule, NbRoleProvider } from '@nebular/security';
-import { of as observableOf } from 'rxjs';
-
 import { throwIfAlreadyLoaded } from './module-import-guard';
+import { CookieService } from 'ngx-cookie-service';
+
 import {
   AnalyticsService,
   LayoutService,
   PlayerService,
   StateService,
 } from './utils';
-import { UserData } from './data/users';
-import { ElectricityData } from './data/electricity';
-import { SmartTableData } from './data/smart-table';
-import { UserActivityData } from './data/user-activity';
-import { OrdersChartData } from './data/orders-chart';
-import { ProfitChartData } from './data/profit-chart';
-import { TrafficListData } from './data/traffic-list';
-import { EarningData } from './data/earning';
-import { OrdersProfitChartData } from './data/orders-profit-chart';
-import { TrafficBarData } from './data/traffic-bar';
-import { ProfitBarAnimationChartData } from './data/profit-bar-animation-chart';
-import { TemperatureHumidityData } from './data/temperature-humidity';
-import { SolarData } from './data/solar';
-import { TrafficChartData } from './data/traffic-chart';
-import { StatsBarData } from './data/stats-bar';
-import { CountryOrderData } from './data/country-order';
-import { StatsProgressBarData } from './data/stats-progress-bar';
-import { VisitorsAnalyticsData } from './data/visitors-analytics';
-import { SecurityCamerasData } from './data/security-cameras';
+import { LoginApiService, initializeLoginSvc } from '../frontcraft/login-api';
 
-import { UserService } from './mock/users.service';
-import { ElectricityService } from './mock/electricity.service';
-import { SmartTableService } from './mock/smart-table.service';
-import { UserActivityService } from './mock/user-activity.service';
-import { OrdersChartService } from './mock/orders-chart.service';
-import { ProfitChartService } from './mock/profit-chart.service';
-import { TrafficListService } from './mock/traffic-list.service';
-import { EarningService } from './mock/earning.service';
-import { OrdersProfitChartService } from './mock/orders-profit-chart.service';
-import { TrafficBarService } from './mock/traffic-bar.service';
-import { ProfitBarAnimationChartService } from './mock/profit-bar-animation-chart.service';
-import { TemperatureHumidityService } from './mock/temperature-humidity.service';
-import { SolarService } from './mock/solar.service';
-import { TrafficChartService } from './mock/traffic-chart.service';
-import { StatsBarService } from './mock/stats-bar.service';
-import { CountryOrderService } from './mock/country-order.service';
-import { StatsProgressBarService } from './mock/stats-progress-bar.service';
-import { VisitorsAnalyticsService } from './mock/visitors-analytics.service';
-import { SecurityCamerasService } from './mock/security-cameras.service';
-import { MockDataModule } from './mock/mock-data.module';
-
-const socialLinks = [
+const DATA_SERVICES = [  
+  {provide: LoginApiService, useClass: LoginApiService},
+  {provide: CookieService, useClass: CookieService},
   {
-    url: 'https://github.com/akveo/nebular',
-    target: '_blank',
-    icon: 'github',
-  },
-  {
-    url: 'https://www.facebook.com/akveo/',
-    target: '_blank',
-    icon: 'facebook',
-  },
-  {
-    url: 'https://twitter.com/akveo_inc',
-    target: '_blank',
-    icon: 'twitter',
-  },
-];
-
-const DATA_SERVICES = [
-  { provide: UserData, useClass: UserService },
-  { provide: ElectricityData, useClass: ElectricityService },
-  { provide: SmartTableData, useClass: SmartTableService },
-  { provide: UserActivityData, useClass: UserActivityService },
-  { provide: OrdersChartData, useClass: OrdersChartService },
-  { provide: ProfitChartData, useClass: ProfitChartService },
-  { provide: TrafficListData, useClass: TrafficListService },
-  { provide: EarningData, useClass: EarningService },
-  { provide: OrdersProfitChartData, useClass: OrdersProfitChartService },
-  { provide: TrafficBarData, useClass: TrafficBarService },
-  { provide: ProfitBarAnimationChartData, useClass: ProfitBarAnimationChartService },
-  { provide: TemperatureHumidityData, useClass: TemperatureHumidityService },
-  { provide: SolarData, useClass: SolarService },
-  { provide: TrafficChartData, useClass: TrafficChartService },
-  { provide: StatsBarData, useClass: StatsBarService },
-  { provide: CountryOrderData, useClass: CountryOrderService },
-  { provide: StatsProgressBarData, useClass: StatsProgressBarService },
-  { provide: VisitorsAnalyticsData, useClass: VisitorsAnalyticsService },
-  { provide: SecurityCamerasData, useClass: SecurityCamerasService },
-];
-
-export class NbSimpleRoleProvider extends NbRoleProvider {
-  getRole() {
-    // here you could provide any role based on any auth flow
-    return observableOf('guest');
+    provide: APP_INITIALIZER,
+    useFactory: initializeLoginSvc,
+    deps: [LoginApiService, CookieService],
+    multi: true
   }
-}
+];
 
 export const NB_CORE_PROVIDERS = [
-  ...MockDataModule.forRoot().providers,
   ...DATA_SERVICES,
-  ...NbAuthModule.forRoot({
 
-    strategies: [
-      NbDummyAuthStrategy.setup({
-        name: 'email',
-        delay: 3000,
-      }),
-    ],
-    forms: {
-      login: {
-        socialLinks: socialLinks,
-      },
-      register: {
-        socialLinks: socialLinks,
-      },
-    },
-  }).providers,
-
-  NbSecurityModule.forRoot({
-    accessControl: {
-      guest: {
-        view: '*',
-      },
-      user: {
-        parent: 'guest',
-        create: '*',
-        edit: '*',
-        remove: '*',
-      },
-    },
-  }).providers,
-
-  {
-    provide: NbRoleProvider, useClass: NbSimpleRoleProvider,
-  },
   AnalyticsService,
   LayoutService,
   PlayerService,
   StateService,
+  CookieService,
 ];
 
 @NgModule({
@@ -148,7 +37,6 @@ export const NB_CORE_PROVIDERS = [
     CommonModule,
   ],
   exports: [
-    NbAuthModule,
   ],
   declarations: [],
 })

src/frontend/src/app/@core/mock/README.md

@@ -1 +0,0 @@
-Application-wise data providers.

src/frontend/src/app/@core/mock/country-order.service.ts

@@ -1,29 +0,0 @@
-import { Injectable } from '@angular/core';
-import { of as observableOf, Observable } from 'rxjs';
-import { CountryOrderData } from '../data/country-order';
-
-@Injectable()
-export class CountryOrderService extends CountryOrderData {
-
-  private countriesCategories = [
-    'Sofas',
-    'Furniture',
-    'Lighting',
-    'Tables',
-    'Textiles',
-  ];
-  private countriesCategoriesLength = this.countriesCategories.length;
-  private generateRandomData(nPoints: number): number[] {
-    return Array.from(Array(nPoints)).map(() => {
-      return Math.round(Math.random() * 20);
-    });
-  }
-
-  getCountriesCategories(): Observable<string[]> {
-    return observableOf(this.countriesCategories);
-  }
-
-  getCountriesCategoriesData(country: string): Observable<number[]> {
-    return observableOf(this.generateRandomData(this.countriesCategoriesLength));
-  }
-}

src/frontend/src/app/@core/mock/earning.service.ts

@@ -1,103 +0,0 @@
-import { Injectable } from '@angular/core';
-import { of as observableOf, Observable } from 'rxjs';
-import { LiveUpdateChart, PieChart, EarningData } from '../data/earning';
-
-@Injectable()
-export class EarningService extends EarningData {
-
-  private currentDate: Date = new Date();
-  private currentValue = Math.random() * 1000;
-  private ONE_DAY = 24 * 3600 * 1000;
-
-  private pieChartData = [
-    {
-      value: 50,
-      name: 'Bitcoin',
-    },
-    {
-      value: 25,
-      name: 'Tether',
-    },
-    {
-      value: 25,
-      name: 'Ethereum',
-    },
-  ];
-
-  private liveUpdateChartData = {
-    bitcoin: {
-      liveChart: [],
-      delta: {
-        up: true,
-        value: 4,
-      },
-      dailyIncome: 45895,
-    },
-    tether: {
-      liveChart: [],
-      delta: {
-        up: false,
-        value: 9,
-      },
-      dailyIncome: 5862,
-    },
-    ethereum: {
-      liveChart: [],
-      delta: {
-        up: false,
-        value: 21,
-      },
-      dailyIncome: 584,
-    },
-  };
-
-  getDefaultLiveChartData(elementsNumber: number) {
-    this.currentDate = new Date();
-    this.currentValue = Math.random() * 1000;
-
-    return Array.from(Array(elementsNumber))
-      .map(item => this.generateRandomLiveChartData());
-  }
-
-  generateRandomLiveChartData() {
-    this.currentDate = new Date(+this.currentDate + this.ONE_DAY);
-    this.currentValue = this.currentValue + Math.random() * 20 - 11;
-
-    if (this.currentValue < 0) {
-      this.currentValue = Math.random() * 100;
-    }
-
-    return {
-      value: [
-        [
-          this.currentDate.getFullYear(),
-          this.currentDate.getMonth(),
-          this.currentDate.getDate(),
-        ].join('/'),
-        Math.round(this.currentValue),
-      ],
-    };
-  }
-
-  getEarningLiveUpdateCardData(currency): Observable<any[]> {
-    const data = this.liveUpdateChartData[currency.toLowerCase()];
-    const newValue = this.generateRandomLiveChartData();
-
-    data.liveChart.shift();
-    data.liveChart.push(newValue);
-
-    return observableOf(data.liveChart);
-  }
-
-  getEarningCardData(currency: string): Observable<LiveUpdateChart> {
-    const data = this.liveUpdateChartData[currency.toLowerCase()];
-
-    data.liveChart = this.getDefaultLiveChartData(150);
-
-    return observableOf(data);
-  }
-
-  getEarningPieChartData(): Observable<PieChart[]> {
-    return observableOf(this.pieChartData);
-  }
-}

src/frontend/src/app/@core/mock/electricity.service.ts

@@ -1,95 +0,0 @@
-import { Injectable } from '@angular/core';
-import { of as observableOf, Observable } from 'rxjs';
-import { Electricity, ElectricityChart, ElectricityData } from '../data/electricity';
-
-@Injectable()
-export class ElectricityService extends ElectricityData {
-
-  private listData: Electricity[] = [
-    {
-      title: '2015',
-      months: [
-        { month: 'Jan', delta: '0.97', down: true, kWatts: '816', cost: '97' },
-        { month: 'Feb', delta: '1.83', down: true, kWatts: '806', cost: '95' },
-        { month: 'Mar', delta: '0.64', down: true, kWatts: '803', cost: '94' },
-        { month: 'Apr', delta: '2.17', down: false, kWatts: '818', cost: '98' },
-        { month: 'May', delta: '1.32', down: true, kWatts: '809', cost: '96' },
-        { month: 'Jun', delta: '0.05', down: true, kWatts: '808', cost: '96' },
-        { month: 'Jul', delta: '1.39', down: false, kWatts: '815', cost: '97' },
-        { month: 'Aug', delta: '0.73', down: true, kWatts: '807', cost: '95' },
-        { month: 'Sept', delta: '2.61', down: true, kWatts: '792', cost: '92' },
-        { month: 'Oct', delta: '0.16', down: true, kWatts: '791', cost: '92' },
-        { month: 'Nov', delta: '1.71', down: true, kWatts: '786', cost: '89' },
-        { month: 'Dec', delta: '0.37', down: false, kWatts: '789', cost: '91' },
-      ],
-    },
-    {
-      title: '2016',
-      active: true,
-      months: [
-        { month: 'Jan', delta: '1.56', down: true, kWatts: '789', cost: '91' },
-        { month: 'Feb', delta: '0.33', down: false, kWatts: '791', cost: '92' },
-        { month: 'Mar', delta: '0.62', down: true, kWatts: '790', cost: '92' },
-        { month: 'Apr', delta: '1.93', down: true, kWatts: '783', cost: '87' },
-        { month: 'May', delta: '2.52', down: true, kWatts: '771', cost: '83' },
-        { month: 'Jun', delta: '0.39', down: false, kWatts: '774', cost: '85' },
-        { month: 'Jul', delta: '1.61', down: true, kWatts: '767', cost: '81' },
-        { month: 'Aug', delta: '1.41', down: true, kWatts: '759', cost: '76' },
-        { month: 'Sept', delta: '1.03', down: true, kWatts: '752', cost: '74' },
-        { month: 'Oct', delta: '2.94', down: false, kWatts: '769', cost: '82' },
-        { month: 'Nov', delta: '0.26', down: true, kWatts: '767', cost: '81' },
-        { month: 'Dec', delta: '1.62', down: true, kWatts: '760', cost: '76' },
-      ],
-    },
-    {
-      title: '2017',
-      months: [
-        { month: 'Jan', delta: '1.34', down: false, kWatts: '789', cost: '91' },
-        { month: 'Feb', delta: '0.95', down: false, kWatts: '793', cost: '93' },
-        { month: 'Mar', delta: '0.25', down: true, kWatts: '791', cost: '92' },
-        { month: 'Apr', delta: '1.72', down: false, kWatts: '797', cost: '95' },
-        { month: 'May', delta: '2.62', down: true, kWatts: '786', cost: '90' },
-        { month: 'Jun', delta: '0.72', down: false, kWatts: '789', cost: '91' },
-        { month: 'Jul', delta: '0.78', down: true, kWatts: '784', cost: '89' },
-        { month: 'Aug', delta: '0.36', down: true, kWatts: '782', cost: '88' },
-        { month: 'Sept', delta: '0.55', down: false, kWatts: '787', cost: '90' },
-        { month: 'Oct', delta: '1.81', down: true, kWatts: '779', cost: '86' },
-        { month: 'Nov', delta: '1.12', down: true, kWatts: '774', cost: '84' },
-        { month: 'Dec', delta: '0.52', down: false, kWatts: '776', cost: '95' },
-      ],
-    },
-  ];
-
-  private chartPoints = [
-    490, 490, 495, 500,
-    505, 510, 520, 530,
-    550, 580, 630, 720,
-    800, 840, 860, 870,
-    870, 860, 840, 800,
-    720, 200, 145, 130,
-    130, 145, 200, 570,
-    635, 660, 670, 670,
-    660, 630, 580, 460,
-    380, 350, 340, 340,
-    340, 340, 340, 340,
-    340, 340, 340,
-  ];
-
-  chartData: ElectricityChart[];
-
-  constructor() {
-    super();
-    this.chartData = this.chartPoints.map((p, index) => ({
-      label: (index % 5 === 3) ? `${Math.round(index / 5)}` : '',
-      value: p,
-    }));
-  }
-
-  getListData(): Observable<Electricity[]> {
-    return observableOf(this.listData);
-  }
-
-  getChartData(): Observable<ElectricityChart[]> {
-    return observableOf(this.chartData);
-  }
-}

src/frontend/src/app/@core/mock/mock-data.module.ts

@@ -1,65 +0,0 @@
-import { NgModule, ModuleWithProviders } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-import { UserService } from './users.service';
-import { ElectricityService } from './electricity.service';
-import { SmartTableService } from './smart-table.service';
-import { UserActivityService } from './user-activity.service';
-import { OrdersChartService } from './orders-chart.service';
-import { ProfitChartService } from './profit-chart.service';
-import { TrafficListService } from './traffic-list.service';
-import { PeriodsService } from './periods.service';
-import { EarningService } from './earning.service';
-import { OrdersProfitChartService } from './orders-profit-chart.service';
-import { TrafficBarService } from './traffic-bar.service';
-import { ProfitBarAnimationChartService } from './profit-bar-animation-chart.service';
-import { TemperatureHumidityService } from './temperature-humidity.service';
-import { SolarService } from './solar.service';
-import { TrafficChartService } from './traffic-chart.service';
-import { StatsBarService } from './stats-bar.service';
-import { CountryOrderService } from './country-order.service';
-import { StatsProgressBarService } from './stats-progress-bar.service';
-import { VisitorsAnalyticsService } from './visitors-analytics.service';
-import { SecurityCamerasService } from './security-cameras.service';
-
-const SERVICES = [
-  UserService,
-  ElectricityService,
-  SmartTableService,
-  UserActivityService,
-  OrdersChartService,
-  ProfitChartService,
-  TrafficListService,
-  PeriodsService,
-  EarningService,
-  OrdersProfitChartService,
-  TrafficBarService,
-  ProfitBarAnimationChartService,
-  TemperatureHumidityService,
-  SolarService,
-  TrafficChartService,
-  StatsBarService,
-  CountryOrderService,
-  StatsProgressBarService,
-  VisitorsAnalyticsService,
-  SecurityCamerasService,
-];
-
-@NgModule({
-  imports: [
-    CommonModule,
-  ],
-  providers: [
-    ...SERVICES,
-  ],
-})
-export class MockDataModule {
-  static forRoot(): ModuleWithProviders {
-    return <ModuleWithProviders>{
-      ngModule: MockDataModule,
-      providers: [
-        ...SERVICES,
-      ],
-    };
-  }
-}

src/frontend/src/app/@core/mock/orders-chart.service.ts

@@ -1,155 +0,0 @@
-import { Injectable } from '@angular/core';
-import { PeriodsService } from './periods.service';
-import { OrdersChart, OrdersChartData } from '../data/orders-chart';
-
-@Injectable()
-export class OrdersChartService extends OrdersChartData {
-
-  private year = [
-    '2012',
-    '2013',
-    '2014',
-    '2015',
-    '2016',
-    '2017',
-    '2018',
-  ];
-
-  private data = { };
-
-  constructor(private period: PeriodsService) {
-    super();
-    this.data = {
-      week: this.getDataForWeekPeriod(),
-      month: this.getDataForMonthPeriod(),
-      year: this.getDataForYearPeriod(),
-    };
-  }
-
-  private getDataForWeekPeriod(): OrdersChart {
-    return {
-      chartLabel: this.getDataLabels(42, this.period.getWeeks()),
-      linesData: [
-        [
-          184, 267, 326, 366, 389, 399,
-          392, 371, 340, 304, 265, 227,
-          191, 158, 130, 108, 95, 91, 97,
-          109, 125, 144, 166, 189, 212,
-          236, 259, 280, 300, 316, 329,
-          338, 342, 339, 329, 312, 288,
-          258, 221, 178, 128, 71,
-        ],
-        [
-          158, 178, 193, 205, 212, 213,
-          204, 190, 180, 173, 168, 164,
-          162, 160, 159, 158, 159, 166,
-          179, 195, 215, 236, 257, 276,
-          292, 301, 304, 303, 300, 293,
-          284, 273, 262, 251, 241, 234,
-          232, 232, 232, 232, 232, 232,
-        ],
-        [
-          58, 137, 202, 251, 288, 312,
-          323, 324, 311, 288, 257, 222,
-          187, 154, 124, 100, 81, 68, 61,
-          58, 61, 69, 80, 96, 115, 137,
-          161, 186, 210, 233, 254, 271,
-          284, 293, 297, 297, 297, 297,
-          297, 297, 297, 297, 297,
-        ],
-      ],
-    };
-  }
-
-  private getDataForMonthPeriod(): OrdersChart {
-    return {
-      chartLabel: this.getDataLabels(47, this.period.getMonths()),
-      linesData: [
-        [
-          5, 63, 113, 156, 194, 225,
-          250, 270, 283, 289, 290,
-          286, 277, 264, 244, 220,
-          194, 171, 157, 151, 150,
-          152, 155, 160, 166, 170,
-          167, 153, 135, 115, 97,
-          82, 71, 64, 63, 62, 61,
-          62, 65, 73, 84, 102,
-          127, 159, 203, 259, 333,
-        ],
-        [
-          6, 83, 148, 200, 240,
-          265, 273, 259, 211,
-          122, 55, 30, 28, 36,
-          50, 68, 88, 109, 129,
-          146, 158, 163, 165,
-          173, 187, 208, 236,
-          271, 310, 346, 375,
-          393, 400, 398, 387,
-          368, 341, 309, 275,
-          243, 220, 206, 202,
-          207, 222, 247, 286, 348,
-        ],
-        [
-          398, 348, 315, 292, 274,
-          261, 251, 243, 237, 231,
-          222, 209, 192, 172, 152,
-          132, 116, 102, 90, 80, 71,
-          64, 58, 53, 49, 48, 54, 66,
-          84, 104, 125, 142, 156, 166,
-          172, 174, 172, 167, 159, 149,
-          136, 121, 105, 86, 67, 45, 22,
-        ],
-      ],
-    };
-  }
-
-  private getDataForYearPeriod(): OrdersChart {
-    return {
-      chartLabel: this.getDataLabels(42, this.year),
-      linesData: [
-        [
-          190, 269, 327, 366, 389, 398,
-          396, 387, 375, 359, 343, 327,
-          312, 298, 286, 276, 270, 268,
-          265, 258, 247, 234, 220, 204,
-          188, 172, 157, 142, 128, 116,
-          106, 99, 95, 94, 92, 89, 84,
-          77, 69, 60, 49, 36, 22,
-        ],
-        [
-          265, 307, 337, 359, 375, 386,
-          393, 397, 399, 397, 390, 379,
-          365, 347, 326, 305, 282, 261,
-          241, 223, 208, 197, 190, 187,
-          185, 181, 172, 160, 145, 126,
-          105, 82, 60, 40, 26, 19, 22,
-          43, 82, 141, 220, 321,
-        ],
-        [
-          9, 165, 236, 258, 244, 206,
-          186, 189, 209, 239, 273, 307,
-          339, 365, 385, 396, 398, 385,
-          351, 300, 255, 221, 197, 181,
-          170, 164, 162, 161, 159, 154,
-          146, 135, 122, 108, 96, 87,
-          83, 82, 82, 82, 82, 82, 82,
-        ],
-      ],
-    };
-  }
-
-  getDataLabels(nPoints: number, labelsArray: string[]): string[] {
-    const labelsArrayLength = labelsArray.length;
-    const step = Math.round(nPoints / labelsArrayLength);
-
-    return Array.from(Array(nPoints)).map((item, index) => {
-      const dataIndex = Math.round(index / step);
-
-      return index % step === 0 ? labelsArray[dataIndex] : '';
-    });
-  }
-
-  getOrdersChartData(period: string): OrdersChart {
-    return this.data[period];
-  }
-}

src/frontend/src/app/@core/mock/orders-profit-chart.service.ts

@@ -1,45 +0,0 @@
-import { of as observableOf,  Observable } from 'rxjs';
-import { Injectable } from '@angular/core';
-import { OrdersChart, OrdersChartData } from '../data/orders-chart';
-import { OrderProfitChartSummary, OrdersProfitChartData } from '../data/orders-profit-chart';
-import { ProfitChart, ProfitChartData } from '../data/profit-chart';
-
-@Injectable()
-export class OrdersProfitChartService extends OrdersProfitChartData {
-
-  private summary = [
-    {
-      title: 'Marketplace',
-      value: 3654,
-    },
-    {
-      title: 'Last Month',
-      value: 946,
-    },
-    {
-      title: 'Last Week',
-      value: 654,
-    },
-    {
-      title: 'Today',
-      value: 230,
-    },
-  ];
-
-  constructor(private ordersChartService: OrdersChartData,
-              private profitChartService: ProfitChartData) {
-    super();
-  }
-
-  getOrderProfitChartSummary(): Observable<OrderProfitChartSummary[]> {
-    return observableOf(this.summary);
-  }
-
-  getOrdersChartData(period: string): Observable<OrdersChart> {
-    return observableOf(this.ordersChartService.getOrdersChartData(period));
-  }
-
-  getProfitChartData(period: string): Observable<ProfitChart> {
-    return observableOf(this.profitChartService.getProfitChartData(period));
-  }
-}

src/frontend/src/app/@core/mock/periods.service.ts

@@ -1,33 +0,0 @@
-import { Injectable } from '@angular/core';
-
-@Injectable()
-export class PeriodsService {
-  getYears() {
-    return [
-      '2010', '2011', '2012',
-      '2013', '2014', '2015',
-      '2016', '2017', '2018',
-    ];
-  }
-
-  getMonths() {
-    return [
-      'Jan', 'Feb', 'Mar',
-      'Apr', 'May', 'Jun',
-      'Jul', 'Aug', 'Sep',
-      'Oct', 'Nov', 'Dec',
-    ];
-  }
-
-  getWeeks() {
-    return [
-      'Mon',
-      'Tue',
-      'Wed',
-      'Thu',
-      'Fri',
-      'Sat',
-      'Sun',
-    ];
-  }
-}

src/frontend/src/app/@core/mock/profit-bar-animation-chart.service.ts

@@ -1,43 +0,0 @@
-import { Injectable } from '@angular/core';
-import { of as observableOf,  Observable } from 'rxjs';
-import { ProfitBarAnimationChartData } from '../data/profit-bar-animation-chart';
-
-@Injectable()
-export class ProfitBarAnimationChartService extends ProfitBarAnimationChartData {
-
-  private data: any;
-
-  constructor() {
-    super();
-    this.data = {
-      firstLine: this.getDataForFirstLine(),
-      secondLine: this.getDataForSecondLine(),
-    };
-  }
-
-  getDataForFirstLine(): number[] {
-    return this.createEmptyArray(100)
-      .map((_, index) => {
-        const oneFifth = index / 5;
-
-        return (Math.sin(oneFifth) * (oneFifth - 10) + index / 6) * 5;
-      });
-  }
-
-  getDataForSecondLine(): number[] {
-    return this.createEmptyArray(100)
-      .map((_, index) => {
-        const oneFifth = index / 5;
-
-        return (Math.cos(oneFifth) * (oneFifth - 10) + index / 6) * 5;
-      });
-  }
-
-  createEmptyArray(nPoints: number) {
-    return Array.from(Array(nPoints));
-  }
-
-  getChartData(): Observable<{ firstLine: number[]; secondLine: number[]; }> {
-    return observableOf(this.data);
-  }
-}

src/frontend/src/app/@core/mock/profit-chart.service.ts

@@ -1,77 +0,0 @@
-import { Injectable } from '@angular/core';
-import { PeriodsService } from './periods.service';
-import { ProfitChart, ProfitChartData } from '../data/profit-chart';
-
-@Injectable()
-export class ProfitChartService extends ProfitChartData {
-
-  private year = [
-    '2012',
-    '2013',
-    '2014',
-    '2015',
-    '2016',
-    '2017',
-    '2018',
-  ];
-
-  private data = { };
-
-  constructor(private period: PeriodsService) {
-    super();
-    this.data = {
-      week: this.getDataForWeekPeriod(),
-      month: this.getDataForMonthPeriod(),
-      year: this.getDataForYearPeriod(),
-    };
-  }
-
-  private getDataForWeekPeriod(): ProfitChart {
-    const nPoint = this.period.getWeeks().length;
-
-    return {
-      chartLabel: this.period.getWeeks(),
-      data: [
-        this.getRandomData(nPoint),
-        this.getRandomData(nPoint),
-        this.getRandomData(nPoint),
-      ],
-    };
-  }
-
-  private getDataForMonthPeriod(): ProfitChart {
-    const nPoint = this.period.getMonths().length;
-
-    return {
-      chartLabel: this.period.getMonths(),
-      data: [
-        this.getRandomData(nPoint),
-        this.getRandomData(nPoint),
-        this.getRandomData(nPoint),
-      ],
-    };
-  }
-
-  private getDataForYearPeriod(): ProfitChart {
-    const nPoint = this.year.length;
-
-    return {
-      chartLabel: this.year,
-      data: [
-        this.getRandomData(nPoint),
-        this.getRandomData(nPoint),
-        this.getRandomData(nPoint),
-      ],
-    };
-  }
-
-  private getRandomData(nPoints: number): number[] {
-    return Array.from(Array(nPoints)).map(() => {
-      return Math.round(Math.random() * 500);
-    });
-  }
-
-  getProfitChartData(period: string): ProfitChart {
-    return this.data[period];
-  }
-}

src/frontend/src/app/@core/mock/security-cameras.service.ts

@@ -1,30 +0,0 @@
-import { Injectable } from '@angular/core';
-import { of as observableOf, Observable } from 'rxjs';
-import { Camera, SecurityCamerasData } from '../data/security-cameras';
-
-@Injectable()
-export class SecurityCamerasService extends SecurityCamerasData {
-
-  private cameras: Camera[] = [
-    {
-      title: 'Camera #1',
-      source: 'assets/images/camera1.jpg',
-    },
-    {
-      title: 'Camera #2',
-      source: 'assets/images/camera2.jpg',
-    },
-    {
-      title: 'Camera #3',
-      source: 'assets/images/camera3.jpg',
-    },
-    {
-      title: 'Camera #4',
-      source: 'assets/images/camera4.jpg',
-    },
-  ];
-
-  getCamerasData(): Observable<Camera[]> {
-    return observableOf(this.cameras);
-  }
-}

src/frontend/src/app/@core/mock/smart-table.service.ts

@@ -1,432 +0,0 @@
-import { Injectable } from '@angular/core';
-import { SmartTableData } from '../data/smart-table';
-
-@Injectable()
-export class SmartTableService extends SmartTableData {
-
-  data = [{
-    id: 1,
-    firstName: 'Mark',
-    lastName: 'Otto',
-    username: '@mdo',
-    email: 'mdo@gmail.com',
-    age: '28',
-  }, {
-    id: 2,
-    firstName: 'Jacob',
-    lastName: 'Thornton',
-    username: '@fat',
-    email: 'fat@yandex.ru',
-    age: '45',
-  }, {
-    id: 3,
-    firstName: 'Larry',
-    lastName: 'Bird',
-    username: '@twitter',
-    email: 'twitter@outlook.com',
-    age: '18',
-  }, {
-    id: 4,
-    firstName: 'John',
-    lastName: 'Snow',
-    username: '@snow',
-    email: 'snow@gmail.com',
-    age: '20',
-  }, {
-    id: 5,
-    firstName: 'Jack',
-    lastName: 'Sparrow',
-    username: '@jack',
-    email: 'jack@yandex.ru',
-    age: '30',
-  }, {
-    id: 6,
-    firstName: 'Ann',
-    lastName: 'Smith',
-    username: '@ann',
-    email: 'ann@gmail.com',
-    age: '21',
-  }, {
-    id: 7,
-    firstName: 'Barbara',
-    lastName: 'Black',
-    username: '@barbara',
-    email: 'barbara@yandex.ru',
-    age: '43',
-  }, {
-    id: 8,
-    firstName: 'Sevan',
-    lastName: 'Bagrat',
-    username: '@sevan',
-    email: 'sevan@outlook.com',
-    age: '13',
-  }, {
-    id: 9,
-    firstName: 'Ruben',
-    lastName: 'Vardan',
-    username: '@ruben',
-    email: 'ruben@gmail.com',
-    age: '22',
-  }, {
-    id: 10,
-    firstName: 'Karen',
-    lastName: 'Sevan',
-    username: '@karen',
-    email: 'karen@yandex.ru',
-    age: '33',
-  }, {
-    id: 11,
-    firstName: 'Mark',
-    lastName: 'Otto',
-    username: '@mark',
-    email: 'mark@gmail.com',
-    age: '38',
-  }, {
-    id: 12,
-    firstName: 'Jacob',
-    lastName: 'Thornton',
-    username: '@jacob',
-    email: 'jacob@yandex.ru',
-    age: '48',
-  }, {
-    id: 13,
-    firstName: 'Haik',
-    lastName: 'Hakob',
-    username: '@haik',
-    email: 'haik@outlook.com',
-    age: '48',
-  }, {
-    id: 14,
-    firstName: 'Garegin',
-    lastName: 'Jirair',
-    username: '@garegin',
-    email: 'garegin@gmail.com',
-    age: '40',
-  }, {
-    id: 15,
-    firstName: 'Krikor',
-    lastName: 'Bedros',
-    username: '@krikor',
-    email: 'krikor@yandex.ru',
-    age: '32',
-  }, {
-    'id': 16,
-    'firstName': 'Francisca',
-    'lastName': 'Brady',
-    'username': '@Gibson',
-    'email': 'franciscagibson@comtours.com',
-    'age': 11,
-  }, {
-    'id': 17,
-    'firstName': 'Tillman',
-    'lastName': 'Figueroa',
-    'username': '@Snow',
-    'email': 'tillmansnow@comtours.com',
-    'age': 34,
-  }, {
-    'id': 18,
-    'firstName': 'Jimenez',
-    'lastName': 'Morris',
-    'username': '@Bryant',
-    'email': 'jimenezbryant@comtours.com',
-    'age': 45,
-  }, {
-    'id': 19,
-    'firstName': 'Sandoval',
-    'lastName': 'Jacobson',
-    'username': '@Mcbride',
-    'email': 'sandovalmcbride@comtours.com',
-    'age': 32,
-  }, {
-    'id': 20,
-    'firstName': 'Griffin',
-    'lastName': 'Torres',
-    'username': '@Charles',
-    'email': 'griffincharles@comtours.com',
-    'age': 19,
-  }, {
-    'id': 21,
-    'firstName': 'Cora',
-    'lastName': 'Parker',
-    'username': '@Caldwell',
-    'email': 'coracaldwell@comtours.com',
-    'age': 27,
-  }, {
-    'id': 22,
-    'firstName': 'Cindy',
-    'lastName': 'Bond',
-    'username': '@Velez',
-    'email': 'cindyvelez@comtours.com',
-    'age': 24,
-  }, {
-    'id': 23,
-    'firstName': 'Frieda',
-    'lastName': 'Tyson',
-    'username': '@Craig',
-    'email': 'friedacraig@comtours.com',
-    'age': 45,
-  }, {
-    'id': 24,
-    'firstName': 'Cote',
-    'lastName': 'Holcomb',
-    'username': '@Rowe',
-    'email': 'coterowe@comtours.com',
-    'age': 20,
-  }, {
-    'id': 25,
-    'firstName': 'Trujillo',
-    'lastName': 'Mejia',
-    'username': '@Valenzuela',
-    'email': 'trujillovalenzuela@comtours.com',
-    'age': 16,
-  }, {
-    'id': 26,
-    'firstName': 'Pruitt',
-    'lastName': 'Shepard',
-    'username': '@Sloan',
-    'email': 'pruittsloan@comtours.com',
-    'age': 44,
-  }, {
-    'id': 27,
-    'firstName': 'Sutton',
-    'lastName': 'Ortega',
-    'username': '@Black',
-    'email': 'suttonblack@comtours.com',
-    'age': 42,
-  }, {
-    'id': 28,
-    'firstName': 'Marion',
-    'lastName': 'Heath',
-    'username': '@Espinoza',
-    'email': 'marionespinoza@comtours.com',
-    'age': 47,
-  }, {
-    'id': 29,
-    'firstName': 'Newman',
-    'lastName': 'Hicks',
-    'username': '@Keith',
-    'email': 'newmankeith@comtours.com',
-    'age': 15,
-  }, {
-    'id': 30,
-    'firstName': 'Boyle',
-    'lastName': 'Larson',
-    'username': '@Summers',
-    'email': 'boylesummers@comtours.com',
-    'age': 32,
-  }, {
-    'id': 31,
-    'firstName': 'Haynes',
-    'lastName': 'Vinson',
-    'username': '@Mckenzie',
-    'email': 'haynesmckenzie@comtours.com',
-    'age': 15,
-  }, {
-    'id': 32,
-    'firstName': 'Miller',
-    'lastName': 'Acosta',
-    'username': '@Young',
-    'email': 'milleryoung@comtours.com',
-    'age': 55,
-  }, {
-    'id': 33,
-    'firstName': 'Johnston',
-    'lastName': 'Brown',
-    'username': '@Knight',
-    'email': 'johnstonknight@comtours.com',
-    'age': 29,
-  }, {
-    'id': 34,
-    'firstName': 'Lena',
-    'lastName': 'Pitts',
-    'username': '@Forbes',
-    'email': 'lenaforbes@comtours.com',
-    'age': 25,
-  }, {
-    'id': 35,
-    'firstName': 'Terrie',
-    'lastName': 'Kennedy',
-    'username': '@Branch',
-    'email': 'terriebranch@comtours.com',
-    'age': 37,
-  }, {
-    'id': 36,
-    'firstName': 'Louise',
-    'lastName': 'Aguirre',
-    'username': '@Kirby',
-    'email': 'louisekirby@comtours.com',
-    'age': 44,
-  }, {
-    'id': 37,
-    'firstName': 'David',
-    'lastName': 'Patton',
-    'username': '@Sanders',
-    'email': 'davidsanders@comtours.com',
-    'age': 26,
-  }, {
-    'id': 38,
-    'firstName': 'Holden',
-    'lastName': 'Barlow',
-    'username': '@Mckinney',
-    'email': 'holdenmckinney@comtours.com',
-    'age': 11,
-  }, {
-    'id': 39,
-    'firstName': 'Baker',
-    'lastName': 'Rivera',
-    'username': '@Montoya',
-    'email': 'bakermontoya@comtours.com',
-    'age': 47,
-  }, {
-    'id': 40,
-    'firstName': 'Belinda',
-    'lastName': 'Lloyd',
-    'username': '@Calderon',
-    'email': 'belindacalderon@comtours.com',
-    'age': 21,
-  }, {
-    'id': 41,
-    'firstName': 'Pearson',
-    'lastName': 'Patrick',
-    'username': '@Clements',
-    'email': 'pearsonclements@comtours.com',
-    'age': 42,
-  }, {
-    'id': 42,
-    'firstName': 'Alyce',
-    'lastName': 'Mckee',
-    'username': '@Daugherty',
-    'email': 'alycedaugherty@comtours.com',
-    'age': 55,
-  }, {
-    'id': 43,
-    'firstName': 'Valencia',
-    'lastName': 'Spence',
-    'username': '@Olsen',
-    'email': 'valenciaolsen@comtours.com',
-    'age': 20,
-  }, {
-    'id': 44,
-    'firstName': 'Leach',
-    'lastName': 'Holcomb',
-    'username': '@Humphrey',
-    'email': 'leachhumphrey@comtours.com',
-    'age': 28,
-  }, {
-    'id': 45,
-    'firstName': 'Moss',
-    'lastName': 'Baxter',
-    'username': '@Fitzpatrick',
-    'email': 'mossfitzpatrick@comtours.com',
-    'age': 51,
-  }, {
-    'id': 46,
-    'firstName': 'Jeanne',
-    'lastName': 'Cooke',
-    'username': '@Ward',
-    'email': 'jeanneward@comtours.com',
-    'age': 59,
-  }, {
-    'id': 47,
-    'firstName': 'Wilma',
-    'lastName': 'Briggs',
-    'username': '@Kidd',
-    'email': 'wilmakidd@comtours.com',
-    'age': 53,
-  }, {
-    'id': 48,
-    'firstName': 'Beatrice',
-    'lastName': 'Perry',
-    'username': '@Gilbert',
-    'email': 'beatricegilbert@comtours.com',
-    'age': 39,
-  }, {
-    'id': 49,
-    'firstName': 'Whitaker',
-    'lastName': 'Hyde',
-    'username': '@Mcdonald',
-    'email': 'whitakermcdonald@comtours.com',
-    'age': 35,
-  }, {
-    'id': 50,
-    'firstName': 'Rebekah',
-    'lastName': 'Duran',
-    'username': '@Gross',
-    'email': 'rebekahgross@comtours.com',
-    'age': 40,
-  }, {
-    'id': 51,
-    'firstName': 'Earline',
-    'lastName': 'Mayer',
-    'username': '@Woodward',
-    'email': 'earlinewoodward@comtours.com',
-    'age': 52,
-  }, {
-    'id': 52,
-    'firstName': 'Moran',
-    'lastName': 'Baxter',
-    'username': '@Johns',
-    'email': 'moranjohns@comtours.com',
-    'age': 20,
-  }, {
-    'id': 53,
-    'firstName': 'Nanette',
-    'lastName': 'Hubbard',
-    'username': '@Cooke',
-    'email': 'nanettecooke@comtours.com',
-    'age': 55,
-  }, {
-    'id': 54,
-    'firstName': 'Dalton',
-    'lastName': 'Walker',
-    'username': '@Hendricks',
-    'email': 'daltonhendricks@comtours.com',
-    'age': 25,
-  }, {
-    'id': 55,
-    'firstName': 'Bennett',
-    'lastName': 'Blake',
-    'username': '@Pena',
-    'email': 'bennettpena@comtours.com',
-    'age': 13,
-  }, {
-    'id': 56,
-    'firstName': 'Kellie',
-    'lastName': 'Horton',
-    'username': '@Weiss',
-    'email': 'kellieweiss@comtours.com',
-    'age': 48,
-  }, {
-    'id': 57,
-    'firstName': 'Hobbs',
-    'lastName': 'Talley',
-    'username': '@Sanford',
-    'email': 'hobbssanford@comtours.com',
-    'age': 28,
-  }, {
-    'id': 58,
-    'firstName': 'Mcguire',
-    'lastName': 'Donaldson',
-    'username': '@Roman',
-    'email': 'mcguireroman@comtours.com',
-    'age': 38,
-  }, {
-    'id': 59,
-    'firstName': 'Rodriquez',
-    'lastName': 'Saunders',
-    'username': '@Harper',
-    'email': 'rodriquezharper@comtours.com',
-    'age': 20,
-  }, {
-    'id': 60,
-    'firstName': 'Lou',
-    'lastName': 'Conner',
-    'username': '@Sanchez',
-    'email': 'lousanchez@comtours.com',
-    'age': 16,
-  }];
-
-  getData() {
-    return this.data;
-  }
-}

src/frontend/src/app/@core/mock/solar.service.ts

@@ -1,12 +0,0 @@
-import { Injectable } from '@angular/core';
-import { of as observableOf,  Observable } from 'rxjs';
-import { SolarData } from '../data/solar';
-
-@Injectable()
-export class SolarService extends SolarData {
-  private value = 42;
-
-  getSolarData(): Observable<number> {
-    return observableOf(this.value);
-  }
-}

src/frontend/src/app/@core/mock/stats-bar.service.ts

@@ -1,16 +0,0 @@
-import { Injectable } from '@angular/core';
-import { of as observableOf, Observable } from 'rxjs';
-import { StatsBarData } from '../data/stats-bar';
-
-@Injectable()
-export class StatsBarService extends StatsBarData {
-
-  private statsBarData: number[] = [
-    300, 520, 435, 530,
-    730, 620, 660, 860,
-  ];
-
-  getStatsBarData(): Observable<number[]> {
-    return observableOf(this.statsBarData);
-  }
-}

src/frontend/src/app/@core/mock/stats-progress-bar.service.ts

@@ -1,31 +0,0 @@
-import { Injectable } from '@angular/core';
-import { of as observableOf, Observable } from 'rxjs';
-import { ProgressInfo, StatsProgressBarData } from '../data/stats-progress-bar';
-
-@Injectable()
-export class StatsProgressBarService extends StatsProgressBarData {
-  private progressInfoData: ProgressInfo[] = [
-    {
-      title: 'Today’s Profit',
-      value: 572900,
-      activeProgress: 70,
-      description: 'Better than last week (70%)',
-    },
-    {
-      title: 'New Orders',
-      value: 6378,
-      activeProgress: 30,
-      description: 'Better than last week (30%)',
-    },
-    {
-      title: 'New Comments',
-      value: 200,
-      activeProgress: 55,
-      description: 'Better than last week (55%)',
-    },
-  ];
-
-  getProgressInfoData(): Observable<ProgressInfo[]> {
-    return observableOf(this.progressInfoData);
-  }
-}

src/frontend/src/app/@core/mock/temperature-humidity.service.ts

@@ -1,27 +0,0 @@
-import { Injectable } from '@angular/core';
-import { of as observableOf,  Observable } from 'rxjs';
-import { TemperatureHumidityData, Temperature } from '../data/temperature-humidity';
-
-@Injectable()
-export class TemperatureHumidityService extends TemperatureHumidityData {
-
-  private temperatureDate: Temperature = {
-    value: 24,
-    min: 12,
-    max: 30,
-  };
-
-  private humidityDate: Temperature = {
-    value: 87,
-    min: 0,
-    max: 100,
-  };
-
-  getTemperatureData(): Observable<Temperature> {
-    return observableOf(this.temperatureDate);
-  }
-
-  getHumidityData(): Observable<Temperature> {
-    return observableOf(this.humidityDate);
-  }
-}

src/frontend/src/app/@core/mock/traffic-bar.service.ts

@@ -1,47 +0,0 @@
-import { Injectable } from '@angular/core';
-import { of as observableOf,  Observable } from 'rxjs';
-import { PeriodsService } from './periods.service';
-import { TrafficBarData, TrafficBar } from '../data/traffic-bar';
-
-@Injectable()
-export class TrafficBarService extends TrafficBarData {
-
-  private data = { };
-
-  constructor(private period: PeriodsService) {
-    super();
-    this.data = {
-      week: this.getDataForWeekPeriod(),
-      month: this.getDataForMonthPeriod(),
-      year: this.getDataForYearPeriod(),
-    };
-  }
-
-  getDataForWeekPeriod(): TrafficBar {
-    return {
-      data: [10, 15, 19, 7, 20, 13, 15],
-      labels: this.period.getWeeks(),
-      formatter: '{c0} MB',
-    };
-  }
-
-  getDataForMonthPeriod(): TrafficBar {
-    return {
-      data: [0.5, 0.3, 0.8, 0.2, 0.3, 0.7, 0.8, 1, 0.7, 0.8, 0.6, 0.7],
-      labels: this.period.getMonths(),
-      formatter: '{c0} GB',
-    };
-  }
-
-  getDataForYearPeriod(): TrafficBar {
-    return {
-      data: [10, 15, 19, 7, 20, 13, 15, 19, 11],
-      labels: this.period.getYears(),
-      formatter: '{c0} GB',
-    };
-  }
-
-  getTrafficBarData(period: string): Observable<TrafficBar> {
-    return observableOf(this.data[period]);
-  }
-}

src/frontend/src/app/@core/mock/traffic-chart.service.ts

@@ -1,16 +0,0 @@
-import { Injectable } from '@angular/core';
-import { of as observableOf,  Observable } from 'rxjs';
-import { TrafficChartData } from '../data/traffic-chart';
-
-@Injectable()
-export class TrafficChartService extends TrafficChartData {
-
-  private data: number[] = [
-    300, 520, 435, 530,
-    730, 620, 660, 860,
-  ];
-
-  getTrafficChartData(): Observable<number[]> {
-    return observableOf(this.data);
-  }
-}

src/frontend/src/app/@core/mock/traffic-list.service.ts

@@ -1,85 +0,0 @@
-import { Injectable } from '@angular/core';
-import { of as observableOf,  Observable } from 'rxjs';
-import { PeriodsService } from './periods.service';
-import { TrafficList, TrafficListData } from '../data/traffic-list';
-
-@Injectable()
-export class TrafficListService extends TrafficListData {
-
-  private getRandom = (roundTo: number) => Math.round(Math.random() * roundTo);
-  private data = {};
-
-  constructor(private period: PeriodsService) {
-    super();
-    this.data = {
-      week: this.getDataWeek(),
-      month: this.getDataMonth(),
-      year: this.getDataYear(),
-    };
-  }
-
-  private getDataWeek(): TrafficList[] {
-    const getFirstDateInPeriod = () => {
-      const weeks = this.period.getWeeks();
-
-      return weeks[weeks.length - 1];
-    };
-
-    return this.reduceData(this.period.getWeeks(), getFirstDateInPeriod);
-  }
-
-  private getDataMonth(): TrafficList[] {
-    const getFirstDateInPeriod = () => {
-      const months = this.period.getMonths();
-
-      return months[months.length - 1];
-    };
-
-    return this.reduceData(this.period.getMonths(), getFirstDateInPeriod);
-  }
-
-  private getDataYear(): TrafficList[] {
-    const getFirstDateInPeriod = () => {
-      const years = this.period.getYears();
-
-      return `${parseInt(years[0], 10) - 1}`;
-    };
-
-    return this.reduceData(this.period.getYears(), getFirstDateInPeriod);
-  }
-
-  private reduceData(timePeriods: string[], getFirstDateInPeriod: () => string): TrafficList[] {
-    return timePeriods.reduce((result, timePeriod, index) => {
-      const hasResult = result[index - 1];
-      const prevDate = hasResult ?
-        result[index - 1].comparison.nextDate :
-        getFirstDateInPeriod();
-      const prevValue = hasResult ?
-        result[index - 1].comparison.nextValue :
-        this.getRandom(100);
-      const nextValue = this.getRandom(100);
-      const deltaValue = prevValue - nextValue;
-
-      const item = {
-        date: timePeriod,
-        value: this.getRandom(1000),
-        delta: {
-          up: deltaValue <= 0,
-          value: Math.abs(deltaValue),
-        },
-        comparison: {
-          prevDate,
-          prevValue,
-          nextDate: timePeriod,
-          nextValue,
-        },
-      };
-
-      return [...result, item];
-    }, []);
-  }
-
-  getTrafficListData(period: string): Observable<TrafficList> {
-    return observableOf(this.data[period]);
-  }
-}

src/frontend/src/app/@core/mock/user-activity.service.ts

@@ -1,57 +0,0 @@
-import { Injectable } from '@angular/core';
-import { of as observableOf,  Observable } from 'rxjs';
-import { PeriodsService } from './periods.service';
-import { UserActive, UserActivityData } from '../data/user-activity';
-
-@Injectable()
-export class UserActivityService extends UserActivityData {
-
-  private getRandom = (roundTo: number) => Math.round(Math.random() * roundTo);
-  private generateUserActivityRandomData(date) {
-    return {
-      date,
-      pagesVisitCount: this.getRandom(1000),
-      deltaUp: this.getRandom(1) % 2 === 0,
-      newVisits: this.getRandom(100),
-    };
-  }
-
-  data = {};
-
-  constructor(private periods: PeriodsService) {
-    super();
-    this.data = {
-      week: this.getDataWeek(),
-      month: this.getDataMonth(),
-      year: this.getDataYear(),
-    };
-  }
-
-  private getDataWeek(): UserActive[] {
-    return this.periods.getWeeks().map((week) => {
-      return this.generateUserActivityRandomData(week);
-    });
-  }
-
-  private getDataMonth(): UserActive[] {
-    const currentDate = new Date();
-    const days = currentDate.getDate();
-    const month = this.periods.getMonths()[currentDate.getMonth()];
-
-    return Array.from(Array(days)).map((_, index) => {
-      const date = `${index + 1} ${month}`;
-
-      return this.generateUserActivityRandomData(date);
-    });
-  }
-
-  private getDataYear(): UserActive[] {
-    return this.periods.getYears().map((year) => {
-      return this.generateUserActivityRandomData(year);
-    });
-  }
-
-  getUserActivityData(period: string): Observable<UserActive[]> {
-    return observableOf(this.data[period]);
-  }
-}

src/frontend/src/app/@core/mock/users.service.ts

@@ -1,53 +0,0 @@
-import { of as observableOf,  Observable } from 'rxjs';
-import { Injectable } from '@angular/core';
-import { Contacts, RecentUsers, UserData } from '../data/users';
-
-@Injectable()
-export class UserService extends UserData {
-
-  private time: Date = new Date;
-
-  private users = {
-    nick: { name: 'Nick Jones', picture: 'assets/images/nick.png' },
-    eva: { name: 'Eva Moor', picture: 'assets/images/eva.png' },
-    jack: { name: 'Jack Williams', picture: 'assets/images/jack.png' },
-    lee: { name: 'Lee Wong', picture: 'assets/images/lee.png' },
-    alan: { name: 'Alan Thompson', picture: 'assets/images/alan.png' },
-    kate: { name: 'Kate Martinez', picture: 'assets/images/kate.png' },
-  };
-  private types = {
-    mobile: 'mobile',
-    home: 'home',
-    work: 'work',
-  };
-  private contacts: Contacts[] = [
-    { user: this.users.nick, type: this.types.mobile },
-    { user: this.users.eva, type: this.types.home },
-    { user: this.users.jack, type: this.types.mobile },
-    { user: this.users.lee, type: this.types.mobile },
-    { user: this.users.alan, type: this.types.home },
-    { user: this.users.kate, type: this.types.work },
-  ];
-  private recentUsers: RecentUsers[]  = [
-    { user: this.users.alan, type: this.types.home, time: this.time.setHours(21, 12)},
-    { user: this.users.eva, type: this.types.home, time: this.time.setHours(17, 45)},
-    { user: this.users.nick, type: this.types.mobile, time: this.time.setHours(5, 29)},
-    { user: this.users.lee, type: this.types.mobile, time: this.time.setHours(11, 24)},
-    { user: this.users.jack, type: this.types.mobile, time: this.time.setHours(10, 45)},
-    { user: this.users.kate, type: this.types.work, time: this.time.setHours(9, 42)},
-    { user: this.users.kate, type: this.types.work, time: this.time.setHours(9, 31)},
-    { user: this.users.jack, type: this.types.mobile, time: this.time.setHours(8, 0)},
-  ];
-
-  getUsers(): Observable<any> {
-    return observableOf(this.users);
-  }
-
-  getContacts(): Observable<Contacts[]> {
-    return observableOf(this.contacts);
-  }
-
-  getRecentUsers(): Observable<RecentUsers[]> {
-    return observableOf(this.recentUsers);
-  }
-}

src/frontend/src/app/@core/mock/visitors-analytics.service.ts

@@ -1,57 +0,0 @@
-import { Injectable } from '@angular/core';
-import { of as observableOf, Observable } from 'rxjs';
-import { PeriodsService } from './periods.service';
-import { OutlineData, VisitorsAnalyticsData } from '../data/visitors-analytics';
-
-@Injectable()
-export class VisitorsAnalyticsService extends VisitorsAnalyticsData {
-
-  constructor(private periodService: PeriodsService) {
-    super();
-  }
-
-  private pieChartValue = 75;
-  private innerLinePoints: number[] = [
-    94, 188, 225, 244, 253, 254, 249, 235, 208,
-    173, 141, 118, 105, 97, 94, 96, 104, 121, 147,
-    183, 224, 265, 302, 333, 358, 375, 388, 395,
-    400, 400, 397, 390, 377, 360, 338, 310, 278,
-    241, 204, 166, 130, 98, 71, 49, 32, 20, 13, 9,
-  ];
-  private outerLinePoints: number[] = [
-    85, 71, 59, 50, 45, 42, 41, 44 , 58, 88,
-    136 , 199, 267, 326, 367, 391, 400, 397,
-    376, 319, 200, 104, 60, 41, 36, 37, 44,
-    55, 74, 100 , 131, 159, 180, 193, 199, 200,
-    195, 184, 164, 135, 103, 73, 50, 33, 22, 15, 11,
-  ];
-  private generateOutlineLineData(): OutlineData[] {
-    const months = this.periodService.getMonths();
-    const outerLinePointsLength = this.outerLinePoints.length;
-    const monthsLength = months.length;
-
-    return this.outerLinePoints.map((p, index) => {
-      const monthIndex = Math.round(index / 4);
-      const label = (index % Math.round(outerLinePointsLength / monthsLength) === 0)
-        ? months[monthIndex]
-        : '';
-
-      return {
-        label,
-        value: p,
-      };
-    });
-  }
-
-  getInnerLineChartData(): Observable<number[]> {
-    return observableOf(this.innerLinePoints);
-  }
-
-  getOutlineLineChartData(): Observable<OutlineData[]> {
-    return observableOf(this.generateOutlineLineData());
-  }
-
-  getPieChartData(): Observable<number> {
-    return observableOf(this.pieChartValue);
-  }
-}

src/frontend/src/app/@theme/components/footer/footer.component.ts

@@ -6,10 +6,7 @@ import { Component } from '@angular/core';
   template: `
     <span class="created-by">Created with ♥ by <b><a href="https://akveo.com" target="_blank">Akveo</a></b> 2019</span>
     <div class="socials">
-      <a href="#" target="_blank" class="ion ion-social-github"></a>
-      <a href="#" target="_blank" class="ion ion-social-facebook"></a>
-      <a href="#" target="_blank" class="ion ion-social-twitter"></a>
-      <a href="#" target="_blank" class="ion ion-social-linkedin"></a>
+      <a href="http://www.versioncontrol.me/" target="_blank" class="ion ion-social-github"></a>
     </div>
   `,
 })

src/frontend/src/app/@theme/components/header/header.component.html

@@ -3,11 +3,8 @@
     <a (click)="toggleSidebar()" href="#" class="sidebar-toggle">
       <nb-icon icon="menu-2-outline"></nb-icon>
     </a>
-    <a class="logo" href="#" (click)="navigateHome()">ngx-<span>admin</span></a>
+    <a class="logo" href="#" (click)="navigateHome()">Frontcraft</a>
   </div>
-  <nb-select [selected]="currentTheme" (selectedChange)="changeTheme($event)" status="primary">
-    <nb-option *ngFor="let theme of themes" [value]="theme.value"> {{ theme.name }}</nb-option>
-  </nb-select>
 </div>
 
 <div class="header-container">
@@ -18,7 +15,7 @@
     </nb-action>
     <nb-action class="control-item" icon="email-outline"></nb-action>
     <nb-action class="control-item" icon="bell-outline"></nb-action>
-    <nb-action class="user-action" *nbIsGranted="['view', 'user']" >
+    <nb-action class="user-action">
       <nb-user [nbContextMenu]="userMenu"
                [onlyPicture]="userPictureOnly"
                [name]="user?.name"

src/frontend/src/app/@theme/components/header/header.component.ts

@@ -36,14 +36,13 @@ export class HeaderComponent implements OnInit, OnDestroy {
     },
   ];
 
-  currentTheme = 'default';
+  currentTheme = 'dark';
 
   userMenu = [ { title: 'Profile' }, { title: 'Log out' } ];
 
   constructor(private sidebarService: NbSidebarService,
               private menuService: NbMenuService,
               private themeService: NbThemeService,
-              private userService: UserData,
               private layoutService: LayoutService,
               private breakpointService: NbMediaBreakpointsService) {
   }
@@ -51,10 +50,12 @@ export class HeaderComponent implements OnInit, OnDestroy {
   ngOnInit() {
     this.currentTheme = this.themeService.currentTheme;
 
+    /*
     this.userService.getUsers()
       .pipe(takeUntil(this.destroy$))
-      .subscribe((users: any) => this.user = users.nick);
-
+      .subscribe((users: any) => this.user = users.lee);
+    */
+   
     const { xl } = this.breakpointService.getBreakpointsMap();
     this.themeService.onMediaQueryChange()
       .pipe(

src/frontend/src/app/@theme/theme.module.ts

@@ -82,7 +82,7 @@ export class ThemeModule {
       providers: [
         ...NbThemeModule.forRoot(
           {
-            name: 'default',
+            name: 'dark',
           },
           [ DEFAULT_THEME, COSMIC_THEME, CORPORATE_THEME, DARK_THEME ],
         ).providers,

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

@@ -1,7 +1,6 @@
 import { ExtraOptions, RouterModule, Routes } from '@angular/router';
 import { NgModule } from '@angular/core';
 import {
-  NbAuthComponent,
   NbLoginComponent,
   NbLogoutComponent,
   NbRegisterComponent,
@@ -12,39 +11,10 @@ import {
 const routes: Routes = [
   {
     path: 'pages',
-    loadChildren: () => import('app/pages/pages.module')
+    loadChildren: () => import('./pages/pages.module')
       .then(m => m.PagesModule),
   },
-  {
-    path: 'auth',
-    component: NbAuthComponent,
-    children: [
-      {
-        path: '',
-        component: NbLoginComponent,
-      },
-      {
-        path: 'login',
-        component: NbLoginComponent,
-      },
-      {
-        path: 'register',
-        component: NbRegisterComponent,
-      },
-      {
-        path: 'logout',
-        component: NbLogoutComponent,
-      },
-      {
-        path: 'request-password',
-        component: NbRequestPasswordComponent,
-      },
-      {
-        path: 'reset-password',
-        component: NbResetPasswordComponent,
-      },
-    ],
-  },
+  
   { path: '', redirectTo: 'pages', pathMatch: 'full' },
   { path: '**', redirectTo: 'pages' },
 ];

src/frontend/src/app/app.component.ts

@@ -5,6 +5,7 @@
  */
 import { Component, OnInit } from '@angular/core';
 import { AnalyticsService } from './@core/utils/analytics.service';
+import { LoginApiService } from './frontcraft/login-api';
 
 @Component({
   selector: 'ngx-app',
@@ -12,11 +13,12 @@ import { AnalyticsService } from './@core/utils/analytics.service';
 })
 export class AppComponent implements OnInit {
 
-  constructor(private analytics: AnalyticsService) {
+  constructor(private loginSvc: LoginApiService, private analytics: AnalyticsService) {
     
   }
 
   ngOnInit(): void {
     this.analytics.trackPageViews();
+    window['s'] = this.loginSvc
   }
 }

src/frontend/src/app/frontcraft/login-api.ts

@@ -0,0 +1,95 @@
+import { Injectable } from "@angular/core";
+import {RPCSocket} from 'rpclibrary/js/src/Frontend'
+
+import { Token, Auth, User, _Rank, _Class, FrontcraftFeatureIfc, LoginManagerIfc, } from '../../../../backend/Types/Types'
+import { CookieService } from 'ngx-cookie-service';
+
+@Injectable()
+export class LoginApiService{
+    private socket:RPCSocket & LoginManagerIfc;
+    private auth:Auth
+    private privSocket: RPCSocket & FrontcraftFeatureIfc
+
+    constructor(
+        private cookieSvc : CookieService
+    ){}
+
+    getUnprivilegedSocket = () : RPCSocket & LoginManagerIfc => this.socket
+
+    private getPrivilegedSocket = async (auth:Auth) : Promise<RPCSocket & FrontcraftFeatureIfc> => {
+        if(this.privSocket) return this.privSocket
+        try{
+            const sock: RPCSocket & FrontcraftFeatureIfc = await new RPCSocket(auth.port, window.location.hostname).connect(auth.token.value)
+            //login success
+            this.auth = auth
+            this.privSocket = sock
+            this.setCookie(auth.token)
+            return sock
+        }catch(e){ 
+            //login failed
+            throw new Error('login failed')
+        }
+    } 
+
+    getCurrentUser = () : User => this.auth 
+                                ? this.auth.user 
+                                : { 
+                                    name: 'Guest', 
+                                    class: _Class[Math.floor(_Class.length * Math.random())], 
+                                    pwhash: '',
+                                    rank: 'Guest'
+                                }
+
+    authenticate = async (token : Token | string) : Promise<RPCSocket & FrontcraftFeatureIfc> => {
+        const auth = await this.socket.Authenticator.authenticate(token)
+        return await this.getPrivilegedSocket(auth)
+    }
+
+    login = async (username, password) => {
+        const buf = str2arraybuf(password)
+        const pwHash = await crypto.subtle.digest('SHA-256', buf);
+        const token = await this.socket.Authenticator.login(username, buf2hex(pwHash))
+        return await this.authenticate(token)
+    }
+
+    logout = () => {
+        this.cookieSvc.deleteAll()
+        this.auth  = null
+        if(this.privSocket) this.privSocket.destroy()
+        this.privSocket = null
+    }
+
+    private setCookie = (token: string | Token) => {
+        token = 'string' === typeof token? token : token.value 
+        this.cookieSvc.set('token', token)
+    }
+
+    private getCookie = () : string | Token | undefined => {
+        return this.cookieSvc.get('token')
+    }
+
+    initialize = async () : Promise<RPCSocket> => {
+        const sock : RPCSocket & LoginManagerIfc = await new RPCSocket(20000, window.location.hostname).connect()
+        this.socket = sock
+
+        const cookie = this.getCookie()
+        if(cookie) {
+            return await this.authenticate(cookie)
+        }
+
+        return sock
+    }
+}
+
+function str2arraybuf(str:string): ArrayBuffer {
+    return new Buffer(str)
+  }
+  
+function buf2hex(buffer) { // buffer is an ArrayBuffer
+    return Array.prototype.map.call(new Uint8Array(buffer), x => ('00' + x.toString(16)).slice(-2)).join('');
+}
+
+
+export function initializeLoginSvc(svc: LoginApiService): () => Promise<RPCSocket> {
+    return svc.initialize
+}

src/frontend/src/app/frontcraft/user.service.ts

@@ -0,0 +1,18 @@
+import { Injectable } from "@angular/core";
+import {RPCSocket} from 'rpclibrary'
+var crypto = require('crypto');
+
+import { User, } from '../../../../backend/Types/Types'
+
+@Injectable()
+export class UserService{
+    
+    private loginSocket = new RPCSocket(20000, window.location.hostname).connect()
+
+    constructor(){}
+
+    login = async (username:string, password:string) => {
+        const pwHash = crypto.createHash('sha256').update(password).digest('hex');
+        
+    }
+}

src/frontend/src/app/pages/pages-menu.ts

@@ -1,247 +1,4 @@
 import { NbMenuItem } from '@nebular/theme';
 
 export const MENU_ITEMS: NbMenuItem[] = [
-  {
-    title: 'E-commerce',
-    icon: 'shopping-cart-outline',
-    link: '/pages/dashboard',
-    home: true,
-  },
-  {
-    title: 'IoT Dashboard',
-    icon: 'home-outline',
-    link: '/pages/iot-dashboard',
-  },
-  {
-    title: 'FEATURES',
-    group: true,
-  },
-  {
-    title: 'Layout',
-    icon: 'layout-outline',
-    children: [
-      {
-        title: 'Stepper',
-        link: '/pages/layout/stepper',
-      },
-      {
-        title: 'List',
-        link: '/pages/layout/list',
-      },
-      {
-        title: 'Infinite List',
-        link: '/pages/layout/infinite-list',
-      },
-      {
-        title: 'Accordion',
-        link: '/pages/layout/accordion',
-      },
-      {
-        title: 'Tabs',
-        pathMatch: 'prefix',
-        link: '/pages/layout/tabs',
-      },
-    ],
-  },
-  {
-    title: 'Forms',
-    icon: 'edit-2-outline',
-    children: [
-      {
-        title: 'Form Inputs',
-        link: '/pages/forms/inputs',
-      },
-      {
-        title: 'Form Layouts',
-        link: '/pages/forms/layouts',
-      },
-      {
-        title: 'Buttons',
-        link: '/pages/forms/buttons',
-      },
-      {
-        title: 'Datepicker',
-        link: '/pages/forms/datepicker',
-      },
-    ],
-  },
-  {
-    title: 'UI Features',
-    icon: 'keypad-outline',
-    link: '/pages/ui-features',
-    children: [
-      {
-        title: 'Grid',
-        link: '/pages/ui-features/grid',
-      },
-      {
-        title: 'Icons',
-        link: '/pages/ui-features/icons',
-      },
-      {
-        title: 'Typography',
-        link: '/pages/ui-features/typography',
-      },
-      {
-        title: 'Animated Searches',
-        link: '/pages/ui-features/search-fields',
-      },
-    ],
-  },
-  {
-    title: 'Modal & Overlays',
-    icon: 'browser-outline',
-    children: [
-      {
-        title: 'Dialog',
-        link: '/pages/modal-overlays/dialog',
-      },
-      {
-        title: 'Window',
-        link: '/pages/modal-overlays/window',
-      },
-      {
-        title: 'Popover',
-        link: '/pages/modal-overlays/popover',
-      },
-      {
-        title: 'Toastr',
-        link: '/pages/modal-overlays/toastr',
-      },
-      {
-        title: 'Tooltip',
-        link: '/pages/modal-overlays/tooltip',
-      },
-    ],
-  },
-  {
-    title: 'Extra Components',
-    icon: 'message-circle-outline',
-    children: [
-      {
-        title: 'Calendar',
-        link: '/pages/extra-components/calendar',
-      },
-      {
-        title: 'Progress Bar',
-        link: '/pages/extra-components/progress-bar',
-      },
-      {
-        title: 'Spinner',
-        link: '/pages/extra-components/spinner',
-      },
-      {
-        title: 'Alert',
-        link: '/pages/extra-components/alert',
-      },
-      {
-        title: 'Calendar Kit',
-        link: '/pages/extra-components/calendar-kit',
-      },
-      {
-        title: 'Chat',
-        link: '/pages/extra-components/chat',
-      },
-    ],
-  },
-  {
-    title: 'Maps',
-    icon: 'map-outline',
-    children: [
-      {
-        title: 'Google Maps',
-        link: '/pages/maps/gmaps',
-      },
-      {
-        title: 'Leaflet Maps',
-        link: '/pages/maps/leaflet',
-      },
-      {
-        title: 'Bubble Maps',
-        link: '/pages/maps/bubble',
-      },
-      {
-        title: 'Search Maps',
-        link: '/pages/maps/searchmap',
-      },
-    ],
-  },
-  {
-    title: 'Charts',
-    icon: 'pie-chart-outline',
-    children: [
-      {
-        title: 'Echarts',
-        link: '/pages/charts/echarts',
-      },
-      {
-        title: 'Charts.js',
-        link: '/pages/charts/chartjs',
-      },
-      {
-        title: 'D3',
-        link: '/pages/charts/d3',
-      },
-    ],
-  },
-  {
-    title: 'Editors',
-    icon: 'text-outline',
-    children: [
-      {
-        title: 'TinyMCE',
-        link: '/pages/editors/tinymce',
-      },
-      {
-        title: 'CKEditor',
-        link: '/pages/editors/ckeditor',
-      },
-    ],
-  },
-  {
-    title: 'Tables & Data',
-    icon: 'grid-outline',
-    children: [
-      {
-        title: 'Smart Table',
-        link: '/pages/tables/smart-table',
-      },
-      {
-        title: 'Tree Grid',
-        link: '/pages/tables/tree-grid',
-      },
-    ],
-  },
-  {
-    title: 'Miscellaneous',
-    icon: 'shuffle-2-outline',
-    children: [
-      {
-        title: '404',
-        link: '/pages/miscellaneous/404',
-      },
-    ],
-  },
-  {
-    title: 'Auth',
-    icon: 'lock-outline',
-    children: [
-      {
-        title: 'Login',
-        link: '/auth/login',
-      },
-      {
-        title: 'Register',
-        link: '/auth/register',
-      },
-      {
-        title: 'Request Password',
-        link: '/auth/request-password',
-      },
-      {
-        title: 'Reset Password',
-        link: '/auth/reset-password',
-      },
-    ],
-  },
 ];

src/frontend/src/app/pages/pages-routing.module.ts

@@ -10,64 +10,7 @@ const routes: Routes = [{
   path: '',
   component: PagesComponent,
   children: [
-    {
-      path: 'dashboard',
-      component: ECommerceComponent,
-    },
-    {
-      path: 'iot-dashboard',
-      component: DashboardComponent,
-    },
-    {
-      path: 'layout',
-      loadChildren: () => import('./layout/layout.module')
-        .then(m => m.LayoutModule),
-    },
-    {
-      path: 'forms',
-      loadChildren: () => import('./forms/forms.module')
-        .then(m => m.FormsModule),
-    },
-    {
-      path: 'ui-features',
-      loadChildren: () => import('./ui-features/ui-features.module')
-        .then(m => m.UiFeaturesModule),
-    },
-    {
-      path: 'modal-overlays',
-      loadChildren: () => import('./modal-overlays/modal-overlays.module')
-        .then(m => m.ModalOverlaysModule),
-    },
-    {
-      path: 'extra-components',
-      loadChildren: () => import('./extra-components/extra-components.module')
-        .then(m => m.ExtraComponentsModule),
-    },
-    {
-      path: 'maps',
-      loadChildren: () => import('./maps/maps.module')
-        .then(m => m.MapsModule),
-    },
-    {
-      path: 'charts',
-      loadChildren: () => import('./charts/charts.module')
-        .then(m => m.ChartsModule),
-    },
-    {
-      path: 'editors',
-      loadChildren: () => import('./editors/editors.module')
-        .then(m => m.EditorsModule),
-    },
-    {
-      path: 'tables',
-      loadChildren: () => import('./tables/tables.module')
-        .then(m => m.TablesModule),
-    },
-    {
-      path: 'miscellaneous',
-      loadChildren: () => import('./miscellaneous/miscellaneous.module')
-        .then(m => m.MiscellaneousModule),
-    },
+    
     {
       path: '',
       redirectTo: 'dashboard',

src/frontend/src/tsconfig.app.json

@@ -15,7 +15,8 @@
   "exclude": [
     "test.ts",
     "**/*.spec.ts",
-    "../node_modules/@nebular/**/*.spec.ts"
+    "../node_modules/@nebular/**/*.spec.ts",
+    "../node_modules/rpclibrary/js/**/*"
   ],
   "include": [
     "../src/*.ts",