implemented timetable endpoint

package.json

@@ -20,16 +20,19 @@
     "@angular/platform-browser": "^17.3.0",
     "@angular/platform-browser-dynamic": "^17.3.0",
     "@angular/router": "^17.3.0",
+    "component": "^1.1.0",
     "cors": "^2.8.5",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
+    "xml2js": "^0.6.2",
     "zone.js": "~0.14.3"
   },
   "devDependencies": {
     "@angular-devkit/build-angular": "^17.3.6",
     "@angular/cli": "^17.3.6",
     "@angular/compiler-cli": "^17.3.0",
     "@types/jasmine": "~5.1.0",
+    "@types/xml2js": "^0.4.14",
     "autoprefixer": "^10.4.19",
     "jasmine-core": "~5.1.0",
     "karma": "~6.4.0",
@@ -41,4 +44,4 @@
     "tailwindcss": "^3.4.3",
     "typescript": "~5.4.2"
   }
-}
+}

src/app/app.module.ts

@@ -23,6 +23,7 @@ import {NavbarComponent} from "./shared/navbar/navbar.component";
 import {HeaderComponent} from "./shared/header/header.component";
 import {FooterComponent} from "./shared/footer/footer.component";
 import {CacheService} from "../services/cache.service";
+import {TimetableComponent} from "./main/timetable/timetable.component";
 
 export const routes: Routes = [
     {path: 'home', component: HomeComponent},
@@ -42,7 +43,8 @@ export const routes: Routes = [
         HomeComponent,
         NavigationsComponent,
         NavbarComponent,
-        FooterComponent
+        FooterComponent,
+        TimetableComponent
     ],
     imports: [
         HttpClientModule,
@@ -79,7 +81,8 @@ export const routes: Routes = [
         HomeComponent,
         NavigationsComponent,
         NavbarComponent,
-        FooterComponent
+        FooterComponent,
+        TimetableComponent
     ],
     schemas: [
         CUSTOM_ELEMENTS_SCHEMA

src/app/main/search/search.component.ts

@@ -1,7 +1,7 @@
 import {Component, OnInit} from '@angular/core';
 import {Router, ActivatedRoute} from '@angular/router';
 import {DbService} from "../../../services/db.service";
-import {Station} from "../../../models/resultModel";
+import {Station} from "../../../models/result.StationData.Stations";
 import {Subject} from 'rxjs';
 import {debounceTime, distinctUntilChanged} from 'rxjs/operators';
 import {typeCheckFilePath} from "@angular/compiler-cli/src/ngtsc/typecheck";

src/app/main/search/station-detail/station-detail.component.html

@@ -1,8 +1,8 @@
 <div class="container mx-auto px-4 w-full md:w-1/2 whitespace-nowrap" *ngIf="station">
     <div class="flex items-center justify-center mt-10">
         <div class="mb-4 bg-white rounded-lg p-4 shadow flex flex-col md:flex-row w-full">
-            <div class="flex flex-col w-full md:w-1/2" *ngIf="station.name">
-                <div class="font-bold text-xl mb-2">{{ station.name }}</div>
+            <div (click)="openTimeTablePage()" class="flex flex-col w-full md:w-1/2" *ngIf="station.name">
+                <div  class="font-bold text-xl mb-2">{{ station.name }}</div>
                 <div class="text-gray-700 text-base"
                      *ngIf="station.evaNumbers && station.evaNumbers[0]">{{ station.evaNumbers[0].number }}
                 </div>

src/app/main/search/station-detail/station-detail.component.ts

@@ -1,33 +1,35 @@
 import {Component, Input, OnInit} from '@angular/core';
-import {Station} from '../../../../models/resultModel';
+import {Station} from '../../../../models/result.StationData.Stations';
 import {MatDialog} from '@angular/material/dialog';
 import {IconExplanationDialogComponent} from "./icon-explanation-dialog/icon-explanation-dialog.component";
 import {ConfigService} from "../../../../services/config.service";
-import {join} from "@angular/compiler-cli";
 import {
     Explanation,
     IconExplanationConfigModel,
-    Explanations,
     ExplanationsModel
 } from "../../../../models/iconExplanationConfigModel";
-import {handleAutoChangeDetectionStatus} from "@angular/cdk/testing";
+import {DbService} from "../../../../services/db.service";
+import {
+    convertToModel,
+    Timetable
+} from "../../../../models/result.TimeTable.Plan";
 
 
 @Component({
     selector: 'app-station-detail',
     templateUrl: './station-detail.component.html',
     styleUrls: ['./station-detail.component.css']
 })
-export class StationDetailComponent{
+export class StationDetailComponent {
     @Input() station: Station;
     config: IconExplanationConfigModel;
 
     constructor(
         private dialog: MatDialog,
+        private dbService: DbService,
         private configService: ConfigService) {
         this.configService.fetchConfig("data/iconExplanations.json").subscribe(
             (value: ExplanationsModel) => {
-                console.log(value);
                 this.config = new IconExplanationConfigModel(value);
             }
         );
@@ -49,9 +51,9 @@ export class StationDetailComponent{
                 color: color
             }
         })
-
     }
 
-    protected readonly HashChangeEvent = HashChangeEvent;
-    protected readonly handleAutoChangeDetectionStatus = handleAutoChangeDetectionStatus;
+    openTimeTablePage() {
+
+    }
 }

src/app/main/timetable/timetable.component.html

@@ -0,0 +1 @@
+<p>timetable works!</p>

src/app/main/timetable/timetable.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { TimetableComponent } from './timetable.component';
+
+describe('TimetableComponent', () => {
+  let component: TimetableComponent;
+  let fixture: ComponentFixture<TimetableComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [TimetableComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(TimetableComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/main/timetable/timetable.component.ts

@@ -0,0 +1,37 @@
+import {Component, Input} from '@angular/core';
+import {convertToModel, Timetable} from "../../../models/result.TimeTable.Plan";
+import {DbService} from "../../../services/db.service";
+import {Station} from "../../../models/result.StationData.Stations";
+
+@Component({
+  selector: 'app-timetable',
+  templateUrl: './timetable.component.html',
+  styleUrl: './timetable.component.css'
+})
+export class TimetableComponent {
+    @Input() station: Station;
+
+    constructor(
+        private dbService: DbService
+    ) {
+    }
+
+    getTimeTable(station: Station) {
+        const now = new Date();
+        const year = now.getUTCFullYear().toString().slice(-2); // Get last two digits of year
+        const month = (now.getUTCMonth() + 1).toString().padStart(2, '0'); // Months are 0-indexed in JavaScript
+        const date = now.getUTCDate().toString().padStart(2, '0');
+        const hour = now.getUTCHours().toString().padStart(2, '0');
+        const formattedDate = year + month + date;
+        const formattedHour = hour;
+        this.dbService.getTimeTablesPlan(
+            station.evaNumbers[0].number.toString(),
+            formattedDate,
+            formattedHour,
+            true,
+            false)
+            .subscribe((value: any) => {
+                const timetable: Timetable = convertToModel(value?.data?.timetable);
+            });
+    }
+}