missed a bit

.dockergnore

@@ -1,8 +0,0 @@
-.git
-.editorconfig
-/.vscode/*
-/node_modules
-/e2e
-/docs
-.gitignore
-*.zip

README.md

@@ -1,2 +1,27 @@
-# schedulord-frontend
+# SchedulordFrontend
 
+This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.0.0.
+
+## Development server
+
+Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The application will automatically reload if you change any of the source files.
+
+## Code scaffolding
+
+Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
+
+## Build
+
+Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Running unit tests
+
+Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Running end-to-end tests
+
+Run `ng e2e` to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

angular.json

@@ -6,6 +6,9 @@
     "schedulord-frontend": {
       "projectType": "application",
       "schematics": {
+        "@schematics/angular:component": {
+          "style": "sass"
+        },
         "@schematics/angular:application": {
           "strict": true
         }
@@ -14,15 +17,6 @@
       "sourceRoot": "src",
       "prefix": "app",
       "architect": {
-        "lint": {
-          "builder": "@angular-eslint/builder:lint",
-          "options": {
-            "lintFilePatterns": [
-              "<your-projects-root-directory>/<your-project-name>/src/**/*.ts",
-              "<your-projects-root-directory>/<your-project-name>/src/**/*.html"
-            ]
-          }
-        },
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
@@ -31,12 +25,13 @@
             "main": "src/main.ts",
             "polyfills": "src/polyfills.ts",
             "tsConfig": "tsconfig.app.json",
+            "inlineStyleLanguage": "sass",
             "assets": [
               "src/favicon.ico",
               "src/assets"
             ],
             "styles": [
-              "src/styles.css"
+              "src/styles.sass"
             ],
             "scripts": []
           },
@@ -98,12 +93,13 @@
             "polyfills": "src/polyfills.ts",
             "tsConfig": "tsconfig.spec.json",
             "karmaConfig": "karma.conf.js",
+            "inlineStyleLanguage": "sass",
             "assets": [
               "src/favicon.ico",
               "src/assets"
             ],
             "styles": [
-              "src/styles.css"
+              "src/styles.sass"
             ],
             "scripts": []
           }

karma.conf.js

@@ -37,43 +37,8 @@ module.exports = function (config) {
     colors: true,
     logLevel: config.LOG_INFO,
     autoWatch: true,
-//    browsers: ['Chrome'],
-//    singleRun: false,
-// Start custom code
-browsers:[
-   "ChromeHeadlessNoSandbox"
-],
-customLaunchers:{
-   ChromeHeadlessNoSandbox:{
-      base:"ChromeHeadless",
-      flags:[
-         "--no-sandbox",
-         // required to run without privileges in Docker
-          "--disable-web-security",
-         "--disable-gpu",
-         "--remote-debugging-port=9222"
-      ]
-   }
-},
+    browsers: ['Chrome'],
     singleRun: false,
-junitReporter:{
-   outputDir:'test-reports',
-   // results will be saved as $outputDir/$browserName.xml
-        outputFile:'junit-report.xml',
-   // if included, results will be saved as $outputDir/$browserName/$outputFile
-        suite:'',
-   // suite will become the package name attribute in xml testsuite element
-        useBrowserName:false,
-   // add browser name to report and classes names
-        nameFormatter:undefined,
-   // function (browser, result) to customize the name attribute in xml testcase element
-        classNameFormatter:undefined,
-   // function (browser, result) to customize the classname attribute in xml testcase element
-        properties:{
-   }   // key value pair of properties to add to the section of the report
-}
+    restartOnFileChange: true
   });
-//end Custom Code
-//    restartOnFileChange: true
-//  });
 };

package.json

@@ -10,7 +10,6 @@
   },
   "private": true,
   "dependencies": {
-    "@angular-eslint/schematics": "^1.0.0",
     "@angular/animations": "^14.0.0",
     "@angular/common": "^14.0.0",
     "@angular/compiler": "^14.0.0",

src/app/app.component.ts

@@ -3,7 +3,7 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
-  styleUrls: ['./app.component.css']
+  styleUrls: ['./app.component.sass']
 })
 export class AppComponent {
   title = 'schedulord-frontend';