|
148
|
1 |
{% extends "spel_base.html" %} |
|
|
2 |
{% load static %} |
|
|
3 |
|
|
|
4 |
{% block page_title %}Corpus{% endblock %} |
|
|
5 |
|
|
|
6 |
{% block spel_content %} |
|
150
|
7 |
<section style="width: 1070px; margin: 0 auto"> |
|
|
8 |
<div class="row"> |
|
151
|
9 |
{% if current_ctt_id != '' %} |
|
|
10 |
<div class="col-md-7"> |
|
150
|
11 |
<h3>{{ demo_title }}</h3> |
|
|
12 |
<p><strong>{{ proj_title }}</strong></p> |
|
|
13 |
<p>{% if proj1_ldt_id %}<a href="?tag={{ tag }}&p={{ proj1_ldt_id }}">Extrait précédent</a>{% endif %} |
|
|
14 |
{% if proj1_ldt_id and proj2_ldt_id %} - {% endif %} |
|
|
15 |
{% if proj2_ldt_id %}<a href="?tag={{ tag }}&p={{ proj2_ldt_id }}">Extrait suivant</a>{% endif %}</p> |
|
|
16 |
<p>{{ annot_title }}</p> |
|
|
17 |
<p>{{ annot_description }}</p> |
|
|
18 |
<p>{{ annot_tags|safe }}</p> |
|
151
|
19 |
</div> |
|
|
20 |
<div class="col-md-5"> |
|
|
21 |
<p>Tous les extraits :</p> |
|
|
22 |
<div class="link-table"> |
|
|
23 |
<table class="table table-striped table-condensed"> |
|
|
24 |
{% for c in contents %} |
|
|
25 |
<tr> |
|
|
26 |
<td>{{ forloop.counter }}</td> |
|
|
27 |
<td>{% if current_ctt_id != c.front_project.ldt_id %}<a href="?tag={{ tag }}&p={{ c.front_project.ldt_id }}">{% endif %}{{ c.title|slice:"7:" }}{% if current_ctt_id != c.front_project.ldt_id %}</a>{% endif %}</td> |
|
|
28 |
</tr> |
|
|
29 |
{% endfor %} |
|
|
30 |
</table> |
|
|
31 |
</div> |
|
|
32 |
</div> |
|
|
33 |
{% else %} |
|
|
34 |
<h2>Démonstrateur : choisissez une scène</h2> |
|
|
35 |
<p><a href="?tag=demo1_theatre&p={{ proj1_ldt_id }}">Scène d'introduction - Duo Brick et Maggy [répliques 7-1 à 9-5]</a></p> |
|
|
36 |
<p><a href="?tag=demo2_theatre&p={{ proj2_ldt_id }}">Scène duo Brick et Grand Pa [répliques 51-13 à 56-15]</a></p> |
|
|
37 |
{% endif %} |
|
150
|
38 |
</div> |
|
|
39 |
<div id="LdtPlayer"></div> |
|
|
40 |
<div id="AnnotationsListContainer"></div> |
|
148
|
41 |
</section> |
|
149
|
42 |
{% if current_ctt_id != '' %} |
|
148
|
43 |
<script type="text/javascript" src="{% static 'spel/lib/jquery.min.js' %}"></script> |
|
|
44 |
<script type="text/javascript" src="{% static 'spel/lib/jquery-ui.min.js' %}"></script> |
|
|
45 |
<script type="text/javascript" src="{% static 'spel/metadataplayer/LdtPlayer-core.js' %}"></script> |
|
|
46 |
<!--script type="text/javascript" src="{% static 'spel/metadataplayer/spel-serializer.js' %}"></script--> |
|
|
47 |
<script type="text/javascript"> |
|
|
48 |
function getURLParameter(name) { |
|
|
49 |
return decodeURI( |
|
|
50 |
(RegExp(name + '=' + '(.+?)(&|$)').exec(location.search)||[,null])[1] |
|
|
51 |
); |
|
|
52 |
} |
|
|
53 |
$(document).ready(function(){ |
|
|
54 |
// Get group array number |
|
|
55 |
var g = getURLParameter("g"); |
|
|
56 |
var d = getURLParameter("d"); |
|
|
57 |
var f = getURLParameter("f"); |
|
|
58 |
var p = getURLParameter("p");// project id |
|
|
59 |
if(typeof g=="string"){ |
|
|
60 |
|
|
|
61 |
IriSP.libFiles.defaultDir = "{% static 'spel/lib' %}"; |
|
|
62 |
IriSP.widgetsDir = "{% static 'spel/metadataplayer' %}"; |
|
|
63 |
var _metadata = { |
|
|
64 |
//url: "/data/" + d + "/" + g + "/cinelab" + ( (d!="opera") ? "_iri" : "" ) + ".json", |
|
|
65 |
url: "{% url 'projectjson_id' id='' %}" + p, |
|
|
66 |
//format: 'spel' |
|
|
67 |
format: 'ldt' |
|
|
68 |
}; |
|
|
69 |
var _config = { |
|
|
70 |
width : 550, |
|
|
71 |
container : 'LdtPlayer', |
|
|
72 |
default_options: { |
|
|
73 |
metadata: _metadata |
|
|
74 |
}, |
|
|
75 |
css : "{% static 'spel/metadataplayer/LdtPlayer-core.css' %}", |
|
|
76 |
widgets: [ |
|
|
77 |
/*{ |
|
|
78 |
type: "Title" |
|
|
79 |
},*/ |
|
|
80 |
{ |
|
|
81 |
type: "HtmlPlayer", /*ou HtmlPlayer si HTML5*/ |
|
|
82 |
//video: "/data/" + d + "/" + g + "/" + f, |
|
|
83 |
height: 320 |
|
|
84 |
}, |
|
|
85 |
{ type: "Slider" }, |
|
|
86 |
{ type: "Controller" }, |
|
|
87 |
{ |
|
149
|
88 |
type: "Segments", |
|
|
89 |
annotation_type: ["performance","discussion"] |
|
148
|
90 |
}, |
|
149
|
91 |
{ |
|
148
|
92 |
type: "Annotation", |
|
|
93 |
show_social: false, |
|
|
94 |
show_annotation_type: true, |
|
|
95 |
annotation_type: ["performance","discussion"] |
|
149
|
96 |
}, |
|
|
97 |
/*{ |
|
|
98 |
type: "MultiSegments", |
|
148
|
99 |
},*/ |
|
|
100 |
{ |
|
|
101 |
type: "Polemic", |
|
|
102 |
annotation_type: "interpretation", |
|
|
103 |
only_allow_zero_duration_annotations: false, |
|
149
|
104 |
search_by_default: false, |
|
148
|
105 |
polemics: [ |
|
|
106 |
{ |
|
149
|
107 |
keywords: [ "type_inter: Identification d'un problème" ], |
|
148
|
108 |
color: "#c00000" |
|
|
109 |
}, |
|
|
110 |
{ |
|
149
|
111 |
keywords: [ "type_inter: scène reprise" ], |
|
148
|
112 |
color: "#008000" |
|
|
113 |
}, |
|
|
114 |
{ |
|
149
|
115 |
keywords: [ "type_inter: intervention MES" ], |
|
148
|
116 |
color: "#0000f0" |
|
|
117 |
}, |
|
|
118 |
{ |
|
149
|
119 |
keywords: [ "type_inter: Adaptation du texte" ], |
|
148
|
120 |
color: "#a6cee3" |
|
|
121 |
}, |
|
|
122 |
{ |
|
149
|
123 |
keywords: [ "type_inter: Décision" ], |
|
148
|
124 |
color: "#1f78b4" |
|
|
125 |
}, |
|
|
126 |
{ |
|
149
|
127 |
keywords: [ "type_inter: performance d'un(e) comédien(ne)" ], |
|
148
|
128 |
color: "#b2df8a" |
|
|
129 |
}, |
|
|
130 |
{ |
|
|
131 |
keywords: [ "type_inter: Improvisation" ], |
|
149
|
132 |
color: "#33a02c" |
|
|
133 |
}, |
|
|
134 |
{ |
|
|
135 |
keywords: [ "type_inter: Allemande de la scène" ], |
|
148
|
136 |
color: "#fb9a99" |
|
|
137 |
}, |
|
|
138 |
{ |
|
149
|
139 |
keywords: [ "type_inter: Filage de la scène" ], |
|
148
|
140 |
color: "#e31a1c" |
|
|
141 |
}, |
|
|
142 |
{ |
|
149
|
143 |
keywords: [ "type_inter: Interpétation alternative de mise en scène" ], |
|
148
|
144 |
color: "#fdbf6f" |
|
|
145 |
}, |
|
|
146 |
{ |
|
149
|
147 |
keywords: [ "type_inter: Intervention de la technique" ], |
|
148
|
148 |
color: "#ff7f00" |
|
|
149 |
}, |
|
|
150 |
{ |
|
|
151 |
keywords: [ "type_inter: Question d'espace" ], |
|
|
152 |
color: "#cab2d6" |
|
|
153 |
}, |
|
|
154 |
{ |
|
|
155 |
keywords: [ "type_inter: Conflit" ], |
|
|
156 |
color: "#6a3d9a" |
|
|
157 |
}, |
|
|
158 |
{ |
|
149
|
159 |
keywords: [ "type_inter: Demande d'un(e) comédien(ne)" ], |
|
148
|
160 |
color: "#ffff99" |
|
|
161 |
}, |
|
|
162 |
{ |
|
149
|
163 |
keywords: [ "type_inter: Référence au réel" ], |
|
148
|
164 |
color: "#b15928" |
|
|
165 |
}, |
|
|
166 |
{ |
|
149
|
167 |
keywords: [ "type_inter: Interprétation du texte" ], |
|
|
168 |
color: "#8e0152" |
|
|
169 |
}, |
|
|
170 |
{ |
|
148
|
171 |
keywords: [ "type_inter: Parole à l'acteur/acrtrice" ], |
|
149
|
172 |
color: "#7f3b08" |
|
148
|
173 |
}, |
|
|
174 |
{ |
|
149
|
175 |
keywords: [ "type_inter: Parole à l'acteur/actrice" ], |
|
148
|
176 |
color: "#7f3b08" |
|
|
177 |
}, |
|
|
178 |
{ |
|
|
179 |
keywords: [ "type_inter: Doutes" ], |
|
|
180 |
color: "#80cdc1" |
|
|
181 |
}, |
|
|
182 |
{ |
|
|
183 |
keywords: [ "type_inter: Intervention assistant metteur en scène" ], |
|
|
184 |
color: "#ffffcc" |
|
|
185 |
}, |
|
|
186 |
{ |
|
|
187 |
keywords: [ "type_inter: Remise en cause" ], |
|
|
188 |
color: "#0000f0" |
|
|
189 |
}, |
|
|
190 |
] |
|
149
|
191 |
}, |
|
148
|
192 |
{ |
|
|
193 |
type: "Annotation", |
|
|
194 |
annotation_type: "interpretation", |
|
|
195 |
show_social: false, |
|
|
196 |
arrow_position: 0 |
|
149
|
197 |
}, |
|
148
|
198 |
{ |
|
|
199 |
type: "SpelSyncHtml", |
|
|
200 |
container: "AnnotationsListContainer", |
|
|
201 |
height: 600, |
|
|
202 |
width: 500, |
|
|
203 |
src: ( (d!="opera") ? "{% url 'spel_ctb' %}" : "") |
|
|
204 |
}, |
|
|
205 |
{ |
|
|
206 |
type: "Mediafragment" |
|
|
207 |
} |
|
|
208 |
] |
|
|
209 |
}; |
|
|
210 |
_myPlayer = new IriSP.Metadataplayer(_config); |
|
|
211 |
} |
|
|
212 |
}); |
|
|
213 |
</script> |
|
149
|
214 |
{% endif %} |
|
148
|
215 |
{% endblock %} |