src/spel/templates/spel_demonstrateur.html
author cavaliet
Tue, 04 Nov 2014 18:05:43 +0100
changeset 149 2cbb2d67319d
parent 148 62e750c7ef85
child 150 ea5016b24fc9
permissions -rwxr-xr-x
better polemic mdp config
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
148
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
     1
{% extends "spel_base.html" %}
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
     2
{% load static %}
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
     3
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
     4
{% block page_title %}Corpus{% endblock %}
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
     5
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
     6
{% block spel_content %}
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
     7
   <section style="width: 1070px; margin: 0 auto">
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
     8
        <h1>Démonstrateur</h1>
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
     9
        <select onchange="this.options[this.selectedIndex].value && (window.location = this.options[this.selectedIndex].value);">
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    10
            <option value="">Sélectionner...</option>
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    11
          {% for c in contents %}
149
2cbb2d67319d better polemic mdp config
cavaliet
parents: 148
diff changeset
    12
            <option value="?p={{ c.front_project.ldt_id }}" {% if current_ctt_id == c.front_project.ldt_id %}selected{% endif %}>{{ c.title }}</option>
148
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    13
          {% endfor %}
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    14
		</select>
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    15
        <ul>
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    16
        </ul>
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    17
        <div id="LdtPlayer"></div>
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    18
        <div id="AnnotationsListContainer"></div>
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    19
    </section>
149
2cbb2d67319d better polemic mdp config
cavaliet
parents: 148
diff changeset
    20
  {% if current_ctt_id != '' %}
