Run wavesurfer only on data with payload
parent
4612862191
commit
b08a56582f
|
@ -30,7 +30,7 @@ $(document).ready(function() {
|
|||
.datum(observation_data).call(chart);
|
||||
|
||||
// Waveform loading
|
||||
$('.observation-data').each(function( index ){
|
||||
$('.wave').each(function( index ){
|
||||
var wid = $(this).data('id');
|
||||
var wavesurfer = Object.create(WaveSurfer);
|
||||
var data_payload_url = $(this).data('payload');
|
||||
|
@ -47,7 +47,7 @@ $(document).ready(function() {
|
|||
$(loading).show();
|
||||
});
|
||||
|
||||
$(this).find('.playpause').click( function(){
|
||||
$(this).parents('.observation-data').find('.playpause').click( function(){
|
||||
wavesurfer.playPause();
|
||||
});
|
||||
|
||||
|
|
|
@ -69,8 +69,6 @@
|
|||
<h3>Data</h3>
|
||||
{% for data in data %}
|
||||
<div class="panel panel-default observation-data"
|
||||
data-id="{{ data.id }}"
|
||||
data-payload="{{ MEDIA_URL }}{{ data.payload }}"
|
||||
data-start="{{ data.start|date:"U" }}"
|
||||
data-end="{{ data.end|date:"U" }}"
|
||||
data-groundstation="{{ data.ground_station }}">
|
||||
|
@ -82,7 +80,9 @@
|
|||
<div class="panel-body">
|
||||
{% if data.payload %}
|
||||
<div id="loading" class="notice">Loading data</div>
|
||||
<div class="wave" id="data-{{ data.id }}"></div>
|
||||
<div class="wave" id="data-{{ data.id }}"
|
||||
data-id="{{ data.id }}"
|
||||
data-payload="{{ MEDIA_URL }}{{ data.payload }}"></div>
|
||||
{% else %}
|
||||
<div class="notice">
|
||||
Waiting for data
|
||||
|
|
Loading…
Reference in New Issue