Pretify MOH popup

public/js/vroom.js

@@ -14,7 +14,6 @@ $('.help').tooltip({
 });
 $('.popup').popover({
   container: 'body',
-  placement: 'right',
   trigger: 'focus'
 });
 $('.modal').on('show.bs.modal', function(){
@@ -1151,7 +1150,15 @@ function initVroom(room) {
           $('#mohPlayer').get(0).play();
         }
         else{
-          $('.btn-moh>span:first').notify(locale.WAIT_WITH_MUSIC, 'info');
+          $('.btn-moh').on('hidden.bs.popover', function(){
+            $('.btn-moh').popover('destroy');
+          });
+          setTimeout(function(){
+            $('.btn-moh').popover('show');
+          }, 200);
+          setTimeout(function(){
+            $('.btn-moh').popover('hide');
+          }, 5000);
         }
         $('.aloneEl').show(200);
       }

templates/default/join.html.ep

@@ -73,7 +73,7 @@
           </button>
         </div>
         <div class="btn-group navbar-form navbar-btn-group navbar-left hidden-xs aloneEl">
-          <button class="btn btn-default help btn-moh" data-toggle="tooltip" data-placement="bottom" title="<%=l 'PAUSE_MOH' %>">
+          <button class="btn btn-default popup btn-moh" data-toggle="popover" data-content="<%=l 'WAIT_WITH_MUSIC' %>" data-placement="bottom">
             <span class="glyphicon glyphicon-music">
             </span>
           </button>