From: Guillaume Pellerin <guillaume.pellerin@ircam.fr>
Date: Mon, 21 Dec 2015 23:02:14 +0000 (+0100)
Subject: add global and modal item share infos, more ignore
X-Git-Tag: 1.6b~7^2~32
X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=46223dfed8dab4cfa547bf2ad026a83d52917624;p=telemeta.git

add global and modal item share infos, more ignore
---

diff --git a/.dockerignore b/.dockerignore
index b81e8e2a..3d2ee082 100644
--- a/.dockerignore
+++ b/.dockerignore
@@ -1,5 +1,11 @@
-media
-static
-var
-backup
-tmp
+.git
+*.pyc
+*.egg-info
+app/
+build/
+dist/
+media/
+static/
+var/
+backup/
+tmp/
diff --git a/.gitignore b/.gitignore
index 810dd10b..a3908b6d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -27,3 +27,9 @@ pip-log.txt
 
 #Mr Developer
 .mr.developer.cfg
+
+#app
+media
+static
+var
+
diff --git a/telemeta/templates/telemeta/inc/mediaitem_video.html b/telemeta/templates/telemeta/inc/mediaitem_video.html
new file mode 100644
index 00000000..afef6491
--- /dev/null
+++ b/telemeta/templates/telemeta/inc/mediaitem_video.html
@@ -0,0 +1,37 @@
+{% load telemeta_utils %}
+{% load i18n %}
+
+<div class="video">
+<video width="{% if width %}{{ width }}{% else %}348{% endif %}" controls preload="none">
+    {% for transcoded in item.transcoded.all %}
+     {% if "video" in transcoded.mime_type %}
+      <source src="{{ MEDIA_URL }}{{ transcoded.file }}#t=0" type="{{ transcoded.mime_type }}" />
+     {% endif %}
+    {% endfor %}
+      <source src="{{ MEDIA_URL }}{{ item.file }}#t=0" type="{{ mime_type }}" />
+</video>
+</div>
+
+{% comment %}
+<div class="video">
+<video id="my_video_1" class="video-js vjs-default-skin" width="640" height="360" controls preload="none" {% if item.related.all %}{% for related in item.related.all %}{% if related.title == "preview" %}poster="{{ MEDIA_URL }}{{ related.file }}"{% endif %}{% endfor %}{% endif %} data-setup='{}'>
+  {% for transcoded in item.transcoded.all %}
+   {% if "video" in transcoded.mime_type %}
+    <source src="{{ MEDIA_URL }}{{ transcoded.file }}#t=0" type="{{ transcoded.mime_type }}" />
+   {% endif %}
+  {% endfor %}
+    <source src="{{ MEDIA_URL }}{{ item.file }}#t=0" type="{{ mime_type }}" />
+</video>
+</div>
+
+<div id="videotime"></div>
+<script>
+(function(){
+    var v = document.getElementsByTagName('video')[0]
+    var t = document.getElementById('videotime');
+    v.addEventListener('timeupdate',function(event){
+        t.innerHTML = v.currentTime;
+        },false);
+        })();
+</script>
+{% endcomment %}
diff --git a/telemeta/templates/telemeta/mediaitem_detail.html b/telemeta/templates/telemeta/mediaitem_detail.html
index eb252b7c..3ce287fc 100644
--- a/telemeta/templates/telemeta/mediaitem_detail.html
+++ b/telemeta/templates/telemeta/mediaitem_detail.html
@@ -76,8 +76,8 @@
 </script>
 
 {% if "video" in mime_type %}
- <script src="{{ STATIC_URL }}video-js/video.js" ></script>
- <link href="{{ STATIC_URL }}video-js/video-js.css" rel="stylesheet">
+<script src="{{ STATIC_URL }}video-js/video.js" ></script>
+<link href="{{ STATIC_URL }}video-js/video-js.css" rel="stylesheet">
 {% endif %}
 
 {% endif %}
@@ -94,7 +94,7 @@
 {% endblock %}
 
 {% block title_buttons %}
-<div class="fixedWidthAsPlayer">
+<div>
     <a href="{% url "telemeta-item-detail" previous %}">
       <button type="button" class="btn btn-default">
         <span class="glyphicon glyphicon-chevron-left"></span>
@@ -119,6 +119,11 @@
       </button>
     </a>
     {% endif %}
+    <a id="_share" href='#'>
+      <button type="button" class="btn btn-default" data-toggle="modal" data-target="#share">
+        <span class="glyphicon glyphicon-share"></span> {% trans "Share" %}
+      </button>
+    </a>
     <a href="{% url "telemeta-item-detail" next %}">
       <button type="button" class="btn btn-default">
         <span class="glyphicon glyphicon-chevron-right"></span>
@@ -162,30 +167,7 @@
         </div>
 
     {% if "video" in mime_type %}
-    <div>
-    <video width="348" height="240" controls preload="none">
-        <source src="{% url "telemeta-item-export" item.public_id mime_type|mime_to_ext %}" type="{{ mime_type }}" />
-    </video>
-    </div>
-
-    <button type="button" class="btn btn-default">
-      <span class="glyphicon glyphicon-share"></span> {% trans "Share" %}
-    </button>
-
-{% comment %}
-    <div id="videotime"></div>
-    <script>
-    (function(){
-        var v = document.getElementsByTagName('video')[0]
-        var t = document.getElementById('videotime');
-        v.addEventListener('timeupdate',function(event){
-            t.innerHTML = v.currentTime;
-            },false);
-            })();
-    </script>
-{% endcomment %}
-
-
+     {% include "telemeta/inc/mediaitem_video.html" %}
     {% endif %}
 
         <!-- </div> -->
