--- a/integration/edition.html Fri Jun 07 12:41:45 2013 +0200
+++ b/integration/edition.html Fri Jun 07 16:31:42 2013 +0200
@@ -527,11 +527,14 @@
<div class="row">
<div class="span3 text-right">
- <input type="text" placeholder="Titre de l'annotation.." name="title" value="{{title}}">
- <textarea id="" name="description">{{description}}</textarea>
+ <label class="label-left" for="head-title">Titre :</label>
+ <input class="label-left" id="head-title" type="text" placeholder="Titre de l'annotation.." name="title" value="{{title}}">
+ <label for="head-description">Description :</label>
+ <textarea id="head-description" name="description">{{description}}</textarea>
</div>
<div class="span3">
- <input type="text" class="tag-it" data-type="annotation" value="{{keywords}}">
+ <label for="head-tags">Tags :</label>
+ <input id="head-tags" type="text" class="tag-it" data-type="annotation" value="{{keywords}}">
<table class="table text-right">
<thead>
<tr>
@@ -552,6 +555,7 @@
</div>
<div class="row">
<div class="span6 text-center">
+ <label class="label-left">Durée :</label>
<div data-id="{{id}}" id="" class="slider-duration"></div>
</div>
<div class="span6 text-right">
@@ -772,7 +776,7 @@
</script>
<script id="tpl-list-annotation-row" type="text/html">
-<tr id="row-list-annotation-{{id}}" style="background-color : {{color}};">
+<tr data-id="{{id}}" id="row-list-annotation-{{id}}" style="background-color : {{color}};">
<td>{{title}}</td>
<td><i class="icon-{{iconTab}}"></i></td>
<td>{{begin}}</td>
@@ -789,7 +793,7 @@
</script>
<script id="tpl-chapter-row" type="text/html">
-<tr id="row-list-chapter-{{id}}" style="background-color : {{color}};">
+<tr class="row-list-chapter" data-id="{{id}}" id="row-list-chapter-{{id}}" style="background-color : {{color}};">
<td class="list-chapter-title">{{title}}</td>
<td class="list-chapter-tags">{{keywords}}</td>
<td class="begin">{{begin}}</td>
@@ -815,8 +819,10 @@
<h4><i class="icon-flag"></i> <i class="icon-pencil"></i> Modifier le chapitre</h4>
<div class="row">
<div class="span3 text-right">
- <input name="title" type="text" value="{{title}}">
- <input name="keywords" type="text" class="tag-it" data-type="chapter" value="{{keywords}}">
+ <label class="label-left" for="chapter-title">Titre :</label>
+ <input id="chapter-title" name="title" type="text" value="{{title}}">
+ <label class="label-left" for="chapter-keywords">Tags :</label>
+ <input id="chapter-keywords" name="keywords" type="text" class="tag-it" data-type="chapter" value="{{keywords}}">
</div>
<div class="span3">
<table class="table text-right">
@@ -830,7 +836,7 @@
<tbody>
<tr>
<td class="span1"><span {{#beginTangle}}class="time-tangle tangle-start begin" data-milliseconds="{{begin.milliseconds}}"{{/beginTangle}}>{{begin}}</span></td>
- <td class="span1"><span>{{getDuration}}</span></td>
+ <td class="span1"><span class="duration">{{getDuration}}</span></td>
<td class="span1"><span {{#endTangle}}class="time-tangle tangle-end end" data-milliseconds="{{end.milliseconds}}"{{/endTangle}}>{{end}}</span></td>
</tr>
</tbody>
@@ -839,7 +845,8 @@
</div>
<div class="row">
<div class="span6 text-center">
- <textarea class="" name="description" id="">{{description}}</textarea>
+ <label class="label-left" for="chapter-description">Description :</label>
+ <textarea class="" name="description" id="chapter-description">{{description}}</textarea>
</div>
</div>
<div class="row">
@@ -856,13 +863,18 @@
</script>
<script id="tpl-annotation-in-timeline" type="text/html">
-<a style="left:{{left}}px; width:{{width}}px; background-color:{{color}};" data-id="{{id}}" id="annotation-timeline-{{id}}" class="annotation">
+<a title="{{title}}" style="left:{{left}}px; width:{{width}}px; background-color:{{color}};" data-id="{{id}}" id="annotation-timeline-{{id}}" class="annotation">
<i class="icon-pencil"></i> <span>{{title}}</span>
</a>
</script>
<script id="tpl-item-annotation-display" type="text/html">
-<li id="item-current-annotation-{{id}}" data-id="{{id}}"><a style="background-color: {{color}};" data-id="{{id}}" href="#" title="{{title}}"><i class="icon-align-left"></i></a></li>
+<li data-id="{{id}}">
+ <a id="item-current-annotation-{{id}}" class="item-display-annotation" data-id="{{id}}" style="background-color: {{color}};" data-id="{{id}}" href="#" title="{{title}}">
+ <i class="icon-{{iconTab}}"></i>
+ <span>{{title}}</span>
+ </a>
+</li>
</script>
</div><!-- /#templates -->