Server/WavesUI: add CSS style for segment selection and resizing

diff --git a/timeside/player/static/timeside/css/timeside.css b/timeside/player/static/timeside/css/timeside.css
new file mode 100644 (file)
index 0000000..3610d8a
--- /dev/null
+++ b/timeside/player/static/timeside/css/timeside.css
@@ -0,0 +1,7 @@
+  .segment-item {
+  cursor: all-scroll;
+  }
+
+  .segment-item .handle {
+  cursor: ew-resize;
+  }

diff --git a/timeside/player/static/timeside/js/timeside-waves.js b/timeside/player/static/timeside/js/timeside-waves.js
index 2023afb2ab9af0850079acd8094e09cd49cd6f62..902e4cc113267c99a658c0d9b676051d603f5711 100644 (file)
--- a/timeside/player/static/timeside/js/timeside-waves.js
+++ b/timeside/player/static/timeside/js/timeside-waves.js
@@ -14,7 +14,7 @@ function waveform(div_id) {
             var id = '#' + div_id;
 
            var audio_start = 0
-           var audio_end = Math.min(audioBuffer.duration, 30);
+           var audio_end = audioBuffer.duration / 4 ;//Math.min(audioBuffer.duration, 30);
 
             var data = [{
                 start: audio_start,

diff --git a/timeside/server/templates/timeside/base.html b/timeside/server/templates/timeside/base.html
index da537df4314b8ab6c42542ba7141914a3351680e..0e60235b3a97aa7429310fab39db1f179b9317fd 100644 (file)
--- a/timeside/server/templates/timeside/base.html
+++ b/timeside/server/templates/timeside/base.html
@@ -13,6 +13,9 @@
 
 {% block extra_stylesheets %}{% endblock %}
 
+{% load staticfiles %}
+<link href="{% static "timeside/css/timeside.css" %}" type="text/css" media="all" rel="stylesheet" />
+
 {% block javascript %}
     <script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
     <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

diff --git a/timeside/server/templates/timeside/item_detail.html b/timeside/server/templates/timeside/item_detail.html
index 95b95927ae197e1eeefc31567f996096f426f4b3..074e60baff634eb45c815b923f065ea1c6ffb3c8 100644 (file)
--- a/timeside/server/templates/timeside/item_detail.html
+++ b/timeside/server/templates/timeside/item_detail.html
@@ -65,7 +65,6 @@ Your browser does not support the audio element.
      </video>
     {% else %}
         <a href="{% url "timeside-result-json" result.id %}">JSON</a>
-            <button id="add-data">add</button>
         <br>
         <div id="graph-{{ result.id }}" class="timeline" json="{% url "timeside-result-json" result.id %}"></div>
     {% endif %}