Merge pull request #976 from cmgustavo/feature/01-timeout

Automatically logout wallet after 15 minutes of inactivity

bower.json

@@ -21,6 +21,7 @@
     "bitcore": "0.1.34",
     "angular-moment": "~0.7.1",
     "socket.io-client": ">=1.0.0",
-    "mousetrap": "1.4.6"
+    "mousetrap": "1.4.6",
+    "ng-idle": "*"
   }
 }

index.html

@@ -62,6 +62,7 @@
   <script src="lib/angular-moment/angular-moment.js"></script>
   <script src="lib/qrcode-generator/js/qrcode.js"></script>
   <script src="lib/angular-qrcode/qrcode.js"></script>
+  <script src="lib/ng-idle/angular-idle.min.js"></script>
   <script src="lib/angular-foundation/mm-foundation.min.js"></script>
   <script src="lib/angular-foundation/mm-foundation-tpls.min.js"></script>
   <script src="lib/peer.js"></script> <!-- TODO Change this on PeerJS version 0.3.9 -->

js/app.js

@@ -27,6 +27,7 @@ var copayApp = window.copayApp = angular.module('copayApp', [
   'angularMoment',
   'mm.foundation',
   'monospaced.qrcode',
+  'ngIdle',
   'copayApp.filters',
   'copayApp.services',
   'copayApp.controllers',
@@ -40,6 +41,7 @@ copayApp.config(function($sceDelegateProvider) {
   ]);
 });
 
+
 angular.module('copayApp.filters', []);
 angular.module('copayApp.services', []);
 angular.module('copayApp.controllers', []);

js/controllers/sidebar.js

@@ -82,4 +82,15 @@ angular.module('copayApp.controllers').controller('SidebarController',
     // Init socket handlers (with no wallet yet)
     controllerUtils.setSocketHandlers();
 
+    if ($rootScope.wallet) {
+      $scope.$on('$idleStart', function(a) {
+        notification.warning('Session will be closed', 'Your session is about to expire due to inactivity');
+      });
+
+      $scope.$on('$idleTimeout', function() {
+        $scope.signout();
+        notification.warning('Session closed', 'Session closed because a long time of inactivity');
+      });
+    }
+
   });

js/routes.js

@@ -65,17 +65,22 @@ angular
 //Setting HTML5 Location Mode
 angular
   .module('copayApp')
-  .config(function($locationProvider) {
+  .config(function($locationProvider, $idleProvider) {
     $locationProvider
       .html5Mode(false)
       .hashPrefix('!');
+    // IDLE timeout
+    $idleProvider.idleDuration(15 * 60); // in seconds
+    $idleProvider.warningDuration(10); // in seconds
   })
-  .run(function($rootScope, $location) {
+  .run(function($rootScope, $location, $idle) {
+    $idle.watch();
     $rootScope.$on('$routeChangeStart', function(event, next, current) {
       if (!util.supports.data) {
         $location.path('unsupported');
       } else {
         if ((!$rootScope.wallet || !$rootScope.wallet.id) && next.validate) {
+          $idle.unwatch();
           $location.path('/');
         }
         if ($rootScope.wallet && !$rootScope.wallet.isReady()) {

karma.conf.js

@@ -21,6 +21,7 @@ module.exports = function(config) {
       'lib/angular/angular.min.js',
       'lib/angular-mocks/angular-mocks.js',
       'lib/moment/moment.js',
+      'lib/ng-idle/angular-idle.min.js',
       'lib/angular-moment/angular-moment.js',
       'lib/qrcode-generator/js/qrcode.js',
       'lib/angular-qrcode/qrcode.js',