Reuse Viewer

app/assets/javascripts/modal_viewer.es6

@@ -6,17 +6,22 @@
     constructor() {
       this.element = $(this.selector)
       $("a", this.element).unbind("click")
-      $("body").on("click", this.selector, function(event) {
+      $("body").on("click", this.selector, (event) => {
         event.stopPropagation()
         event.preventDefault()
-        let manifest_url = $(this).attr("data-modal-manifest")
+        let manifest_url = $(event.currentTarget).attr("data-modal-manifest")
         let osd_viewer = $("picture[data-openseadragon]")
         let new_source = $("<source>", { class: "osd-image", src: manifest_url, media: "openseadragon" })
         $("#viewer-modal").modal()
         osd_viewer.height($(window).height()-100)
-        osd_viewer.html("")
-        new_source.appendTo(osd_viewer)
-        osd_viewer.openseadragon()
+        if(this.osd !== undefined) {
+          let viewer = this.osd.data("osdViewer")
+          viewer.open(manifest_url)
+        } else {
+          osd_viewer.html("")
+          new_source.appendTo(osd_viewer)
+          this.osd = osd_viewer.openseadragon()
+        }
         return true
       })
     }