--- a/crea/integration/metadataplayer/MusitagAnnotator.js Mon Jun 11 12:23:53 2012 +0200
+++ b/crea/integration/metadataplayer/MusitagAnnotator.js Mon Jun 11 15:09:37 2012 +0200
@@ -15,7 +15,19 @@
api_method: "PUT",
close_widget_timeout: 4000,
annotation_type: "contributions",
- creator_name: "musitag"
+ creator_name: "musitag",
+ emoticons: [
+ { tag: "happy", name: "content"},
+ { tag: "unhappy", name: "mécontent"},
+ { tag: "laughing", name: "rigolard"},
+ { tag: "surprised", name: "étonné"}
+ ],
+ colors: [
+ { tag: "red", name: "rouge"},
+ { tag: "yellow", name: "jaune"},
+ { tag: "green", name: "vert"},
+ { tag: "blue", name: "bleu"}
+ ],
};
IriSP.Widgets.MusitagAnnotator.prototype.template =
@@ -24,26 +36,13 @@
+ '<div class="Musitag-Annotator-section"><h2>1</h2>'
+ ' <h3>Choisis<br />une couleur</h3>'
+ ' <div class="Musitag-Annotator-selector">'
- + ' <div class="Musitag-container-80 Musitag-Annotator-tagInSelector">'
- + ' <div class="Musitag-shadow"></div>'
- + ' <div class="Musitag-color"></div>'
- + ' <div class="Musitag-color Musitag-red"></div>'
- + ' </div>'
- + ' <div class="Musitag-container-80 Musitag-Annotator-tagInSelector">'
+ + '{{#colors}}'
+ + ' <div class="Musitag-container-80 Musitag-Annotator-tagInSelector" title="{{name}}">'
+ ' <div class="Musitag-shadow"></div>'
+ ' <div class="Musitag-color"></div>'
- + ' <div class="Musitag-color Musitag-yellow"></div>'
+ + ' <div class="Musitag-color Musitag-{{tag}}"></div>'
+ ' </div>'
- + ' <div class="Musitag-container-80 Musitag-Annotator-tagInSelector">'
- + ' <div class="Musitag-shadow"></div>'
- + ' <div class="Musitag-color"></div>'
- + ' <div class="Musitag-color Musitag-green"></div>'
- + ' </div>'
- + ' <div class="Musitag-container-80 Musitag-Annotator-tagInSelector">'
- + ' <div class="Musitag-shadow"></div>'
- + ' <div class="Musitag-color"></div>'
- + ' <div class="Musitag-color Musitag-blue"></div>'
- + ' </div>'
+ + '{{/colors}}'
+ ' </div>'
+ '</div>'
+ '<div class="Musitag-Annotator-separator"></div>'
@@ -51,26 +50,13 @@
+ ' <h2>2</h2>'
+ ' <h3>Choisis<br />une émotion</h3>'
+ ' <div class="Musitag-Annotator-selector">'
- + ' <div class="Musitag-container-80 Musitag-Annotator-tagInSelector">'
- + ' <div class="Musitag-shadow"></div>'
- + ' <div class="Musitag-color"></div>'
- + ' <div class="Musitag-emoticon Musitag-happy"></div>'
- + ' </div>'
- + ' <div class="Musitag-container-80 Musitag-Annotator-tagInSelector">'
+ + '{{#emoticons}}'
+ + ' <div class="Musitag-container-80 Musitag-Annotator-tagInSelector" title="{{name}}">'
+ ' <div class="Musitag-shadow"></div>'
+ ' <div class="Musitag-color"></div>'
- + ' <div class="Musitag-emoticon Musitag-unhappy"></div>'
+ + ' <div class="Musitag-emoticon Musitag-{{tag}}"></div>'
+ ' </div>'
- + ' <div class="Musitag-container-80 Musitag-Annotator-tagInSelector">'
- + ' <div class="Musitag-shadow"></div>'
- + ' <div class="Musitag-color"></div>'
- + ' <div class="Musitag-emoticon Musitag-laughing"></div>'
- + ' </div>'
- + ' <div class="Musitag-container-80 Musitag-Annotator-tagInSelector">'
- + ' <div class="Musitag-shadow"></div>'
- + ' <div class="Musitag-color"></div>'
- + ' <div class="Musitag-emoticon Musitag-surprised"></div>'
- + ' </div>'
+ + '{{/emoticons}}'
+ ' </div>'
+ '</div>'
+ '<div class="Musitag-Annotator-separator"></div>'