# HG changeset patch
# User cavaliet
# Date 1382434426 -7200
# Node ID 9b3c3c34a288988791eff307f9dc36c2f70dff9d
# Parent  62959dc4ff0d5767fc54a7d48239a81bd25104ea
enhance css and 2 more videos

diff -r 62959dc4ff0d -r 9b3c3c34a288 web/css/ds.css
--- a/web/css/ds.css	Mon Oct 21 18:48:58 2013 +0200
+++ b/web/css/ds.css	Tue Oct 22 11:33:46 2013 +0200
@@ -23,12 +23,15 @@
     min-height: 800px;
 }
 .videotitle{
-    margin-top: 10px;
     border-bottom: 1px dotted #333333;
+    padding-top: 10px;
 }
 .videolink{
     cursor: pointer;
 }
+.active{
+    background-color: #EEEEEE;
+}
 iframe {
     border: none;
 }
diff -r 62959dc4ff0d -r 9b3c3c34a288 web/index.html
--- a/web/index.html	Mon Oct 21 18:48:58 2013 +0200
+++ b/web/index.html	Tue Oct 22 11:33:46 2013 +0200
@@ -31,7 +31,7 @@
 	<div class="container">
     <div class="row divctn">
       <div class="col-md-4">
-        <div class="videotitle">
+        <div class="videotitle" id="videotitle0">
           <p><a class="videolink" data-videoid="0">Vidéo chapitrée du résumé</a> <button type="button" class="btn btn-info btn-xs" data-toggle="collapse" data-target="#abstract">Voir plus</button></p>
           <div id="abstract" class="collapse">
             <p>Avec l’apparition du web, c’est la nature même des savoirs sous toutes leurs formes qui a changé tandis que l’écriture réticulaire devenait accessible aux publics les plus divers. Ceux-ci ont redéfini les conditions de la parité et de ce fait l’université est entrée dans un nouvel âge. C’est ce fait majeur, massif et à bien des égards stupéfiant qui requiert le développement des digital studies prôné par la ministre de l’enseignement supérieur et de la recherche.</p>
@@ -39,28 +39,28 @@
             <p>La technologie du vidéolivre est un support nouveau pour un réseau de lecteurs constituant une communauté plurielle d’interprétations. Ce n’est là qu’un exemple de ces nouveaux dispositifs du débat public auxquels il est fondamental d’initier et d’associer le plus tôt possible les étudiants.</p>
           </div>
         </div>
-        <div class="videotitle">
+        <div class="videotitle" id="videotitle1">
           <p>Chapitre 1&nbsp;: L'état et le numérique<br/><a class="videolink" data-videoid="1r">résumé</a> ou <a class="videolink" data-videoid="1">vidéo complète</a></p>
         </div>
-        <div class="videotitle">
+        <div class="videotitle" id="videotitle2">
           <p>Chapitre 2&nbsp;: Technologies, savoirs et sociétés<br/><a class="videolink" data-videoid="2r">résumé</a> ou <a class="videolink" data-videoid="2">vidéo complète</a></p>
         </div>
-        <div class="videotitle">
+        <div class="videotitle" id="videotitle3">
           <p>Chapitre 3&nbsp;: Qui pour guider une politique du numérique&nbsp;: le marché ? ou la recherche académique ?<br/><a class="videolink" data-videoid="3r">résumé</a> ou <a class="videolink" data-videoid="3">vidéo complète</a></p>
         </div>
-        <div class="videotitle">
+        <div class="videotitle" id="videotitle4">
           <p>Chapitre 4&nbsp;: La polémique, mère de tous savoirs<br/><a class="videolink" data-videoid="4r">résumé</a> ou <a class="videolink" data-videoid="4">vidéo complète</a></p>
         </div>
-        <div class="videotitle">
+        <div class="videotitle" id="videotitle5">
           <p>Chapitre 5&nbsp;: La catégorisation contributive<br/><a class="videolink" data-videoid="5r">résumé</a> ou <a class="videolink" data-videoid="5">vidéo complète</a></p>
         </div>
-        <div class="videotitle">
+        <div class="videotitle" id="videotitle6">
           <p>Chapitre 6&nbsp;: Sur l'industrie éditoriale numérisée<br/><a class="videolink" data-videoid="6r">résumé</a> ou <a class="videolink" data-videoid="6">vidéo complète</a></p>
         </div>
-        <div class="videotitle">
+        <div class="videotitle" id="videotitle6">
           <p>Chapitre 7&nbsp;: Propositions pour France Université Numérique<br/><a class="videolink" data-videoid="7r">résumé</a> ou <a class="videolink" data-videoid="7">vidéo complète</a></p>
         </div>
-        <div class="videotitle">
+        <div class="videotitle" id="videotitlef">
           <p><a class="videolink" data-videoid="full">Vidéo complète chapitrée</a></p>
         </div>
       </div>
