Optionally play a sound on notification

Fixes #42
TODO: find and add a sound file

index.html

@@ -266,6 +266,8 @@ $ openssl req -nodes -newkey rsa:4096 -keyout relay.pem -x509 -days 365 -out rel
     <div id="footer" ng-show="connected">
       <div class="navbar navbar-inverse navbar-fixed-bottom" ng-class="{'withnicklist': showNicklist, 'withsidebar': showSidebar}">
         <div input-bar input-id="sendMessage"></div>
+      </div>
+      <div id="soundNotification"></div>
     </div>
     <div id="settingsModal" class="modal fade">
       <div class="modal-dialog">
@@ -347,6 +349,16 @@ $ openssl req -nodes -newkey rsa:4096 -keyout relay.pem -x509 -days 365 -out rel
                   </div>
                 </form>
               </li>
+              <li>
+                <form class="form-inline" role="form">
+                  <div class="checkbox">
+                    <label>
+                      <input type="checkbox" ng-model="soundnotification">
+                      Play sound on notification
+                    </label>
+                  </div>
+                </form>
+              </li>
               <li>
                 <form class="form-inline" role="form">
                   <div class="checkbox">

js/glowingbear.js

@@ -685,6 +685,8 @@ weechat.controller('WeechatCtrl', ['$rootScope', '$scope', '$store', '$timeout',
     $store.bind($scope, "useFavico", true);
     // Save setting for notimestamp
     $store.bind($scope, "notimestamp", notimestamp);
+    // Save setting for playing sound on notification
+    $store.bind($scope, "soundnotification", false);
 
     // Save setting for displaying embeds in rootScope so it can be used from service
     $rootScope.visible = $scope.noembed === false;
@@ -876,6 +878,13 @@ weechat.controller('WeechatCtrl', ['$rootScope', '$scope', '$store', '$timeout',
             window.focus();
             notification.close();
         };
+
+        if ($scope.soundnotification) {
+            // TODO fill in a sound file
+            var audioFile = "assets/rickroll";
+            var soundHTML = '<audio autoplay="autoplay"><source src="' + audioFile + '.ogg" type="audio/ogg" /><source src="' + audioFile + '.mp3" type="audio/mpeg" /></audio>';
+            document.getElementById("soundNotification").innerHTML = soundHTML;
+        }
     };
 
     $scope.hasUnread = function(buffer) {