Reset Data

src/app/surveys/list-surveys/list-surveys.component.html

@@ -1,4 +1,4 @@
-<div class="header">
+<div class="header" (click)="resetData()">
   <h1>Survey</h1>
 </div>
 <div class="survey-container">

src/app/surveys/list-surveys/list-surveys.component.ts

@@ -1,6 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 import { MatDialog } from '@angular/material/dialog';
 import { Survey } from 'src/app/model/survey';
+import { ConfirmationDialogComponent } from 'src/app/shared/confirmation-dialog/confirmation-dialog.component';
 import { SurveyFormComponent } from '../survey-form/survey-form.component';
 import { SurveyService } from '../survey.service';
 
@@ -23,4 +24,27 @@ export class ListSurveysComponent implements OnInit {
   openSurveyForm() {
     const dialogRef = this._dialog.open(SurveyFormComponent);
   }
+
+  count = 0;
+  resetData() {
+    this.count++;
+    if (this.count == 3) {
+      const dialogRef = this._dialog.open(ConfirmationDialogComponent, {
+        data: {
+          title: 'Reset Data',
+          body: 'All the Surevy and their responses will be Reset.',
+          highlight: 'Are you sure ?',
+          secondaryActionText: 'No, Cancel',
+          primaryActionText: 'Yes, Reset Data',
+          primaryColor: 'warn',
+        },
+      });
+      dialogRef.afterClosed().subscribe((isReset) => {
+        if (isReset) {
+          this.service.resetData();
+        }
+      });
+      this.count = 0;
+    }
+  }
 }

src/app/surveys/survey.service.ts

@@ -173,4 +173,9 @@ export class SurveyService {
 
     return false;
   }
+
+  resetData() {
+    localStorage.clear();
+    window.location.reload();
+  }
 }