forms-update

angular-frontend/angular.json

@@ -7,7 +7,8 @@
       "projectType": "application",
       "schematics": {
         "@schematics/angular:component": {
-          "standalone": true
+          "standalone": true,
+          "style": "scss"
         },
         "@schematics/angular:directive": {
           "standalone": true
@@ -42,8 +43,11 @@
             "styles": [
               "node_modules/bootstrap/dist/css/bootstrap.min.css",
               "node_modules/@ng-select/ng-select/themes/default.theme.css",
-              "src/styles.css"
-            ]
+              "src/styles.scss"
+            ],
+            "stylePreprocessorOptions": {
+              "includePaths": ["src/styles"]
+            }
           },
           "configurations": {
             "production": {
@@ -115,8 +119,11 @@
             "styles": [
               "node_modules/bootstrap/dist/css/bootstrap.min.css",
               "node_modules/@ng-select/ng-select/themes/default.theme.css",
-              "src/styles.css"
-            ]
+              "src/styles.scss"
+            ],
+            "stylePreprocessorOptions": {
+              "includePaths": ["src/styles"]
+            }
           }
         }
       }

angular-frontend/package.json

@@ -29,6 +29,7 @@
     "@angular/forms": "^20.3.0",
     "@angular/platform-browser": "^20.3.0",
     "@angular/router": "^20.3.0",
+    "@fortawesome/fontawesome-free": "^7.1.0",
     "@ng-select/ng-select": "^20.7.0",
     "bootstrap": "^5.3.8",
     "rxjs": "~7.8.0",

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

@@ -11,7 +11,7 @@ import { RouterOutlet } from '@angular/router';
   selector: 'app-root',
   imports: [RouterOutlet],
   templateUrl: './app.component.html',
-  styleUrls: ['./app.component.css']
+  styleUrls: ['./app.component.scss']
 })
 export class AppComponent {
   title = 'ic-frontend';

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

@@ -7,9 +7,11 @@
 import { Routes } from '@angular/router';
 import { ApplicationsList } from './components/applications-list/applications-list';
 import { ApplicationDetail } from './components/application-detail/application-detail';
+import { UploadFormMain } from './components/upload-form-main/upload-form-main';
 
 export const routes: Routes = [
   { path: '', redirectTo: '/applications', pathMatch: 'full' },
   { path: 'applications', component: ApplicationsList },
-  { path: 'applications/:id', component: ApplicationDetail }
+  { path: 'applications/:id', component: ApplicationDetail },
+  { path: 'publish', component: UploadFormMain }
 ];

angular-frontend/src/app/app.ts

@@ -12,7 +12,7 @@ import { RouterOutlet } from '@angular/router';
   standalone: true,
   imports: [RouterOutlet],
   templateUrl: './app.html',
-  styleUrls: ['./app.css']
+  styleUrls: ['./app.scss']
 })
 export class App {
   protected readonly title = signal('ic-frontend-ngmodule');