152 </div> |
152 </div> |
153 <a class="publier-button" title="Publier" href="#"></a> |
153 <a class="publier-button" title="Publier" href="#"></a> |
154 </div> |
154 </div> |
155 |
155 |
156 <div class="widget"> |
156 <div class="widget"> |
157 |
157 <div class="Ldt-Slider-Container"> |
158 <div class="Ldt-Slider"></div> |
158 <div class="Ldt-Slider"></div> |
|
159 </div> |
159 <div class="Ldt-Slider-Time">00:00</div> |
160 <div class="Ldt-Slider-Time">00:00</div> |
160 |
161 |
161 <div class="Ldt-Ctrl"> |
162 <div class="Ldt-Ctrl"> |
162 <div class="Ldt-Ctrl-Left"> |
163 <div class="Ldt-Ctrl-Left"> |
163 <div class="Ldt-Ctrl-button Ldt-Ctrl-Play Ldt-Ctrl-Play-PlayState" title="Lecture/Pause"></div> |
164 <div class="Ldt-Ctrl-button Ldt-Ctrl-Play Ldt-Ctrl-Play-PlayState" title="Lecture/Pause"></div> |
187 </div> |
188 </div> |
188 |
189 |
189 <div class="bloc-segmentation"> |
190 <div class="bloc-segmentation"> |
190 <div class="Ldt-Slice"></div> |
191 <div class="Ldt-Slice"></div> |
191 <div class="segment-info segmentation"> |
192 <div class="segment-info segmentation"> |
192 <img class="pointer" src="img/popin-triangle.png" alt="" /> |
193 <div class="pointer-padder"> |
|
194 <img class="pointer" src="img/popin-triangle.png" alt="" /> |
|
195 </div> |
193 <div class="popin-content"> |
196 <div class="popin-content"> |
194 <h2> |
197 <h2> |
195 <span class="create-or-edit">Créer un nouveau segment</span> |
198 <span class="create-or-edit">Créer un nouveau segment</span> |
196 de |
199 de |
197 <span class="time-tangle tangle-start"></span> |
200 <span class="time-tangle tangle-start"></span> |
220 <input class="button add-segment" type="submit" value="Ajouter au Hashcut" /> |
223 <input class="button add-segment" type="submit" value="Ajouter au Hashcut" /> |
221 |
224 |
222 </form> |
225 </form> |
223 </div> |
226 </div> |
224 </div><!-- popin segmentation --> |
227 </div><!-- popin segmentation --> |
225 <!-- //TODO: Add "Existing Segments" |
228 |
226 <div class="existant"> |
229 <div class="media-segments self-media-segments"> |
227 <h2>Segments existants :</h2> |
230 <h2>Mes segments sur ce média :</h2> |
228 <div class="segments"> |
231 <div class="media-segments-list"> |
229 <div class="segment"> |
232 </div> |
230 <div class="section" style="left:0%;width:20%;"></div> |
233 </div> |
231 <div class="popin segment-section"> |
234 |
232 <img style="left:20px;" class="pointer" src="img/popin-triangle.png" alt="" /> |
|
233 <div class="popin-content clearfix"> |
|
234 <div class="instant-description"> |
|
235 <h3>Le moment crucial où le maïs explose</h3> |
|
236 <p>De: <span>00:43</span> à <span>01:20</span> (durée: <span>00:37</span>)</p> |
|
237 </div> |
|
238 <a href="#" class="button reprendre-segment">Reprendre le segment</a> |
|
239 </div> |
|
240 </div><!-- popin segment-section --> |
|
241 <!-- |
|
242 </div> |
|
243 <div class="segment"> |
|
244 <div class="section" style="left:20%;width:20%;"></div> |
|
245 </div> |
|
246 <div class="segment"> |
|
247 <div class="section" style="left:60%;width:20%;"></div> |
|
248 </div> |
|
249 <div class="segment"> |
|
250 <div class="section" style="left:80%;width:10%;"></div> |
|
251 </div> |
|
252 </div> |
|
253 </div> |
|
254 --> |
|
255 </div><!-- bloc-segmentation --> |
235 </div><!-- bloc-segmentation --> |
256 |
236 |
257 <div class="bloc-pvw"> |
237 <div class="bloc-pvw"> |
258 |
238 |
259 <div class="frise clearfix"> |
239 <div class="frise"> |
260 <div class="frise-indications"> |
240 <div class="frise-indications"> |
261 </div> |
241 </div> |
262 <div class="frise-segments"> |
242 <div class="frise-segments"> |
263 </div> |
243 </div> |
264 <div class="frise-position"></div> |
244 <div class="frise-position"></div> |
265 |
245 |
266 </div> |
246 </div> |
267 |
247 |
268 <div class="segment-info mashup-description"> |
248 <div class="segment-info mashup-description"> |
269 <img class="pointer" src="img/popin-triangle.png" alt="" /> |
249 <div class="pointer-padder"> |
|
250 <img class="pointer" src="img/popin-triangle.png" alt="" /> |
|
251 </div> |
270 <div class="popin-content"> |
252 <div class="popin-content"> |
271 <ul class="tools"> |
253 <ul class="tools"> |
272 <li><a title="Éditer" class="edit" href="#"></a></li> |
254 <li><a title="Éditer" class="edit" href="#"></a></li> |
273 </ul> |
255 </ul> |
274 |
256 |
296 </div><!-- col-middle --> |
278 </div><!-- col-middle --> |
297 |
279 |
298 <div class="col-right"> |
280 <div class="col-right"> |
299 <div class="liste-segment"> |
281 <div class="liste-segment"> |
300 <h2>Liste des segments</h2> |
282 <h2>Liste des segments</h2> |
301 <div class="frise clearfix"> |
283 <div class="frise"> |
302 <p class="aucun-segment">Aucun segment</p> |
284 <p class="aucun-segment">Aucun segment</p> |
303 <div class="frise-indications"> |
285 <div class="frise-indications"> |
304 </div> |
286 </div> |
305 <div class="frise-segments"> |
287 <div class="frise-segments"> |
306 </div> |
288 </div> |
338 <script type="text/javascript" src="js/model.js"></script> |
320 <script type="text/javascript" src="js/model.js"></script> |
339 <script type="text/javascript" src="js/editor.js"></script> |
321 <script type="text/javascript" src="js/editor.js"></script> |
340 <script type="text/javascript" src="js/common.js"></script> |
322 <script type="text/javascript" src="js/common.js"></script> |
341 <script type="text/javascript"> |
323 <script type="text/javascript"> |
342 $(function() { |
324 $(function() { |
343 var hashcut = new IriSP.Hashcut({url: "data/moon.json"}); |
325 var hashcut = new IriSP.Hashcut({url: "data/bpidata.json"}); |
344 }); |
326 }); |
345 </script> |
327 </script> |
346 </body> |
328 </body> |
347 </html> |
329 </html> |