feat: standalone

Author: Angular2Guy

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

@@ -25,7 +25,7 @@ export const routes: Routes = [
   {
     path: "details",
     loadChildren: () =>
-      import("./details/details.module").then((m) => m.DetailsModule),
+      import("./details/details.routes").then((m) => m.routes),
   },
   {
     path: "orderbooks",
@@ -36,7 +36,7 @@ export const routes: Routes = [
   {
     path: "statistics",
     loadChildren: () =>
-      import("./statistics/statistics.module").then((m) => m.StatisticsModule),
+      import("./statistics/statistics.routes").then((m) => m.routes),
   },
   { path: "**", component: SplashComponent },
 ];

frontend/src/angular/src/app/details/bfdetail/bfdetail.component.ts

@@ -34,9 +34,25 @@ import { QuoteBf } from "../../common/quote-bf";
 import { BehaviorSubject, Observable, repeat } from "rxjs";
 import { DetailBase, Tuple } from "../../common/detail-base";
 import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
+import { NgxLineChartsModule } from "ngx-simple-charts/line";
+import { CommonModule } from "@angular/common";
+import { FormsModule, ReactiveFormsModule } from "@angular/forms";
+import { MatButtonModule } from "@angular/material/button";
+import { MatCheckboxModule } from "@angular/material/checkbox";
+import { MatRadioModule } from "@angular/material/radio";
+import { MatToolbarModule } from "@angular/material/toolbar";
 
 @Component({
     selector: "app-bfdetail",
+    imports: [    
+      CommonModule,
+    FormsModule,
+    ReactiveFormsModule,
+    MatToolbarModule,
+    MatCheckboxModule,
+    MatRadioModule,
+    MatButtonModule,
+    NgxLineChartsModule],
     templateUrl: "./bfdetail.component.html",
     styleUrls: ["./bfdetail.component.scss"],
     animations: [
@@ -47,7 +63,6 @@ import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
             ]),
         ]),
     ],
-    standalone: false
 })
 export class BfdetailComponent extends DetailBase implements OnInit {
   public currQuote: QuoteBf;

frontend/src/angular/src/app/details/bsdetail/bsdetail.component.ts

@@ -34,9 +34,25 @@ import { BitstampService } from "../../services/bitstamp.service";
 import { QuoteBs } from "../../common/quote-bs";
 import { DetailBase, Tuple } from "src/app/common/detail-base";
 import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
+import { CommonModule } from "@angular/common";
+import { FormsModule, ReactiveFormsModule } from "@angular/forms";
+import { MatButtonModule } from "@angular/material/button";
+import { MatCheckboxModule } from "@angular/material/checkbox";
+import { MatRadioModule } from "@angular/material/radio";
+import { MatToolbarModule } from "@angular/material/toolbar";
+import { NgxLineChartsModule } from "ngx-simple-charts/line";
 
 @Component({
     selector: "app-bsdetail",
+    imports: [    
+      CommonModule,
+    FormsModule,
+    ReactiveFormsModule,
+    MatToolbarModule,
+    MatCheckboxModule,
+    MatRadioModule,
+    MatButtonModule,
+    NgxLineChartsModule],
     templateUrl: "./bsdetail.component.html",
     styleUrls: ["./bsdetail.component.scss"],
     animations: [
@@ -47,7 +63,6 @@ import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
             ]),
         ]),
     ],
-    standalone: false
 })
 export class BsdetailComponent extends DetailBase implements OnInit {
   public currQuote: QuoteBs;

frontend/src/angular/src/app/details/cbdetail/cbdetail.component.ts

@@ -34,9 +34,25 @@ import { QuoteCb, QuoteCbSmall } from "../../common/quote-cb";
 import { CoinbaseService } from "../../services/coinbase.service";
 import { DetailBase, Tuple } from "src/app/common/detail-base";
 import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
+import { MatButtonModule } from "@angular/material/button";
+import { CommonModule } from "@angular/common";
+import { FormsModule, ReactiveFormsModule } from "@angular/forms";
+import { MatCheckboxModule } from "@angular/material/checkbox";
+import { MatRadioModule } from "@angular/material/radio";
+import { MatToolbarModule } from "@angular/material/toolbar";
+import { NgxLineChartsModule } from "ngx-simple-charts/line";
 
 @Component({
     selector: "app-cbdetail",
+    imports: [    
+      CommonModule,
+    FormsModule,
+    ReactiveFormsModule,
+    MatToolbarModule,
+    MatCheckboxModule,
+    MatRadioModule,
+    MatButtonModule,
+    NgxLineChartsModule],
     templateUrl: "./cbdetail.component.html",
     styleUrls: ["./cbdetail.component.scss"],
     animations: [
@@ -47,7 +63,6 @@ import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
             ]),
         ]),
     ],
