diff options
-rw-r--r-- | index.html | 4 | ||||
-rw-r--r-- | js/main.js | 35 |
2 files changed, 39 insertions, 0 deletions
@@ -102,8 +102,12 @@ <div class="col-md-2"> <br> <p><a id="reset-clocks" class="btn btn-default">Reset all times</a></p> + <p><a id="backup-to-textarea" class="btn btn-default">Backup data</a></p> </div> </div> + <div class="row"> + <div id="backup" class="col-md-6"></div> + </div> </div> <!-- /container --> <script src="js/vendor/jquery-1.11.1.min.js"></script> @@ -387,6 +387,41 @@ $(document).ready(function(){ updateClasses(); }); + $('#backup-to-textarea').button(); + $('#backup-to-textarea').click(function (){ + var text = ""; + var i = 0; + for (i = 0; i < classes.length; i++) + { + text = text + + 'Class: ' + + classes[i].grade + + '-' + + classes[i].clas + + "\t" + + 'Points: ' + + classes[i].points + + "\t" + + 'Time wasted this week so far (seconds): ' + + classes[i].time + + "\n"; + } + $('#backup').html('<textarea id="backup-textarea">' + text + "</textarea>"); + + // select all text in the textarea on click: http://stackoverflow.com/a/5797700 + $("#backup-textarea").focus(function() { + var $this = $(this); + $this.select(); + + // Work around Chrome's little problem + $this.mouseup(function() { + // Prevent further mouseup intervention + $this.unbind("mouseup"); + return false; + }); + }); + }); + updateClasses(); }); |