diff -r 7c67caaafdeb -r 761ba7426984 web/res/metadataplayer/ImageDisplay.js --- a/web/res/metadataplayer/ImageDisplay.js Mon Nov 20 18:10:58 2023 +0100 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,42 +0,0 @@ -/* This widget displays the image associated to the annotation in the given container */ - -IriSP.Widgets.ImageDisplay = function(player, config) { - IriSP.Widgets.Widget.call(this, player, config); -} - -IriSP.Widgets.ImageDisplay.prototype = new IriSP.Widgets.Widget(); - -IriSP.Widgets.ImageDisplay.prototype.defaults = { - annotation_type: "Slides" - // container: "imageContainer" -} - -IriSP.Widgets.ImageDisplay.prototype.template = '
'; - -IriSP.Widgets.ImageDisplay.prototype.annotationTemplate = ''; - -IriSP.Widgets.ImageDisplay.prototype.update = function(annotation) { - // Update the widget with data corresponding to the annotation - this.image.css("background-image", "url(" + annotation.thumbnail + ")"); - this.image.attr("title", IriSP.textFieldHtml(annotation.title) + " - " + annotation.begin.toString()); -}; - -IriSP.Widgets.ImageDisplay.prototype.draw = function() { - var _annotations = this.getWidgetAnnotations().sortBy(function(_annotation) { - return _annotation.begin; - }); - var _this = this; - _this.renderTemplate(); - _this.image = _this.$.find(".Ldt-ImageDisplay-Container"); - - _this.$.find(".Ldt-ImageDisplay-Overlay-Left").on("click", function () { _this.navigate(-1); }); - _this.$.find(".Ldt-ImageDisplay-Overlay-Right").on("click", function () { _this.navigate(+1); }); - - _annotations.forEach(function(_a) { - _a.on("enter", function() { - _this.update(_a); - }); - }); - if (_annotations.length) - _this.update(_annotations[0]); -}