From c2e219041e2a8ab0b326f1be28dc10ffc0edb73f Mon Sep 17 00:00:00 2001
From: Thomas Fillon <thomas@parisson.com>
Date: Mon, 9 Mar 2015 14:54:10 +0100
Subject: [PATCH] Server/WavesUI: add CSS style for segment selection and
 resizing

---
 timeside/player/static/timeside/css/timeside.css     | 7 +++++++
 timeside/player/static/timeside/js/timeside-waves.js | 2 +-
 timeside/server/templates/timeside/base.html         | 3 +++
 timeside/server/templates/timeside/item_detail.html  | 1 -
 4 files changed, 11 insertions(+), 2 deletions(-)
 create mode 100644 timeside/player/static/timeside/css/timeside.css

diff --git a/timeside/player/static/timeside/css/timeside.css b/timeside/player/static/timeside/css/timeside.css
new file mode 100644
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 2023afb..902e4cc 100644
--- 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 da537df..0e60235 100644
--- 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 95b9592..074e60b 100644
--- 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 %}
-- 
2.39.5