Add config option for auto refresh interval #8

Author: nook24

public/js/scripts/directives/ReloadConfigDirective.js

@@ -4,8 +4,14 @@ angular.module('Statusengine').directive('reloadConfig', function (ReloadService
         templateUrl: 'templates/directives/reloadconfig.html',
         scope: {},
         controller: function ($scope, $http) {
+
+            $('#pageSettings').click(function (event) {
+                event.stopPropagation();
+            });
+
             $scope.do_auto_reload = ReloadService.getAutoReloadEnabled();
             $scope.ack_and_downtime_is_ok = ReloadService.getAckAndDowntimeIsOk();
+            $scope.autoreload_frequency = String(ReloadService.getAutoReloadFrequency()); //String() cast fixe selected
             $scope.isLoggedIn = false;
 
             $scope.$watch('do_auto_reload', function () {
@@ -16,6 +22,10 @@ angular.module('Statusengine').directive('reloadConfig', function (ReloadService
                 ReloadService.setAckAndDowntimeIsOk($scope.ack_and_downtime_is_ok);
             });
 
+            $scope.$watch('autoreload_frequency', function(){
+                ReloadService.setAutoReloadFrequency($scope.autoreload_frequency);
+            });
+
             $scope.checkLoginState = function(){
                 $http.get("/api/index.php/loginstate", {}
                 ).then(function (result) {

public/js/scripts/services/ReloadService.js

@@ -6,6 +6,7 @@ angular.module('Statusengine')
         var autoreloadTimer = null;
 
         var isDisabledTemporary = false;
+        var autoreloadFrequency = 10000;
 
         if (window.localStorage.getItem('autoReloadEnabled') == 'false') {
             autoReloadEnabled = false;
@@ -15,6 +16,13 @@ angular.module('Statusengine')
             ackAndDowntimeIsOk = true;
         }
 
+        if(window.localStorage.getItem('autoReloadFrequency')){
+            var value = parseInt(window.localStorage.getItem('autoReloadFrequency'), 10);
+            if(value > 1000){
+                autoreloadFrequency = value;
+            }
+        }
+
         var callCallback = function () {
             if (_callback !== null) {
                 _callback();
@@ -27,7 +35,7 @@ angular.module('Statusengine')
                     window.localStorage.removeItem('autoReloadEnabled');
                 }
                 if (autoreloadTimer === null) {
-                    autoreloadTimer = $interval(callCallback, 10000);
+                    autoreloadTimer = $interval(callCallback, autoreloadFrequency);
                 }
             } else {
                 $interval.cancel(autoreloadTimer);
@@ -38,6 +46,13 @@ angular.module('Statusengine')
             }
         };
 
+        var updateTimerFrequency = function(){
+            if (autoreloadTimer !== null) {
+                $interval.cancel(autoreloadTimer);
+                autoreloadTimer = $interval(callCallback, autoreloadFrequency);
+            }
+        };
+
         $rootScope.isAutoReloadEnabled = autoReloadEnabled;
         handleTimer(false);
         return {
@@ -75,6 +90,17 @@ angular.module('Statusengine')
             },
             getAckAndDowntimeIsOk: function () {
                 return ackAndDowntimeIsOk;
+            },
+            setAutoReloadFrequency: function(value){
+                value = parseInt(value, 10);
+                if(value > 0) {
+                    autoreloadFrequency = value;
+                    window.localStorage.setItem('autoReloadFrequency', value);
+                    updateTimerFrequency();
+                }
+            },
+            getAutoReloadFrequency: function(){
+                return autoreloadFrequency;
             }
         }
     });

public/templates/directives/reloadconfig.html

@@ -2,7 +2,7 @@
     <span><i class="fa fa-cog"></i> Settings</span>
 </a>
 
-<ul class="dropdown-menu">
+<ul class="dropdown-menu" id="pageSettings">
     <li>
         <div class="container-fluid">
             <div class="row">
@@ -17,18 +17,32 @@
                         </div>
                     </div>
                 </div>
-
                 <div class="col-xs-12 text-center">
                     <div class="form-group">
-                        <div class="checkbox">
-                            <label>
-                                <input type="checkbox" ng-model="ack_and_downtime_is_ok">
-                                Acknowledge and in Downtime hidden in Menu and Dashboard
-                            </label>
-                        </div>
+                        <label>Auto Refresh frequency</label>
+                        <select class="form-control" ng-model="autoreload_frequency">
+                            <option value="5000">5 seconds</option>
+                            <option value="10000">10 seconds</option>
+                            <option value="30000">30 seconds</option>
+                            <option value="60000">1 minute</option>
+                            <option value="300000">5 minutes</option>
+                            <option value="600000">10 minutes</option>
+                        </select>
                     </div>
                 </div>
             </div>
+
+            <div class="col-xs-12 text-center">
+                <div class="form-group">
+                    <div class="checkbox">
+                        <label>
+                            <input type="checkbox" ng-model="ack_and_downtime_is_ok">
+                            Acknowledge and in Downtime hidden in Menu and Dashboard
+                        </label>
+                    </div>
+                </div>
+            </div>
+        </div>
         </div>
     </li>