Reset implemented button added

Author: 0x41head

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

@@ -22,9 +22,15 @@ button{
   margin:5%;
   padding: 20px;
 }
-.buttonClass{
+.downloadButtonClass{
   position: absolute;
   padding: 10px;
-  bottom: 12%;
+  bottom: 5%;
   right: 5%;
+}
+.resetButtonClass{
+  position: absolute;
+  padding: 10px;
+  bottom: 5%;
+  right: 18%;
 }

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

@@ -42,10 +42,16 @@
         </mat-card>
         <button
           mat-raised-button
-          class="buttonClass"
+          class="downloadButtonClass"
           (click)="SaveEditedYAMLfile()">
           Download edited YAML file
         </button>
+        <button
+          mat-raised-button
+          class="resetButtonClass"
+          (click)="ResetIsImplemented()">
+          Reset Implemented
+        </button>
       </div>
     </div>
     <div class="col-md-3"></div>

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

@@ -186,12 +186,6 @@ export class CircularHeatmapComponent implements OnInit {
       .domain([0, 1])
       .range(['white', 'green']);
 
-    this.loadCircularHeatMap(
-      this.ALL_CARD_DATA,
-      '#chart',
-      this.radial_labels,
-      this.segment_labels
-    );
     d3.selectAll(
       '#segment-' +
         this.ALL_CARD_DATA[index]['SubDimension'].replace(/ /g, '-') +
@@ -202,17 +196,6 @@ export class CircularHeatmapComponent implements OnInit {
     });
   }
 
-  SaveEditedYAMLfile() {
-    console.log(this.YamlObject);
-    let yamlStr = yaml.dump(this.YamlObject);
-    let file = new Blob([yamlStr], { type: 'text/csv;charset=utf-8' });
-    var link = document.createElement('a');
-    link.href = window.URL.createObjectURL(file);
-    link.download = 'generated.yaml';
-    link.click();
-    link.remove();
-  }
-
   loadCircularHeatMap(
     dataset: any,
     dom_element_to_append_to: string,
@@ -584,4 +567,31 @@ export class CircularHeatmapComponent implements OnInit {
     //console.log(this.ALL_CARD_DATA);
     this.router.navigate([this.Routing], navigationExtras);
   }
+  SaveEditedYAMLfile() {
+    //console.log(this.YamlObject);
+    let yamlStr = yaml.dump(this.YamlObject);
+    let file = new Blob([yamlStr], { type: 'text/csv;charset=utf-8' });
+    var link = document.createElement('a');
+    link.href = window.URL.createObjectURL(file);
+    link.download = 'generated.yaml';
+    link.click();
+    link.remove();
+  }
+
+  ResetIsImplemented() {
+    for (var x = 0; x < this.ALL_CARD_DATA.length; x++) {
+      if (this.ALL_CARD_DATA[x]['Done%'] > 0) {
+        this.ALL_CARD_DATA[x]['Done%'] = 0;
+        for (var y = 0; y < this.ALL_CARD_DATA[x]['Task'].length; y++) {
+          this.ALL_CARD_DATA[x]['Task'][y]['ifTaskDone'] = false;
+        }
+        d3.selectAll(
+          '#segment-' +
+            this.ALL_CARD_DATA[x]['SubDimension'].replace(/ /g, '-') +
+            '-' +
+            this.ALL_CARD_DATA[x]['Level'].replace(' ', '-')
+        ).attr('fill', 'white');
+      }
+    }
+  }
 }