blacklight-spotlight 5.3.0 → 5.3.1

data/app/javascript/spotlight/admin/croppable_modal.js

@@ -1,68 +1,90 @@
-import Crop from 'spotlight/admin/crop';
+import Crop from "spotlight/admin/crop"
 
 export default class CroppableModal {
-
   attachModalHandlers() {
     // Attach handler for when modal first loads, to show the cropper
-    this.attachModalLoadBehavior();
+    this.attachModalLoadBehavior()
     // Attach handler for save by checking if clicking in the modal is on a save button
-    this.attachModalSaveHandler();
+    this.attachModalSaveHandler()
   }
 
   attachModalLoadBehavior() {
     // Listen for event thrown when modal is displayed with content
-    document.addEventListener('loaded.blacklight.blacklight-modal', function(e) {
-      var dataCropperDiv = $('#blacklight-modal [data-behavior="iiif-cropper"]');
-      
-      if(dataCropperDiv) {
-        new Crop(dataCropperDiv, false).render();
-      }
-    });
+    document.addEventListener(
+      "loaded.blacklight.blacklight-modal",
+      function () {
+        var dataCropperDiv = $(
+          '#blacklight-modal [data-behavior="iiif-cropper"]',
+        )
+
+        if (dataCropperDiv) {
+          new Crop(dataCropperDiv, false).render()
+        }
+      },
+    )
   }
 
   // Field names are of the format item[item_0][iiif_image_id]
   iiifInputField(itemIndex, fieldName, parentElement) {
-    var itemPrefix = 'item[' + itemIndex + ']';
-    var selector = 'input[name="' + itemPrefix + '[' + fieldName + ']"]';
-    return $(selector, parentElement);
+    var itemPrefix = "item[" + itemIndex + "]"
+    var selector = 'input[name="' + itemPrefix + "[" + fieldName + ']"]'
+    return $(selector, parentElement)
   }
 
   attachModalSaveHandler() {
-    var context = this;
-   
-    document.addEventListener('show.blacklight.blacklight-modal', function(e) {
-      $('#save-cropping-selection').on('click', () => {
-        context.saveCroppedRegion();
-      });
-    });
+    var context = this
+
+    document.addEventListener("show.blacklight.blacklight-modal", function () {
+      $("#save-cropping-selection").on("click", () => {
+        context.saveCroppedRegion()
+      })
+    })
   }
 
   saveCroppedRegion() {
     //On hitting "save changes", we need to copy over the value
     //to the iiif thumbnail url input field as well as the image source itself
-    var context = this;
-    var dataCropperDiv = $('#blacklight-modal [data-behavior="iiif-cropper"]');
+    var context = this
+    var dataCropperDiv = $('#blacklight-modal [data-behavior="iiif-cropper"]')
 
-    if(dataCropperDiv) {
-      var dataCropperKey = dataCropperDiv.data("cropper-key");
-      var itemIndex = dataCropperDiv.data("index-id");
+    if (dataCropperDiv) {
+      var dataCropperKey = dataCropperDiv.data("cropper-key")
+      var itemIndex = dataCropperDiv.data("index-id")
       // Get the element on the main edit page whose select image link opened up the modal
-      var itemElement = $('[data-cropper="' + dataCropperKey + '"]');
+      var itemElement = $('[data-cropper="' + dataCropperKey + '"]')
       // Get the hidden input field on the main edit page corresponding to this item
-      var thumbnailSaveField = context.iiifInputField(itemIndex, 'thumbnail_image_url', itemElement);
-      var fullimageSaveField = context.iiifInputField(itemIndex, 'full_image_url', itemElement);
-      var iiifTilesource = context.iiifInputField(itemIndex, 'iiif_tilesource', itemElement).val();
-      var regionValue = context.iiifInputField(itemIndex, 'iiif_region', itemElement).val();
+      var thumbnailSaveField = context.iiifInputField(
+        itemIndex,
+        "thumbnail_image_url",
+        itemElement,
+      )
+      var fullimageSaveField = context.iiifInputField(
+        itemIndex,
+        "full_image_url",
+        itemElement,
+      )
+      var iiifTilesource = context
+        .iiifInputField(itemIndex, "iiif_tilesource", itemElement)
+        .val()
+      var regionValue = context
+        .iiifInputField(itemIndex, "iiif_region", itemElement)
+        .val()
       // Extract the region string to incorporate into the thumbnail URL
-      var urlPrefix = iiifTilesource.substring(0, iiifTilesource.lastIndexOf('/info.json'));
-      var thumbnailUrl = urlPrefix + '/' + regionValue + '/!400,400/0/default.jpg';
+      var urlPrefix = iiifTilesource.substring(
+        0,
+        iiifTilesource.lastIndexOf("/info.json"),
+      )
+      var thumbnailUrl =
+        urlPrefix + "/" + regionValue + "/!400,400/0/default.jpg"
       // Set the hidden input value to the thumbnail URL
       // Also set the full image - which is used by widgets like carousel or slideshow
-      thumbnailSaveField.val(thumbnailUrl);
-      fullimageSaveField.val(urlPrefix + '/' + regionValue + '/!800,800/0/default.jpg');
+      thumbnailSaveField.val(thumbnailUrl)
+      fullimageSaveField.val(
+        urlPrefix + "/" + regionValue + "/!800,800/0/default.jpg",
+      )
       // Also change img url for thumbnail image
-      var itemImage = $('img.img-thumbnail', itemElement);      
-      itemImage.attr('src', thumbnailUrl);
+      var itemImage = $("img.img-thumbnail", itemElement)
+      itemImage.attr("src", thumbnailUrl)
     }
   }
 }

data/app/javascript/spotlight/admin/edit_in_place.js

@@ -3,72 +3,75 @@
 */
 export default class {
   connect() {
-    $('[data-in-place-edit-target]').each(function() {
-      $(this).on('click.inplaceedit', function() {
-        var $label = $(this).find($(this).data('in-place-edit-target'));
-        var $input = $(this).find($(this).data('in-place-edit-field-target'));
+    $("[data-in-place-edit-target]").each(function () {
+      $(this).on("click.inplaceedit", function () {
+        var $label = $(this).find($(this).data("in-place-edit-target"))
+        var $input = $(this).find($(this).data("in-place-edit-field-target"))
 
         // hide the edit-in-place affordance icon while in edit mode
-        $(this).addClass('hide-edit-icon');
-        $label.hide();
-        $input.val($label.text());
-        $input.attr('type', 'text');
-        $input.select();
-        $input.focus();
+        $(this).addClass("hide-edit-icon")
+        $label.hide()
+        $input.val($label.text())
+        $input.attr("type", "text")
+        $input.select()
+        $input.focus()
 
-        $input.on('keypress', function(e) {
-          if(e.which == 13) {
-            $input.trigger('blur.inplaceedit');
-            return false;
+        $input.on("keypress", function (e) {
+          if (e.which == 13) {
+            $input.trigger("blur.inplaceedit")
+            return false
           }
-        });
+        })
 
-        $input.on('blur.inplaceedit', function() {
-          var value = $input.val();
+        $input.on("blur.inplaceedit", function () {
+          var value = $input.val()
 
           if ($.trim(value).length == 0) {
-            $input.val($label.text());
+            $input.val($label.text())
           } else {
-            $label.text(value);
+            $label.text(value)
           }
 
-          $label.show();
-          $input.attr('type', 'hidden');
+          $label.show()
+          $input.attr("type", "hidden")
           // when leaving edit mode, should no longer hide edit-in-place affordance icon
-          $("[data-in-place-edit-target]").removeClass('hide-edit-icon');
+          $("[data-in-place-edit-target]").removeClass("hide-edit-icon")
 
-          return false;
-        });
+          return false
+        })
 
-        return false;
-      });
+        return false
+      })
     })
 
-    $("[data-behavior='restore-default']").each(function(){
-      var hidden = $("[data-default-value]", $(this));
-      var value = $($("[data-in-place-edit-target]", $(this)).data('in-place-edit-target'), $(this));
-      var button = $("[data-restore-default]", $(this));
+    $("[data-behavior='restore-default']").each(function () {
+      var hidden = $("[data-default-value]", $(this))
+      var value = $(
+        $("[data-in-place-edit-target]", $(this)).data("in-place-edit-target"),
+        $(this),
+      )
+      var button = $("[data-restore-default]", $(this))
 
-      hidden.on('keypress', function(e) {
-        if(e.which == 13) {
-          hidden.trigger('blur');
-          return false;
+      hidden.on("keypress", function (e) {
+        if (e.which == 13) {
+          hidden.trigger("blur")
+          return false
         }
-      });
+      })
 
-      hidden.on('blur', function(){
-        if( $(this).val() == $(this).data('default-value') ) {
-          button.addClass('d-none');
+      hidden.on("blur", function () {
+        if ($(this).val() == $(this).data("default-value")) {
+          button.addClass("d-none")
         } else {
-          button.removeClass('d-none');
+          button.removeClass("d-none")
         }
-      });
-      button.on('click', function(e){
-        e.preventDefault();
-        hidden.val(hidden.data('default-value'));
-        value.text(hidden.data('default-value'));
-        button.hide();
-      });
-    });
+      })
+      button.on("click", function (e) {
+        e.preventDefault()
+        hidden.val(hidden.data("default-value"))
+        value.text(hidden.data("default-value"))
+        button.hide()
+      })
+    })
   }
 }

data/app/javascript/spotlight/admin/exhibits.js

@@ -1,66 +1,77 @@
-import { URLify } from 'parameterize';
+import { URLify } from "parameterize"
 
 export default class {
   connect() {
     // auto-fill the exhibit slug on the new exhibit form
-    $('#new_exhibit').each(function() {
-      $('#exhibit_title').on('change keyup', function() {
-        $('#exhibit_slug').attr('placeholder', URLify($(this).val(), $(this).val().length));
-      });
+    $("#new_exhibit").each(function () {
+      $("#exhibit_title").on("change keyup", function () {
+        $("#exhibit_slug").attr(
+          "placeholder",
+          URLify($(this).val(), $(this).val().length),
+        )
+      })
 
-      $('#exhibit_slug').on('focus', function() {
-        if ($(this).val() === '') {
-          $(this).val($(this).attr('placeholder'));
+      $("#exhibit_slug").on("focus", function () {
+        if ($(this).val() === "") {
+          $(this).val($(this).attr("placeholder"))
         }
-      });
-    });
+      })
+    })
 
-    $("#another-email").on("click", function(e) {
-      e.preventDefault();
+    $("#another-email").on("click", function (e) {
+      e.preventDefault()
 
-      var container = $(this).closest('.form-group');
-      var contacts = container.find('.contact');
-      var inputContainer = contacts.first().clone();
+      var container = $(this).closest(".form-group")
+      var contacts = container.find(".contact")
+      var inputContainer = contacts.first().clone()
 
       // wipe out any values from the inputs
-      inputContainer.find('input').each(function() {
-        $(this).val('');
-        $(this).attr('id', $(this).attr('id').replace('0', contacts.length));
-        $(this).attr('name', $(this).attr('name').replace('0', contacts.length));
-        if ($(this).attr('aria-label')) {
-          $(this).attr('aria-label', $(this).attr('aria-label').replace('1', contacts.length + 1));
+      inputContainer.find("input").each(function () {
+        $(this).val("")
+        $(this).attr("id", $(this).attr("id").replace("0", contacts.length))
+        $(this).attr("name", $(this).attr("name").replace("0", contacts.length))
+        if ($(this).attr("aria-label")) {
+          $(this).attr(
+            "aria-label",
+            $(this)
+              .attr("aria-label")
+              .replace("1", contacts.length + 1),
+          )
         }
-      });
+      })
 
-      inputContainer.find('.contact-email-delete-wrapper').remove();
-      inputContainer.find('.confirmation-status').remove();
+      inputContainer.find(".contact-email-delete-wrapper").remove()
+      inputContainer.find(".confirmation-status").remove()
 
       // bootstrap does not render input-groups with only one value in them correctly.
-      inputContainer.find('.input-group input:only-child').closest('.input-group').removeClass('input-group');
+      inputContainer
+        .find(".input-group input:only-child")
+        .closest(".input-group")
+        .removeClass("input-group")
 
-      $(inputContainer).insertAfter(contacts.last());
-    });
+      $(inputContainer).insertAfter(contacts.last())
+    })
 
-    if (document.getElementById('another-email')) {
-      document.addEventListener('turbo:submit-end', this.contactToDeleteNotFoundHandler);
-    }
-
-    if ($.fn.tooltip) {
-      $('.btn-with-tooltip').tooltip();
+    if (document.getElementById("another-email")) {
+      document.addEventListener(
+        "turbo:submit-end",
+        this.contactToDeleteNotFoundHandler,
+      )
     }
 
     // Put focus in saved search title input when Save this search modal is shown
-    $('#save-modal').on('shown.bs.modal', function () {
-        $('#search_title').focus();
-    });
+    $("#save-modal").on("shown.bs.modal", function () {
+      $("#search_title").focus()
+    })
   }
 
   contactToDeleteNotFoundHandler(e) {
-    const contact = e.detail.formSubmission?.delegate?.element?.querySelector('.contact')
+    const contact =
+      e.detail.formSubmission?.delegate?.element?.querySelector(".contact")
     if (contact && e.detail?.fetchResponse?.response?.status === 404) {
-      const error = contact.querySelector('.contact-email-delete-error');
-      error.style.display = 'block';
-      error.querySelector('.error-msg').textContent = 'Not Found';
+      const error = contact.querySelector(".contact-email-delete-error")
+      error.style.display = "block"
+      error.querySelector(".error-msg").textContent = "Not Found"
     }
   }
-}
+}

data/app/javascript/spotlight/admin/form_observer.js

@@ -1,88 +1,94 @@
-
-(function($, _) {
-  'use strict';
+;(function ($, _) {
+  "use strict"
 
   /*
-  * SerializedForm is built as a singleton jQuery plugin. It needs to be able to
-  * handle instantiation from multiple sources, and use the [data-form-observer]
-  * as global state object.
-  */
+   * SerializedForm is built as a singleton jQuery plugin. It needs to be able to
+   * handle instantiation from multiple sources, and use the [data-form-observer]
+   * as global state object.
+   */
   $.SerializedForm = function () {
-    var $serializedForm;
-    var plugin = this;
+    var $serializedForm
+    var plugin = this
 
     // Store form serialization in data attribute
-    function serializeFormStatus () {
-      $serializedForm.data('serialized-form', formSerialization($serializedForm));
+    function serializeFormStatus() {
+      $serializedForm.data(
+        "serialized-form",
+        formSerialization($serializedForm),
+      )
     }
 
     // Do custom serialization of the sir-trevor form data. This needs to be a
     // passed in argument for comparison later on.
-    function formSerialization (form) {
-      var content_editable = [];
-      var i = 0;
-      $("[contenteditable='true']", form).each(function(){
-        content_editable.push('&contenteditable_' + i + '=' + $(this).text());
-      });
-      return form.serialize() + content_editable.join();
+    function formSerialization(form) {
+      var content_editable = []
+      var i = 0
+      $("[contenteditable='true']", form).each(function () {
+        content_editable.push("&contenteditable_" + i + "=" + $(this).text())
+      })
+      return form.serialize() + content_editable.join()
     }
 
     // Unbind observing form on submit (which we have to do because of turbolinks)
-    function unbindObservedFormSubmit () {
-      $serializedForm.on('submit', function () {
-        $(this).data('being-submitted', true);
-      });
+    function unbindObservedFormSubmit() {
+      $serializedForm.on("submit", function () {
+        $(this).data("being-submitted", true)
+      })
     }
 
     // Get the stored serialized form status
-    function serializedFormStatus () {
-      return $serializedForm.data('serialized-form');
+    function serializedFormStatus() {
+      return $serializedForm.data("serialized-form")
     }
 
     // Check all observed forms on page for status change
     plugin.observedFormsStatusHasChanged = function () {
-      var unsaved_changes = false;
-      $('[data-form-observer]').each(function (){
-        if ( !$(this).data("being-submitted") ) {
+      var unsaved_changes = false
+      $("[data-form-observer]").each(function () {
+        if (!$(this).data("being-submitted")) {
           if (serializedFormStatus() != formSerialization($(this))) {
-            unsaved_changes = true;
+            unsaved_changes = true
           }
         }
-      });
-      return unsaved_changes;
+      })
+      return unsaved_changes
     }
 
-    function init () {
-      $serializedForm = $('[data-form-observer]');
-      serializeFormStatus();
-      unbindObservedFormSubmit();
+    function init() {
+      $serializedForm = $("[data-form-observer]")
+      serializeFormStatus()
+      unbindObservedFormSubmit()
     }
 
-    init();
+    init()
 
-    return plugin;
-  };
-})(jQuery);
+    return plugin
+  }
+})(jQuery)
 
 export default class {
   connect() {
     // Instantiate the singleton SerializedForm plugin
-    var serializedForm = $.SerializedForm();
-    $(window).on('beforeunload page:before-change turbolinks:before-visit turbo:before-visit', function(event) {
-      // Don't handle the same event twice #turbolinks
-      if (event.handled !== true) {
-        if ( serializedForm.observedFormsStatusHasChanged() ) {
-          event.handled = true;
-          var message = "You have unsaved changes. Are you sure you want to leave this page?";
-          // There are variations in how Webkit browsers may handle this:
-          // https://developer.mozilla.org/en-US/docs/Web/Events/beforeunload
-          if ( event.type == "beforeunload" ) {
-            return message;
-          } else {
-            return confirm(message)
+    var serializedForm = $.SerializedForm()
+    $(window).on(
+      "beforeunload page:before-change turbolinks:before-visit turbo:before-visit",
+      function (event) {
+        // Don't handle the same event twice #turbolinks
+        if (event.handled !== true) {
+          if (serializedForm.observedFormsStatusHasChanged()) {
+            event.handled = true
+            var message =
+              "You have unsaved changes. Are you sure you want to leave this page?"
+            // There are variations in how Webkit browsers may handle this:
+            // https://developer.mozilla.org/en-US/docs/Web/Events/beforeunload
+            if (event.type == "beforeunload") {
+              return message
+            } else {
+              return confirm(message)
+            }
           }
         }
-      }
-    });
+      },
+    )
   }
 }

data/app/javascript/spotlight/admin/iiif.js

@@ -1,52 +1,53 @@
 export default class Iiif {
   constructor(manifestUrl, manifest) {
-    this.manifestUrl = manifestUrl;
-    this.manifest = manifest;
+    this.manifestUrl = manifestUrl
+    this.manifest = manifest
   }
 
   sequences() {
-    var it = {};
-    var context = this;
-    it[Symbol.iterator] = function*() {
+    var it = {}
+    var context = this
+    it[Symbol.iterator] = function* () {
       for (let sequence of context.manifest.sequences) {
-        yield sequence;
-      };
+        yield sequence
+      }
     }
-    return it;
+    return it
   }
 
   canvases() {
-    var it = {};
-    var context = this;
-    it[Symbol.iterator] = function*() {
+    var it = {}
+    var context = this
+    it[Symbol.iterator] = function* () {
       for (let sequence of context.sequences()) {
         for (let canvas of sequence.canvases) {
-          yield canvas;
+          yield canvas
         }
       }
     }
-    return it;
+    return it
   }
 
   images() {
-    var it = {};
-    var context = this;
-    it[Symbol.iterator] = function*() {
+    var it = {}
+    var context = this
+    it[Symbol.iterator] = function* () {
       for (let canvas of context.canvases()) {
         for (let image of canvas.images) {
-          var iiifService = image.resource?.service || image.resource?.default?.service;
-          var iiifServiceId = iiifService['@id'];
+          var iiifService =
+            image.resource?.service || image.resource?.default?.service
+          var iiifServiceId = iiifService["@id"]
           yield {
-            'thumb': iiifServiceId + '/full/!100,100/0/default.jpg',
-            'tilesource': iiifServiceId + '/info.json',
-            'manifest': context.manifestUrl,
-            'canvasId': canvas['@id'],
-            'imageId': image['@id']
-          };
+            thumb: iiifServiceId + "/full/!100,100/0/default.jpg",
+            tilesource: iiifServiceId + "/info.json",
+            manifest: context.manifestUrl,
+            canvasId: canvas["@id"],
+            imageId: image["@id"],
+          }
         }
       }
     }
-    return it;
+    return it
   }
 
   imagesArray() {