@@ -88,7 +88,9 @@
     var iframes = {
       "0" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=53574ae4-49e9-11e2-b4ad-00145ea4a2be&project_id=a94ee060-49e9-11e2-b4ad-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
       "1" : "<p>iframe à venir, vidéo n°1</p>",
+      "1r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=0718fd52-3af8-11e3-8796-00145ea4a2be&project_id=2a7b8bde-3af8-11e3-a863-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
       "2" : "<p>iframe à venir, vidéo n°2</p>",
+      "2r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=fc7a32a2-3af8-11e3-a863-00145ea4a2be&project_id=0f2c892c-3af9-11e3-a863-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
       "3" : "<p>iframe à venir, vidéo n°3</p>",
       "4" : "<p>iframe à venir, vidéo n°4</p>",
       "5" : "<p>iframe à venir, vidéo n°5</p>",
@@ -105,10 +107,12 @@
       if(update_h){
         update_history("iframe=" + n);
       }
+      
+      active_css(n);
     }
     
     function playVideo(n, update_h){
-      if (n=="1" || n=="2" || n=="3" || n=="4" || n=="5" || n=="6" || n=="7" || n=="1r" || n=="2r" || n=="3r" || n=="4r" || n=="5r" || n=="6r" || n=="7r"){
+      if (n=="1" || n=="2" || n=="3" || n=="4" || n=="5" || n=="6" || n=="7" || n=="3r" || n=="4r" || n=="5r" || n=="6r" || n=="7r"){
         $("#videocontainer").html("<p>à venir, vidéo n°" + n + "</p>");
       }
       else{
@@ -218,6 +222,8 @@
       if(update_h){
         update_history("v=" + n);
       }
+      
+      active_css(n);
     }
     
     //Functions to manage history with parameters
@@ -230,6 +236,12 @@
         History.replaceState(null, null, "#" + s);
     }
     
+    // active css
+    function active_css(n){
+        $(".videotitle").removeClass("active");
+        $("#videotitle" + n.substr(0,1)).addClass("active");
+    }
+    
     // on load
     $(function() {
       $(".videolink").click(function(e){
diff -r 62959dc4ff0d -r 9b3c3c34a288 web/json/data1r.json
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/web/json/data1r.json	Tue Oct 22 11:33:46 2013 +0200
@@ -0,0 +1,104 @@
+{
+    "views": [
+        {
+            "id": "0",
+            "contents": [
+                "0718fd52-3af8-11e3-8796-00145ea4a2be"
+            ],
+            "annotation_types": [
+                "c_2a8d23d0-3af8-11e3-a863-00145ea4a2be",
+                "c_2a8d28c6-3af8-11e3-a863-00145ea4a2be"
+            ]
+        },
+        {
+            "meta": {
+                "stat": "0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0"
+            },
+            "id": "stat",
+            "contents": [
+                "0718fd52-3af8-11e3-8796-00145ea4a2be"
+            ]
+        }
+    ],
+    "tags": null,
+    "lists": [
+        {
+            "items": [
+                {
+                    "id-ref": "c_2a8d23d0-3af8-11e3-a863-00145ea4a2be"
+                },
+                {
+                    "id-ref": "c_2a8d28c6-3af8-11e3-a863-00145ea4a2be"
+                }
+            ],
+            "meta": {
+                "dc:contributor": "undefined",
+                "dc:created": "2013-10-22T09:08:53.157638",
+                "dc:creator": "undefined",
+                "id-ref": "0718fd52-3af8-11e3-8796-00145ea4a2be",
+                "dc:title": "Découpages personnels",
+                "editable": "false",
+                "dc:modified": "2013-10-22T09:08:53.157638",
+                "dc:description": ""
+            },
+            "id": "g_2a8d1b7e-3af8-11e3-a863-00145ea4a2be"
+        }
+    ],
+    "medias": [
+        {
+            "origin": "0",
+            "url": "rtmp://media.iri.centrepompidou.fr/ddc_player/video/digitalstudies/fun_chapitre_1_resume.mp4",
+            "http://advene.liris.cnrs.fr/ns/frame_of_reference/ms": "o=0",
+            "meta": {
+                "dc:contributor": "IRI",
+                "item": {
+                    "name": "streamer",
+                    "value": "rtmp://media.iri.centrepompidou.fr/ddc_player/"
+                },
+                "dc:created": "2013-10-22T08:58:48.968349",
+                "dc:duration": 145000,
+                "dc:creator": "IRI",
+                "dc:created.contents": "2013-10-22",
+                "dc:title": "FUN Chapitre 1 - résumé",
+                "dc:creator.contents": "IRI",
+                "dc:modified": "2013-10-22T08:58:49.414243",
+                "dc:description": ""
+            },
+            "id": "0718fd52-3af8-11e3-8796-00145ea4a2be",
+            "unit": "ms"
+        }
+    ],
+    "meta": {
+        "dc:contributor": "admin",
+        "dc:created": "2013-10-22T08:58:49.029237",
+        "dc:creator": "admin",
+        "main_media": {
+            "id-ref": "0718fd52-3af8-11e3-8796-00145ea4a2be"
+        },
+        "dc:description": "",
+        "dc:title": "front project : FUN Chapitre 1 - résumé",
+        "id": "2a7b8bde-3af8-11e3-a863-00145ea4a2be",
+        "dc:modified": "2013-10-22T08:58:49.222342"
+    },
+    "annotations": null,
+    "annotation-types": [
+        {
+            "dc:contributor": "perso",
+            "dc:creator": "perso",
+            "dc:title": "chapitrage",
+            "id": "c_2a8d23d0-3af8-11e3-a863-00145ea4a2be",
+            "dc:created": "2013-10-22T09:08:53.157673",
+            "dc:description": "",
+            "dc:modified": "2013-10-22T09:08:53.157673"
+        },
+        {
+            "dc:contributor": "perso",
+            "dc:creator": "perso",
+            "dc:title": "contributions",
+            "id": "c_2a8d28c6-3af8-11e3-a863-00145ea4a2be",
+            "dc:created": "2013-10-22T09:08:53.157893",
+            "dc:description": "",
+            "dc:modified": "2013-10-22T09:08:53.157893"
+        }
+    ]
+}
\ No newline at end of file
diff -r 62959dc4ff0d -r 9b3c3c34a288 web/json/data2r.json
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/web/json/data2r.json	Tue Oct 22 11:33:46 2013 +0200
@@ -0,0 +1,104 @@
+{
+    "views": [
+        {
+            "id": "0",
+            "contents": [
+                "fc7a32a2-3af8-11e3-a863-00145ea4a2be"
+            ],
+            "annotation_types": [
+                "c_0f3dd902-3af9-11e3-a863-00145ea4a2be",
+                "c_0f3dddf8-3af9-11e3-a863-00145ea4a2be"
+            ]
+        },
+        {
+            "meta": {
+                "stat": "0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0"
+            },
+            "id": "stat",
+            "contents": [
+                "fc7a32a2-3af8-11e3-a863-00145ea4a2be"
+            ]
+        }
+    ],
+    "tags": null,
+    "lists": [
+        {
+            "items": [
+                {
+                    "id-ref": "c_0f3dd902-3af9-11e3-a863-00145ea4a2be"
+                },
+                {
+                    "id-ref": "c_0f3dddf8-3af9-11e3-a863-00145ea4a2be"
+                }
+            ],
+            "meta": {
+                "dc:contributor": "undefined",
+                "dc:created": "2013-10-22T09:11:59.047384",
+                "dc:creator": "undefined",
+                "id-ref": "fc7a32a2-3af8-11e3-a863-00145ea4a2be",
+                "dc:title": "Découpages personnels",
+                "editable": "false",
+                "dc:modified": "2013-10-22T09:11:59.047384",
+                "dc:description": ""
+            },
+            "id": "g_0f3dd09c-3af9-11e3-a863-00145ea4a2be"
+        }
+    ],
+    "medias": [
+        {
+            "origin": "0",
+            "url": "rtmp://media.iri.centrepompidou.fr/ddc_player/video/digitalstudies/fun_chapitre_2_resume.mp4",
+            "http://advene.liris.cnrs.fr/ns/frame_of_reference/ms": "o=0",
+            "meta": {
+                "dc:contributor": "IRI",
+                "item": {
+                    "name": "streamer",
+                    "value": "rtmp://media.iri.centrepompidou.fr/ddc_player/"
+                },
+                "dc:created": "2013-10-22T09:05:12.697823",
+                "dc:duration": 177000,
+                "dc:creator": "IRI",
+                "dc:created.contents": "2013-10-22",
+                "dc:title": "FUN Chapitre 2 - résumé",
+                "dc:creator.contents": "IRI",
+                "dc:modified": "2013-10-22T09:05:13.097686",
+                "dc:description": ""
+            },
+            "id": "fc7a32a2-3af8-11e3-a863-00145ea4a2be",
+            "unit": "ms"
+        }
+    ],
+    "meta": {
+        "dc:contributor": "admin",
+        "dc:created": "2013-10-22T09:05:12.709689",
+        "dc:creator": "admin",
+        "main_media": {
+            "id-ref": "fc7a32a2-3af8-11e3-a863-00145ea4a2be"
+        },
+        "dc:description": "",
+        "dc:title": "front project : FUN Chapitre 2 - résumé",
+        "id": "0f2c892c-3af9-11e3-a863-00145ea4a2be",
+        "dc:modified": "2013-10-22T09:05:12.898788"
+    },
+    "annotations": null,
+    "annotation-types": [
+        {
+            "dc:contributor": "perso",
+            "dc:creator": "perso",
+            "dc:title": "chapitrage",
+            "id": "c_0f3dd902-3af9-11e3-a863-00145ea4a2be",
+            "dc:created": "2013-10-22T09:11:59.047419",
+            "dc:description": "",
+            "dc:modified": "2013-10-22T09:11:59.047419"
+        },
+        {
+            "dc:contributor": "perso",
+            "dc:creator": "perso",
+            "dc:title": "contributions",
+            "id": "c_0f3dddf8-3af9-11e3-a863-00145ea4a2be",
+            "dc:created": "2013-10-22T09:11:59.047644",
+            "dc:description": "",
+            "dc:modified": "2013-10-22T09:11:59.047644"
+        }
+    ]
+}
\ No newline at end of file