Insere botão de sinal sonoro e possibilita cronometros concorrentes (#1660)

sapl/templates/sessao/painel.html

@@ -11,7 +11,7 @@
 
 
 {% block detail_content %}
-
+<audio type="hidden" id="audio" src="{% static 'audio/ring.mp3' %}"></audio>
   <div class="row">
     <div class="col-md-6"><a href="" onclick="window.open('{% url 'sapl.painel:painel_principal' pk %}','Comprovante','width=800, height=800, scrollbars=yes'); return false;" class="btn btn-primary btn-sm active">Iniciar painel completo</a></div>
     <div class="col-md-3"><button onclick="switch_painel(true)" id="id_abrir_painel" class="btn btn-primary btn-sm active" style="display: none">Abrir Painel</button></div>
@@ -65,6 +65,11 @@
     <div class="col-md-6"><button type="button" id="ordemStart" class="btn btn-success">Iniciar</button></div>
     <div class="col-md-6"><button type="button" id="ordemReset" class="btn btn-success">Reiniciar</button></div>
   </div>
+<br/>
+<br/>
+<div class="row">
+    <div class="col-md-6"><button type="button" id="sinalSonoro" class="btn btn-success" onclick="document.getElementById('audio').play();">Sinal Sonoro</button></div>
+</div>
 
 {% endblock detail_content %}
 
@@ -72,6 +77,10 @@
 <script language="JavaScript">
 $(function() {
 
+    function tocarSinalSonoro() {
+        alert('ok');
+    }
+
 	function checkTime(i) {
 		if (i<10) {i = "0" + i};
 			return i;
@@ -124,10 +133,10 @@ $(function() {
 			$('#discursoReset').hide();
 			$('#discurso').runner('start');
 			$('#discursoStart').text('Parar');
-			$('#aparteStart').prop('disabled', true);
-			$('#aparteReset').prop('disabled', true);
-			$('#ordemStart').prop('disabled', true);
-			$('#ordemReset').prop('disabled', true);
+			$('#aparteStart').prop('disabled', false);
+			$('#aparteReset').prop('disabled', false);
+			$('#ordemStart').prop('disabled', false);
+			$('#ordemReset').prop('disabled', false);
 
 		} else {
 
@@ -178,11 +187,10 @@ $(function() {
 			$('#aparteReset').hide();
 	        $('#aparte').runner('start');
 			$('#aparteStart').text('Parar');
-			$('#discursoStart').prop('disabled', true);
-			$('#discursoReset').prop('disabled', true);
-			$('#ordemStart').prop('disabled', true);
-			$('#ordemReset').prop('disabled', true);
-
+			$('#discursoStart').prop('disabled', false);
+			$('#discursoReset').prop('disabled', false);
+			$('#ordemStart').prop('disabled', false);
+			$('#ordemReset').prop('disabled', false);
 		} else {
 
 			$.get('/painel/cronometro', { tipo: 'aparte', action: 'stop' } );
@@ -231,10 +239,10 @@ $(function() {
 			$('#ordemReset').hide();
 	        $('#ordem').runner('start');
 			$('#ordemStart').text('Parar');
-			$('#discursoStart').prop('disabled', true);
-			$('#discursoReset').prop('disabled', true);
-			$('#aparteStart').prop('disabled', true);
-			$('#aparteReset').prop('disabled', true);
+			$('#discursoStart').prop('disabled', false);
+			$('#discursoReset').prop('disabled', false);
+			$('#aparteStart').prop('disabled', false);
+			$('#aparteReset').prop('disabled', false);
 
 		} else {