From e5ef906494b33351449faf100984c90a135dcb3e Mon Sep 17 00:00:00 2001
From: iAmShorty <rafta@gmx.net>
Date: Thu, 22 May 2014 16:06:13 +0200
Subject: [PATCH 1/3] [UPDATE] mute blocknotify

---
 templates/bootstrap/dashboard/blocks/default.tpl |  3 +++
 templates/bootstrap/dashboard/default.tpl        | 13 +++++++++++++
 2 files changed, 16 insertions(+)

diff --git a/templates/bootstrap/dashboard/blocks/default.tpl b/templates/bootstrap/dashboard/blocks/default.tpl
index 46467cd6..85201d0c 100644
--- a/templates/bootstrap/dashboard/blocks/default.tpl
+++ b/templates/bootstrap/dashboard/blocks/default.tpl
@@ -37,6 +37,9 @@
           </tbody>
         </table>
       </div>
+      <div class="panel-footer text-right">
+        Blocknotify Sound <a href="#" id="mute_false" onclick="myMute(this, false);">on</a> / <a href="#" id="mute_true" onclick="myMute(this, true);">off</a>
+      </div>
     </div>
   </div>
 {/if}
diff --git a/templates/bootstrap/dashboard/default.tpl b/templates/bootstrap/dashboard/default.tpl
index e042fa1e..dbb3b8aa 100644
--- a/templates/bootstrap/dashboard/default.tpl
+++ b/templates/bootstrap/dashboard/default.tpl
@@ -1,6 +1,19 @@
 {if $smarty.session.AUTHENTICATED|default}
 <script src="{$PATH}/js/plugins/date.format.js"></script>
 <script src="{$PATH}/js/plugins/soundjs-0.5.2.min.js"></script>
+<script type="text/javascript">
+  function myMute(obj,flag) {
+    if(flag!==createjs.Sound.getMute()) {
+      createjs.Sound.setMute(flag);
+      obj.style.textDecoration="underline";
+      obj.style.color="#FFFF00";
+      flag=!flag;
+      obj=document.getElementById("mute_"+flag.toString());
+      obj.style.textDecoration="none";
+      obj.style.color="#FF0000";
+    }
+  }
+</script>
 
 <div class="row">
   <div class="col-lg-12">

From 6210a1a28fd05c75b6e88bda59c1dd55c1fb2f7b Mon Sep 17 00:00:00 2001
From: iAmShorty <rafta@gmx.net>
Date: Fri, 23 May 2014 11:07:56 +0200
Subject: [PATCH 2/3] [UPDATE] changed behavior and use jQuery

---
 .../bootstrap/dashboard/blocks/default.tpl     |  4 ++--
 templates/bootstrap/dashboard/default.tpl      | 13 -------------
 templates/bootstrap/dashboard/js/api.tpl       | 18 ++++++++++++++++++
 3 files changed, 20 insertions(+), 15 deletions(-)

diff --git a/templates/bootstrap/dashboard/blocks/default.tpl b/templates/bootstrap/dashboard/blocks/default.tpl
index 85201d0c..376e9d08 100644
--- a/templates/bootstrap/dashboard/blocks/default.tpl
+++ b/templates/bootstrap/dashboard/blocks/default.tpl
@@ -38,8 +38,8 @@
         </table>
       </div>
       <div class="panel-footer text-right">
-        Blocknotify Sound <a href="#" id="mute_false" onclick="myMute(this, false);">on</a> / <a href="#" id="mute_true" onclick="myMute(this, true);">off</a>
+        <button id="muteButton" type="button" class="btn-xs btn-success"><i class="fa fa-volume-up"></i></button>
       </div>
     </div>
   </div>
-{/if}
+{/if}
\ No newline at end of file
diff --git a/templates/bootstrap/dashboard/default.tpl b/templates/bootstrap/dashboard/default.tpl
index dbb3b8aa..e042fa1e 100644
--- a/templates/bootstrap/dashboard/default.tpl
+++ b/templates/bootstrap/dashboard/default.tpl
@@ -1,19 +1,6 @@
 {if $smarty.session.AUTHENTICATED|default}
 <script src="{$PATH}/js/plugins/date.format.js"></script>
 <script src="{$PATH}/js/plugins/soundjs-0.5.2.min.js"></script>
-<script type="text/javascript">
-  function myMute(obj,flag) {
-    if(flag!==createjs.Sound.getMute()) {
-      createjs.Sound.setMute(flag);
-      obj.style.textDecoration="underline";
-      obj.style.color="#FFFF00";
-      flag=!flag;
-      obj=document.getElementById("mute_"+flag.toString());
-      obj.style.textDecoration="none";
-      obj.style.color="#FF0000";
-    }
-  }
-</script>
 
 <div class="row">
   <div class="col-lg-12">
diff --git a/templates/bootstrap/dashboard/js/api.tpl b/templates/bootstrap/dashboard/js/api.tpl
index f81a1fe0..f2c2b7f3 100644
--- a/templates/bootstrap/dashboard/js/api.tpl
+++ b/templates/bootstrap/dashboard/js/api.tpl
@@ -5,6 +5,7 @@
 $(document).ready(function(){
   var audioPath = "{/literal}{$PATH}{literal}/audio/";
   var manifest = [ {id:"ding", src:"ding.ogg"} ];
+  var muteFlag = 1;
   createjs.Sound.alternateExtensionseExtensions = ["mp3"];
   createjs.Sound.registerManifest(manifest, audioPath);
 
@@ -250,6 +251,23 @@ $(document).ready(function(){
       }
     });
   })();
