blacklight-spotlight 5.2.4 → 5.3.1

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

@@ -1,144 +1,146 @@
 export default class {
   connect() {
-    var monitorElements = $('[data-behavior="progress-panel"]');
-    var defaultRefreshRate = 3000;
-    var panelContainer;
-    var pollers = [];
-
-    $(monitorElements).each(function() {
-      panelContainer = $(this);
-      panelContainer.hide();
-      var monitorUrl = panelContainer.data('monitorUrl');
-      var refreshRate = panelContainer.data('refreshRate') || defaultRefreshRate;
+    var monitorElements = $('[data-behavior="progress-panel"]')
+    var defaultRefreshRate = 3000
+    var panelContainer
+    var pollers = []
+
+    $(monitorElements).each(function () {
+      panelContainer = $(this)
+      panelContainer.hide()
+      var monitorUrl = panelContainer.data("monitorUrl")
+      var refreshRate = panelContainer.data("refreshRate") || defaultRefreshRate
       pollers.push(
-        setInterval(function() {
-          checkMonitorUrl(monitorUrl);
-        }, refreshRate)
-      );
-    });
+        setInterval(function () {
+          checkMonitorUrl(monitorUrl)
+        }, refreshRate),
+      )
+    })
 
     // Clear the intervals on turbolink:click event (e.g. when the user navigates away from the page)
-    $(document).on('turbolinks:click', function() {
+    $(document).on("turbolinks:click", function () {
       if (pollers.length > 0) {
-        $.each(pollers, function() {
-          clearInterval(this);
-        });
-        pollers = [];
+        $.each(pollers, function () {
+          clearInterval(this)
+        })
+        pollers = []
       }
-    });
+    })
 
     function checkMonitorUrl(url) {
-      $.ajax(url).done(success).fail(fail);
+      $.ajax(url).done(success).fail(fail)
     }
 
     function success(data) {
       if (data.recently_in_progress) {
-        updateMonitorPanel(data);
-        monitorPanel().show();
+        updateMonitorPanel(data)
+        monitorPanel().show()
       } else {
-        monitorPanel().hide();
+        monitorPanel().hide()
       }
     }
 
-    function fail() { monitorPanel().hide(); }
+    function fail() {
+      monitorPanel().hide()
+    }
 
     function updateMonitorPanel(data) {
-      panelStartDate().text(data.started_at);
-      panelCurrentDate().text(data.updated_at);
-      panelCompletedDate().text(data.updated_at);
-      panelCurrent().text(data.completed);
-      setPanelCompleted(data.finished);
-      updatePanelTotals(data);
-      updatePanelErrorMessage(data);
-      updateProgressBar(data);
+      panelStartDate().text(data.started_at)
+      panelCurrentDate().text(data.updated_at)
+      panelCompletedDate().text(data.updated_at)
+      panelCurrent().text(data.completed)
+      setPanelCompleted(data.finished)
+      updatePanelTotals(data)
+      updatePanelErrorMessage(data)
+      updateProgressBar(data)
 
-      panelContainer.show();
+      panelContainer.show()
     }
 
     function updateProgressBar(data) {
-      var percentage = calculatePercentage(data);
+      var percentage = calculatePercentage(data)
       progressBar()
-        .attr('aria-valuemax', data.total)
-        .attr('aria-valuenow', percentage)
-        .css('width', percentage + '%')
-        .text(percentage + '%');
+        .attr("aria-valuemax", data.total)
+        .attr("aria-valuenow", percentage)
+        .css("width", percentage + "%")
+        .text(percentage + "%")
 
       if (data.finished) {
-        progressBar().removeClass('active').removeClass('progress-bar-striped');
+        progressBar().removeClass("active").removeClass("progress-bar-striped")
       }
     }
 
     function updatePanelErrorMessage(data) {
       // We currently do not store this state,
       // but with this code we can in the future.
-      if ( data.errored ) {
-        panelErrorMessage().show();
+      if (data.errored) {
+        panelErrorMessage().show()
       } else {
-        panelErrorMessage().hide();
+        panelErrorMessage().hide()
       }
     }
 
     function updatePanelTotals(data) {
-      panelTotals().each(function() {
-        $(this).text(data.total);
-      });
+      panelTotals().each(function () {
+        $(this).text(data.total)
+      })
     }
 
     function calculatePercentage(data) {
-      if (data.total == 0) return 0;
-      return Math.floor((data.completed / data.total) * 100);
+      if (data.total == 0) return 0
+      return Math.floor((data.completed / data.total) * 100)
     }
 
     function monitorPanel() {
-      return panelContainer.find('.index-status');
+      return panelContainer.find(".index-status")
     }
 
     function panelStartDate() {
       return monitorPanel()
-               .find('[data-behavior="monitor-start"]')
-               .find('[data-behavior="date"]');
+        .find('[data-behavior="monitor-start"]')
+        .find('[data-behavior="date"]')
     }
 
     function panelCurrentDate() {
       return monitorPanel()
-               .find('[data-behavior="monitor-current"]')
-               .find('[data-behavior="date"]');
+        .find('[data-behavior="monitor-current"]')
+        .find('[data-behavior="date"]')
     }
 
     function panelCompletedDate() {
       return monitorPanel()
-               .find('[data-behavior="monitor-completed"]')
-               .find('[data-behavior="date"]');
+        .find('[data-behavior="monitor-completed"]')
+        .find('[data-behavior="date"]')
     }
 
     function panelTotals() {
-      return monitorPanel().find('[data-behavior="total"]');
+      return monitorPanel().find('[data-behavior="total"]')
     }
 
     function panelCurrent() {
       return monitorPanel()
-               .find('[data-behavior="monitor-current"]')
-               .find('[data-behavior="completed"]');
+        .find('[data-behavior="monitor-current"]')
+        .find('[data-behavior="completed"]')
     }
 
     function progressBar() {
-      return monitorPanel().find('.progress-bar');
+      return monitorPanel().find(".progress-bar")
     }
 
     function panelErrorMessage() {
-      return monitorPanel().find('[data-behavior="monitor-error"]');
+      return monitorPanel().find('[data-behavior="monitor-error"]')
     }
 
     function setPanelCompleted(finished) {
-      var panel = monitorPanel().find('[data-behavior="monitor-completed"]');
+      var panel = monitorPanel().find('[data-behavior="monitor-completed"]')
 
       if (finished) {
-        panel.show();
+        panel.show()
       } else {
-        panel.hide();
+        panel.hide()
       }
     }
 
-    return this;
+    return this
   }
 }

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

