Moving graphs and mining dashboard to a lazy loaded module

2022-05-19 23:47:44 +04:00
parent 0f0a46cd5c
commit e6c4b87b8b
8 changed files with 773 additions and 791 deletions
--- a/frontend/src/app/graphs/graphs.module.ts
+++ b/frontend/src/app/graphs/graphs.module.ts
@@ -0,0 +1,58 @@
+import { NgModule } from '@angular/core';
+import { NgxEchartsModule } from 'ngx-echarts';
+import { GraphsRoutingModule } from './graphs.routing.module';
+import { SharedModule } from '../shared/shared.module';
+
+import { BlockFeesGraphComponent } from '../components/block-fees-graph/block-fees-graph.component';
+import { BlockRewardsGraphComponent } from '../components/block-rewards-graph/block-rewards-graph.component';
+import { BlockFeeRatesGraphComponent } from '../components/block-fee-rates-graph/block-fee-rates-graph.component';
+import { BlockSizesWeightsGraphComponent } from '../components/block-sizes-weights-graph/block-sizes-weights-graph.component';
+import { FeeDistributionGraphComponent } from '../components/fee-distribution-graph/fee-distribution-graph.component';
+import { IncomingTransactionsGraphComponent } from '../components/incoming-transactions-graph/incoming-transactions-graph.component';
+import { MempoolGraphComponent } from '../components/mempool-graph/mempool-graph.component';
+import { LbtcPegsGraphComponent } from '../components/lbtc-pegs-graph/lbtc-pegs-graph.component';
+import { GraphsComponent } from '../components/graphs/graphs.component';
+import { StatisticsComponent } from '../components/statistics/statistics.component';
+import { MempoolBlockComponent } from '../components/mempool-block/mempool-block.component';
+import { PoolRankingComponent } from '../components/pool-ranking/pool-ranking.component';
+import { PoolComponent } from '../components/pool/pool.component';
+import { TelevisionComponent } from '../components/television/television.component';
+import { DashboardComponent } from '../dashboard/dashboard.component';
+import { MiningDashboardComponent } from '../components/mining-dashboard/mining-dashboard.component';
+import { HashrateChartComponent } from '../components/hashrate-chart/hashrate-chart.component';
+import { HashrateChartPoolsComponent } from '../components/hashrates-chart-pools/hashrate-chart-pools.component';
+import { CommonModule } from '@angular/common';
+
+@NgModule({
+  declarations: [
+    DashboardComponent,
+    MempoolBlockComponent,
+
+    MiningDashboardComponent,
+    PoolComponent,
+    PoolRankingComponent,
+    TelevisionComponent,
+
+    StatisticsComponent,
+    GraphsComponent,
+    BlockFeesGraphComponent,
+    BlockRewardsGraphComponent,
+    BlockFeeRatesGraphComponent,
+    BlockSizesWeightsGraphComponent,
+    FeeDistributionGraphComponent,
+    IncomingTransactionsGraphComponent,
+    MempoolGraphComponent,
+    LbtcPegsGraphComponent,
+    HashrateChartComponent,
+    HashrateChartPoolsComponent,
+  ],
+  imports: [
+    CommonModule,
+    SharedModule,
+    GraphsRoutingModule,
+    NgxEchartsModule.forRoot({
+      echarts: () => import('echarts')
+    })
+  ]
+})
+export class GraphsModule { }
--- a/frontend/src/app/graphs/graphs.routing.module.ts
+++ b/frontend/src/app/graphs/graphs.routing.module.ts
@@ -0,0 +1,106 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { BlockFeeRatesGraphComponent } from '../components/block-fee-rates-graph/block-fee-rates-graph.component';
+import { BlockFeesGraphComponent } from '../components/block-fees-graph/block-fees-graph.component';
+import { BlockRewardsGraphComponent } from '../components/block-rewards-graph/block-rewards-graph.component';
+import { BlockSizesWeightsGraphComponent } from '../components/block-sizes-weights-graph/block-sizes-weights-graph.component';
+import { GraphsComponent } from '../components/graphs/graphs.component';
+import { HashrateChartComponent } from '../components/hashrate-chart/hashrate-chart.component';
+import { HashrateChartPoolsComponent } from '../components/hashrates-chart-pools/hashrate-chart-pools.component';
+import { MasterPageComponent } from '../components/master-page/master-page.component';
+import { MempoolBlockComponent } from '../components/mempool-block/mempool-block.component';
+import { MiningDashboardComponent } from '../components/mining-dashboard/mining-dashboard.component';
+import { PoolRankingComponent } from '../components/pool-ranking/pool-ranking.component';
+import { PoolComponent } from '../components/pool/pool.component';
+import { StartComponent } from '../components/start/start.component';
+import { StatisticsComponent } from '../components/statistics/statistics.component';
+import { TelevisionComponent } from '../components/television/television.component';
+import { DashboardComponent } from '../dashboard/dashboard.component';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: MasterPageComponent,
+    children: [
+      {
+        path: 'mining/pool/:slug',
+        component: PoolComponent,
+      },
+      {
+        path: 'mining',
+        component: StartComponent,
+        children: [
+          {
+            path: '',
+            component: MiningDashboardComponent,
+          },
+        ]
+      },
+      {
+        path: 'mempool-block/:id',
+        component: StartComponent,
+        children: [
+          {
+            path: '',
+            component: MempoolBlockComponent,
+          },
+        ]
+      },
+      {
+        path: 'graphs',
+        component: GraphsComponent,
+        children: [
+          {
+            path: 'mempool',
+            component: StatisticsComponent,
+          },
+          {
+            path: 'mining/hashrate-difficulty',
+            component: HashrateChartComponent,
+          },
+          {
+            path: 'mining/pools-dominance',
+            component: HashrateChartPoolsComponent,
+          },
+          {
+            path: 'mining/pools',
+            component: PoolRankingComponent,
+          },
+          {
+            path: 'mining/block-fees',
+            component: BlockFeesGraphComponent,
+          },
+          {
+            path: 'mining/block-rewards',
+            component: BlockRewardsGraphComponent,
+          },
+          {
+            path: 'mining/block-fee-rates',
+            component: BlockFeeRatesGraphComponent,
+          },
+          {
+            path: 'mining/block-sizes-weights',
+            component: BlockSizesWeightsGraphComponent,
+          },
+        ]
+      },
+      {
+        path: '',
+        component: StartComponent,
+        children: [{
+          path: '',
+          component: DashboardComponent,
+        }]
+      },
+    ]
+  },
+  {
+    path: 'tv',
+    component: TelevisionComponent
+  },
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+})
+export class GraphsRoutingModule { }