+  
+  // Mute Button
+  $('#muteButton').click(function(){
+    if(muteFlag == 2) {
+      muteFlag = 1;
+      createjs.Sound.setMute(false);
+      $(this).toggleClass("btn-xs btn-danger").toggleClass("btn-xs btn-success");
+      //$(this).find($(".fa")).removeClass('fa-volume-off').addClass('fa-volume-up');
+    } else {
+      muteFlag = 2;
+      createjs.Sound.setMute(true);
+      $(this).toggleClass("btn-xs btn-success").toggleClass("btn-xs btn-danger");
+      //$(this).find($(".fa")).removeClass('fa-volume-up').addClass('fa-volume-off');
+    }
+  });
+  
+  
 });
 {/literal}
 </script>

From 80909ef2db877516718488ebd5e3e644bdde5dd4 Mon Sep 17 00:00:00 2001
From: iAmShorty <rafta@gmx.net>
Date: Wed, 4 Jun 2014 14:45:51 +0200
Subject: [PATCH 3/3] [UPDATE] change loading behavior, check if soundjs can be
 executed

---
 .../bootstrap/dashboard/blocks/default.tpl    |  6 +++--
 templates/bootstrap/dashboard/js/api.tpl      | 27 +++++++++++++------
 2 files changed, 23 insertions(+), 10 deletions(-)

diff --git a/templates/bootstrap/dashboard/blocks/default.tpl b/templates/bootstrap/dashboard/blocks/default.tpl
index 376e9d08..dabd89d9 100644
--- a/templates/bootstrap/dashboard/blocks/default.tpl
+++ b/templates/bootstrap/dashboard/blocks/default.tpl
@@ -37,8 +37,10 @@
           </tbody>
         </table>
       </div>
-      <div class="panel-footer text-right">
-        <button id="muteButton" type="button" class="btn-xs btn-success"><i class="fa fa-volume-up"></i></button>
+      <div id="togglesound" class="togglesound">
+        <div class="panel-footer text-right">
+          <button id="muteButton" type="button" class="btn-xs btn-success"><i class="fa fa-volume-up"></i></button>
+        </div>
       </div>
     </div>
   </div>
diff --git a/templates/bootstrap/dashboard/js/api.tpl b/templates/bootstrap/dashboard/js/api.tpl
index f2c2b7f3..91891fe1 100644
--- a/templates/bootstrap/dashboard/js/api.tpl
+++ b/templates/bootstrap/dashboard/js/api.tpl
@@ -3,11 +3,20 @@
 <script>
 {literal}
 $(document).ready(function(){
-  var audioPath = "{/literal}{$PATH}{literal}/audio/";
-  var manifest = [ {id:"ding", src:"ding.ogg"} ];
-  var muteFlag = 1;
-  createjs.Sound.alternateExtensionseExtensions = ["mp3"];
-  createjs.Sound.registerManifest(manifest, audioPath);
+
+  var canCreateSoundJS = false;
+
+  // check if the default plugins can be loaded, if not, disable button and don't load soundjs
+  if (!createjs.Sound.initializeDefaultPlugins()) {
+    $('#togglesound').hide();
+  } else {
+    var audioPath = "{/literal}{$PATH}{literal}/audio/";
+    var manifest = [ {id:"ding", src:"ding.ogg"} ];
+    var muteFlag = 1;
+    createjs.Sound.alternateExtensionseExtensions = ["mp3"];
+    createjs.Sound.registerManifest(manifest, audioPath);
+    canCreateSoundJS = true;
+  }
 
   // Ajax API URL
   var url_dashboard = "{/literal}{$smarty.server.SCRIPT_NAME}?page=api&action=getdashboarddata&api_key={$GLOBAL.userdata.api_key}&id={$GLOBAL.userdata.id}{literal}";
@@ -166,7 +175,9 @@ $(document).ready(function(){
       return;
     }
     if (blocks[0].height > lastBlock) {
-      createjs.Sound.play('ding');
+      if(canCreateSoundJS) { 
+        createjs.Sound.play('ding');
+      }
       lastBlock = blocks[0].height;
       var table_content = '<tbody id="b-blocks">';
       for (index = 0; index < blocks.length; ++index) {
@@ -258,12 +269,12 @@ $(document).ready(function(){
       muteFlag = 1;
       createjs.Sound.setMute(false);
       $(this).toggleClass("btn-xs btn-danger").toggleClass("btn-xs btn-success");
-      //$(this).find($(".fa")).removeClass('fa-volume-off').addClass('fa-volume-up');
+      $(this).find($(".fa")).removeClass('fa-volume-off').addClass('fa-volume-up');
     } else {
       muteFlag = 2;
       createjs.Sound.setMute(true);
       $(this).toggleClass("btn-xs btn-success").toggleClass("btn-xs btn-danger");
-      //$(this).find($(".fa")).removeClass('fa-volume-up').addClass('fa-volume-off');
+      $(this).find($(".fa")).removeClass('fa-volume-up').addClass('fa-volume-off');
     }
   });