13 api_serializer: "ldt_annotate", |
13 api_serializer: "ldt_annotate", |
14 api_endpoint_template: "", |
14 api_endpoint_template: "", |
15 api_method: "PUT", |
15 api_method: "PUT", |
16 close_widget_timeout: 4000, |
16 close_widget_timeout: 4000, |
17 annotation_type: "contributions", |
17 annotation_type: "contributions", |
18 creator_name: "musitag" |
18 creator_name: "musitag", |
|
19 emoticons: [ |
|
20 { tag: "happy", name: "content"}, |
|
21 { tag: "unhappy", name: "mécontent"}, |
|
22 { tag: "laughing", name: "rigolard"}, |
|
23 { tag: "surprised", name: "étonné"} |
|
24 ], |
|
25 colors: [ |
|
26 { tag: "red", name: "rouge"}, |
|
27 { tag: "yellow", name: "jaune"}, |
|
28 { tag: "green", name: "vert"}, |
|
29 { tag: "blue", name: "bleu"} |
|
30 ], |
19 }; |
31 }; |
20 |
32 |
21 IriSP.Widgets.MusitagAnnotator.prototype.template = |
33 IriSP.Widgets.MusitagAnnotator.prototype.template = |
22 '<div class="Musitag-Annotator-PositionBar"></div><div class="Musitag-Annotator-Main">' |
34 '<div class="Musitag-Annotator-PositionBar"></div><div class="Musitag-Annotator-Main">' |
23 + '<div class="Musitag-Annotator-MainScreen">' |
35 + '<div class="Musitag-Annotator-MainScreen">' |
24 + '<div class="Musitag-Annotator-section"><h2>1</h2>' |
36 + '<div class="Musitag-Annotator-section"><h2>1</h2>' |
25 + ' <h3>Choisis<br />une couleur</h3>' |
37 + ' <h3>Choisis<br />une couleur</h3>' |
26 + ' <div class="Musitag-Annotator-selector">' |
38 + ' <div class="Musitag-Annotator-selector">' |
27 + ' <div class="Musitag-container-80 Musitag-Annotator-tagInSelector">' |
39 + '{{#colors}}' |
|
40 + ' <div class="Musitag-container-80 Musitag-Annotator-tagInSelector" title="{{name}}">' |
28 + ' <div class="Musitag-shadow"></div>' |
41 + ' <div class="Musitag-shadow"></div>' |
29 + ' <div class="Musitag-color"></div>' |
42 + ' <div class="Musitag-color"></div>' |
30 + ' <div class="Musitag-color Musitag-red"></div>' |
43 + ' <div class="Musitag-color Musitag-{{tag}}"></div>' |
31 + ' </div>' |
44 + ' </div>' |
32 + ' <div class="Musitag-container-80 Musitag-Annotator-tagInSelector">' |
45 + '{{/colors}}' |
33 + ' <div class="Musitag-shadow"></div>' |
|
34 + ' <div class="Musitag-color"></div>' |
|
35 + ' <div class="Musitag-color Musitag-yellow"></div>' |
|
36 + ' </div>' |
|
37 + ' <div class="Musitag-container-80 Musitag-Annotator-tagInSelector">' |
|
38 + ' <div class="Musitag-shadow"></div>' |
|
39 + ' <div class="Musitag-color"></div>' |
|
40 + ' <div class="Musitag-color Musitag-green"></div>' |
|
41 + ' </div>' |
|
42 + ' <div class="Musitag-container-80 Musitag-Annotator-tagInSelector">' |
|
43 + ' <div class="Musitag-shadow"></div>' |
|
44 + ' <div class="Musitag-color"></div>' |
|
45 + ' <div class="Musitag-color Musitag-blue"></div>' |
|
46 + ' </div>' |
|
47 + ' </div>' |
46 + ' </div>' |
48 + '</div>' |
47 + '</div>' |
49 + '<div class="Musitag-Annotator-separator"></div>' |
48 + '<div class="Musitag-Annotator-separator"></div>' |
50 + '<div class="Musitag-Annotator-section">' |
49 + '<div class="Musitag-Annotator-section">' |
51 + ' <h2>2</h2>' |
50 + ' <h2>2</h2>' |
52 + ' <h3>Choisis<br />une émotion</h3>' |
51 + ' <h3>Choisis<br />une émotion</h3>' |
53 + ' <div class="Musitag-Annotator-selector">' |
52 + ' <div class="Musitag-Annotator-selector">' |
54 + ' <div class="Musitag-container-80 Musitag-Annotator-tagInSelector">' |
53 + '{{#emoticons}}' |
|
54 + ' <div class="Musitag-container-80 Musitag-Annotator-tagInSelector" title="{{name}}">' |
55 + ' <div class="Musitag-shadow"></div>' |
55 + ' <div class="Musitag-shadow"></div>' |
56 + ' <div class="Musitag-color"></div>' |
56 + ' <div class="Musitag-color"></div>' |
57 + ' <div class="Musitag-emoticon Musitag-happy"></div>' |
57 + ' <div class="Musitag-emoticon Musitag-{{tag}}"></div>' |
58 + ' </div>' |
58 + ' </div>' |
59 + ' <div class="Musitag-container-80 Musitag-Annotator-tagInSelector">' |
59 + '{{/emoticons}}' |
60 + ' <div class="Musitag-shadow"></div>' |
|
61 + ' <div class="Musitag-color"></div>' |
|
62 + ' <div class="Musitag-emoticon Musitag-unhappy"></div>' |
|
63 + ' </div>' |
|
64 + ' <div class="Musitag-container-80 Musitag-Annotator-tagInSelector">' |
|
65 + ' <div class="Musitag-shadow"></div>' |
|
66 + ' <div class="Musitag-color"></div>' |
|
67 + ' <div class="Musitag-emoticon Musitag-laughing"></div>' |
|
68 + ' </div>' |
|
69 + ' <div class="Musitag-container-80 Musitag-Annotator-tagInSelector">' |
|
70 + ' <div class="Musitag-shadow"></div>' |
|
71 + ' <div class="Musitag-color"></div>' |
|
72 + ' <div class="Musitag-emoticon Musitag-surprised"></div>' |
|
73 + ' </div>' |
|
74 + ' </div>' |
60 + ' </div>' |
75 + '</div>' |
61 + '</div>' |
76 + '<div class="Musitag-Annotator-separator"></div>' |
62 + '<div class="Musitag-Annotator-separator"></div>' |
77 + '<div class="Musitag-Annotator-section">' |
63 + '<div class="Musitag-Annotator-section">' |
78 + ' <h2>3</h2>' |
64 + ' <h2>3</h2>' |