blacklight-spotlight 5.3.0 → 5.3.2

data/app/javascript/spotlight/admin/blocks/solr_documents_base_block.js

@@ -1,33 +1,43 @@
-import Iiif from 'spotlight/admin/iiif'
-import Core from 'spotlight/core'
-
-SirTrevor.Blocks.SolrDocumentsBase = (function(){
+import Iiif from "spotlight/admin/iiif"
+import Core from "spotlight/core"
 
+SirTrevor.Blocks.SolrDocumentsBase = (function () {
   return Core.Block.Resources.extend({
     plustextable: true,
-    autocomplete_url: function() { return this.$instance().closest('form[data-autocomplete-exhibit-catalog-path]').data('autocomplete-exhibit-catalog-path') },
-    autocomplete_template: function(obj) {
-      const thumbnail = obj.thumbnail ? `<div class="document-thumbnail"><img class="img-thumbnail" src="${obj.thumbnail}" /></div>` : ''
-      return `<div class="autocomplete-item${obj.private ? ' blacklight-private' : ''}">${thumbnail}
+    autocomplete_url: function () {
+      return this.$instance()
+        .closest("form[data-autocomplete-exhibit-catalog-path]")
+        .data("autocomplete-exhibit-catalog-path")
+    },
+    autocomplete_template: function (obj) {
+      const thumbnail = obj.thumbnail
+        ? `<div class="document-thumbnail"><img class="img-thumbnail" src="${obj.thumbnail}" /></div>`
+        : ""
+      return `<div class="autocomplete-item${obj.private ? " blacklight-private" : ""}">${thumbnail}
       <span class="autocomplete-title">${this.highlight(obj.title)}</span><br/><small>&nbsp;&nbsp;${this.highlight(obj.description)}</small></div>`
     },
-    transform_autocomplete_results: function(response) {
-      return $.map(response['docs'], function(doc) {
-        return doc;
+    transform_autocomplete_results: function (response) {
+      return $.map(response["docs"], function (doc) {
+        return doc
       })
     },
 
-    caption_option_values: function() {
-      var fields = $('[data-blacklight-configuration-index-fields]').data('blacklight-configuration-index-fields');
+    caption_option_values: function () {
+      var fields = $("[data-blacklight-configuration-index-fields]").data(
+        "blacklight-configuration-index-fields",
+      )
 
-      return $.map(fields, function(field) {
-        return $('<option />').val(field.key).text(field.label)[0].outerHTML;
-      }).join("\n");
+      return $.map(fields, function (field) {
+        return $("<option />").val(field.key).text(field.label)[0].outerHTML
+      }).join("\n")
     },
 
-    item_options: function() { return this.caption_options(); },
+    item_options: function () {
+      return this.caption_options()
+    },
 
-    caption_options: function() { return `
+    caption_options: function () {
+      return `
       <div class="field-select primary-caption" data-behavior="item-caption-admin">
         <input name="${this.show_primary_field_key}" type="hidden" value="false" />
         <input data-input-select-target="#${this.formId(this.primary_field_key)}" name="${this.show_primary_field_key}" id="${this.formId(this.show_primary_field_key)}" type="checkbox" value="true" />
@@ -46,76 +56,125 @@ SirTrevor.Blocks.SolrDocumentsBase = (function(){
           ${this.caption_option_values()}
         </select>
       </div>
-    `},
+    `
+    },
 
     // Sets the first version of the IIIF information from autocomplete data.
-    _itemPanelIiifFields: function(index, autocomplete_data) {
+    _itemPanelIiifFields: function (index, autocomplete_data) {
       var iiifFields = [
-        '<input type="hidden" name="item[' + index + '][thumbnail_image_url]" value="' + (autocomplete_data.thumbnail_image_url || autocomplete_data.thumbnail || "") + '"/>',
-        '<input type="hidden" name="item[' + index + '][full_image_url]" value="' + (autocomplete_data.full_image_url || autocomplete_data.thumbnail_image_url || autocomplete_data.thumbnail || "") + '"/>',
-        '<input type="hidden" name="item[' + index + '][iiif_tilesource]" value="' + (autocomplete_data.iiif_tilesource || "") + '"/>',
-        '<input type="hidden" name="item[' + index + '][iiif_manifest_url]" value="' + (autocomplete_data.iiif_manifest_url || "") + '"/>',
-        '<input type="hidden" name="item[' + index + '][iiif_canvas_id]" value="' + (autocomplete_data.iiif_canvas_id || "") + '"/>',
-        '<input type="hidden" name="item[' + index + '][iiif_image_id]" value="' + (autocomplete_data.iiif_image_id || "") + '"/>',
-      ];
+        '<input type="hidden" name="item[' +
+          index +
+          '][thumbnail_image_url]" value="' +
+          (autocomplete_data.thumbnail_image_url ||
+            autocomplete_data.thumbnail ||
+            "") +
+          '"/>',
+        '<input type="hidden" name="item[' +
+          index +
+          '][full_image_url]" value="' +
+          (autocomplete_data.full_image_url ||
+            autocomplete_data.thumbnail_image_url ||
+            autocomplete_data.thumbnail ||
+            "") +
+          '"/>',
+        '<input type="hidden" name="item[' +
+          index +
+          '][iiif_tilesource]" value="' +
+          (autocomplete_data.iiif_tilesource || "") +
+          '"/>',
+        '<input type="hidden" name="item[' +
+          index +
+          '][iiif_manifest_url]" value="' +
+          (autocomplete_data.iiif_manifest_url || "") +
+          '"/>',
+        '<input type="hidden" name="item[' +
+          index +
+          '][iiif_canvas_id]" value="' +
+          (autocomplete_data.iiif_canvas_id || "") +
+          '"/>',
+        '<input type="hidden" name="item[' +
+          index +
+          '][iiif_image_id]" value="' +
+          (autocomplete_data.iiif_image_id || "") +
+          '"/>',
+      ]
 
       // The region input is required for widgets that enable image cropping but not otherwise
-      if(this.show_image_selection) {
-        iiifFields.push('<input type="hidden" name="item[' + index + '][iiif_region]" value="' + (autocomplete_data.iiif_region || "") + '"/>');
+      if (this.show_image_selection) {
+        iiifFields.push(
+          '<input type="hidden" name="item[' +
+            index +
+            '][iiif_region]" value="' +
+            (autocomplete_data.iiif_region || "") +
+            '"/>',
+        )
       }
 
-      return iiifFields.join("\n");
+      return iiifFields.join("\n")
     },
     // Overwrites the hidden inputs from _itemPanelIiifFields with data from the
     // manifest. Called by afterPanelRender - the manifest_data here is built
     // from canvases in the manifest, transformed by spotlight/admin/iiif.js in
     // the #images method.
-    setIiifFields: function(panel, manifest_data, initialize) {
-      var legacyThumbnailField = $(panel).find('[name$="[thumbnail_image_url]"]')
+    setIiifFields: function (panel, manifest_data, initialize) {
+      var legacyThumbnailField = $(panel).find(
+        '[name$="[thumbnail_image_url]"]',
+      )
       var legacyFullField = $(panel).find('[name$="[full_image_url]"]')
 
       if (initialize && legacyThumbnailField.val().length > 0) {
-        return;
+        return
       }
 
-      legacyThumbnailField.val("");
-      legacyFullField.val("");
-      $(panel).find('[name$="[iiif_image_id]"]').val(manifest_data.imageId);
-      $(panel).find('[name$="[iiif_tilesource]"]').val(manifest_data.tilesource);
-      $(panel).find('[name$="[iiif_manifest_url]"]').val(manifest_data.manifest);
-      $(panel).find('[name$="[iiif_canvas_id]"]').val(manifest_data.canvasId);
-      $(panel).find('img.img-thumbnail').attr('src', manifest_data.thumbnail_image_url || manifest_data.tilesource.replace("/info.json", "/full/100,100/0/default.jpg"));
+      legacyThumbnailField.val("")
+      legacyFullField.val("")
+      $(panel).find('[name$="[iiif_image_id]"]').val(manifest_data.imageId)
+      $(panel).find('[name$="[iiif_tilesource]"]').val(manifest_data.tilesource)
+      $(panel).find('[name$="[iiif_manifest_url]"]').val(manifest_data.manifest)
+      $(panel).find('[name$="[iiif_canvas_id]"]').val(manifest_data.canvasId)
+      $(panel)
+        .find("img.img-thumbnail")
+        .attr(
+          "src",
+          manifest_data.thumbnail_image_url ||
+            manifest_data.tilesource.replace(
+              "/info.json",
+              "/full/100,100/0/default.jpg",
+            ),
+        )
     },
-    afterPanelRender: function(data, panel) {
-      var context = this;
-      var manifestUrl = data.iiif_manifest || data.iiif_manifest_url;
+    afterPanelRender: function (data, panel) {
+      var context = this
+      var manifestUrl = data.iiif_manifest || data.iiif_manifest_url
 
       if (!manifestUrl) {
-        $(panel).find('[name$="[thumbnail_image_url]"]').val(data.thumbnail_image_url || data.thumbnail);
-        $(panel).find('[name$="[full_image_url]"]').val(data.full_image_url);
+        $(panel)
+          .find('[name$="[thumbnail_image_url]"]')
+          .val(data.thumbnail_image_url || data.thumbnail)
+        $(panel).find('[name$="[full_image_url]"]').val(data.full_image_url)
 
-        return;
+        return
       }
 
-      $.ajax(manifestUrl).done(
-        function(manifest) {
-          var iiifManifest = new Iiif(manifestUrl, manifest);
-
-          var thumbs = iiifManifest.imagesArray();
+      $.ajax(manifestUrl).done(function (manifest) {
+        var iiifManifest = new Iiif(manifestUrl, manifest)
 
-          if (!data.iiif_image_id) {
-            context.setIiifFields(panel, thumbs[0], !!data.iiif_manifest_url);
-          }
+        var thumbs = iiifManifest.imagesArray()
 
-
-          if(thumbs.length > 1) {
-            panel.multiImageSelector(thumbs, function(selectorImage) {
-              context.setIiifFields(panel, selectorImage, false);
-            }, data.iiif_image_id);
-          }
+        if (!data.iiif_image_id) {
+          context.setIiifFields(panel, thumbs[0], !!data.iiif_manifest_url)
         }
-      );
-    }
-  });
 
-})();
+        if (thumbs.length > 1) {
+          panel.multiImageSelector(
+            thumbs,
+            function (selectorImage) {
+              context.setIiifFields(panel, selectorImage, false)
+            },
+            data.iiif_image_id,
+          )
+        }
+      })
+    },
+  })
+})()

data/app/javascript/spotlight/admin/blocks/solr_documents_block.js

@@ -1,13 +1,14 @@
-SirTrevor.Blocks.SolrDocuments = (function(){
-
+SirTrevor.Blocks.SolrDocuments = (function () {
   return SirTrevor.Blocks.SolrDocumentsBase.extend({
     type: "solr_documents",
 
     icon_name: "items",
 
-    item_options: function() { return this.caption_options() + this.zpr_option(); },
+    item_options: function () {
+      return this.caption_options() + this.zpr_option()
+    },
 
-    zpr_option: function() {
+    zpr_option: function () {
       return `
         <div>
         <input name="${this.zpr_key}" type="hidden" value="false" />
@@ -17,7 +18,6 @@ SirTrevor.Blocks.SolrDocuments = (function(){
       `
     },
 
-    zpr_key: 'zpr_link'
-  });
-
-})();
+    zpr_key: "zpr_link",
+  })
+})()

data/app/javascript/spotlight/admin/blocks/solr_documents_carousel_block.js

@@ -1,5 +1,4 @@
-SirTrevor.Blocks.SolrDocumentsCarousel = (function(){
-
+SirTrevor.Blocks.SolrDocumentsCarousel = (function () {
   return SirTrevor.Blocks.SolrDocumentsBase.extend({
     plustextable: false,
     type: "solr_documents_carousel",
@@ -11,16 +10,16 @@ SirTrevor.Blocks.SolrDocumentsCarousel = (function(){
     max_height_key: "max-height",
 
     carouselCycleTimesInSeconds: {
-      values: [ 3, 5, 8, 12, 20 ],
-      selected: 5
+      values: [3, 5, 8, 12, 20],
+      selected: 5,
     },
 
     carouselMaxHeights: {
-      values: { 'Small': 'small', 'Medium': 'medium', 'Large': 'large' },
-      selected: 'Medium'
+      values: { Small: "small", Medium: "medium", Large: "large" },
+      selected: "Medium",
     },
 
-    item_options: function() {
+    item_options: function () {
       return `${this.caption_options()}
         <div class="field-select auto-cycle-images" data-behavior="auto-cycle-images">
           <input name="${this.auto_play_images_key}" type="hidden" value="false" />
@@ -37,62 +36,83 @@ SirTrevor.Blocks.SolrDocumentsCarousel = (function(){
         </div>`
     },
 
-    addCarouselCycleOptions: function(options) {
-      var html = '';
+    addCarouselCycleOptions: function (options) {
+      var html = ""
 
-      $.each(options.values, function(index, interval) {
-        var selected = (interval === options.selected) ? 'selected' : '',
-            intervalInMilliSeconds = parseInt(interval, 10) * 1000;
+      $.each(options.values, function (index, interval) {
+        var selected = interval === options.selected ? "selected" : "",
+          intervalInMilliSeconds = parseInt(interval, 10) * 1000
 
-        html += '<option value="' + intervalInMilliSeconds + '" ' + selected + '>' + interval + ' seconds</option>';
-      });
+        html +=
+          '<option value="' +
+          intervalInMilliSeconds +
+          '" ' +
+          selected +
+          ">" +
+          interval +
+          " seconds</option>"
+      })
 
-      return html;
+      return html
     },
 
-    addCarouselMaxHeightOptions: function(options) {
-      var html = '',
-          _this = this;
-
-      $.each(options.values, function(size, px) {
-        var checked = (size === options.selected) ? 'checked' : '',
-            id = _this.formId(_this.max_height_key)
-
-        html += '<input data-key="' + _this.max_height_key + '" type="radio" name="' + id + '" value="' + px + '" id="' + id + '" ' + checked + '>';
-        html += '<label class="carousel-size" for="' + id + '">' + size + '</label>';
-      });
-
-      return html;
+    addCarouselMaxHeightOptions: function (options) {
+      var html = "",
+        _this = this
+
+      $.each(options.values, function (size, px) {
+        var checked = size === options.selected ? "checked" : "",
+          id = _this.formId(_this.max_height_key)
+
+        html +=
+          '<input data-key="' +
+          _this.max_height_key +
+          '" type="radio" name="' +
+          id +
+          '" value="' +
+          px +
+          '" id="' +
+          id +
+          '" ' +
+          checked +
+          ">"
+        html +=
+          '<label class="carousel-size" for="' + id + '">' + size + "</label>"
+      })
+
+      return html
     },
 
-    afterPreviewLoad: function(options) {
-      $(this.inner).find('.carousel').carousel();
+    afterPreviewLoad: function (_options) {
+      $(this.inner).find(".carousel").carousel()
 
       // the bootstrap carousel only initializes data-bs-slide widgets on page load, so we need
       // to initialize them ourselves..
       var clickHandler = function (e) {
         var href
-        var $this   = $(this)
-        var $target = $($this.attr('data-bs-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) // strip for ie7
-        if (!$target.hasClass('carousel')) return
+        var $this = $(this)
+        var $target = $(
+          $this.attr("data-bs-target") ||
+            ((href = $this.attr("href")) && href.replace(/.*(?=#[^\s]+$)/, "")),
+        ) // strip for ie7
+        if (!$target.hasClass("carousel")) return
         var options = $.extend({}, $target.data(), $this.data())
-        var slideIndex = $this.attr('data-bs-slide-to')
+        var slideIndex = $this.attr("data-bs-slide-to")
         if (slideIndex) options.interval = false
 
         $.fn.carousel.call($target, options)
 
         if (slideIndex) {
-          $target.data('bs.carousel').to(slideIndex)
+          $target.data("bs.carousel").to(slideIndex)
         }
 
         e.preventDefault()
       }
 
-      $(this.inner).find('.carousel')
-        .on('click.bs.carousel.data-api', '[data-bs-slide]', clickHandler)
-        .on('click.bs.carousel.data-api', '[data-bs-slide-to]', clickHandler)
-    }
-
-  });
-
-})();
+      $(this.inner)
+        .find(".carousel")
+        .on("click.bs.carousel.data-api", "[data-bs-slide]", clickHandler)
+        .on("click.bs.carousel.data-api", "[data-bs-slide-to]", clickHandler)
+    },
+  })
+})()

data/app/javascript/spotlight/admin/blocks/solr_documents_embed_block.js

@@ -1,15 +1,15 @@
-SirTrevor.Blocks.SolrDocumentsEmbed = (function(){
-
+SirTrevor.Blocks.SolrDocumentsEmbed = (function () {
   return SirTrevor.Blocks.SolrDocumentsBase.extend({
     type: "solr_documents_embed",
     icon_name: "item_embed",
     show_image_selection: false,
 
-    item_options: function() { return "" },
-
-    afterPreviewLoad: function(options) {
-      $(this.inner).find('picture[data-openseadragon]').openseadragon();
-    }
-  });
+    item_options: function () {
+      return ""
+    },
 
-})();
+    afterPreviewLoad: function (_options) {
+      this.inner.querySelector("picture[data-openseadragon]").openseadragon()
+    },
+  })
+})()

data/app/javascript/spotlight/admin/blocks/solr_documents_features_block.js

@@ -1,38 +1,39 @@
-SirTrevor.Blocks.SolrDocumentsFeatures = (function(){
-
+SirTrevor.Blocks.SolrDocumentsFeatures = (function () {
   return SirTrevor.Blocks.SolrDocumentsBase.extend({
     plustextable: false,
     type: "solr_documents_features",
 
     icon_name: "item_features",
 
-    afterPreviewLoad: function(options) {
-      $(this.inner).find('.carousel').carousel();
+    afterPreviewLoad: function (_options) {
+      $(this.inner).find(".carousel").carousel()
 
       // the bootstrap carousel only initializes data-bs-slide widgets on page load, so we need
       // to initialize them ourselves..
       var clickHandler = function (e) {
         var href
-        var $this   = $(this)
-        var $target = $($this.attr('data-bs-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) // strip for ie7
-        if (!$target.hasClass('carousel')) return
+        var $this = $(this)
+        var $target = $(
+          $this.attr("data-bs-target") ||
+            ((href = $this.attr("href")) && href.replace(/.*(?=#[^\s]+$)/, "")),
+        ) // strip for ie7
+        if (!$target.hasClass("carousel")) return
         var options = $.extend({}, $target.data(), $this.data())
-        var slideIndex =$this.attr('data-bs-slide-to')
+        var slideIndex = $this.attr("data-bs-slide-to")
         if (slideIndex) options.interval = false
 
         $.fn.carousel.call($target, options)
 
         if (slideIndex) {
-          $target.data('bs.carousel').to(slideIndex)
+          $target.data("bs.carousel").to(slideIndex)
         }
 
         e.preventDefault()
       }
 
-      $(this.inner).find('.carousel')
-        .on('click.bs.carousel.data-api', '[data-bs-slide-to]', clickHandler)
-    }
-
-  });
-
-})();
+      $(this.inner)
+        .find(".carousel")
+        .on("click.bs.carousel.data-api", "[data-bs-slide-to]", clickHandler)
+    },
+  })
+})()

data/app/javascript/spotlight/admin/blocks/solr_documents_grid_block.js

@@ -1,12 +1,11 @@
-SirTrevor.Blocks.SolrDocumentsGrid = (function(){
-
+SirTrevor.Blocks.SolrDocumentsGrid = (function () {
   return SirTrevor.Blocks.SolrDocumentsBase.extend({
     type: "solr_documents_grid",
 
     icon_name: "item_grid",
 
-
-    item_options: function() { return "" }
-  });
-
-})();
+    item_options: function () {
+      return ""
+    },
+  })
+})()