🎨 #52: Prettier angewendet

Hirschfuchs · Nov 4, 2023 · 8f395e0 · 8f395e0
1 parent ebc9763
commit 8f395e0
Show file tree

Hide file tree

Showing 25 changed files with 233 additions and 231 deletions.
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -1,13 +1,9 @@
 {
   "root": true,
-  "ignorePatterns": [
-    "projects/**/*"
-  ],
+  "ignorePatterns": ["projects/**/*"],
   "overrides": [
     {
-      "files": [
-        "*.ts"
-      ],
+      "files": ["*.ts"],
       "extends": [
         "eslint:recommended",
         "plugin:@typescript-eslint/recommended",
@@ -34,12 +30,8 @@
       }
     },
     {
-      "files": [
-        "*.html"
-      ],
-      "extends": [
-        "plugin:@angular-eslint/template/recommended"
-      ],
+      "files": ["*.html"],
+      "extends": ["plugin:@angular-eslint/template/recommended"],
       "rules": {}
     }
   ]

diff --git a/.github/contributing.md b/.github/contributing.md
@@ -8,7 +8,7 @@ Das Projekt ist eine Single-Page Angular-Applikation, die im Web ([buntnis-ilmen
 
 ### Sprache
 
-Das Projekt wird in der deutschen Sprache aufgesetzt. Internationalisierung könnte nochmal interessant werden, aber nicht in Code und Doku. 
+Das Projekt wird in der deutschen Sprache aufgesetzt. Internationalisierung könnte nochmal interessant werden, aber nicht in Code und Doku.
 
 ## Inhaltliche Voraussetzungen
 
@@ -25,11 +25,11 @@ Trotz allem - wir sind alle nur Menschen. Bestes Bemühen heißt auch, dass nich
 Kein Code ist fehlerfrei. Stimmt. Trotzdem wollen wir versuchen, eine möglichst fehlerfreie Codebasis zu wahren. Was heißt das in der Praxis?
 
 - Jeder Code soll ausführbar sein
-    - ein Commit soll funktionierenden Code bereitstellen. Ich möchte grundlegend zu jedem Commit zurücksetzen können, ohne dass die Applikation bricht
-    - jeder PR (& eigentlich auch Commit) soll die Tests fehlerfrei ausführen können. Die Deaktivierung einzelner Tests muss sinnvoll begründet und nicht dauerhaft sein (Issue bereits angelegt)
+  - ein Commit soll funktionierenden Code bereitstellen. Ich möchte grundlegend zu jedem Commit zurücksetzen können, ohne dass die Applikation bricht
+  - jeder PR (& eigentlich auch Commit) soll die Tests fehlerfrei ausführen können. Die Deaktivierung einzelner Tests muss sinnvoll begründet und nicht dauerhaft sein (Issue bereits angelegt)
 - Lint-Checks erfüllt
-    - wenn Sonar (oder ein anderer Linter) Bugs, Vulnerabilities oder Security Hotspots erkennt, müssen diese vor dem Einbau behoben werden
-    - weniger drastische Probleme, wie Code Smells sollten nach Möglichkeit auch entfernt oder so gering wie möglich gehalten werden. 10 Code Smells in einem kleinen Commit sind definitiv zu viel, aber auch 5 in einem großen Commit nicht schön. So wenig wie möglich - für die Wartbarkeit!
+  - wenn Sonar (oder ein anderer Linter) Bugs, Vulnerabilities oder Security Hotspots erkennt, müssen diese vor dem Einbau behoben werden
+  - weniger drastische Probleme, wie Code Smells sollten nach Möglichkeit auch entfernt oder so gering wie möglich gehalten werden. 10 Code Smells in einem kleinen Commit sind definitiv zu viel, aber auch 5 in einem großen Commit nicht schön. So wenig wie möglich - für die Wartbarkeit!
 
 ### TDD
 

diff --git a/.github/setup.md b/.github/setup.md
@@ -1,15 +1,15 @@
 # Konfiguration für die Entwicklung
 
-Hier beschrieben ist der grundlegende Prozess, der für die Arbeit am Projekt notwendig ist. 
+Hier beschrieben ist der grundlegende Prozess, der für die Arbeit am Projekt notwendig ist.
 
 ## IDE
 
-Das Repository muss in der Entwicklungsumgebung der Wahl eingebunden werden. Eine für die Webentwicklung geeignete IDE, wie Webstorm oder VS Code mit entsprechenden Erweiterungen, ist empfehlenswert. 
+Das Repository muss in der Entwicklungsumgebung der Wahl eingebunden werden. Eine für die Webentwicklung geeignete IDE, wie Webstorm oder VS Code mit entsprechenden Erweiterungen, ist empfehlenswert.
 
-Für die Arbeit wird npm benötigt. Nach dem Checkout eines Branches sollte ein `npm install` ausgeführt werden. 
+Für die Arbeit wird npm benötigt. Nach dem Checkout eines Branches sollte ein `npm install` ausgeführt werden.
 
 ## Entwicklung
 
-Danach ist man grundsätzlich bereit für die Entwicklung. Die lokale Ausführung der Seite kann mit `ng serve` und die der Tests mit `npm run tests` gestartet werden. 
+Danach ist man grundsätzlich bereit für die Entwicklung. Die lokale Ausführung der Seite kann mit `ng serve` und die der Tests mit `npm run tests` gestartet werden.
 
-Für den Stil ist die `contributing.md` zu beachten. 
+Für den Stil ist die `contributing.md` zu beachten.
diff --git a/README.md b/README.md
@@ -4,9 +4,6 @@ Dieses Repository beinhaltet den Quellcode für die Webpräsenz des Buntnis Ilme
 
 Der aktuelle Entwicklungsstand kann auf `test.buntnis.de` betrachtet werden. Die Produktivversionen können auf `buntnis-ilmenau.de` (und `buntnis.de`) gefunden werden.
 
-
-
-
 ## Badges
 
 [![MIT License](https://img.shields.io/badge/License-MIT-green.svg)](https://choosealicense.com/licenses/mit/)
@@ -16,13 +13,13 @@ Der aktuelle Entwicklungsstand kann auf `test.buntnis.de` betrachtet werden. Die
 ![Build](https://img.shields.io/github/actions/workflow/status/Hirschfuchs/buntnis-ilmenau.de/deploy-test.yml)
 ![Website-Zustand](https://img.shields.io/website?down_color=red&down_message=offline&up_color=green&up_message=online&url=https%3A%2F%2Fbuntnis-ilmenau.de)
 ![Coverage](https://img.shields.io/codecov/c/github/Hirschfuchs/buntnis-ilmenau.de)
+
 ## Roadmap
 
 - einfache Startseite
 - Erweiterung mit Unterpunkten
 - Verknüpfung zu anderen Projekten, wie [stolpersteine-ilmenau.de](https://stolpersteine-ilmenau.de)
 
-
 ## Tech Stack
 
 **Client:** Angular

diff --git a/angular.json b/angular.json
@@ -20,18 +20,11 @@
             "outputPath": "dist/buntnis-ilmenau-de",
             "index": "src/index.html",
             "main": "src/main.ts",
-            "polyfills": [
-              "zone.js"
-            ],
+            "polyfills": ["zone.js"],
             "tsConfig": "tsconfig.app.json",
             "inlineStyleLanguage": "scss",
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ],
-            "styles": [
-              "src/styles.scss"
-            ],
+            "assets": ["src/favicon.ico", "src/assets"],
+            "styles": ["src/styles.scss"],
             "scripts": []
           },
           "configurations": {
@@ -82,38 +75,25 @@
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
-            "polyfills": [
-              "zone.js",
-              "zone.js/testing"
-            ],
+            "polyfills": ["zone.js", "zone.js/testing"],
             "tsConfig": "tsconfig.spec.json",
             "inlineStyleLanguage": "scss",
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ],
-            "styles": [
-              "src/styles.scss"
-            ],
+            "assets": ["src/favicon.ico", "src/assets"],
+            "styles": ["src/styles.scss"],
             "scripts": [],
             "karmaConfig": "karma.conf.js"
           }
         },
         "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"]
   }
 }
diff --git a/karma.conf.js b/karma.conf.js
@@ -3,14 +3,14 @@
 
 module.exports = function (config) {
   config.set({
-    basePath: '',
-    frameworks: ['jasmine', '@angular-devkit/build-angular'],
+    basePath: "",
+    frameworks: ["jasmine", "@angular-devkit/build-angular"],
     plugins: [
-      require('karma-jasmine'),
-      require('karma-chrome-launcher'),
-      require('karma-jasmine-html-reporter'),
-      require('karma-coverage'),
-      require('@angular-devkit/build-angular/plugins/karma')
+      require("karma-jasmine"),
+      require("karma-chrome-launcher"),
+      require("karma-jasmine-html-reporter"),
+      require("karma-coverage"),
+      require("@angular-devkit/build-angular/plugins/karma"),
     ],
     client: {
       jasmine: {
@@ -19,28 +19,28 @@ module.exports = function (config) {
         // for example, you can disable the random execution with `random: false`
         // or set a specific seed with `seed: 4321`
       },
-      clearContext: false // leave Jasmine Spec Runner output visible in browser
+      clearContext: false, // leave Jasmine Spec Runner output visible in browser
     },
     jasmineHtmlReporter: {
-      suppressAll: true // removes the duplicated traces
+      suppressAll: true, // removes the duplicated traces
     },
     coverageReporter: {
-      dir: require('path').join(__dirname, './coverage/buntnis-ilmenau-de'),
-      subdir: '.',
+      dir: require("path").join(__dirname, "./coverage/buntnis-ilmenau-de"),
+      subdir: ".",
       reporters: [
-        {type: 'html'},
-        {type: 'text-summary'},
-        {type: 'lcovonly'},
-      ]
+        { type: "html" },
+        { type: "text-summary" },
+        { type: "lcovonly" },
+      ],
     },
-    reporters: ['progress', 'kjhtml'],
-    browsers: ['Chrome', 'ChromeHeadless', 'ChromeHeadlessCI'],
+    reporters: ["progress", "kjhtml"],
+    browsers: ["Chrome", "ChromeHeadless", "ChromeHeadlessCI"],
     customLaunchers: {
       ChromeHeadlessCI: {
-        base: 'ChromeHeadless',
-        flags: ['--no-sandbox']
-      }
+        base: "ChromeHeadless",
+        flags: ["--no-sandbox"],
+      },
     },
-    restartOnFileChange: true
+    restartOnFileChange: true,
   });
 };
diff --git a/renovate.json b/renovate.json
@@ -1,8 +1,6 @@
 {
   "$schema": "https://docs.renovatebot.com/renovate-schema.json",
-  "extends": [
-    "config:base"
-  ],
+  "extends": ["config:base"],
   "description": "Renovate-Konfiguration für die Buntnis-Seite",
   "labels": ["👷 renovate"],
   "prHourlyLimit": 20,

diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
@@ -5,6 +5,6 @@ const routes: Routes = [];
 
 @NgModule({
   imports: [RouterModule.forRoot(routes)],
-  exports: [RouterModule]
+  exports: [RouterModule],
 })
-export class AppRoutingModule { }
+export class AppRoutingModule {}
diff --git a/src/app/app.component.spec.ts b/src/app/app.component.spec.ts
@@ -28,7 +28,9 @@ describe('AppComponent', () => {
     const fixture = TestBed.createComponent(AppComponent);
     fixture.detectChanges();
     const compiled = fixture.nativeElement as HTMLElement;
-    expect(compiled.querySelector('h1')?.textContent).toContain('Buntnis Ilmenau');
+    expect(compiled.querySelector('h1')?.textContent).toContain(
+      'Buntnis Ilmenau',
+    );
   });
 });
 

