blacklight-spotlight 5.3.0 → 5.3.1

data/app/javascript/spotlight/admin/block_mixins/formable.js

@@ -1,78 +1,86 @@
-(function ($){
-  SirTrevor.BlockMixins.Formable = {
+;(function ($) {
+  ;((SirTrevor.BlockMixins.Formable = {
     mixinName: "Formable",
     preload: true,
 
-    initializeFormable: function() {
-
-      if (this['afterLoadData'] === undefined) {
-        this['afterLoadData'] = function(data) { };
+    initializeFormable: function () {
+      if (this["afterLoadData"] === undefined) {
+        this["afterLoadData"] = function (_data) {}
       }
     },
 
-    formId: function(id) {
-      return this.blockID + "_" + id;
+    formId: function (id) {
+      return this.blockID + "_" + id
     },
 
-    _serializeData: function() {
-
-      var data = $(":input,textarea,select", this.inner).not(':input:radio').serializeJSON();
+    _serializeData: function () {
+      var data = $(":input,textarea,select", this.inner)
+        .not(":input:radio")
+        .serializeJSON()
 
-      $(':input:radio:checked', this.inner).each(function(index, input) {
-        var key = $(input).data('key') || input.getAttribute('name');
+      $(":input:radio:checked", this.inner).each(function (index, input) {
+        var key = $(input).data("key") || input.getAttribute("name")
 
         if (!key.match("\\[")) {
-          data[key] = $(input).val();
+          data[key] = $(input).val()
         }
-      });
+      })
 
       /* Simple to start. Add conditions later */
       if (this.hasTextBlock()) {
-        data.text = this.getTextBlockHTML();
-        data.format = 'html';
-        if (data.text && data.text.length > 0 && this.options.convertToMarkdown) {
-          data.text = stToMarkdown(data.text, this.type);
-          data.format = 'markdown';
+        data.text = this.getTextBlockHTML()
+        data.format = "html"
+        if (
+          data.text &&
+          data.text.length > 0 &&
+          this.options.convertToMarkdown
+        ) {
+          data.text = stToMarkdown(data.text, this.type)
+          data.format = "markdown"
         }
       }
 
-      return data;
+      return data
     },
 
-    loadData: function(data){
+    loadData: function (data) {
       if (this.hasTextBlock()) {
-        if (data.text && data.text.length > 0 && this.options.convertFromMarkdown && data.format !== "html") {
-          this.setTextBlockHTML(SirTrevor.toHTML(data.text, this.type));
+        if (
+          data.text &&
+          data.text.length > 0 &&
+          this.options.convertFromMarkdown &&
+          data.format !== "html"
+        ) {
+          this.setTextBlockHTML(SirTrevor.toHTML(data.text, this.type))
         } else {
-          this.setTextBlockHTML(data.text);
+          this.setTextBlockHTML(data.text)
         }
       }
-      this.loadFormDataByKey(data);
-      this.afterLoadData(data);
+      this.loadFormDataByKey(data)
+      this.afterLoadData(data)
     },
 
-    loadFormDataByKey: function(data) {
-      $(':input', this.inner).not('button,:input[type=hidden]').each(function(index, input) {
-        var key = $(input).data('key') || input.getAttribute('name');
+    loadFormDataByKey: function (data) {
+      $(":input", this.inner)
+        .not("button,:input[type=hidden]")
+        .each(function (index, input) {
+          var key = $(input).data("key") || input.getAttribute("name")
 
-        if (key) {
-
-          if (key.match("\\[\\]$")) {
-            key = key.replace("[]", "");
-          }
+          if (key) {
+            if (key.match("\\[\\]$")) {
+              key = key.replace("[]", "")
+            }
 
-          // by wrapping it in an array, this'll "just work" for radio and checkbox fields too
-          var input_data = data[key];
+            // by wrapping it in an array, this'll "just work" for radio and checkbox fields too
+            var input_data = data[key]
 
-          if (!(input_data instanceof Array)) {
-            input_data = [input_data];
+            if (!(input_data instanceof Array)) {
+              input_data = [input_data]
+            }
+            $(this).val(input_data)
           }
-          $(this).val(input_data);
-        }
-      });
+        })
     },
-  },
-
-
-  SirTrevor.Block.prototype.availableMixins.push("formable");
-})(jQuery);
+  }),
+    SirTrevor.Block.prototype.availableMixins.push("formable"))
+})(jQuery)

data/app/javascript/spotlight/admin/block_mixins/plustextable.js

@@ -1,23 +1,23 @@
-(function ($){
+;(function (_$) {
   SirTrevor.BlockMixins.Plustextable = {
     mixinName: "Textable",
     preload: true,
 
-    initializeTextable: function() {
-      if (this['formId'] === undefined) {
-        this.withMixin(SirTrevor.BlockMixins.Formable);
+    initializeTextable: function () {
+      if (this["formId"] === undefined) {
+        this.withMixin(SirTrevor.BlockMixins.Formable)
       }
-      
-      if (this['show_heading'] === undefined) {
-        this.show_heading = true;
+
+      if (this["show_heading"] === undefined) {
+        this.show_heading = true
       }
     },
-    
-    align_key:"text-align",
-    text_key:"item-text",
+
+    align_key: "text-align",
+    text_key: "item-text",
     heading_key: "title",
-    
-    text_area: function() { 
+
+    text_area: function () {
       return `
       <div class="row">
         <div class="col-md-8">
@@ -40,19 +40,18 @@
         </div>
       </div>`
     },
-    
-    heading: function() {
-      if(this.show_heading) {
+
+    heading: function () {
+      if (this.show_heading) {
         return `<div class="field">
           <label for="${this.formId(this.heading_key)}" class="col-form-label">${i18n.t("blocks:textable:heading")}</label>
           <input type="text" class="form-control" id="${this.formId(this.heading_key)}" name="${this.heading_key}" />
         </div>`
       } else {
-        return "";
+        return ""
       }
     },
-  };
-  
+  }
 
-  SirTrevor.Block.prototype.availableMixins.push("plustextable");
-})(jQuery);
+  SirTrevor.Block.prototype.availableMixins.push("plustextable")
+})(jQuery)

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

@@ -1,25 +1,29 @@
-import Core from 'spotlight/core'
-
-(function ($){
+import Core from "spotlight/core"
+;(function ($) {
   Core.Block = SirTrevor.Block.extend({
     scribeOptions: {
       allowBlockElements: true,
-      tags: { p: true }
+      tags: { p: true },
     },
     formable: true,
-    editorHTML: function() {
-      return '';
+    editorHTML: function () {
+      return ""
     },
-    beforeBlockRender: function() {
-      this.availableMixins.forEach(function(mixin) {
-        if (this[mixin] && SirTrevor.BlockMixins[this.capitalize(mixin)].preload) {
-          this.withMixin(SirTrevor.BlockMixins[this.capitalize(mixin)]);
+    beforeBlockRender: function () {
+      this.availableMixins.forEach(function (mixin) {
+        if (
+          this[mixin] &&
+          SirTrevor.BlockMixins[this.capitalize(mixin)].preload
+        ) {
+          this.withMixin(SirTrevor.BlockMixins[this.capitalize(mixin)])
         }
-      }, this);
+      }, this)
+    },
+    $instance: function () {
+      return $("#" + this.instanceID)
+    },
+    capitalize: function (string) {
+      return string.charAt(0).toUpperCase() + string.substring(1).toLowerCase()
     },
-    $instance: function() { return $('#' + this.instanceID); },
-    capitalize: function(string) {
-      return string.charAt(0).toUpperCase() + string.substring(1).toLowerCase();
-    }
   })
-})(jQuery);
+})(jQuery)

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

@@ -1,40 +1,46 @@
-import Core from 'spotlight/core'
-
-SirTrevor.Blocks.Browse = (function(){
+import Core from "spotlight/core"
 
+SirTrevor.Blocks.Browse = (function () {
   return Core.Block.Resources.extend({
     type: "browse",
 
     icon_name: "browse",
 
-    autocomplete_url: function() {
-      return document.getElementById(this.instanceID).closest('form[data-autocomplete-exhibit-searches-path]').dataset.autocompleteExhibitSearchesPath;
+    autocomplete_url: function () {
+      return document
+        .getElementById(this.instanceID)
+        .closest("form[data-autocomplete-exhibit-searches-path]").dataset
+        .autocompleteExhibitSearchesPath
     },
 
-    autocomplete_fetch: function(url) {
-      return this.fetchOnceAndFilterLocalResults(url);
+    autocomplete_fetch: function (url) {
+      return this.fetchOnceAndFilterLocalResults(url)
     },
 
-    autocomplete_template: function(obj) {
-      const thumbnail = obj.thumbnail_image_url ? `<div class="document-thumbnail"><img class="img-thumbnail" src="${obj.thumbnail_image_url}" /></div>` : ''
-      const description = obj.description ? `<small>&nbsp;&nbsp;${obj.description}</small>` : '';
-      return `<div class="autocomplete-item${!obj.published ? ' blacklight-private' : ''}">${thumbnail}
-      <span class="autocomplete-title">${this.highlight(obj.full_title)}</span>${description}</div>`;
+    autocomplete_template: function (obj) {
+      const thumbnail = obj.thumbnail_image_url
+        ? `<div class="document-thumbnail"><img class="img-thumbnail" src="${obj.thumbnail_image_url}" /></div>`
+        : ""
+      const description = obj.description
+        ? `<small>&nbsp;&nbsp;${obj.description}</small>`
+        : ""
+      return `<div class="autocomplete-item${!obj.published ? " blacklight-private" : ""}">${thumbnail}
+      <span class="autocomplete-title">${this.highlight(obj.full_title)}</span>${description}</div>`
     },
 
-    _itemPanel: function(data) {
-      var index = "item_" + this.globalIndex++;
-      var checked;
+    _itemPanel: function (data) {
+      var index = "item_" + this.globalIndex++
+      var checked
       if (data.display == "true") {
         checked = "checked='checked'"
       } else {
-        checked = "";
+        checked = ""
       }
-      var resource_id = data.slug || data.id;
+      var resource_id = data.slug || data.id
       var markup = `
            <li class="field dd-item dd3-item" data-resource-id="${resource_id}" data-id="${index}" id="${this.formId(index)}">
             <input type="hidden" name="item[${index}][id]" value="${resource_id}" />
-            <input type="hidden" name="item[${index}][full_title]" value="${(data.full_title || data.title)}" />
+            <input type="hidden" name="item[${index}][full_title]" value="${data.full_title || data.title}" />
             <input data-property="weight" type="hidden" name="item[${index}][weight]" value="${data.weight}" />
               <div class="card d-flex dd3-content">
                 <div class="dd-handle dd3-handle">${i18n.t("blocks:resources:panel:drag")}</div>
@@ -42,15 +48,15 @@ SirTrevor.Blocks.Browse = (function(){
                   <div class="d-flex">
                     <div class="checkbox">
                       <input name="item[${index}][display]" type="hidden" value="false" />
-                      <input name="item[${index}][display]" id="${this.formId(this.display_checkbox + '_' + data.id)}" type="checkbox" ${checked} class="item-grid-checkbox" value="true"  />
-                      <label class="visually-hidden" for="${this.formId(this.display_checkbox + '_' + data.id)}">${i18n.t("blocks:resources:panel:display")}</label>
+                      <input name="item[${index}][display]" id="${this.formId(this.display_checkbox + "_" + data.id)}" type="checkbox" ${checked} class="item-grid-checkbox" value="true"  />
+                      <label class="visually-hidden" for="${this.formId(this.display_checkbox + "_" + data.id)}">${i18n.t("blocks:resources:panel:display")}</label>
                     </div>
                     <div class="pic">
-                      <img class="img-thumbnail" src="${(data.thumbnail_image_url || ((data.iiif_tilesource || "").replace("/info.json", "/full/!100,100/0/default.jpg")))}" />
+                      <img class="img-thumbnail" src="${data.thumbnail_image_url || (data.iiif_tilesource || "").replace("/info.json", "/full/!100,100/0/default.jpg")}" />
                     </div>
                     <div class="main">
-                      <div class="title card-title">${(data.full_title || data.title)}</div>
-                      <div>${(data.slug || data.id)}</div>
+                      <div class="title card-title">${data.full_title || data.title}</div>
+                      <div>${data.slug || data.id}</div>
                     </div>
                     <div class="remove float-end">
                       <a data-item-grid-panel-remove="true" href="#">${i18n.t("blocks:resources:panel:remove")}</a>
@@ -60,28 +66,27 @@ SirTrevor.Blocks.Browse = (function(){
               </div>
             </li>`
 
-      var panel = $(markup);
-      var context = this;
-
-      $('.remove a', panel).on('click', function(e) {
-        e.preventDefault();
-        $(this).closest('.field').remove();
-        context.afterPanelDelete();
+      var panel = $(markup)
+      var context = this
 
-      });
+      $(".remove a", panel).on("click", function (e) {
+        e.preventDefault()
+        $(this).closest(".field").remove()
+        context.afterPanelDelete()
+      })
 
-      this.afterPanelRender(data, panel);
+      this.afterPanelRender(data, panel)
 
-      return panel;
+      return panel
     },
 
-    item_options: function() { return `
+    item_options: function () {
+      return `
       <label>
         <input type="hidden" name="display-item-counts" value="false" />
         <input type="checkbox" name="display-item-counts" value="true" checked />
         ${i18n.t("blocks:browse:item_counts")}
       </label>`
     },
-  });
-
-})();
+  })
+})()

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

@@ -1,42 +1,44 @@
 /*
   Sir Trevor BrowseGroupCategories
 */
-import Core from 'spotlight/core'
-
-SirTrevor.Blocks.BrowseGroupCategories = (function(){
+import Core from "spotlight/core"
 
+SirTrevor.Blocks.BrowseGroupCategories = (function () {
   return Core.Block.Resources.extend({
     type: "browse_group_categories",
     icon_name: "browse",
 
-    autocomplete_control: function() {
-      const autocompleteID = this.blockID + '-autocomplete';
+    autocomplete_control: function () {
+      const autocompleteID = this.blockID + "-autocomplete"
       return `<auto-complete src="${this.autocomplete_url()}" for="${autocompleteID}-popup" fetch-on-empty>
         <input type="text" name="${autocompleteID}" placeholder="${i18n.t("blocks:browse_group_categories:autocomplete")}" data-default-typeahead>
         <ul id="${autocompleteID}-popup"></ul>
         <div id="${autocompleteID}-popup-feedback" class="visually-hidden"></div>
       </auto-complete>`
     },
-    autocomplete_template: function(obj) {
-      return `<div class="autocomplete-item${!obj.published ? ' blacklight-private' : ''}">
+    autocomplete_template: function (obj) {
+      return `<div class="autocomplete-item${!obj.published ? " blacklight-private" : ""}">
       <span class="autocomplete-title">${this.highlight(obj.title)}</span><br/></div>`
     },
 
-    autocomplete_url: function() {
-      return document.getElementById(this.instanceID).closest('form[data-autocomplete-exhibit-browse-groups-path]').dataset.autocompleteExhibitBrowseGroupsPath;
+    autocomplete_url: function () {
+      return document
+        .getElementById(this.instanceID)
+        .closest("form[data-autocomplete-exhibit-browse-groups-path]").dataset
+        .autocompleteExhibitBrowseGroupsPath
     },
-    autocomplete_fetch: function(url) {
-      return this.fetchOnceAndFilterLocalResults(url);
+    autocomplete_fetch: function (url) {
+      return this.fetchOnceAndFilterLocalResults(url)
     },
-    _itemPanel: function(data) {
-      var index = "item_" + this.globalIndex++;
-      var checked;
+    _itemPanel: function (data) {
+      var index = "item_" + this.globalIndex++
+      var checked
       if (data.display == "true") {
         checked = "checked='checked'"
       } else {
-        checked = "";
+        checked = ""
       }
-      var resource_id = data.slug || data.id;
+      var resource_id = data.slug || data.id
       var markup = `
         <li class="field dd-item dd3-item" data-resource-id="${resource_id}" data-id="${index}" id="${this.formId(index)}">
           <input type="hidden" name="item[${index}][id]" value="${resource_id}" />
@@ -48,8 +50,8 @@ SirTrevor.Blocks.BrowseGroupCategories = (function(){
                 <div class="d-flex flex-grow-1">
                   <div class="checkbox">
                     <input name="item[${index}][display]" type="hidden" value="false" />
-                    <input name="item[${index}][display]" id="${this.formId(this.display_checkbox + '_' + data.id)}" type="checkbox" ${checked} class="item-grid-checkbox" value="true"  />
-                    <label class="visually-hidden" for="${this.formId(this.display_checkbox + '_' + data.id)}">${i18n.t("blocks:resources:panel:display")}</label>
+                    <input name="item[${index}][display]" id="${this.formId(this.display_checkbox + "_" + data.id)}" type="checkbox" ${checked} class="item-grid-checkbox" value="true"  />
+                    <label class="visually-hidden" for="${this.formId(this.display_checkbox + "_" + data.id)}">${i18n.t("blocks:resources:panel:display")}</label>
                   </div>
                   <div class="main">
                     <div class="title card-title">${data.title}</div>
@@ -62,27 +64,27 @@ SirTrevor.Blocks.BrowseGroupCategories = (function(){
             </div>
           </li>`
 
-      const panel = $(markup);
-      var context = this;
-
-      $('a[data-item-grid-panel-remove]', panel).on('click', function(e) {
-        e.preventDefault();
-        $(this).closest('.field').remove();
-        context.afterPanelDelete();
+      const panel = $(markup)
+      var context = this
 
-      });
+      $("a[data-item-grid-panel-remove]", panel).on("click", function (e) {
+        e.preventDefault()
+        $(this).closest(".field").remove()
+        context.afterPanelDelete()
+      })
 
-      this.afterPanelRender(data, panel);
+      this.afterPanelRender(data, panel)
 
-      return panel;
+      return panel
     },
 
-    item_options: function() { return `
+    item_options: function () {
+      return `
       <label>
         <input type="hidden" name="display-item-counts" value="false" />
         <input type="checkbox" name="display-item-counts" value="true" checked />
         ${i18n.t("blocks:browse_group_categories:item_counts")}
       </label>`
     },
-  });
-})();
+  })
+})()

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

@@ -7,24 +7,27 @@
   and displays them.
 */
 
-SirTrevor.Blocks.Iframe = (function(){
-
+SirTrevor.Blocks.Iframe = (function () {
   return SirTrevor.Block.extend({
     type: "Iframe",
     formable: true,
-    
-    title: function() { return i18n.t('blocks:iframe:title'); },
-    description: function() { return i18n.t('blocks:iframe:description'); },
+
+    title: function () {
+      return i18n.t("blocks:iframe:title")
+    },
+    description: function () {
+      return i18n.t("blocks:iframe:description")
+    },
 
     icon_name: "iframe",
-    
-    editorHTML: function() {
+
+    editorHTML: function () {
       return `<div class="clearfix">
         <div class="widget-header">
           ${this.description()}
         </div>
         <textarea name="code" class="form-control" rows="5" placeholder="${i18n.t("blocks:iframe:placeholder")}"></textarea>
-      </div>`;
-    }
-  });
-})();
+      </div>`
+    },
+  })
+})()

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

@@ -1,14 +1,11 @@
-SirTrevor.Blocks.LinkToSearch = (function(){
-
+SirTrevor.Blocks.LinkToSearch = (function () {
   return SirTrevor.Blocks.Browse.extend({
-
     type: "link_to_search",
 
-    icon_name: 'search_results',
+    icon_name: "search_results",
 
     searches_key: "slug",
     view_key: "view",
     plustextable: false,
-
-  });
-})();
+  })
+})()

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

@@ -6,19 +6,22 @@
   and any provided text
   and displays them.
 */
-import Core from 'spotlight/core'
-
-SirTrevor.Blocks.Oembed =  (function(){
+import Core from "spotlight/core"
 
+SirTrevor.Blocks.Oembed = (function () {
   return Core.Block.extend({
     plustextable: true,
 
-    id_key:"url",
+    id_key: "url",
 
     type: "oembed",
-    
-    title: function() { return i18n.t('blocks:oembed:title'); },
-    description: function() { return i18n.t('blocks:oembed:description'); },
+
+    title: function () {
+      return i18n.t("blocks:oembed:title")
+    },
+    description: function () {
+      return i18n.t("blocks:oembed:description")
+    },
 
     icon_name: "oembed",
     show_heading: false,
@@ -36,6 +39,6 @@ SirTrevor.Blocks.Oembed =  (function(){
       </div>
       ${this.text_area()}
     </div>`
-    }
-  });
-})();
+    },
+  })
+})()

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

@@ -1,7 +1,6 @@
-import Core from 'spotlight/core'
-
-SirTrevor.Blocks.FeaturedPages = (function(){
+import Core from "spotlight/core"
 
+SirTrevor.Blocks.FeaturedPages = (function () {
   return Core.Block.Resources.extend({
     type: "featured_pages",
 
@@ -9,16 +8,24 @@ SirTrevor.Blocks.FeaturedPages = (function(){
 
     show_image_selection: false,
 
-    autocomplete_url: function() { return document.getElementById(this.instanceID).closest('form[data-autocomplete-exhibit-pages-path]').dataset.autocompleteExhibitPagesPath; },
-    autocomplete_fetch: function(url) {
-      return this.fetchOnceAndFilterLocalResults(url);
+    autocomplete_url: function () {
+      return document
+        .getElementById(this.instanceID)
+        .closest("form[data-autocomplete-exhibit-pages-path]").dataset
+        .autocompleteExhibitPagesPath
+    },
+    autocomplete_fetch: function (url) {
+      return this.fetchOnceAndFilterLocalResults(url)
     },
-    autocomplete_template: function(obj) {
-      const description = obj.description ? `<small>&nbsp;&nbsp;${obj.description}</small>` : '';
-      const thumbnail = obj.thumbnail_image_url ? `<div class="document-thumbnail"><img class="img-thumbnail" src="${obj.thumbnail_image_url}" /></div>` : ''
-      return `<div class="autocomplete-item${!obj.published ? ' blacklight-private' : ''}">${thumbnail}
+    autocomplete_template: function (obj) {
+      const description = obj.description
+        ? `<small>&nbsp;&nbsp;${obj.description}</small>`
+        : ""
+      const thumbnail = obj.thumbnail_image_url
+        ? `<div class="document-thumbnail"><img class="img-thumbnail" src="${obj.thumbnail_image_url}" /></div>`
+        : ""
+      return `<div class="autocomplete-item${!obj.published ? " blacklight-private" : ""}">${thumbnail}
       <span class="autocomplete-title">${this.highlight(obj.title)}</span><br/>${description}</div>`
     },
-  });
-
-})();
+  })
+})()