-    standalone: false
 })
 export class CbdetailComponent extends DetailBase implements OnInit {
   public currpair: string;

frontend/src/angular/src/app/details/details.module.ts

@@ -13,23 +13,15 @@
    See the License for the specific language governing permissions and
    limitations under the License.
  */
-
-import { NgModule } from "@angular/core";
 import { Routes, RouterModule } from "@angular/router";
 import { BsdetailComponent } from "./bsdetail/bsdetail.component";
 import { IbdetailComponent } from "./ibdetail/ibdetail.component";
 import { CbdetailComponent } from "./cbdetail/cbdetail.component";
 import { BfdetailComponent } from "./bfdetail/bfdetail.component";
 
-const routes: Routes = [
+export const routes: Routes = [
   { path: "bsdetail/:currpair", component: BsdetailComponent },
   { path: "ibdetail/:currpair", component: IbdetailComponent },
   { path: "cbdetail/:currpair", component: CbdetailComponent },
   { path: "bfdetail/:currpair", component: BfdetailComponent },
 ];
-
-@NgModule({
-  imports: [RouterModule.forChild(routes)],
-  exports: [RouterModule],
-})
-export class DetailsRoutingModule {}

frontend/src/angular/src/app/details/details-routing.module.ts renamed to frontend/src/angular/src/app/details/details.routes.ts

@@ -34,9 +34,25 @@ import { QuoteIb } from "../../common/quote-ib";
 import { ItbitService } from "../../services/itbit.service";
 import { DetailBase, Tuple } from "src/app/common/detail-base";
 import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
+import { MatButtonModule } from "@angular/material/button";
+import { CommonModule } from "@angular/common";
+import { FormsModule, ReactiveFormsModule } from "@angular/forms";
+import { MatCheckboxModule } from "@angular/material/checkbox";
+import { MatRadioModule } from "@angular/material/radio";
+import { MatToolbarModule } from "@angular/material/toolbar";
+import { NgxLineChartsModule } from "ngx-simple-charts/line";
 
 @Component({
     selector: "app-ibdetail",
+    imports: [    
+      CommonModule,
+    FormsModule,
+    ReactiveFormsModule,
+    MatToolbarModule,
+    MatCheckboxModule,
+    MatRadioModule,
+    MatButtonModule,
+    NgxLineChartsModule,],
     templateUrl: "./ibdetail.component.html",
     styleUrls: ["./ibdetail.component.scss"],
     animations: [
@@ -47,7 +63,6 @@ import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
             ]),
         ]),
     ],
-    standalone: false
 })
 export class IbdetailComponent extends DetailBase implements OnInit {
   public currQuote: QuoteIb;

frontend/src/angular/src/app/details/ibdetail/ibdetail.component.ts

@@ -0,0 +1,13 @@
+/**
+ *    Copyright 2018 Sven Loesekann
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+       http://www.apache.org/licenses/LICENSE-2.0
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
+ */
+export * from './details.routes';    

frontend/src/angular/src/app/details/index.ts

@@ -14,17 +14,19 @@
    limitations under the License.
  */
 import { Component, OnInit, AfterViewInit } from "@angular/core";
-import { Router } from "@angular/router";
+import { Router, RouterModule } from "@angular/router";
 import {
   trigger,
   state,
   animate,
   transition,
   style,
 } from "@angular/animations";
+import { MatProgressSpinner } from "@angular/material/progress-spinner";
 
 @Component({
     selector: "app-splash",
+    imports: [MatProgressSpinner, RouterModule],
     templateUrl: "./splash.component.html",
     styleUrls: ["./splash.component.scss"],
     animations: [
@@ -35,7 +37,6 @@ import {
             transition("0 => 1", animate("750ms")),
         ]),
     ],
-    standalone: false
 })
 export class SplashComponent implements OnInit, AfterViewInit {
   protected myState = false;

frontend/src/angular/src/app/splash/splash.component.ts

@@ -0,0 +1,13 @@
+/**
+ *    Copyright 2018 Sven Loesekann
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+       http://www.apache.org/licenses/LICENSE-2.0
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
+ */
+export * from './statistics.routes';