fix: routing

AlexanderKuglerSybit · AlexanderKuglerSybit · commit 2356f761a13f · 2024-07-30T10:16:32.000+02:00
diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -1,2 +1,4 @@
-<app-footer></app-footer>
-
+<div class="sytivities">
+    <router-outlet></router-outlet>
+    <app-footer></app-footer>
+</div>
diff --git a/src/app/components/detail/detail.component.html b/src/app/components/detail/detail.component.html
@@ -1,3 +1,4 @@
+{{activity?.name}}
 @if (activity?.media) {
     <img [src]="activity?.media.file?.[0].url" alt="{{activity?.name}} Bild">
 }
diff --git a/src/app/components/detail/detail.component.ts b/src/app/components/detail/detail.component.ts
@@ -1,33 +1,34 @@
 import {Component, OnInit} from '@angular/core';
-import {AsyncPipe} from "@angular/common";
+import {AirtableService} from "../../services/airtable.service";
+import {AsyncPipe, NgStyle} from "@angular/common";
+import {Activity} from "../../types/activity.interface";
 import {ActivatedRoute, RouterLink} from "@angular/router";
-import { AirtableService } from '../../services/airtable.service';
-import { Activity } from '../../types/activity.interface';
 
 @Component({
   selector: 'app-detail',
   standalone: true,
   imports: [
     AsyncPipe,
-    RouterLink
+    RouterLink,
+    NgStyle
   ],
   templateUrl: './detail.component.html',
   styleUrl: './detail.component.scss'
 })
 export class DetailComponent implements OnInit {
-
-  activity: Activity | null = null  
+  activity: Activity | null = null;
 
   constructor(
-    private route: ActivatedRoute, 
+    private route: ActivatedRoute,
     private activityService: AirtableService
   ) {}
+
   ngOnInit(): void {
-    const osmId = this.route.snapshot.paramMap.get('osm_id'); 
+    const osmId = this.route.snapshot.paramMap.get('osm_id');
     if (osmId) {
-      this.activityService.getActivitiesByOsmId(osmId).subscribe ((activities)=>{
-        this.activity = activities[0]
-      })
+      this.activityService.getActivitiesByOsmId(osmId).subscribe((activities) => {
+        this.activity = activities[0];
+      });
     }
   }
 }
diff --git a/src/index.html b/src/index.html
@@ -1,8 +1,11 @@
 <!doctype html>
 <html lang="en">
 <head>
-  <title></title>
-
+  <meta charset="utf-8">
+  <title>Sytivities</title>
+  <base href="/">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="icon" type="image/x-icon" href="assets/favicon.ico">
 </head>
 <body>
   <app-root></app-root>

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
	`1`	`+{{activity?.name}}`
`1`	`2`	`@if (activity?.media) {`
`2`	`3`	`<img [src]="activity?.media.file?.[0].url" alt="{{activity?.name}} Bild">`
`3`	`4`	`}`