@@ -417,6 +399,33 @@
     </a>
 
 {% endif %}
+
+{% block modal %}
+<div id="share" class="modal fade" role="dialog">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal">&times;</button>
+        <h4 class="modal-title"><b>{% trans "Share" %}</b></h4>
+      </div>
+      <div class="modal-body">
+        <p><b>{% trans "Share the link"%}</b></p>
+         <input class="share" name="share_url" value="{{ site }}{% url "telemeta-item-detail" item.public_id %}" title="{% trans "Share the link"%}" onclick="this.focus();this.select()" size="68">
+        <br><br>
+        <p><b>{% trans "Share the audio player" %}</b></p>
+         <input class="share" name="share_audio_player" value="<iframe width='361' height='215' frameborder='0' scrolling='no' marginheight='0' marginwidth='0' src='{{ site }}{% url "telemeta-item-player" item.public_id 346 130 %}'></iframe>" title="{% trans "Share the audio player" %}" onclick="this.focus();this.select()" size="68">
+        <br><br>
+        <p><b>{% trans "Share the video player" %}</b></p>
+         <input class="share" name="share_video_player" value="<iframe width='640' height='480' frameborder='0' scrolling='no' marginheight='0' marginwidth='0' src='{{ site }}{% url "telemeta-item-video-player" item.public_id 640 480 %}'></iframe>" title="{% trans "Share the video player" %}" onclick="this.focus();this.select()" size="68">
+       </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+      </div>
+    </div>
+  </div>
+</div>
+{% endblock %}
+
 {% endblock %}
 
 {% else %}
diff --git a/telemeta/templates/telemeta/mediaitem_video_player.html b/telemeta/templates/telemeta/mediaitem_video_player.html
new file mode 100644
index 00000000..a54c9faa
--- /dev/null
+++ b/telemeta/templates/telemeta/mediaitem_video_player.html
@@ -0,0 +1,22 @@
+{% extends "telemeta/mediaitem_detail.html" %}
+{% load telemeta_utils %}
+{% load i18n %}
+
+{% block extra_javascript %}{% endblock %}
+{% block title %}{% endblock %}
+{% block title_buttons %}{% endblock %}
+
+{% block layout %}
+{% block content %}
+<div>
+{% if item.file %}
+    {% if access or user.is_staff %}
+     {% include "telemeta/inc/mediaitem_video.html" %}
+    {% endif %}
+{% endif %}
+</div>
+
+{% endblock content%}
+{% endblock layout %}
+
+{% block footer %}{% endblock %}
diff --git a/telemeta/urls.py b/telemeta/urls.py
index c5592252..dbd1bf8e 100644
--- a/telemeta/urls.py
+++ b/telemeta/urls.py
@@ -84,6 +84,7 @@ urlpatterns = patterns('',
     url(r'^archives/items/(?P<public_id>[A-Za-z0-9._-]+)/copy/$', ItemCopyView.as_view(), name="telemeta-item-copy"),
     url(r'^archives/items_add/$', ItemAddView.as_view(), name="telemeta-item-add"),
     url(r'^archives/items/(?P<public_id>[A-Za-z0-9._-]+)/player/(?P<width>[0-9]+)x(?P<height>[0-9]+)/$', ItemPlayerDefaultView.as_view(), name="telemeta-item-player"),
+    url(r'^archives/items/(?P<public_id>[A-Za-z0-9._-]+)/video-player/(?P<width>[0-9]+)x(?P<height>[0-9]+)/$', ItemVideoPlayerView.as_view(), name="telemeta-item-video-player"),
     url(r'^archives/items/(?P<public_id>[A-Za-z0-9._-]+)/delete/$', item_view.item_delete, name="telemeta-item-delete"),
     url(r'^archives/items/(?P<item_public_id>[A-Za-z0-9._-]+)/related/(?P<media_id>[A-Za-z0-9._-]+)/view/$', item_view.related_media_item_stream, name="telemeta-item-related"),
     url(r'^archives/items/(?P<item_public_id>[A-Za-z0-9._-]+)/related/(?P<media_id>[A-Za-z0-9._-]+)/download/$', item_view.related_media_item_download, name="telemeta-item-related-download"),
diff --git a/telemeta/views/item.py b/telemeta/views/item.py
index 42fd74cb..586d9bf1 100644
--- a/telemeta/views/item.py
+++ b/telemeta/views/item.py
@@ -274,7 +274,7 @@ class ItemView(ItemBaseMixin):
                 graph.render(output=path)
                 f.close()
                 self.cache_data.add_file(image_file)
-                
+
         response = StreamingHttpResponse(self.cache_data.read_stream_bin(image_file), content_type=mime_type)
         return response
 
@@ -746,6 +746,7 @@ class ItemDetailView(ItemViewMixin, DetailView):
         context['last_revision'] = last_revision
         context['format'] = item_format
         context['private_extra_types'] = private_extra_types.values()
+        context['site'] = 'http://' + Site.objects.all()[0].name
         return context
 
 
@@ -843,3 +844,8 @@ class ItemPlayerDefaultView(ItemDetailView):
 class ItemDetailDCView(ItemDetailView):
 
     template_name = 'telemeta/mediaitem_detail_dc.html'
+
+
+class ItemVideoPlayerView(ItemDetailView):
+
+    template_name = 'telemeta/mediaitem_video_player.html'