diff --git a/src/app/app.component.ts b/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.scss']
+  styleUrls: ['./app.component.scss'],
 })
 export class AppComponent {
   title = 'buntnis-ilmenau-de';

diff --git a/src/app/app.module.ts b/src/app/app.module.ts
@@ -3,35 +3,32 @@ import { BrowserModule } from '@angular/platform-browser';
 
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
-import {ComingSoonComponent} from "./wartung/coming-soon/coming-soon.component";
-import {NgOptimizedImage} from "@angular/common";
+import { ComingSoonComponent } from './wartung/coming-soon/coming-soon.component';
+import { NgOptimizedImage } from '@angular/common';
 import { SharedComponentsModule } from './shared/components/shared-components.module';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
-import {MatProgressBarModule} from "@angular/material/progress-bar";
-import {MatListModule} from "@angular/material/list";
-import {MatCheckboxModule} from "@angular/material/checkbox";
-import {FormsModule} from "@angular/forms";
+import { MatProgressBarModule } from '@angular/material/progress-bar';
+import { MatListModule } from '@angular/material/list';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { FormsModule } from '@angular/forms';
 
 @NgModule({
-    declarations: [
-        AppComponent,
-        ComingSoonComponent
-    ],
-    imports: [
-        BrowserAnimationsModule,
-        BrowserModule,
-        AppRoutingModule,
-        NgOptimizedImage,
-        SharedComponentsModule,
-        BrowserAnimationsModule,
-        FontAwesomeModule,
-        MatProgressBarModule,
-        MatListModule,
-        MatCheckboxModule,
-        FormsModule
-    ],
+  declarations: [AppComponent, ComingSoonComponent],
+  imports: [
+    BrowserAnimationsModule,
+    BrowserModule,
+    AppRoutingModule,
+    NgOptimizedImage,
+    SharedComponentsModule,
+    BrowserAnimationsModule,
+    FontAwesomeModule,
+    MatProgressBarModule,
+    MatListModule,
+    MatCheckboxModule,
+    FormsModule,
+  ],
   providers: [],
-  bootstrap: [AppComponent]
+  bootstrap: [AppComponent],
 })
-export class AppModule { }
+export class AppModule {}
diff --git a/src/app/shared/components/header/header.component.spec.ts b/src/app/shared/components/header/header.component.spec.ts
@@ -8,9 +8,8 @@ describe('HeaderComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [ HeaderComponent ]
-    })
-    .compileComponents();
+      declarations: [HeaderComponent],
+    }).compileComponents();
 
     fixture = TestBed.createComponent(HeaderComponent);
     component = fixture.componentInstance;

diff --git a/src/app/shared/components/header/header.component.ts b/src/app/shared/components/header/header.component.ts
@@ -3,8 +3,6 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'app-header',
   templateUrl: './header.component.html',
-  styleUrls: ['./header.component.scss']
+  styleUrls: ['./header.component.scss'],
 })
-export class HeaderComponent {
-
-}
+export class HeaderComponent {}
diff --git a/src/app/shared/components/shared-components.module.ts b/src/app/shared/components/shared-components.module.ts
@@ -2,17 +2,9 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { HeaderComponent } from './header/header.component';
 
-
-
 @NgModule({
-    declarations: [
-        HeaderComponent
-    ],
-    exports: [
-        HeaderComponent
-    ],
-    imports: [
-        CommonModule
-    ]
+  declarations: [HeaderComponent],
+  exports: [HeaderComponent],
+  imports: [CommonModule],
 })
-export class SharedComponentsModule { }
+export class SharedComponentsModule {}