#23: Save timesheets automatically

phase2 · Aug 27, 2015 · 0cfa140 · 0cfa140
1 parent e05fef0
commit 0cfa140
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 2 deletions.
diff --git a/app/options.html b/app/options.html
@@ -43,6 +43,14 @@ <h1>OpenAir Reborn Options</h1>
                     </select>
                     <p class="description">Choosing "No" will automatically stop a running timer whenever a new one is started.</p>
                 </div>
+                <div class="form-input-wrapper">
+                    <label for="autosave">Auto-save timesheet</label>
+                    <select id="autosave"  name="autosave" ng-model="autosave">
+                        <option value="1">Yes</option>
+                        <option value="0">No</option>
+                    </select>
+                    <p class="description">Choosing "Yes" will automatically save your timesheet every 15 minutes.</p>
+                </div>
                 <!--
                 <div class="form-input-wrapper">
                     <label for="persistentTimers">Persistent timers</label>

diff --git a/app/scripts/options.js b/app/scripts/options.js
@@ -14,7 +14,8 @@ app.controller('OptionsController', ['$scope', function($scope) {
         chrome.storage.sync.set({
             timeFormat : $scope.timeFormat,
             multipleTimers : $scope.multipleTimers,
-            persistentTimers : $scope.persistentTimers
+            persistentTimers : $scope.persistentTimers,
+            autosave : $scope.autosave
         }, function() {
             $scope.status = "Settings saved successfully.";
             $scope.$apply();
@@ -67,6 +68,7 @@ app.controller('OptionsController', ['$scope', function($scope) {
         $scope.load('timeFormat', 'hhmm');
         $scope.load('multipleTimers', 1);
         $scope.load('persistentTimers', 1);
+        $scope.load('autosave', 0);
     };
 
     // And away we go...

diff --git a/app/scripts/timeentry.js b/app/scripts/timeentry.js
@@ -9,7 +9,7 @@
  * @file An Angular controller used for managing the custom UI for OpenAir.
  */
 
-app.controller('TimeEntryController', ['$scope', 'OpenAirService', function($scope, OpenAirService) {
+app.controller('TimeEntryController', ['$scope', '$timeout', 'OpenAirService', function($scope, $timeout, OpenAirService) {
 
     /**
      * Adds time to the list of time entries.
@@ -311,6 +311,7 @@ app.controller('TimeEntryController', ['$scope', 'OpenAirService', function($sco
     $scope.loadSettings = function() {
         $scope.loadSetting('timeFormat', 'hhmm');
         $scope.loadSetting('multipleTimers', 1);
+        $scope.loadSetting('autosave', 0);
     };
 
     /**
@@ -451,4 +452,27 @@ app.controller('TimeEntryController', ['$scope', 'OpenAirService', function($sco
             }
         }
     });
+
+    /**
+     * Save the timesheet by programmatically clicking the save button.
+     */
+    $scope.submitTimesheet = function() {
+        if ($scope.autosave === "1") {
+            angular.element('#timesheet_savebutton').click();
+        }
+    };
+
+    // Auto-save the form every 10 minutes of inactivity.
+    var autosaveTimer;
+    $scope.resetTimeout = function() {
+        if (autosaveTimer) {
+            $timeout.cancel(autosaveTimer);
+        }
+        autosaveTimer = $timeout($scope.submitTimesheet, 1000 * 60 * 15);
+    };
+
+    // Reset the timeout if the page is in use.
+    angular.element('body').mousemove(function(){
+        $scope.resetTimeout();
+    });
 }]);