add delete and download button for team evidences

Author: sawankshrma

src/app/pages/circular-heatmap/circular-heatmap.component.css

@@ -58,9 +58,6 @@
   max-width: min(100vh - 60px, 100vw - 60px);
 }
 
-.downloadButtonClass {
-  margin: 10px 0;
-}
 .overlay-details {
   z-index: 2;
   background-color: rgba(0, 0, 0, 0.555);
@@ -191,9 +188,9 @@ button.filter-toggle {
   place-self: flex-end;
   margin: 0 1rem;
   padding-top: 1rem;
-  display: flex;
-  align-items: flex-end;
-  flex-direction: column;
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 10px;
 }
 
 :host ::ng-deep .activity-card .mat-expansion-panel-body {

src/app/pages/circular-heatmap/circular-heatmap.component.html

@@ -135,13 +135,27 @@ <h2>Nothing to show</h2>
             (click)="exportTeamProgress()">
             Download team progress
           </button>
+          <button
+            class="normal-button"
+            mat-raised-button
+            class="downloadButtonClass"
+            (click)="exportTeamEvidences()">
+            Download team evidences
+          </button>
           <button
             class="normal-button"
             mat-raised-button
             class="resetButtonClass"
             (click)="deleteLocalTeamsProgress()">
             Delete team progress
           </button>
+          <button
+            class="normal-button"
+            mat-raised-button
+            class="resetButtonClass"
+            (click)="deleteLocalTeamsEvidence()">
+            Delete team evidences
+          </button>
         </div>
       </div>
     </div>

src/app/pages/circular-heatmap/circular-heatmap.component.ts

@@ -717,21 +717,46 @@ export class CircularHeatmapComponent implements OnInit, OnDestroy {
     downloadYamlFile(yamlStr, this.dataStore?.meta?.teamProgressFile || 'team-progress.yaml');
   }
 
+  exportTeamEvidences() {
+    console.log(`${perfNow()}: Exporting team evidence`);
+
+    let yamlStr: string | null = this.dataStore?.evidenceStore?.asYamlString() || null;
+    if (!yamlStr) {
+      this.displayMessage(new DialogInfo('No team evidence data available', 'Export Error'));
+      return;
+    }
+
+    downloadYamlFile(yamlStr, this.dataStore?.meta?.teamEvidenceFile || 'team-evidence.yaml');
+  }
+
   async deleteLocalTeamsProgress() {
-    let buttonClicked: string = await this.displayDeleteLocalProgressDialog();
+    let buttonClicked: string = await this.displayDeleteLocalFilesDialog('progress');
 
     if (buttonClicked === 'Delete') {
       this.dataStore?.progressStore?.deleteBrowserStoredTeamProgress();
       location.reload(); // Make sure all load routines are initialized
     }
   }
 
-  displayDeleteLocalProgressDialog(): Promise<string> {
+  async deleteLocalTeamsEvidence() {
+    let buttonClicked: string = await this.displayDeleteLocalFilesDialog('evidence');
+
+    if (buttonClicked === 'Delete') {
+      this.dataStore?.evidenceStore?.deleteBrowserStoredEvidence();
+      location.reload(); // Make sure all load routines are initialized
+    }
+  }
+
+  displayDeleteLocalFilesDialog(type: 'progress' | 'evidence'): Promise<string> {
     return new Promise((resolve, reject) => {
       let title: string = 'Delete local browser data';
       let message: string =
-        'Do you want to delete all progress for each team?' +
-        '\n\nThis deletes all progress stored in your local browser, but does ' +
+        'Do you want to delete all ' +
+        type +
+        ' for each team?' +
+        '\n\nThis deletes all ' +
+        type +
+        ' stored in your local browser, but does ' +
         'not change any progress stored in the yaml file on the server.';
       let buttons: string[] = ['Cancel', 'Delete'];
       this.modal