chore(deps): update devdependencies (non-major)

Reviewed-on: #7

.gitea/workflows/build.yml

@@ -0,0 +1,30 @@
+name: Build
+
+on:
+  push:
+    branches:
+      - master
+  pull_request:
+    types: [opened, synchronize, reopened]
+
+jobs:
+  build:
+    name: Build and analyze
+    runs-on: ubuntu-latest
+    
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0  # Shallow clones should be disabled for a better relevancy of analysis
+      - uses: sonarsource/sonarqube-scan-action@master
+        env:
+          SONAR_TOKEN: ${{ secrets.SONAR_TOKEN }}
+          SONAR_HOST_URL: ${{ secrets.SONAR_HOST_URL }}
+      # If you wish to fail your job when the Quality Gate is red, uncomment the
+      # following lines. This would typically be used to fail a deployment.
+      # We do not recommend to use this in a pull request. Prefer using pull request
+      # decoration instead.
+      # - uses: sonarsource/sonarqube-quality-gate-action@master
+      #   timeout-minutes: 5
+      #   env:
+      #     SONAR_TOKEN: ${{ secrets.SONAR_TOKEN }}

package.json

@@ -28,7 +28,7 @@
     "@angular/compiler-cli": "^18.2.3",
     "@types/jasmine": "~5.1.0",
     "autoprefixer": "^10.4.20",
-    "jasmine-core": "~5.1.0",
+    "jasmine-core": "~5.3.0",
     "karma": "~6.4.0",
     "karma-chrome-launcher": "~3.2.0",
     "karma-coverage": "~2.2.0",
@@ -36,6 +36,6 @@
     "karma-jasmine-html-reporter": "~2.1.0",
     "postcss": "^8.4.41",
     "tailwindcss": "^3.4.10",
-    "typescript": "~5.5.2"
+    "typescript": "~5.6.0"
   }
 }

sonar-project.properties

@@ -0,0 +1 @@
+sonar.projectKey=Hotel-Manager

src/app/HotelItem/HotelItem.component.ts

@@ -1,6 +1,5 @@
-import { Component } from "@angular/core";
+import { Component, Input } from "@angular/core";
 import { ChildComponent } from "../Child/child.component";
-import { Input } from "@angular/core";
 import { Hotel } from "./hotel";
 import { CurrencyPipe } from "@angular/common";
 import { FormsModule } from "@angular/forms";

src/app/HotelItem/hotel.ts

@@ -1,8 +1,8 @@
 export interface Hotel {
   hotelId: number;
-  hotelName: String;
-  description: String;
+  hotelName: string;
+  description: string;
   price: number;
-  imageUrl: String;
+  imageUrl: string;
   rating: number;
 }

src/app/Parent/services/hotel.service.ts

@@ -0,0 +1,42 @@
+import { Injectable } from "@angular/core";
+import { Hotel } from "../../HotelItem/hotel";
+
+@Injectable()
+export class HotelService {
+  public getHotels(): Hotel[] {
+    return [
+      {
+        "hotelId": 1,
+        "hotelName": "Buea süßes Leben",
+        "description": "Schöne Aussicht am Meer",
+        "price": 230.5,
+        "imageUrl": "assets/img/1.jpg",
+        "rating": 3.5
+      },
+      {
+        "hotelId": 2,
+        "hotelName": "Marrakesch",
+        "description": "Genießen Sie den Blick auf die Berge",
+        "price": 145.5,
+        "imageUrl": "assets/img/2.jpg",
+        "rating": 5
+      },
+      {
+        "hotelId": 3,
+        "hotelName": "Abuja neuer Palast",
+        "description": "Kompletter Aufenthalt mit Autoservice",
+        "price": 120.12,
+        "imageUrl": "assets/img/3.jpg",
+        "rating": 4
+      },
+      {
+        "hotelId": 4,
+        "hotelName": "Kapstadt Stadt",
+        "description": "Wunderschönes Ambiente für Ihren Aufenthalt",
+        "price": 135.12,
+        "imageUrl": "assets/img/4.jpg",
+        "rating": 2.5
+      }
+    ];
+  }
+}

src/app/app.component.ts

@@ -3,16 +3,20 @@ import { HotelItem } from './HotelItem/HotelItem.component';
 import { SearchComponent } from './Search/search.component';
 import { UpperCasePipe } from '@angular/common';
 import { TextPipe } from '../text.pipe';
+import { HotelService } from './Parent/services/hotel.service';
+import { inject } from '@angular/core';
 
 @Component({
   selector: 'app-root',
   standalone: true,
   imports: [HotelItem, SearchComponent, UpperCasePipe, TextPipe],
   templateUrl: './app.component.html',
+  providers: [HotelService],
   styleUrl: './app.component.css'
 })
 export class AppComponent {
   public search: string = "";
+  public hotelService: HotelService = inject(HotelService);
 
   public test() {
     console.log(this.search);
@@ -27,39 +31,6 @@ export class AppComponent {
     return false;
   }
 
-  public hotels = [
-    {
-      "hotelId": 1,
-      "hotelName": "Buea süßes Leben",
-      "description": "Schöne Aussicht am Meer",
-      "price": 230.5,
-      "imageUrl": "assets/img/1.jpg",
-      "rating": 3.5
-    },
-    {
-      "hotelId": 2,
-      "hotelName": "Marrakesch",
-      "description": "Genießen Sie den Blick auf die Berge",
-      "price": 145.5,
-      "imageUrl": "assets/img/2.jpg",
-      "rating": 5
-    },
-    {
-      "hotelId": 3,
-      "hotelName": "Abuja neuer Palast",
-      "description": "Kompletter Aufenthalt mit Autoservice",
-      "price": 120.12,
-      "imageUrl": "assets/img/3.jpg",
-      "rating": 4
-    },
-    {
-      "hotelId": 4,
-      "hotelName": "Kapstadt Stadt",
-      "description": "Wunderschönes Ambiente für Ihren Aufenthalt",
-      "price": 135.12,
-      "imageUrl": "assets/img/4.jpg",
-      "rating": 2.5
-    }
-  ]
+  public hotels = this.hotelService.getHotels();
 }