Refactor project structure and update configurations for improved resource handling

jambotron-ui/angular.json

@@ -15,9 +15,12 @@
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular/build:application",
+          "builder": "@angular-devkit/build-angular:browser",
           "options": {
-            "browser": "src/main.ts",
+            "outputPath": "dist/jambotron-ui",
+            "index": "src/index.html",
+            "main": "src/main.ts",
+
             "polyfills": [
               "zone.js"
             ],
@@ -37,12 +40,8 @@
             "styles": [
               "@angular/material/prebuilt-themes/azure-blue.css",
               "src/styles.scss"
-            ],
-            "server": "src/main.server.ts",
-            "outputMode": "server",
-            "ssr": {
-              "entry": "src/server.ts"
-            }
+            ]
+
           },
           "configurations": {
             "production": {
@@ -50,7 +49,7 @@
                 {
                   "type": "initial",
                   "maximumWarning": "500kB",
-                  "maximumError": "1MB"
+                  "maximumError": "5MB"
                 },
                 {
                   "type": "anyComponentStyle",
@@ -69,7 +68,7 @@
           "defaultConfiguration": "production"
         },
         "serve": {
-          "builder": "@angular/build:dev-server",
+          "builder": "@angular-devkit/build-angular:dev-server",
           "configurations": {
             "production": {
               "buildTarget": "jambotron-ui:build:production"
@@ -81,7 +80,7 @@
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
-          "builder": "@angular/build:extract-i18n"
+          "builder": "@angular-devkit/build-angular:extract-i18n"
         },
         "test": {
           "builder": "@angular/build:karma",

jambotron-ui/package.json

@@ -35,7 +35,7 @@
     "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular/build": "^20.0.2",
+    "@angular-devkit/build-angular": "^20.0.2",
     "@angular/cli": "^20.0.2",
     "@angular/compiler-cli": "^20.0.0",
     "@types/express": "^5.0.1",

jambotron-ui/src/app/app.module.ts

@@ -13,7 +13,7 @@ import {AdminComponent} from './admin-module/admin.component/admin.component';
 import {AdminWelcomeComponent} from './admin-module/admin-welcome.component/admin-welcome.component';
 import {SettingsComponent} from './admin-module/settings.component/settings.component';
 import {SystemComponent} from './admin-module/system.component/system.component';
-import {appRouting} from './app.routes';
+import {AppRoutingModule} from './app.routes';
 import {App} from './app';
 
 @NgModule({
@@ -21,7 +21,7 @@ import {App} from './app';
 
   ],
   imports: [
-    appRouting,
+    AppRoutingModule,
     MainComponent,
     BrowserModule,
     MatIconModule,

jambotron-ui/src/app/app.routes.ts

@@ -16,5 +16,9 @@ export const routes: Routes = [
   }
 
 ];
-export const appRouting = RouterModule.forRoot(routes);
+@NgModule({
+  imports: [RouterModule.forRoot(routes)],//, { useHash: true }
+  exports: [RouterModule],
+})
+export class AppRoutingModule {}
 

jambotron-ui/src/app/main-module/main.component/main.component.html

@@ -22,7 +22,7 @@
   }
 
   @if (showAdminBoard) {
-    <button mat-raised-button routerLink="system" >
+    <button mat-raised-button routerLink="admin/system" >
       <mat-icon>settings_applications</mat-icon>
       System
     </button>