src/widgets/Annotation.js
changeset 1009 ddbe31de8ad1
parent 1007 639129cf95bc
child 1013 392ddcd212d7
equal deleted inserted replaced
1008:81243f1c7cff 1009:ddbe31de8ad1
    13     fr: {
    13     fr: {
    14         watching: "Je regarde ",
    14         watching: "Je regarde ",
    15         on_site: " sur ",
    15         on_site: " sur ",
    16         tags_: "Mots-clés\u00a0:",
    16         tags_: "Mots-clés\u00a0:",
    17         description_: "Description\u00a0:",
    17         description_: "Description\u00a0:",
       
    18         creator_: "Créé par\u00a0:",
    18         excerpt_from: "Extrait de\u00a0:",
    19         excerpt_from: "Extrait de\u00a0:",
    19         untitled: "Segment sans titre"
    20         untitled: "Segment sans titre"
    20     },
    21     },
    21     en: {
    22     en: {
    22         watching: "I'm watching ",
    23         watching: "I'm watching ",
    23         on_site: " on ",
    24         on_site: " on ",
    24         tags_: "Keywords:",
    25         tags_: "Keywords:",
    25         description_: "Description:",
    26         description_: "Description:",
       
    27         creator_: "Created by\u00a0:",
    26         excerpt_from: "Excerpt from:",
    28         excerpt_from: "Excerpt from:",
    27         untitled: "Untitled segment"
    29         untitled: "Untitled segment"
    28     }
    30     }
    29 }
    31 }
    30 
    32 
    36     + '{{#show_social}}<div class="Ldt-Annotation-Social Ldt-Annotation-HiddenWhenMinimized Ldt-Annotation-HiddenWhenEmpty"></div>{{/show_social}}'
    38     + '{{#show_social}}<div class="Ldt-Annotation-Social Ldt-Annotation-HiddenWhenMinimized Ldt-Annotation-HiddenWhenEmpty"></div>{{/show_social}}'
    37     + '<h3 class="Ldt-Annotation-HiddenWhenEmpty">{{#show_annotation_type}}<span class="Ldt-Annotation-Type"></span> » {{/show_annotation_type}}<a class="Ldt-Annotation-Title" href="#"></a> <span class="Ldt-Annotation-Time Ldt-Annotation-HiddenWhenMinimized">'
    39     + '<h3 class="Ldt-Annotation-HiddenWhenEmpty">{{#show_annotation_type}}<span class="Ldt-Annotation-Type"></span> » {{/show_annotation_type}}<a class="Ldt-Annotation-Title" href="#"></a> <span class="Ldt-Annotation-Time Ldt-Annotation-HiddenWhenMinimized">'
    38     + '(<span class="Ldt-Annotation-Begin"></span> - <span class="Ldt-Annotation-End"></span>)</span></h3>'
    40     + '(<span class="Ldt-Annotation-Begin"></span> - <span class="Ldt-Annotation-End"></span>)</span></h3>'
    39     + '<h3 class="Ldt-Annotation-MashupOrigin Ldt-Annotation-HiddenWhenEmpty">{{l10n.excerpt_from}} <span class="Ldt-Annotation-MashupMedia"></span> <span class="Ldt-Annotation-Time Ldt-Annotation-HiddenWhenMinimized">'
    41     + '<h3 class="Ldt-Annotation-MashupOrigin Ldt-Annotation-HiddenWhenEmpty">{{l10n.excerpt_from}} <span class="Ldt-Annotation-MashupMedia"></span> <span class="Ldt-Annotation-Time Ldt-Annotation-HiddenWhenMinimized">'
    40     + '(<span class="Ldt-Annotation-MashupBegin"></span> - <span class="Ldt-Annotation-MashupEnd"></span>)</span></h3>'
    42     + '(<span class="Ldt-Annotation-MashupBegin"></span> - <span class="Ldt-Annotation-MashupEnd"></span>)</span></h3>'
    41     + '<div class="Ldt-Annotation-Cleared Ldt-Annotation-HiddenWhenMinimized Ldt-Annotation-HiddenWhenEmpty Ldt-Annotation-Description-Block"><div class="Ldt-Annotation-Label">{{l10n.description_}}</div>'
    43     + '<div class="Ldt-Annotation-Cleared Ldt-Annotation-HiddenWhenMinimized Ldt-Annotation-HiddenWhenEmpty Ldt-Annotation-Creator-Block"><div class="Ldt-Annotation-Label">{{l10n.creator_}}</div>'
       
    44     + '{{#show_creator}}<p class="Ldt-Annotation-Labelled Ldt-Annotation-Creator"></p></div>'
       
    45     + '<div class="Ldt-Annotation-Cleared Ldt-Annotation-HiddenWhenMinimized Ldt-Annotation-HiddenWhenEmpty Ldt-Annotation-Description-Block"><div class="Ldt-Annotation-Label">{{l10n.description_}}</div>{{/show_creator}}'
    42     + '<p class="Ldt-Annotation-Labelled Ldt-Annotation-Description"></p></div>'
    46     + '<p class="Ldt-Annotation-Labelled Ldt-Annotation-Description"></p></div>'
    43     + '<div class="Ldt-Annotation-Tags-Block Ldt-Annotation-HiddenWhenMinimized Ldt-Annotation-HiddenWhenEmpty Ldt-Annotation-Cleared">'
    47     + '<div class="Ldt-Annotation-Tags-Block Ldt-Annotation-HiddenWhenMinimized Ldt-Annotation-HiddenWhenEmpty Ldt-Annotation-Cleared">'
    44     + '<div class="Ldt-Annotation-Label">{{l10n.tags_}}</div><ul class="Ldt-Annotation-Labelled Ldt-Annotation-Tags"></ul>'
    48     + '<div class="Ldt-Annotation-Label">{{l10n.tags_}}</div><ul class="Ldt-Annotation-Labelled Ldt-Annotation-Tags"></ul>'
    45     + '</div></div></div></div>';
    49     + '</div></div></div></div>';
    46 
    50 
    47 IriSP.Widgets.Annotation.prototype.defaults = {
    51 IriSP.Widgets.Annotation.prototype.defaults = {
    48     annotation_type : "chap",
    52     annotation_type : "chap",
    49     start_minimized: false,
    53     start_minimized: false,
    50     show_arrow : true,
    54     show_arrow : true,
       
    55     show_creator: true,
    51     arrow_position: .5,
    56     arrow_position: .5,
    52     site_name : "Lignes de Temps",
    57     site_name : "Lignes de Temps",
    53     search_on_tag_click: true,
    58     search_on_tag_click: true,
    54     show_social: true,
    59     show_social: true,
    55     show_annotation_type: false
    60     show_annotation_type: false
   114             });
   119             });
   115         } else {
   120         } else {
   116             _this.$.find(".Ldt-Annotation-Tags-Block").addClass("Ldt-Annotation-EmptyBlock");
   121             _this.$.find(".Ldt-Annotation-Tags-Block").addClass("Ldt-Annotation-EmptyBlock");
   117         }
   122         }
   118         highlightTitleAndDescription();
   123         highlightTitleAndDescription();
       
   124         if (_this.show_creator) {
       
   125              _this.$.find(".Ldt-Annotation-Creator").text(_annotation.creator);
       
   126         }
   119         if (_this.show_annotation_type) {
   127         if (_this.show_annotation_type) {
   120             _this.$.find(".Ldt-Annotation-Type").text(_annotation.getAnnotationType().title)
   128             _this.$.find(".Ldt-Annotation-Type").text(_annotation.getAnnotationType().title)
   121         }
   129         }
   122         _this.$.find(".Ldt-Annotation-Begin").text(_annotation.begin.toString());
   130         _this.$.find(".Ldt-Annotation-Begin").text(_annotation.begin.toString());
   123         _this.$.find(".Ldt-Annotation-End").text(_annotation.end.toString());
   131         _this.$.find(".Ldt-Annotation-End").text(_annotation.end.toString());