148
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    21
    <script type="text/javascript" src="{% static 'spel/lib/jquery.min.js' %}"></script>
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    22
    <script type="text/javascript" src="{% static 'spel/lib/jquery-ui.min.js' %}"></script>
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    23
    <script type="text/javascript" src="{% static 'spel/metadataplayer/LdtPlayer-core.js' %}"></script>
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    24
    <!--script type="text/javascript" src="{% static 'spel/metadataplayer/spel-serializer.js' %}"></script-->
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    25
    <script type="text/javascript">
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    26
    function getURLParameter(name) {
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    27
        return decodeURI(
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    28
            (RegExp(name + '=' + '(.+?)(&|$)').exec(location.search)||[,null])[1]
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    29
        );
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    30
    }
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    31
    $(document).ready(function(){
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    32
        // Get group array number
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    33
        var g = getURLParameter("g");
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    34
        var d = getURLParameter("d");
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    35
        var f = getURLParameter("f");
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    36
        var p = getURLParameter("p");// project id
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    37
        if(typeof g=="string"){
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    38
            
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    39
            IriSP.libFiles.defaultDir = "{% static 'spel/lib' %}";
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    40
            IriSP.widgetsDir = "{% static 'spel/metadataplayer' %}";
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    41
            var _metadata = {
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    42
                //url: "/data/" + d + "/" + g + "/cinelab" + ( (d!="opera") ? "_iri" : "" ) + ".json",
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    43
                url: "{% url 'projectjson_id' id='' %}" + p,
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    44
                //format: 'spel'
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    45
                format: 'ldt'
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    46
            };
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    47
            var _config = {
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    48
                width : 550,
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    49
                container : 'LdtPlayer',
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    50
                default_options: {
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    51
                    metadata: _metadata
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    52
                },
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    53
                css : "{% static 'spel/metadataplayer/LdtPlayer-core.css' %}",
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    54
                widgets: [
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    55
                    /*{
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    56
                        type: "Title"
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    57
                    },*/
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    58
                    {
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    59
                        type: "HtmlPlayer", /*ou HtmlPlayer si HTML5*/
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    60
                        //video: "/data/" + d + "/" + g + "/" + f,
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    61
                        height: 320
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    62
                    },
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    63
                    { type: "Slider" },
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    64
                    { type: "Controller" },
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    65
                    {
149
2cbb2d67319d better polemic mdp config
cavaliet
parents: 148
diff changeset
    66
                        type: "Segments",
2cbb2d67319d better polemic mdp config
cavaliet
parents: 148
diff changeset
    67
                        annotation_type: ["performance","discussion"]
148
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    68
                    },
149
2cbb2d67319d better polemic mdp config
cavaliet
parents: 148
diff changeset
    69
                    {
148
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    70
                        type: "Annotation",
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    71
                        show_social: false,
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    72
                        show_annotation_type: true,
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    73
                        annotation_type: ["performance","discussion"]
149
2cbb2d67319d better polemic mdp config
cavaliet
parents: 148
diff changeset
    74
                    },
2cbb2d67319d better polemic mdp config
cavaliet
parents: 148
diff changeset
    75
                    /*{
2cbb2d67319d better polemic mdp config
cavaliet
parents: 148
diff changeset
    76
                        type: "MultiSegments",
148
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    77
                    },*/
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    78
                    {
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    79
                        type: "Polemic",
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    80
                        annotation_type: "interpretation",
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    81
                        only_allow_zero_duration_annotations: false,
149
2cbb2d67319d better polemic mdp config
cavaliet
parents: 148
diff changeset
    82
                        search_by_default: false,
148
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    83
                        polemics: [
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    84
                            {
149
2cbb2d67319d better polemic mdp config
cavaliet
parents: 148
diff changeset
    85
                                keywords: [ "type_inter: Identification d'un problème" ],
148
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    86
                                color: "#c00000"
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    87
                            },
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    88
                            {
149
2cbb2d67319d better polemic mdp config
cavaliet
parents: 148
diff changeset
    89
                                keywords: [ "type_inter: scène reprise" ],
148
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    90
                                color: "#008000"
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    91
                            },
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    92
                            {
149
2cbb2d67319d better polemic mdp config
cavaliet
parents: 148
diff changeset
    93
                                keywords: [ "type_inter: intervention MES" ],
148
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    94
                                color: "#0000f0"
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    95
                            },
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    96
                            {
149
2cbb2d67319d better polemic mdp config
cavaliet
parents: 148
diff changeset
    97
                                keywords: [ "type_inter: Adaptation du texte" ],
148
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    98
                                color: "#a6cee3"
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
    99
                            },
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   100
                            {
149
2cbb2d67319d better polemic mdp config
cavaliet
parents: 148
diff changeset
   101
                                keywords: [ "type_inter: Décision" ],
148
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   102
                                color: "#1f78b4"
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   103
                            },
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   104
                            {
149
2cbb2d67319d better polemic mdp config
cavaliet
parents: 148
diff changeset
   105
                                keywords: [ "type_inter: performance d'un(e) comédien(ne)" ],
148
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   106
                                color: "#b2df8a"
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   107
                            },
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   108
                            {
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   109
                                keywords: [ "type_inter: Improvisation" ],
149
2cbb2d67319d better polemic mdp config
cavaliet
parents: 148
diff changeset
   110
                                color: "#33a02c"
2cbb2d67319d better polemic mdp config
cavaliet
parents: 148
diff changeset
   111
                            },
2cbb2d67319d better polemic mdp config
cavaliet
parents: 148
diff changeset
   112
                            {
2cbb2d67319d better polemic mdp config
cavaliet
parents: 148
diff changeset
   113
                                keywords: [ "type_inter: Allemande de la scène" ],
148
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   114
                                color: "#fb9a99"
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   115
                            },
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   116
                            {
149
2cbb2d67319d better polemic mdp config
cavaliet
parents: 148
diff changeset
   117
                                keywords: [ "type_inter: Filage de la scène" ],
148
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   118
                                color: "#e31a1c"
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   119
                            },
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   120
                            {
149
2cbb2d67319d better polemic mdp config
cavaliet
parents: 148
diff changeset
   121
                                keywords: [ "type_inter: Interpétation alternative de mise en scène" ],
148
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   122
                                color: "#fdbf6f"
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   123
                            },
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   124
                            {
149
2cbb2d67319d better polemic mdp config
cavaliet
parents: 148
diff changeset
   125
                                keywords: [ "type_inter: Intervention de la technique" ],
148
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   126
                                color: "#ff7f00"
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   127
                            },
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   128
                            {
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   129
                                keywords: [ "type_inter: Question d'espace" ],
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   130
                                color: "#cab2d6"
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   131
                            },
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   132
                            {
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   133
                                keywords: [ "type_inter: Conflit" ],
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   134
                                color: "#6a3d9a"
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   135
                            },
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   136
                            {
149
2cbb2d67319d better polemic mdp config
cavaliet
parents: 148
diff changeset
   137
                                keywords: [ "type_inter: Demande d'un(e) comédien(ne)" ],
148
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   138
                                color: "#ffff99"
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   139
                            },
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   140
                            {
149
2cbb2d67319d better polemic mdp config
cavaliet
parents: 148
diff changeset
   141
                                keywords: [ "type_inter: Référence au réel" ],
148
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   142
                                color: "#b15928"
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   143
                            },
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   144
                            {
149
2cbb2d67319d better polemic mdp config
cavaliet
parents: 148
diff changeset
   145
                                keywords: [ "type_inter: Interprétation du texte" ],
2cbb2d67319d better polemic mdp config
cavaliet
parents: 148
diff changeset
   146
                                color: "#8e0152"
2cbb2d67319d better polemic mdp config
cavaliet
parents: 148
diff changeset
   147
                            },
2cbb2d67319d better polemic mdp config
cavaliet
parents: 148
diff changeset
   148
                            {
148
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   149
                                keywords: [ "type_inter: Parole à l'acteur/acrtrice" ],
149
2cbb2d67319d better polemic mdp config
cavaliet
parents: 148
diff changeset
   150
                                color: "#7f3b08"
148
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   151
                            },
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   152
                            {
149
2cbb2d67319d better polemic mdp config
cavaliet
parents: 148
diff changeset
   153
                                keywords: [ "type_inter: Parole à l'acteur/actrice" ],
148
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   154
                                color: "#7f3b08"
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   155
                            },
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   156
                            {
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   157
                                keywords: [ "type_inter: Doutes" ],
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   158
                                color: "#80cdc1"
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   159
                            },
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   160
                            {
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   161
                                keywords: [ "type_inter: Intervention assistant metteur en scène" ],
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   162
                                color: "#ffffcc"
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   163
                            },
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   164
                            {
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   165
                                keywords: [ "type_inter: Remise en cause" ],
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   166
                                color: "#0000f0"
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   167
                            },
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   168
                        ]
149
2cbb2d67319d better polemic mdp config
cavaliet
parents: 148
diff changeset
   169
                    },
148
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   170
                    {
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   171
                        type: "Annotation",
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   172
                        annotation_type: "interpretation",
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   173
                        show_social: false,
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   174
                        arrow_position: 0
149
2cbb2d67319d better polemic mdp config
cavaliet
parents: 148
diff changeset
   175
                    },
148
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   176
                    {
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   177
                        type: "SpelSyncHtml",
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   178
                        container: "AnnotationsListContainer",
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   179
                        height: 600,
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   180
                        width: 500,
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   181
                        src: ( (d!="opera") ? "{% url 'spel_ctb' %}" : "")
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   182
                    },
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   183
                    {
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   184
                        type: "Mediafragment"
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   185
                    }
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   186
                ]
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   187
            };
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   188
            _myPlayer = new IriSP.Metadataplayer(_config);
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   189
        }
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   190
    });
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   191
    </script>
149
2cbb2d67319d better polemic mdp config
cavaliet
parents: 148
diff changeset
   192
  {% endif %}
148
62e750c7ef85 demonstrateur page first step
cavaliet
parents:
diff changeset
   193
{% endblock %}