5 } |
5 } |
6 |
6 |
7 IriSP.Widgets.ImageDisplay.prototype = new IriSP.Widgets.Widget(); |
7 IriSP.Widgets.ImageDisplay.prototype = new IriSP.Widgets.Widget(); |
8 |
8 |
9 IriSP.Widgets.ImageDisplay.prototype.defaults = { |
9 IriSP.Widgets.ImageDisplay.prototype.defaults = { |
10 annotation_type: "Slides", |
10 annotation_type: "Slides" |
11 // container: "imageContainer" |
11 // container: "imageContainer" |
12 } |
12 } |
13 |
13 |
14 IriSP.Widgets.ImageDisplay.prototype.template = '<div class="Ldt-ImageDisplay-Container"><img class="Ldt-ImageDisplay-Image" title="" alt="Slide Image" src=""/><div class="Ldt-ImageDisplay-Overlay Ldt-ImageDisplay-Overlay-Left"></div><div class="Ldt-ImageDisplay-Overlay Ldt-ImageDisplay-Overlay-Right"></div></div>'; |
14 IriSP.Widgets.ImageDisplay.prototype.template = '<div class="Ldt-ImageDisplay-Container"><div class="Ldt-ImageDisplay-Overlay Ldt-ImageDisplay-Overlay-Left"></div><div class="Ldt-ImageDisplay-Overlay Ldt-ImageDisplay-Overlay-Right"></div></div>'; |
15 |
15 |
16 IriSP.Widgets.ImageDisplay.prototype.annotationTemplate = ''; |
16 IriSP.Widgets.ImageDisplay.prototype.annotationTemplate = ''; |
17 |
17 |
18 IriSP.Widgets.ImageDisplay.prototype.update = function(annotation) { |
18 IriSP.Widgets.ImageDisplay.prototype.update = function(annotation) { |
19 // Update the widget with data corresponding to the annotation |
19 // Update the widget with data corresponding to the annotation |
20 this.image.setAttribute("title", IriSP.textFieldHtml(annotation.title) + " - " + annotation.begin.toString()); |
20 this.image.css("background-image", "url(" + annotation.thumbnail + ")"); |
21 this.image.setAttribute("src", annotation.thumbnail); |
21 this.image.attr("title", IriSP.textFieldHtml(annotation.title) + " - " + annotation.begin.toString()); |
22 }; |
22 }; |
23 |
23 |
24 IriSP.Widgets.ImageDisplay.prototype.draw = function() { |
24 IriSP.Widgets.ImageDisplay.prototype.draw = function() { |
25 var _annotations = this.getWidgetAnnotations().sortBy(function(_annotation) { |
25 var _annotations = this.getWidgetAnnotations().sortBy(function(_annotation) { |
26 return _annotation.begin; |
26 return _annotation.begin; |
27 }); |
27 }); |
28 var _this = this; |
28 var _this = this; |
29 _this.renderTemplate(); |
29 _this.renderTemplate(); |
30 _this.image = _this.$.find("img")[0]; |
30 _this.image = _this.$.find(".Ldt-ImageDisplay-Container"); |
31 |
31 |
32 _this.$.find(".Ldt-ImageDisplay-Overlay-Left").on("click", function () { _this.navigate(-1); }); |
32 _this.$.find(".Ldt-ImageDisplay-Overlay-Left").on("click", function () { _this.navigate(-1); }); |
33 _this.$.find(".Ldt-ImageDisplay-Overlay-Right").on("click", function () { _this.navigate(+1); }); |
33 _this.$.find(".Ldt-ImageDisplay-Overlay-Right").on("click", function () { _this.navigate(+1); }); |
34 |
34 |
35 _annotations.forEach(function(_a) { |
35 _annotations.forEach(function(_a) { |