@@ -1,8 +1,8 @@
 export default class {
   connect() {
-    // Don't allow unchecking of checkboxes with the data-readonly attribute 
-    $("input[type='checkbox'][data-readonly]").on("click", function(event) {
-      event.preventDefault();
+    // Don't allow unchecking of checkboxes with the data-readonly attribute
+    $("input[type='checkbox'][data-readonly]").on("click", function (event) {
+      event.preventDefault()
     })
   }
 }

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

@@ -1,73 +1,85 @@
-import { addImageSelector } from 'spotlight/admin/add_image_selector'
+import { addImageSelector } from "spotlight/admin/add_image_selector"
 
-const docStore = new Map();
+const docStore = new Map()
 
 function highlight(value, query) {
-  if (query.trim() === '') return value;
-  const queryValue = query.trim();
-  return queryValue ? value.replace(new RegExp(queryValue, 'gi'), '<strong>$&</strong>') : value;
+  if (query.trim() === "") return value
+  const queryValue = query.trim()
+  return queryValue
+    ? value.replace(new RegExp(queryValue, "gi"), "<strong>$&</strong>")
+    : value
 }
 
 function templateFunc(obj, query) {
-  const thumbnail = obj.thumbnail ? `<div class="document-thumbnail"><img class="img-thumbnail" src="${obj.thumbnail}" /></div>` : '';
-  const privateClass = obj.private ? ' blacklight-private' : '';
-  const title = highlight(obj.title, query);
-  const description = obj.description ? `<small>&nbsp;&nbsp;${highlight(obj.description, query)}</small>` : '';
+  const thumbnail = obj.thumbnail
+    ? `<div class="document-thumbnail"><img class="img-thumbnail" src="${obj.thumbnail}" /></div>`
+    : ""
+  const privateClass = obj.private ? " blacklight-private" : ""
+  const title = highlight(obj.title, query)
+  const description = obj.description
+    ? `<small>&nbsp;&nbsp;${highlight(obj.description, query)}</small>`
+    : ""
   return `<div class="autocomplete-item${privateClass}">${thumbnail}
             <span class="autocomplete-title">${title}</span><br/>${description}
-          </div>`;
+          </div>`
 }
 
 function autoCompleteElementTemplate(obj, query) {
-  return `<li role="option" data-autocomplete-value="${obj.id}">${templateFunc(obj, query)}</li>`;
+  return `<li role="option" data-autocomplete-value="${obj.id}">${templateFunc(obj, query)}</li>`
 }
 
 function getAutoCompleteElementDataMap(autoCompleteElement) {
   if (!docStore.has(autoCompleteElement.id)) {
-    docStore.set(autoCompleteElement.id, new Map());
+    docStore.set(autoCompleteElement.id, new Map())
   }
-  return docStore.get(autoCompleteElement.id);
+  return docStore.get(autoCompleteElement.id)
 }
 
 async function fetchResult(url) {
-  const result = await fetchAutocompleteJSON(url);
-  const docs = result.docs || [];
-  const query = this.querySelector('input').value || '';
-  const autoCompleteElementDataMap = getAutoCompleteElementDataMap(this);
-  return docs.map(doc => {
-    autoCompleteElementDataMap.set(doc.id, doc);
-    return autoCompleteElementTemplate(doc, query);
-  }).join('');
+  const result = await fetchAutocompleteJSON(url)
+  const docs = result.docs || []
+  const query = this.querySelector("input").value || ""
+  const autoCompleteElementDataMap = getAutoCompleteElementDataMap(this)
+  return docs
+    .map((doc) => {
+      autoCompleteElementDataMap.set(doc.id, doc)
+      return autoCompleteElementTemplate(doc, query)
+    })
+    .join("")
 }
 
-export function addAutocompletetoFeaturedImage(){
-  const autocompletePath = $('form[data-autocomplete-exhibit-catalog-path]').data('autocomplete-exhibit-catalog-path');
-  const featuredImageTypeaheads = $('[data-featured-image-typeahead]');
-  if (featuredImageTypeaheads.length === 0) return;
+export function addAutocompletetoFeaturedImage() {
+  const autocompletePath = $(
+    "form[data-autocomplete-exhibit-catalog-path]",
+  ).data("autocomplete-exhibit-catalog-path")
+  const featuredImageTypeaheads = $("[data-featured-image-typeahead]")
+  if (featuredImageTypeaheads.length === 0) return
 
-  $.each(featuredImageTypeaheads, function(index, autoCompleteInput) {
-    const autoCompleteElement = autoCompleteInput.closest('auto-complete');
+  $.each(featuredImageTypeaheads, function (index, autoCompleteInput) {
+    const autoCompleteElement = autoCompleteInput.closest("auto-complete")
 
-    autoCompleteElement.setAttribute('src', autocompletePath);
-    autoCompleteElement.fetchResult = fetchResult;
-    autoCompleteElement.addEventListener('auto-complete-change', e => {
-      const data = getAutoCompleteElementDataMap(autoCompleteElement).get(e.relatedTarget.value);
-      if (!data) return;
+    autoCompleteElement.setAttribute("src", autocompletePath)
+    autoCompleteElement.fetchResult = fetchResult
+    autoCompleteElement.addEventListener("auto-complete-change", (e) => {
+      const data = getAutoCompleteElementDataMap(autoCompleteElement).get(
+        e.relatedTarget.value,
+      )
+      if (!data) return
 
-      const inputElement = $(e.relatedTarget);
-      const panel = document.querySelector(e.relatedTarget.dataset.targetPanel);
-      e.relatedTarget.value = data.title;
-      addImageSelector(inputElement, $(panel), data.iiif_manifest, true);
-      $(inputElement.data('id-field')).val(data['global_id']);
-      inputElement.attr('type', 'text');
-    });
-  });
+      const inputElement = $(e.relatedTarget)
+      const panel = document.querySelector(e.relatedTarget.dataset.targetPanel)
+      e.relatedTarget.value = data.title
+      addImageSelector(inputElement, $(panel), data.iiif_manifest, true)
+      $(inputElement.data("id-field")).val(data["global_id"])
+      inputElement.attr("type", "text")
+    })
+  })
 }
 
 export async function fetchAutocompleteJSON(url) {
-  const res = await(fetch(url.toString()));
+  const res = await fetch(url.toString())
   if (!res.ok) {
-    throw new Error(await res.text());
+    throw new Error(await res.text())
   }
-  return await res.json();
+  return await res.json()
 }

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

@@ -2,36 +2,36 @@
   Simple plugin to select form elements
   when other elements are clicked.
 */
-(function($) {
-  $.fn.selectRelatedInput = function() {
-    var clickElements = this;
+;(function ($) {
+  $.fn.selectRelatedInput = function () {
+    var clickElements = this
 
-    $(clickElements).each(function() {
-      var target = $($(this).data('input-select-target'));
+    $(clickElements).each(function () {
+      var target = $($(this).data("input-select-target"))
 
-      var event;
+      var event
 
       if ($(this).is("select")) {
-        event = 'change';
+        event = "change"
       } else {
-        event = 'click';
+        event = "click"
       }
 
-      $(this).on(event, function() {
+      $(this).on(event, function () {
         if (target.is(":checkbox") || target.is(":radio")) {
-          target.prop('checked', true);
+          target.prop("checked", true)
         } else {
-          target.focus();
+          target.focus()
         }
-      });
-    });
+      })
+    })
 
-    return this;
-  };
-})(jQuery);
+    return this
+  }
+})(jQuery)
 
 export default class {
   connect() {
-    $('[data-input-select-target]').selectRelatedInput();
+    $("[data-input-select-target]").selectRelatedInput()
   }
 }

data/app/javascript/spotlight/admin/sir-trevor/block_controls.js

@@ -1,122 +1,138 @@
-import Core from 'spotlight/core'
-
-(function() {
-  var BLOCK_REPLACER_CONTROL_TEMPLATE = function(block) {
-    var el = document.createElement('button');
-    el.className = "st-block-controls__button";
-    el.setAttribute('data-type', block.type);
-    el.type = "button";
-
-    var img = document.createElement('svg');
-    img.className = "st-icon";
-    img.setAttribute('role', 'img');
-
-    var use = document.createElement('use');
-    use.setAttributeNS('https://www.w3.org/1999/xlink', 'href', SirTrevor.config.defaults.iconUrl + "#" + block.icon_name);
-    img.appendChild(use);
-    el.appendChild(img);
-    el.appendChild(document.createTextNode(block.title()));
-
-    return el.outerHTML;
-  };
+import Core from "spotlight/core"
+;(function () {
+  var BLOCK_REPLACER_CONTROL_TEMPLATE = function (block) {
+    var el = document.createElement("button")
+    el.className = "st-block-controls__button"
+    el.setAttribute("data-type", block.type)
+    el.type = "button"
+
+    var img = document.createElement("svg")
+    img.className = "st-icon"
+    img.setAttribute("role", "img")
+
+    var use = document.createElement("use")
+    use.setAttributeNS(
+      "https://www.w3.org/1999/xlink",
+      "href",
+      SirTrevor.config.defaults.iconUrl + "#" + block.icon_name,
+    )
+    img.appendChild(use)
+    el.appendChild(img)
+    el.appendChild(document.createTextNode(block.title()))
+
+    return el.outerHTML
+  }
 
   function generateBlocksHTML(Blocks, availableTypes) {
-    var groups = {};
-    for(var i in availableTypes) {
-      var type = availableTypes[i];
-      if (Blocks.hasOwnProperty(type) && Blocks[type].prototype.toolbarEnabled) {
-        var blockGroup;
+    var groups = {}
+    for (var i in availableTypes) {
+      var type = availableTypes[i]
+      if (
+        Object.prototype.hasOwnProperty.call(Blocks, type) &&
+        Blocks[type].prototype.toolbarEnabled
+      ) {
+        var blockGroup
 
         if ($.isFunction(Blocks[type].prototype.blockGroup)) {
-          blockGroup = Blocks[type].prototype.blockGroup();
+          blockGroup = Blocks[type].prototype.blockGroup()
         } else {
-          blockGroup = Blocks[type].prototype.blockGroup;
+          blockGroup = Blocks[type].prototype.blockGroup
         }
 
-        if (blockGroup == 'undefined' || blockGroup === undefined) {
-          blockGroup = i18n.t("blocks:group:undefined");
+        if (blockGroup == "undefined" || blockGroup === undefined) {
+          blockGroup = i18n.t("blocks:group:undefined")
         }
 
-        groups[blockGroup] = groups[blockGroup] || [];
-        groups[blockGroup].push(BLOCK_REPLACER_CONTROL_TEMPLATE(Blocks[type].prototype));
+        groups[blockGroup] = groups[blockGroup] || []
+        groups[blockGroup].push(
+          BLOCK_REPLACER_CONTROL_TEMPLATE(Blocks[type].prototype),
+        )
       }
     }
 
     function generateBlock(groups, key) {
-      var group   = groups[key];
-      var groupEl = $("<div class='st-controls-group'><div class='st-group-col-form-label'>" + key + "</div></div>");
-      var buttons = group.reduce(function(memo, btn) {
-        return memo += btn;
-      }, "");
-      groupEl.append(buttons);
-      return groupEl[0].outerHTML;
+      var group = groups[key]
+      var groupEl = $(
+        "<div class='st-controls-group'><div class='st-group-col-form-label'>" +
+          key +
+          "</div></div>",
+      )
+      var buttons = group.reduce(function (memo, btn) {
+        return memo + btn
+      }, "")
+      groupEl.append(buttons)
+      return groupEl[0].outerHTML
     }
 
-    var standardWidgets = generateBlock(groups, i18n.t("blocks:group:undefined"));
+    var standardWidgets = generateBlock(
+      groups,
+      i18n.t("blocks:group:undefined"),
+    )
 
-    var exhibitWidgets = Object.keys(groups).map(function(key) {
-      if (key !== i18n.t("blocks:group:undefined")) {
-        return generateBlock(groups, key);
-      }
-    }).filter(function (element) {
-      return element != null;
-    });
+    var exhibitWidgets = Object.keys(groups)
+      .map(function (key) {
+        if (key !== i18n.t("blocks:group:undefined")) {
+          return generateBlock(groups, key)
+        }
+      })
+      .filter(function (element) {
+        return element != null
+      })
 
-    var blocks = [standardWidgets].concat(exhibitWidgets).join("<hr />");
-    return blocks;
+    var blocks = [standardWidgets].concat(exhibitWidgets).join("<hr />")
+    return blocks
   }
 
-  function render(Blocks, availableTypes) {
-    var el = document.createElement('div');
-    el.className = "st-block-controls__buttons";
-    el.innerHTML = generateBlocksHTML.apply(null, arguments);
+  function render(_Blocks, _availableTypes) {
+    var el = document.createElement("div")
+    el.className = "st-block-controls__buttons"
+    el.innerHTML = generateBlocksHTML.apply(null, arguments)
 
-    var elButtons = document.createElement('div');
-    elButtons.className = "spotlight-block-controls";
-    elButtons.appendChild(el);
-    return elButtons;
+    var elButtons = document.createElement("div")
+    elButtons.className = "spotlight-block-controls"
+    elButtons.appendChild(el)
+    return elButtons
   }
 
-  Core.BlockControls = function() { };
-  Core.BlockControls.create = function(editor) {
+  Core.BlockControls = function () {}
+  Core.BlockControls.create = function (editor) {
     // REFACTOR - should probably not know about blockManager
-    var el = render(SirTrevor.Blocks, editor.blockManager.blockTypes);
+    var el = render(SirTrevor.Blocks, editor.blockManager.blockTypes)
 
     function hide() {
-      var parent = el.parentNode;
-      if (!parent) { return; }
-      parent.removeChild(el);
-      parent.classList.remove("st-block--controls-active");
-      return parent;
+      var parent = el.parentNode
+      if (!parent) {
+        return
+      }
+      parent.removeChild(el)
+      parent.classList.remove("st-block--controls-active")
+      return parent
     }
 
     function destroy() {
-      SirTrevor = null;
-      el = null;
+      // eslint-disable-next-line no-global-assign
+      SirTrevor = null
+      el = null
     }
 
     function insert(e) {
-      e.stopPropagation();
-
-      var parent = this.parentNode;
-      if (!parent || hide() === parent) { return; }
-      $('.st-block__inner', parent).after(el);
-      parent.classList.add("st-block--controls-active");
-    }
+      e.stopPropagation()
 
-    function replaceBlock() {
-      SirTrevor.mediator.trigger(
-        "block:replace", el.parentNode, this.getAttribute('data-type')
-      );
+      var parent = this.parentNode
+      if (!parent || hide() === parent) {
+        return
+      }
+      $(".st-block__inner", parent).after(el)
+      parent.classList.add("st-block--controls-active")
     }
 
-    $(editor.wrapper).delegate(".st-block-replacer", "click", insert);
-    $(editor.wrapper).delegate(".st-block-controls__button", "click", insert);
+    $(editor.wrapper).delegate(".st-block-replacer", "click", insert)
+    $(editor.wrapper).delegate(".st-block-controls__button", "click", insert)
 
     return {
       el: el,
       hide: hide,
-      destroy: destroy
-    };
-  };
-})();
+      destroy: destroy,
+    }
+  }
+})()