src/hashcut/templates/bpi_mashup_hashcut.html
changeset 91 a94f5c62e4d7
parent 90 1a78608617aa
child 92 54cd42adea33
--- a/src/hashcut/templates/bpi_mashup_hashcut.html	Sat Dec 01 23:48:11 2012 +0100
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,189 +0,0 @@
-{% extends "bpi_mashup_home.html" %}
-{% load static %}
-{% load i18n %}
-{% load analytics %}
-{% load thumbnail %}
-    {% block title %}Lecture du Hashcut '{{proj.title}}'{% endblock %}
-    {% block css_page %}
-    <link rel="stylesheet" href="{% static 'hashcut/bpi/css/players.css' %}" />
-    {% endblock %}
-
-{% block wrap_header %}
-<div class="wrap-header">  
-    <div class="header">
-        {% include 'partial/bpi_mashup_popin_user.html' %}
-        {% include 'partial/bpi_hashcut_logo.html' %}
-        <div class="title-video-wrap">
-            <p class="title-video" href="#">
-                <span class="category">Hashcut</span>
-                <span class="separator">&raquo;</span>
-                {{proj.title}}
-            </p>
-        </div>
-        <div class="Ldt-Social">
-            <div class="Ldt-Social-Url-Container">
-                <a href="#" target="_blank" class="Ldt-Social-Square Ldt-Social-Url" title="Partager le lien"></a>
-                <span class="Ldt-Social-UrlPop">
-                    <input class="Ldt-Social-Input"/>
-                    <div class="Ldt-Social-CopyBtn">Copier</div>
-                </span>
-            </div>
-            <a href="#" target="_blank" class="Ldt-Social-Fb Ldt-Social-Ext" title="Partager sur Facebook"></a>
-            <a href="#" target="_blank" class="Ldt-Social-Twitter Ldt-Social-Ext" title="Partager sur Twitter"></a>
-            <a href="#" target="_blank" class="Ldt-Social-Gplus Ldt-Social-Ext" title="Partager sur Google+"></a>
-            <a href="#" target="_blank" class="Ldt-Social-Mail" title="Partager par mail"></a>
-        </div>
-        <div class="profil-wrap">
-            <ul>
-                <li><a href="{% url mashup_home branding=branding %}" class="all-hashcut">Accueil</a></li>
-                <li><a href="{% url mashup_edit branding=branding %}" class="new-hashcut">Créer un Hashcut</a></li>
-                <li><a href="#user" class="my-profil open-popin">Mon profil</a></li>
-            </ul>
-        </div>
-    </div><!-- header -->
-</div><!-- wrap-header -->
-{% endblock %}
-
-{% block content %}
-<div class="content clearfix">
-    <div class="left-content">
-        <h2>Lire le Hashcut</h2>
-        <div class="bloc-video">
-            <div class="video">
-                <div class="video-wait"></div>
-            </div>
-            <div class="widget">
-            <div class="Ldt-Slider-Container">
-                <div class="Ldt-Slider"></div>
-            </div>
-            <div class="Ldt-Slider-Time"></div>
-
-            <div class="Ldt-Ctrl">
-                <div class="Ldt-Ctrl-Left">
-                    <div title="Lecture" class="Ldt-Ctrl-button Ldt-Ctrl-Play Ldt-Ctrl-Play-PlayState"></div>
-                    <div class="Ldt-Ctrl-spacer"></div>
-                    <div class="Ldt-Ctrl-InOutBlock">
-                        <div title="Débuter le segment ici" class="Ldt-Ctrl-button Ldt-Ctrl-SetIn"></div>
-                        <div class="Ldt-Ctrl-spacer"></div>
-                        <div title="Finir le segment ici" class="Ldt-Ctrl-button Ldt-Ctrl-SetOut"></div>
-                        <div class="Ldt-Ctrl-spacer"></div>
-                    </div>
-                </div>
-                <div class="Ldt-Ctrl-Right">
-                   <div class="Ldt-Ctrl-spacer"></div>
-                   <div class="Ldt-Ctrl-Time">
-                       <div title="Temps écoulé" class="Ldt-Ctrl-Time-Elapsed">00:00</div>
-                       <div class="Ldt-Ctrl-Time-Separator">/</div>
-                       <div title="Temps total" class="Ldt-Ctrl-Time-Total">00:00</div>
-                   </div>
-                   <div class="Ldt-Ctrl-spacer"></div>
-                   <div title="Couper le son" class="Ldt-Ctrl-button Ldt-Ctrl-Sound Ldt-Ctrl-Sound-Full"></div>
-                </div>
-                <div title="Changer le volume" class="Ldt-Ctrl-Volume-Control">
-                   <div class="Ldt-Ctrl-Volume-Bar"></div>
-                </div>
-            </div>
-            
-        </div>
-            <div class="frise mashup-frise">
-                <div class="frise-overflow">
-                    <div class="frise-segments">
-                    </div>
-                    <div class="frise-indications">
-                    </div>
-                </div>
-                <div class="frise-position"></div>
-                <div class="mashup-tooltip segment-tooltip-wrapper">
-                    <div class="segment-tooltip"></div>
-                    <div class="segment-tooltip-tip"></div>
-                </div>
-                
-            </div>
-            <div class="segment-info mashup-description">
-                <div class="pointer" style="left: 50%;"></div>
-                <div class="popin-content">
-                    <h2><span class="annotation-title"></span></h2>
-                    <table>
-                        <tbody>
-                            <tr>
-                                <th>Extrait de :</th>
-                                <td><span class="annotation-media-title"></span> (<span class="annotation-time annotation-begin"></span> - <span class="annotation-time annotation-end"></span>)</td>
-                            </tr>
-                            <tr>
-                                <th>Description :</th>
-                                <td><span class="annotation-description"></span></td>
-                            </tr>
-                            <tr>
-                                <th>Tags :</th>
-                                <td><span class="annotation-tags"></span></td>
-                            </tr>
-                        </tbody>
-                    </table>
-                </div>
-            </div>
-        </div><!-- bloc-video -->
-    </div><!-- left-content -->
-    
-    <div class="right-content">
-        <h2>Plus d’informations</h2>
-        <div class="more-info-wrap">
-            <table class="more-info ">
-                <tbody>
-                    <tr class="info-title">
-                        <th>Titre :</th>
-                        <td>{{proj.title}}</td>
-                    </tr>
-                    <tr class="info-duration">
-                        <th>Durée :</th>
-                        <td></td>
-                    </tr>
-                    <tr class="info-author">
-                        <th>Auteur : </th>
-                        <td><a href="{% url mashup_profile branding=branding username=proj.created_by %}">{{proj.created_by}}</a></td>
-                    </tr>
-                    <tr class="info-description">
-                        <th>Description : </th>
-                        <td></td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-        <h2>Médias utilisés dans le Hashcut</h2>
-        <ul class="list-video">
-            
-        </ul>
-    </div><!-- right-content -->
-</div><!-- content -->
-{% endblock %}
-<!-- JavaScript -->
-{% block js_import %}
-{{ block.super }}
-<script type="text/javascript" src="{% static 'hashcut/lib/underscore-min.js' %}"></script>
-<script type="text/javascript" src="{% static 'hashcut/lib/popcorn-complete.min.js' %}"></script>
-<script type="text/javascript" src="{% static 'hashcut/js/hashcut.js' %}"></script>
-<script type="text/javascript">
-    IriSP.endpoints = {
-   		content: "{% url api_dispatch_list api_name='1.0' resource_name='contents' %}",
-        project: "{% url api_dispatch_list api_name='1.0' resource_name='projects' %}",
-        segment: "{% url api_dispatch_list api_name='1.0' resource_name='segments' %}",
-        ldt: "{% url projectjson_id id='' %}",
-        media_page: "{% url mashup_content branding=branding ctt_id='' %}"
-    };
-    
-    $(function() {
-    	IriSP.video_url_transform = function(oldurl) {
-            var newurl = oldurl.replace(/mp4:/i,'');
-            newurl = newurl.replace(/ddc_player\//i,'');
-            newurl = newurl.replace(/rtmp/i,'http');
-            return newurl;
-        };
-        IriSP.mashupplayer({
-            id: "{{ldt_id}}"
-        });
-        social({
-            swf: "{% static 'hashcut/lib/ZeroClipboard.swf' %}"
-        });
-    });
-</script>
-{% endblock %}
-