change version notifications to html5

index.html

@@ -81,15 +81,6 @@
 
       </div>
 
-      <div class="row" ng-if="updateVersion">
-        <div class="small-9 large-centered columns">
-          <div data-alert class="alert-box radius {{updateVersion.class}}">
-            A newer version of Copay is now available ({{updateVersion.version}}), please update your wallet.
-            Check <a href="http://www.copay.io">Copay.io</a> for details.
-          </div>
-        </div>
-      </div>
-
       <div ng-if='$root.wallet && !$root.wallet.isReady() && !loading'>
         <div class="row">
           <div class="large-12 medium-12 small-12 columns">

js/controllers/header.js

@@ -30,16 +30,14 @@ angular.module('copayApp.controllers').controller('HeaderController',
       };
       var latestVersion = data[0].name.replace('v', '').split('.').map(toInt);
       var currentVersion = copay.version.split('.').map(toInt);
+      var title = 'Copay '+data[0].name+' available.';
+      var content;
       if (currentVersion[0] < latestVersion[0]) {
-        $scope.updateVersion = {
-          class: 'error',
-          version: data[0].name
-        };
+        content = 'It\'s important that you update your wallet at https://copay.io';
+        notification.version(title, content, true);
       } else if (currentVersion[0] == latestVersion[0] && currentVersion[1] < latestVersion[1]) {
-        $scope.updateVersion = {
-          class: 'info',
-          version: data[0].name
-        };
+        var content = 'Please update your wallet at https://copay.io';
+        notification.version(title, content, false);
       }
     });
 

js/services/notifications.js

@@ -16,6 +16,10 @@ factory('notification', ['$timeout',
         duration: 5000,
         enabled: true
       },
+      version: {
+        duration: 60000,
+        enabled: true
+      },
       warning: {
         duration: 5000,
         enabled: true
@@ -135,6 +139,10 @@ factory('notification', ['$timeout',
         return this.awesomeNotify('funds', 'bitcoin', title, content, userData);
       },
 
+      version: function(title, content, severe) {
+        return this.awesomeNotify('version', severe ? 'alert' : 'flag', title, content);
+      },
+
       error: function(title, content, userData) {
         return this.awesomeNotify('error', 'x', title, content, userData);
       },