button to reset all times

2 files changed, 16 insertions, 0 deletions

diff --git a/index.html b/index.html
index 157e2ee..b31a6c1 100644
--- a/index.html
+++ b/index.html
@@ -98,6 +98,12 @@
 
 
       </div>
+      <div class="row">
+        <div class="col-md-2">
+          <br>
+          <p><a id="reset-clocks" class="btn btn-default">Reset all times</a></p>
+        </div>
+      </div>
     </div> <!-- /container -->
 
     <script src="js/vendor/jquery-1.11.1.min.js"></script>
diff --git a/js/main.js b/js/main.js
index cb84050..bf1204d 100644
--- a/js/main.js
+++ b/js/main.js
@@ -377,6 +377,16 @@ $(document).ready(function(){
     $('#date-toggle').button();
     $('#date-toggle').click(function (){toggleDateStyle();});
 
+    $('#reset-clocks').button();
+    $('#reset-clocks').click(function (){
+        if (confirm("Are you sure?"))
+            classes.forEach(function (clas) {
+                clas.time = 0;
+                clas.save();
+            });
+        updateClasses();
+    });
+
     updateClasses();
 });