Refactor/badgeandbutton

.devcontainer/Dockerfile

@@ -1,6 +1,5 @@
 # See here for image contents: https://github.com/microsoft/vscode-dev-containers/tree/v0.177.0/containers/javascript-node/.devcontainer/base.Dockerfile
 
-# [Choice] Node.js version: 16, 14, 12
 ARG VARIANT="22-bookworm"
 FROM mcr.microsoft.com/devcontainers/typescript-node:${VARIANT}
 
@@ -16,7 +15,7 @@ RUN apt update && export DEBIAN_FRONTEND=noninteractive \
 USER node
 
 # [Optional] Uncomment if you want to install more global node modules
-RUN npm install -g npm @angular/cli@19.2.10 @angular/core@19.2.9 typescript@5.5.2
+RUN npm install -g npm @angular/cli@20.1.6 @angular/core@20.1.7 typescript@5.8.3
 
 # [Optional] Install OhMyZsh
 # RUN sh -c "$(wget https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh -O -)"

.postcssrc.json

@@ -0,0 +1,5 @@
+{
+    "plugins": {
+        "@tailwindcss/postcss": {}
+    }
+}

.vscode/settings.json

@@ -6,6 +6,12 @@
         "noopener",
         "noreferrer",
         "trichogramma",
-        "jsverse"
-    ]
+        "jsverse",
+        "firestore",
+        "googlemaps",
+        "messageformat",
+        "ngrx",
+        "parlament"
+    ],
+    "css.lint.unknownAtRules": "ignore"
 }

angular.json

@@ -16,7 +16,9 @@
                         "outputPath": "dist/drone-biotech-webapp",
                         "index": "src/index.html",
                         "browser": "src/main.ts",
-                        "polyfills": ["zone.js"],
+                        "polyfills": [
+                            "zone.js"
+                        ],
                         "tsConfig": "tsconfig.app.json",
                         "assets": [
                             {
@@ -28,8 +30,7 @@
                         "styles": [
                             "@angular/material/prebuilt-themes/azure-blue.css",
                             "src/styles.css"
-                        ],
-                        "scripts": []
+                        ]
                     },
                     "configurations": {
                         "production": {
@@ -77,14 +78,50 @@
                 "lint": {
                     "builder": "@angular-eslint/builder:lint",
                     "options": {
-                        "lintFilePatterns": ["src/**/*.ts", "src/**/*.html"]
+                        "lintFilePatterns": [
+                            "src/**/*.ts",
+                            "src/**/*.html"
+                        ]
                     }
                 }
             }
         }
     },
     "cli": {
-        "schematicCollections": ["@angular-eslint/schematics"],
+        "schematicCollections": [
+            "@angular-eslint/schematics"
+        ],
         "analytics": false
+    },
+    "schematics": {
+        "@schematics/angular:component": {
+            "path": "src/app/shared/components",
+            "type": "component",
+            "style": "none"
+        },
+        "@schematics/angular:directive": {
+            "path": "src/app/shared/directives",
+            "type": "directive",
+            "flat": false
+        },
+        "@schematics/angular:service": {
+            "type": "service"
+        },
+        "@schematics/angular:guard": {
+            "typeSeparator": "."
+        },
+        "@schematics/angular:interceptor": {
+            "typeSeparator": "."
+        },
+        "@schematics/angular:module": {
+            "path": "src/app/shared/modules",
+            "typeSeparator": "."
+        },
+        "@schematics/angular:pipe": {
+            "typeSeparator": "."
+        },
+        "@schematics/angular:resolver": {
+            "typeSeparator": "."
+        }
     }
-}
+}

jest.config.js

@@ -1,6 +1,9 @@
 module.exports = {
     preset: 'jest-preset-angular',
-    setupFiles: ['<rootDir>/tests/google-maps.mock.js'],
+    setupFiles: [
+        '<rootDir>/tests/google-maps.mock.js',
+        '<rootDir>/tests/firebase.mock.js',
+    ],
     setupFilesAfterEnv: ['<rootDir>/tests/setup-jest.ts'],
     rootDir: './',
     modulePaths: ['<rootDir>'],
@@ -12,6 +15,8 @@ module.exports = {
         '^@interfaces/(.*)$': '<rootDir>/src/app/shared/interfaces/$1',
         '^@utils/(.*)$': '<rootDir>/src/app/shared/utils/$1',
         '^@services/(.*)$': '<rootDir>/src/app/shared/services/$1',
+        '^@tokens/(.*)$': '<rootDir>/src/app/shared/tokens/$1',
+        '^@validators/(.*)$': '<rootDir>/src/app/shared/validators/$1',
         '^@stores/(.*)$': '<rootDir>/src/app/stores/$1',
     },
     transformIgnorePatterns: ['node_modules/?!(.\\*.mjs$|@jsverse)'],