Implement system notifications with cordova

Removes our manual sound notification, this is the platform's job in an app.
Also don't expect Notification to exist, mobile Chrome doesn't know it

index.html

@@ -277,7 +277,6 @@ $ openssl req -nodes -newkey rsa:4096 -keyout relay.pem -x509 -days 365 -out rel
         <div input-bar input-id="sendMessage" command="command"></div>
       </div>
     </div>
-    <div id="soundNotification"></div>
     <div id="reconnect" class="alert alert-danger" ng-click="reconnect()" ng-show="reconnecting">
         <p><strong>Connection to WeeChat lost</strong></p>
         <i class="glyphicon glyphicon-refresh"></i>

js/glowingbear.js

@@ -239,6 +239,11 @@ weechat.controller('WeechatCtrl', ['$rootScope', '$scope', '$store', '$timeout',
         models.reinitialize();
         $rootScope.$emit('notificationChanged');
         $scope.connectbutton = 'Connect';
+
+        // Clear all cordova notifications
+        if (window.plugin !== undefined && window.plugin.notification !== undefined && window.plugin.notification.local !== undefined) {
+            window.plugin.notification.local.cancelAll();
+        }
     });
     $scope.connectbutton = 'Connect';
 

js/notifications.js

@@ -22,6 +22,21 @@ weechat.factory('notifications', ['$rootScope', '$log', 'models', 'settings', fu
                 window.webkitNotifications.requestPermission();
             }
         }
+
+        // Add cordova local notification click handler
+        if (window.plugin !== undefined && window.plugin.notification !== undefined && window.plugin.notification.local !== undefined) {
+            window.plugin.notification.local.onclick = function (id, state, json) {
+                // Parse payload
+                var data = JSON.parse(json);
+                var buffer = data.buffer;
+                if (buffer) {
+                    // Hide sidebar, open notification buffer
+                    // TODO does this work?
+                    $rootScope.hideSidebar();
+                    models.setActiveBuffer(buffer);
+                }
+            };
+        }
     };
 
 
@@ -85,6 +100,8 @@ weechat.factory('notifications', ['$rootScope', '$log', 'models', 'settings', fu
         title += buffer.shortName;
         title += buffer.fullName.replace(/irc.([^\.]+)\..+/, " ($1)");
 
+        // Chrome for Android doesn't know this
+        if (typeof Notification !== 'undefined') {
             var notification = new Notification(title, {
                 body: body,
                 icon: 'assets/img/favicon.png'
@@ -114,11 +131,23 @@ weechat.factory('notifications', ['$rootScope', '$log', 'models', 'settings', fu
                 delete notifications[this.id];
             };
 
-        if (settings.soundnotification) {
+        } else if (window.plugin !== undefined && window.plugin.notification !== undefined && window.plugin.notification.local !== undefined) {
-            // TODO fill in a sound file
+            // Cordova local notification
-            var audioFile = "assets/audio/sonar";
+            // Calculate notification id from buffer ID
-            var soundHTML = '<audio autoplay="autoplay"><source src="' + audioFile + '.ogg" type="audio/ogg" /><source src="' + audioFile + '.mp3" type="audio/mpeg" /></audio>';
+            // Needs to be unique number, but we'll only ever have one per buffer
-            document.getElementById("soundNotification").innerHTML = soundHTML;
+            var id = parseInt(buffer.id, 16);
+
+            // Cancel previous notification for buffer (if there was one)
+            window.plugin.notification.local.cancel(id);
+
+            // Send new notification
+            window.plugin.notification.local.add({
+                id: id,
+                message: body,
+                title: title,
+                autoCancel: true,
+                json: JSON.stringify({ buffer: buffer.id })  // remember buffer id for when the notification is clicked
+            });
         }
     };