feat: use standalone

Author: Angular2Guy

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

@@ -12,16 +12,15 @@
    See the License for the specific language governing permissions and
    limitations under the License.
  */
-import { NgModule } from "@angular/core";
-import { Routes, RouterModule, PreloadAllModules } from "@angular/router";
+import { Routes } from "@angular/router";
 import { AuthGuardService } from "./services/auth-guard.service";
 import { SplashComponent } from "./splash/splash.component";
 
-const routes: Routes = [
+export const routes: Routes = [
   {
     path: "overview",
     loadChildren: () =>
-      import("./overview/overview.module").then((m) => m.OverviewModule),
+      import("./overview/overview.routes").then((m) => m.routes),
   },
   {
     path: "details",
@@ -31,7 +30,7 @@ const routes: Routes = [
   {
     path: "orderbooks",
     loadChildren: () =>
-      import("./orderbooks/orderbooks.module").then((m) => m.OrderbooksModule),
+      import("./orderbooks/orderbooks.routes").then((m) => m.routes),
     canActivate: [AuthGuardService],
   },
   {
@@ -41,14 +40,3 @@ const routes: Routes = [
   },
   { path: "**", component: SplashComponent },
 ];
-
-@NgModule({
-  imports: [
-    RouterModule.forRoot(routes, {
-      enableTracing: false,
-      preloadingStrategy: PreloadAllModules,
-    }),
-  ],
-  exports: [RouterModule],
-})
-export class AppRoutingModule {}

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

@@ -15,12 +15,13 @@
  */
 import { Component, Inject, LOCALE_ID, OnInit } from "@angular/core";
 import { environment } from "./../environments/environment";
+import { RouterModule } from "@angular/router";
 
 @Component({
     selector: "app-root",
+    imports: [RouterModule],
     templateUrl: "./app.component.html",
-    styleUrls: ["./app.component.scss"],
-    standalone: false
+    styleUrls: ["./app.component.scss"],    
 })
 export class AppComponent implements OnInit {
   protected title = "app";

frontend/src/angular/src/app/app.module.ts renamed to frontend/src/angular/src/app/app.config.ts

@@ -13,20 +13,24 @@
    See the License for the specific language governing permissions and
    limitations under the License.
  */
-import { BrowserModule } from "@angular/platform-browser";
-import { NgModule } from "@angular/core";
-import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
-import { HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from "@angular/common/http";
-
-import { AppRoutingModule } from "./app-routing.module";
-import { AppComponent } from "./app.component";
-import { SplashComponent } from "./splash/splash.component";
-import { MatProgressSpinnerModule } from "@angular/material/progress-spinner";
+import { ApplicationConfig, importProvidersFrom } from "@angular/core";
+import { provideAnimations } from "@angular/platform-browser/animations";
+import { provideHttpClient, withInterceptorsFromDi } from "@angular/common/http";
+import  { routes } from "./app-routing";
 import {
-  NgxServiceModule,
-  SimpleChartsConfig,
+  NgxServiceModule,  
 } from "ngx-simple-charts/base-service";
+import { provideRouter } from "@angular/router";
+
+export const appConfig: ApplicationConfig = {
+  providers: [provideRouter(routes), provideAnimations(), provideHttpClient(withInterceptorsFromDi()), importProvidersFrom(NgxServiceModule.forRoot({
+            tokenRefreshPath: "/rest/auth/refreshToken",
+            logoutPath: "/rest/auth/logout",
+            loginRoute: "/",
+        }))],
+};
 
+/*
 @NgModule({ declarations: [AppComponent, SplashComponent],
     bootstrap: [AppComponent], imports: [BrowserModule,
         AppRoutingModule,
@@ -38,3 +42,4 @@ import {
             loginRoute: "/login",
         })], providers: [provideHttpClient(withInterceptorsFromDi())] })
 export class AppModule {}
+*/

frontend/src/angular/src/app/orderbooks/index.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 './orderbooks.routes';

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

@@ -13,19 +13,12 @@
    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 { OrderbooksComponent } from "./orderbooks/orderbooks.component";
 
-const routes: Routes = [
+export const routes: Routes = [
   {
     path: "",
     component: OrderbooksComponent,
   },
 ];
-
-@NgModule({
-  imports: [RouterModule.forChild(routes)],
-  exports: [RouterModule],
-})
-export class OrderbooksRoutingModule {}

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

@@ -22,12 +22,31 @@ import { OrderbookBs } from "../../common/orderbook-bs";
 import { OrderbookBf, OrderBf } from "../../common/orderbook-bf";
 import { OrderbookIb } from "../../common/orderbook-ib";
 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 { MatInputModule } from "@angular/material/input";
+import { MatListModule } from "@angular/material/list";
+import { MatRadioModule } from "@angular/material/radio";
+import { MatSelectModule } from "@angular/material/select";
+import { MatToolbarModule } from "@angular/material/toolbar";
 
 @Component({
     selector: "app-orderbooks",
+    imports: [    
+      CommonModule,
+    FormsModule,
+    ReactiveFormsModule,
+    MatToolbarModule,
+    MatSelectModule,
+    MatRadioModule,
+    MatInputModule,
+    MatCheckboxModule,
+    MatButtonModule,
+    MatListModule    ],
     templateUrl: "./orderbooks.component.html",
-    styleUrls: ["./orderbooks.component.scss"],
-    standalone: false
+    styleUrls: ["./orderbooks.component.scss"],    
 })
 export class OrderbooksComponent implements OnInit {
   public currencies: MyCurr[];
@@ -53,8 +72,7 @@ export class OrderbooksComponent implements OnInit {
       new MyCurr(this.serviceBf.ETHUSD, "Eth - Usd"),
       new MyCurr(this.serviceBf.LTCUSD, "Ltc - Usd"),
       new MyCurr(this.serviceBf.XRPUSD, "Xrp - Usd"),
-    ];
-    console.log("hallo");
+    ];    
   }
   onSubmit() {
     //console.log( this.model );

frontend/src/angular/src/app/orderbooks/orderbooks/orderbooks.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 './overview.routes';

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

@@ -15,17 +15,28 @@
  */
 import { Component, OnInit, Inject, DestroyRef, inject } from "@angular/core";
 import { QuoteoverviewComponent } from "../quoteoverview/quoteoverview.component";
-import { MatDialogRef, MAT_DIALOG_DATA } from "@angular/material/dialog";
+import { MatDialogRef, MAT_DIALOG_DATA, MatDialogModule } from "@angular/material/dialog";
 import { MyuserService } from "../../services/myuser.service";
 import { MyUser } from "../../common/my-user";
 import {
   FormGroup,
   FormBuilder,
   Validators,
   AbstractControlOptions,
+  ReactiveFormsModule,
+  FormsModule,
 } from "@angular/forms";
 import { TokenService } from "ngx-simple-charts/base-service";
 import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
+import { CommonModule } from "@angular/common";
+import { LuxonDateModule } from "@angular/material-luxon-adapter";
+import { MatButtonModule } from "@angular/material/button";
+import { MatFormFieldModule } from "@angular/material/form-field";
+import { MatInputModule } from "@angular/material/input";
+import { MatProgressSpinnerModule } from "@angular/material/progress-spinner";
+import { MatTableModule } from "@angular/material/table";
+import { MatTabsModule } from "@angular/material/tabs";
+import { MatToolbarModule } from "@angular/material/toolbar";
 
 enum FormFields {
   username = "username",
@@ -36,9 +47,21 @@ enum FormFields {
 
 @Component({
     selector: "app-login",
+    imports: [    
+      CommonModule,
+    MatTableModule,
+    MatToolbarModule,
+    MatTabsModule,
+    MatButtonModule,
+    MatDialogModule,
+    MatFormFieldModule,
+    MatProgressSpinnerModule,
+    MatInputModule,
+    LuxonDateModule,
+    FormsModule,
+    ReactiveFormsModule],
     templateUrl: "./login.component.html",
-    styleUrls: ["./login.component.scss"],
-    standalone: false
+    styleUrls: ["./login.component.scss"],    
 })
 export class LoginComponent implements OnInit {
   protected signinForm: FormGroup;