From 632790992faba59ea0031311947054d70931df04 Mon Sep 17 00:00:00 2001 From: Dan Date: Mon, 11 Mar 2024 16:43:22 +0000 Subject: [PATCH] WIP refactor to handle multiple sets --- src/app/app.component.ts | 5 +- .../components/top-bar/top-bar.component.html | 6 +- src/app/models/card.model.ts | 20 +++--- src/app/models/setInfo.model.ts | 34 ++++++--- src/app/services/card.service.ts | 71 +++++++++++++++++++ src/app/services/googleSheets.service.ts | 11 +-- src/app/services/set.service.ts | 27 +++++++ src/assets/sets.json | 46 ++++++++++++ 8 files changed, 188 insertions(+), 32 deletions(-) create mode 100644 src/app/services/card.service.ts create mode 100644 src/app/services/set.service.ts diff --git a/src/app/app.component.ts b/src/app/app.component.ts index 40ad8aa..b9b0db5 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -12,6 +12,7 @@ import { CardInfo } from './models/card.model'; import { CardDisplayComponent } from "./components/card-display/card-display.component"; import { MatTabsModule } from '@angular/material/tabs'; +import { SetService } from './services/set.service'; @Component({ selector: 'app-root', @@ -25,6 +26,7 @@ export class AppComponent { constructor( private sheets: googleSheetService, + private setService: SetService, private httpClient: HttpClient, @Inject(DOCUMENT) private document: Document ) @@ -42,7 +44,7 @@ export class AppComponent { this.windowScrolled = window.scrollY !== 0; }); - this.httpClient.get>("assets/sets.json").subscribe(data => { + this.setService.loadSetInfo("assets/sets.json").subscribe(data => { this.sets = data; if(this.sets != undefined) @@ -50,6 +52,7 @@ export class AppComponent { this.selectedSet = this.sets[0] this.sheets.getSet(this.sets[0]).subscribe( values => { let bob = values as any; + this.selectedSet.total = bob.values.length; this.cards = this.convertToCardInfo(this.selectedSet, bob.values as Array); }) } diff --git a/src/app/components/top-bar/top-bar.component.html b/src/app/components/top-bar/top-bar.component.html index 007fb80..4b3a7b0 100644 --- a/src/app/components/top-bar/top-bar.component.html +++ b/src/app/components/top-bar/top-bar.component.html @@ -2,12 +2,12 @@ @if(sets) { - + @for(set of sets; track set) { - {{set.name}} + {{set.name}} } - + }