modified template to use new Widget features
authordurandn
Fri, 28 Aug 2015 12:25:06 +0200
changeset 80 774398426834
parent 79 fd48103c0deb
child 81 24cf59559959
modified template to use new Widget features
server/src/remie/templates/remie/iframe_teacher.html
server/src/remie/templates/remie/iframe_tester.html
--- a/server/src/remie/templates/remie/iframe_teacher.html	Fri Aug 28 12:24:30 2015 +0200
+++ b/server/src/remie/templates/remie/iframe_teacher.html	Fri Aug 28 12:25:06 2015 +0200
@@ -0,0 +1,167 @@
+{% load staticfiles %}
+<html>
+<head>
+<title>Test</title>
+<link rel="stylesheet" type="text/css" href="{% static 'remie/css/style.css' %}" />
+<script type="text/javascript" src="{% static 'remie/js/jquery-1.11.2.min.js' %}"></script>
+</head>
+<body>
+<div id="remie_player_container">
+  <div id="media_panel">  
+    <div id="player_container"></div>
+  </div>
+  <div id="info_panel">
+    <div id="CurrentSegmentInfobox_container"></div>
+    <div id="LatestAnnotation_container"></div>
+    <div id="AnnotationsController_container"></div>
+    <div id="CreateAnnotation_container"></div>
+    <div id="AnnotationsList_container"></div>
+  </div>
+  <script type="text/javascript" src='{% static "remie/metadataplayer/LdtPlayer-core.js" %}'></script>
+  <script type="text/javascript">
+    
+    if (typeof jQuery == "undefined") {
+        jQuery = IriSP.jQuery;
+    }
+    var metadatas = {metadata: {url: "{% url 'projectjson_id' id=project_id %}?from_display=false"}};
+    var metadata_key = "metadata"; 
+    
+    IriSP.libFiles.defaultDir = '{% static "remie/js/" %}';
+    IriSP.libFiles.locations.jwPlayerSWF = '{% static "remie/swf/player.swf" %}';
+    IriSP.libFiles.locations.recordMicSwf = '{% static "remie/swf/record_mic.swf" %}';
+    IriSP.libFiles.locations.zeroClipboardSwf = '{% static "remie/swf/ZeroClipboard10.swf" %}';
+    IriSP.libFiles.locations.cssjQueryUI = '{% static "remie/css/jq-css/themes/base/jquery-ui.css" %}';
+    IriSP.language = 'fr-fr';
+   
+    IriSP.widgetsDir = '{% static "remie/metadataplayer" %}';
+    var _metadata = {
+        url: metadatas[metadata_key].url,
+        format: 'ldt'
+    };
+    var _config = {
+      container: 'player_container',
+      css: '{% static "remie/metadataplayer/LdtPlayer-core.css" %}',
+      default_options: {
+          metadata: _metadata
+      },
+      widgets: 
+      [
+        {
+           type: "AutoPlayer",
+           streamer: function(_url) {
+               var _matches = _url.match(/^[^\/]+\/\/[^\/]+\/[^\/]+\//);
+               if (_matches) {
+                 return _matches[0];
+               } else {
+                 return _url;
+               }
+           },
+           url_transform: function(url) {
+               // Adaptation to jwplayer 6
+               if(url.substr(url.length - 4).toLowerCase()=='.flv'){
+                   return url.replace('/ddc_player/video/','/ddc_player/flv:video/');
+               }
+               return url.replace('/ddc_player/video/','/ddc_player/mp4:video/');
+           },
+           default_type: "AdaptivePlayer",
+           autostart: false
+        },{
+           type: "Slider"
+        },{
+            type: "Controller",
+            disable_annotate_btn: true,
+            disable_search_btn: true,
+            disable_ctrl_f: true
+        },{
+            type: "Segments",
+            annotation_type: "découpage",
+            line_height: 24,
+            overlap: 1,
+            no_tooltip: true,
+            use_timerange: true,
+            
+        },{
+            type: "AnnotationsController",
+            container: "AnnotationsController_container",
+            display_or_write: true,
+            starts_hidden: true,
+            hide_without_segment: true,
+            segments_annotation_type: "découpage",
+        },{
+            type: "CreateAnnotation",
+            container: "CreateAnnotation_container",
+            show_title_field : false,
+            show_creator_field : false,
+            show_time : false,
+            start_visible : false,
+            always_visible : false,
+            show_slice : false,
+            show_arrow : false,
+            show_mic_record: false,
+            show_mic_play: false,
+            minimize_annotation_widget : true,
+            creator_name : "{{current_user}}",
+            creator_field_readonly: true,
+            creator_avatar : "",
+            tags : true, // This may be counterintuitive but this actually hides tag tool for the widget
+            tag_titles : false,
+            pause_on_write : true,
+            max_tags : 8,
+            polemics : false,
+            annotation_type : "user_{{current_user}}",
+            api_serializer : "ldt_annotate",
+            api_endpoint_template : "{% url 'api_dispatch_list' resource_name='annotations' api_name='1.0' %}",
+            api_method : "POST",
+            post_at_segment_time : true,
+            segments_annotation_type: "découpage",
+            after_send_timeout : 0,
+            close_after_send: true,
+            tag_prefix: "#",
+            // Change id to a given project id
+            project_id: "{{project_id}}",
+            pause_when_displaying: true,
+        },{
+            type: "AnnotationsList",
+            container: "AnnotationsList_container",
+            annotation_type: "user_{{current_user}}",
+            filter_by_segments: true,
+            segments_annotation_type: "découpage",
+            show_creation_date: true,
+            show_only_annotation_from_user: false,
+            show_timecode: false,
+            show_filters: true,
+            show_header: true,
+            limit_count: false,
+            start_visible: false,
+            newest_first: true,
+            tags: false,
+        },{
+            type: "LatestAnnotation",
+            annotation_type: "user_{% if not group_mode %}{{current_user}}{% endif %}",
+            container: "LatestAnnotation_container",
+            filter_by_segment: true,
+            starts_hidden: true,
+            hide_without_segment: true,
+            segments_annotation_type: "découpage",
+            selectable_annotations: true,
+            copy_and_edit_button: true,
+            show_header: true
+        },{
+          type: "CurrentSegmentInfobox",
+          annotation_type: "découpage",
+          container: "CurrentSegmentInfobox_container",
+          empty_message: "Clique sur un segment pour ouvrir le chapitre",
+          editable_segments: true,
+          project_id : "{{project_id}}",
+          api_endpoint_template: "{% url 'api_dispatch_list' resource_name='annotations' api_name='1.0' %}{% templatetag openvariable %}annotation_id{% templatetag closevariable %}",
+        }
+        
+      ]
+    }
+    
+    _myPlayer = new IriSP.Metadataplayer(_config);
+  
+  </script>
+</div>
+</body>
+</html>
\ No newline at end of file
--- a/server/src/remie/templates/remie/iframe_tester.html	Fri Aug 28 12:24:30 2015 +0200
+++ b/server/src/remie/templates/remie/iframe_tester.html	Fri Aug 28 12:25:06 2015 +0200
@@ -113,8 +113,8 @@
   <br><label>Scénario: </label><br>
   <input id="segments_single" name="scenario" type="radio" value="segments_single" >Elève - Segments, individuel</input><br>
   <input id="segments_group" name="scenario" type="radio" value="segments_group">Elève - Segments, groupe</input><br>
-  <input id="markers" name="scenario" type="radio" value="markers" disabled><s>Elève - Marqueurs</s></input><br>
-  <input id="teacher" name="scenario" type="radio" value="teacher" disabled><s>Professeur - Segments</s></input>
+  <input id="markers" name="scenario" type="radio" value="markers">Elève - Marqueurs (design à faire)</input><br>
+  <input id="teacher" name="scenario" type="radio" value="teacher">Professeur - Segments (Segments modifiables, design à terminer)</input>
   <br><input id="iframe_update_button" type="button" value="Générer"></input>
 </div>
 <div hidden="true">