New base code for mempool blockchain explorerer

frontend/src/app/app.module.ts

@@ -1,56 +1,88 @@
 import { BrowserModule } from '@angular/platform-browser';
 import { NgModule } from '@angular/core';
-
-import { AppComponent } from './app.component';
-import { BlockchainComponent } from './blockchain/blockchain.component';
-import { AppRoutingModule } from './app-routing.module';
-import { SharedModule } from './shared/shared.module';
-import { MemPoolService } from './services/mem-pool.service';
 import { HttpClientModule } from '@angular/common/http';
-import { FooterComponent } from './footer/footer.component';
-import { AboutComponent } from './about/about.component';
-import { TxBubbleComponent } from './tx-bubble/tx-bubble.component';
 import { ReactiveFormsModule } from '@angular/forms';
-import { BlockModalComponent } from './blockchain-blocks/block-modal/block-modal.component';
-import { StatisticsComponent } from './statistics/statistics.component';
-import { ProjectedBlockModalComponent } from './blockchain-projected-blocks/projected-block-modal/projected-block-modal.component';
-import { TelevisionComponent } from './television/television.component';
-import { BlockchainBlocksComponent } from './blockchain-blocks/blockchain-blocks.component';
-import { BlockchainProjectedBlocksComponent } from './blockchain-projected-blocks/blockchain-projected-blocks.component';
-import { ApiService } from './services/api.service';
-import { MasterPageComponent } from './master-page/master-page.component';
-import { FeeDistributionGraphComponent } from './fee-distribution-graph/fee-distribution-graph.component';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { NgbButtonsModule } from '@ng-bootstrap/ng-bootstrap';
+
+import { AppRoutingModule } from './app-routing.module';
+import { AppComponent } from './components/app/app.component';
+
+import { StartComponent } from './components/start/start.component';
+import { ElectrsApiService } from './services/electrs-api.service';
+import { TimeSincePipe } from './pipes/time-since/time-since.pipe';
+import { BytesPipe } from './pipes/bytes-pipe/bytes.pipe';
+import { VbytesPipe } from './pipes/bytes-pipe/vbytes.pipe';
+import { WuBytesPipe } from './pipes/bytes-pipe/wubytes.pipe';
+import { TransactionComponent } from './components/transaction/transaction.component';
+import { TransactionsListComponent } from './components/transactions-list/transactions-list.component';
+import { AmountComponent } from './components/amount/amount.component';
+import { StateService } from './services/state.service';
+import { BlockComponent } from './components/block/block.component';
+import { ShortenStringPipe } from './pipes/shorten-string-pipe/shorten-string.pipe';
+import { AddressComponent } from './components/address/address.component';
+import { SearchFormComponent } from './components/search-form/search-form.component';
+import { LatestBlocksComponent } from './components/latest-blocks/latest-blocks.component';
+import { WebsocketService } from './services/websocket.service';
+import { TimeSinceComponent } from './components/time-since/time-since.component';
+import { AddressLabelsComponent } from './components/address-labels/address-labels.component';
+import { MempoolBlocksComponent } from './components/mempool-blocks/mempool-blocks.component';
+import { CeilPipe } from './pipes/math-ceil/math-ceil.pipe';
+import { LatestTransactionsComponent } from './components/latest-transactions/latest-transactions.component';
+import { QrcodeComponent } from './components/qrcode/qrcode.component';
+import { ClipboardComponent } from './components/clipboard/clipboard.component';
+import { MasterPageComponent } from './components/master-page/master-page.component';
+import { AboutComponent } from './components/about/about.component';
+import { TelevisionComponent } from './components/television/television.component';
+import { StatisticsComponent } from './components/statistics/statistics.component';
+import { ChartistComponent } from './components/statistics/chartist.component';
+import { BlockchainBlocksComponent } from './components/blockchain-blocks/blockchain-blocks.component';
+import { BlockchainComponent } from './components/blockchain/blockchain.component';
 
 @NgModule({
   declarations: [
     AppComponent,
-    BlockchainComponent,
-    FooterComponent,
-    StatisticsComponent,
     AboutComponent,
-    TxBubbleComponent,
-    BlockModalComponent,
-    ProjectedBlockModalComponent,
-    TelevisionComponent,
-    BlockchainBlocksComponent,
-    BlockchainProjectedBlocksComponent,
     MasterPageComponent,
-    FeeDistributionGraphComponent,
+    TelevisionComponent,
+    BlockchainComponent,
+    StartComponent,
+    BlockchainBlocksComponent,
+    StatisticsComponent,
+    TransactionComponent,
+    BlockComponent,
+    TransactionsListComponent,
+    TimeSincePipe,
+    BytesPipe,
+    VbytesPipe,
+    WuBytesPipe,
+    CeilPipe,
+    ShortenStringPipe,
+    AddressComponent,
+    AmountComponent,
+    SearchFormComponent,
+    LatestBlocksComponent,
+    TimeSinceComponent,
+    AddressLabelsComponent,
+    MempoolBlocksComponent,
+    LatestTransactionsComponent,
+    QrcodeComponent,
+    ClipboardComponent,
+    ChartistComponent,
   ],
   imports: [
-    ReactiveFormsModule,
     BrowserModule,
-    HttpClientModule,
     AppRoutingModule,
-    SharedModule,
+    HttpClientModule,
+    ReactiveFormsModule,
+    BrowserAnimationsModule,
+    NgbButtonsModule,
   ],
   providers: [
-    ApiService,
-    MemPoolService,
-  ],
-  entryComponents: [
-    BlockModalComponent,
-    ProjectedBlockModalComponent,
+    ElectrsApiService,
+    StateService,
+    WebsocketService,
+    VbytesPipe,
   ],
   bootstrap: [AppComponent]
 })