From efc56d29a27ce9c15b84b9df086bcbec769da9d3 Mon Sep 17 00:00:00 2001
From: Quildra <Quildra@gmail.com>
Date: Wed, 20 Dec 2023 13:41:04 +0000
Subject: [PATCH] Add edit and delete buttons for seasons

---
 .../season-card/season-card.component.html         | 10 ++++++++++
 .../season-card/season-card.component.ts           | 14 +++++++++++++-
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/packages/bridge-ui/src/app/components/season-card/season-card.component.html b/packages/bridge-ui/src/app/components/season-card/season-card.component.html
index 51eb31b..365d5da 100644
--- a/packages/bridge-ui/src/app/components/season-card/season-card.component.html
+++ b/packages/bridge-ui/src/app/components/season-card/season-card.component.html
@@ -7,6 +7,16 @@
         <mat-card-content class="mat-mdc-card-content docs-guide-card-summary">
             <p>Start Date: {{getStartingDate()}}</p>
             <p>Number of Races: {{season.races.length}}</p>
+            @if(usersService.canEditSeasons()) {
+                <button mat-mini-fab color="accent" aria-label="Edit">
+                    <mat-icon>edit</mat-icon>
+                </button>
+            }
+            @if(usersService.canDeleteSeasons()) {
+                <button mat-mini-fab color="warn" aria-label="DELETE" (click)="deleteSeason(season.id)">
+                    <mat-icon>delete</mat-icon>
+                </button>
+            }
         </mat-card-content>
         }
     </mat-card>
diff --git a/packages/bridge-ui/src/app/components/season-card/season-card.component.ts b/packages/bridge-ui/src/app/components/season-card/season-card.component.ts
index 2aa90f8..013e27c 100644
--- a/packages/bridge-ui/src/app/components/season-card/season-card.component.ts
+++ b/packages/bridge-ui/src/app/components/season-card/season-card.component.ts
@@ -2,15 +2,20 @@ import { Component, Input } from '@angular/core';
 import { CommonModule } from '@angular/common';
 
 import { MatCardModule } from '@angular/material/card';
+import { MatIconModule } from '@angular/material/icon';
+import { MatButtonModule } from '@angular/material/button';
 
 import { Season } from '../../models/season.model';
+import { UsersService } from '../../services/users.service';
 
 @Component({
   selector: 'app-season-card',
   standalone: true,
   imports: [
     CommonModule,
-    MatCardModule
+    MatCardModule,
+    MatIconModule,
+    MatButtonModule
   ],
   templateUrl: './season-card.component.html',
   styleUrl: './season-card.component.scss'
@@ -20,6 +25,10 @@ export class SeasonCardComponent {
 
   @Input() season?: Season;
 
+  constructor(
+    public usersService: UsersService,
+    ) {}
+
   getStartingDate() {
     if(this.season != undefined) {
       let date = new Date(0);
@@ -30,4 +39,7 @@ export class SeasonCardComponent {
     return "";
   }
 
+  deleteSeason(id: string) {
+  }
+
 }