metadataplayer: comparison src/js/widgets-container/widget.js

Mercurial Mercurial > metadataplayer / comparison

summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help

src/js/widgets-container/widget.js

changeset 1068	7623f9af9272
parent 1049	4e8b3df6e5be
child 1072	ac1eacb3aa33

equal deleted inserted replaced

-:539c9bee5372
+:7623f9af9272
 * @param config - configuration options for the widget
 */
 IriSP.Widgets.Widget = function(player, config) {
 if( typeof player === "undefined") {
 /* Probably an abstract call of the class when
 * individual widgets set their prototype */
 return;
 }
 this.__subwidgets = [];
 /* Setting all the configuration options */
 var _type = config.type || "(unknown)",
 _config = IriSP._.defaults({}, config, (player && player.config ? player.config.default_options : {}), this.defaults),
 _this = this;
 IriSP._(_config).forEach(function(_value, _key) {
 _this[_key] = _value;
 });
 this.$ = IriSP.jQuery('#' + this.container);
 if (typeof this.width === "undefined") {
 this.width = this.$.width();
 } else {
 this.$.css("width", this.width);
 }
 if (typeof this.height !== "undefined") {
 this.$.css("height", this.height);
 }
 /* Setting this.player at the end in case it's been overriden
 * by a configuration option of the same name :-(
 */
 this.player = player || new IriSP.FakeClass(["on","trigger","off","loadWidget","loadMetadata"]);
 /* Adding classes and html attributes */
 this.$.addClass("Ldt-TraceMe Ldt-Widget").attr("widget-type", _type);
 this.l10n = (
 typeof this.messages[IriSP.language] !== "undefined"
 ? this.messages[IriSP.language]
 : (
 IriSP.language.length > 2 && typeof this.messages[IriSP.language.substr(0,2)] !== "undefined"
 ? this.messages[IriSP.language.substr(0,2)]
 : this.messages["en"]
 )
 );
 /* Loading Metadata if required */
 function onsourceloaded() {
+if (_this.localannotations) {
+_this.localsource = player.loadLocalAnnotations(_this.localannotations);
+_this.source.merge(_this.localsource);
+}
 if (_this.media_id) {
 _this.media = this.getElement(_this.media_id);
 } else {
 var _mediaopts = {
 is_mashup: _this.is_mashup || false
 };
 _this.media = _this.source.getCurrentMedia(_mediaopts);
 }
 if (_this.pre_draw_callback){
 IriSP.jQuery.when(_this.pre_draw_callback()).done(_this.draw());
 }
 else {
 _this.draw();
 }
 _this.player.trigger("widget-loaded");
 }
 if (this.metadata) {
 /* Getting metadata */
 this.source = player.loadMetadata(this.metadata);
 /* Call draw when loaded */
 this.source.onLoad(onsourceloaded);
 } else {
 if (this.source) {
 onsourceloaded();
 }
 }
 };
 IriSP.Widgets.Widget.prototype.defaults = {};
 IriSP.Widgets.Widget.prototype.template = '';
 */
 IriSP.Widgets.Widget.prototype.navigate = function(offset) {
 // offset is normally either -1 (previous slide) or +1 (next slide)
 var _this = this;
 var currentTime = _this.media.getCurrentTime();
-var annotations = _this.source.getAnnotations().sortBy(function(_annotation) {
+var annotations = _this.getWidgetAnnotations().sortBy(function(_annotation) {
 return _annotation.begin;
 });
 for (var i = 0; i < annotations.length; i++) {
 if (annotations[i].begin <= currentTime && currentTime < annotations[i].end) {
 // Found a current annotation - clamp i+offset value to [0, length - 1]
 break;
 }
 };
 };
+/*
+* Propose an export of the widget's annotations
+*
+* Parameter: a list of annotations. If not specified, the widget's annotations will be exported.
+*/
+IriSP.Widgets.Widget.prototype.exportAnnotations = function(annotations) {
+var widget = this;
+if (annotations === undefined)
+annotations = this.getWidgetAnnotations();
+var $ = IriSP.jQuery;
+// FIXME: this should belong to a proper serialize/deserialize component?
+var content = Mustache.to_html("[video:{{url}}]\n", {url: widget.media.url}) + annotations.map( function(a) { return Mustache.to_html("[{{ a.begin }}]{{ a.title }} {{ a.description }}[{{ a.end }}]", { a: a }); }).join("\n");
+var el = $("<pre>")
+.addClass("exportContainer")
+.text(content)
+.dialog({
+title: "Annotation export",
+open: function( event, ui ) {
+// Select text
+var range;
+if (document.selection) {
+		                range = document.body.createTextRange();
+range.moveToElementText(this[0]);
+		                range.select();
+		            } else if (window.getSelection) {
+		                range = document.createRange();
+		                range.selectNode(this[0]);
+		                window.getSelection().addRange(range);
+		            }
+},
+autoOpen: true,
+width: '80%',
+minHeight: '400',
+height: 400,
+buttons: [ { text: "Close", click: function() { $( this ).dialog( "close" ); } },
+{ text: "Download", click: function () {
+a = document.createElement('a');
+a.setAttribute('href', 'data:text/plain;base64,' + btoa(content));
+a.setAttribute('download', 'Annotations - ' + widget.media.title.replace(/[^ \w]/g, '') + '.txt');
+a.click();
+} } ]
+});
+};
 /**
 * This method responsible of drawing a widget on screen.
 */
 IriSP.Widgets.Widget.prototype.draw = function() {

metadataplayer