spotlight-frontend 3.5.0-beta.1

package/app/assets/javascripts/spotlight/admin/blocks/oembed_block.js

@@ -0,0 +1,40 @@
+/*
+  Sir Trevor ItemText Block.
+  This block takes an ID,
+  fetches the record from solr,
+  displays the image, title, 
+  and any provided text
+  and displays them.
+*/
+
+SirTrevor.Blocks.Oembed =  (function(){
+
+  return Spotlight.Block.extend({
+    plustextable: true,
+
+    id_key:"url",
+
+    type: "oembed",
+    
+    title: function() { return i18n.t('blocks:oembed:title'); },
+    description: function() { return i18n.t('blocks:oembed:description'); },
+
+    icon_name: "oembed",
+    show_heading: false,
+
+    template: [
+    '<div class="form oembed-text-admin clearfix">',
+      '<div class="widget-header">',
+        '<%= description() %>',
+      '</div>',
+      '<div class="row">',
+        '<div class="form-group col-md-8">',
+          '<label for="<%= formId(id_key) %>"><%= i18n.t("blocks:oembed:url") %></label>',
+          '<input name="<%= id_key %>" class="form-control col-md-6" type="text" id="<%= formId(id_key) %>" />',
+        '</div>',
+      '</div>',
+      '<%= text_area() %>',
+    '</div>'
+  ].join("\n")
+  });
+})();

package/app/assets/javascripts/spotlight/admin/blocks/pages_block.js

@@ -0,0 +1,22 @@
+//= require spotlight/admin/blocks/resources_block
+
+SirTrevor.Blocks.FeaturedPages = (function(){
+
+  return Spotlight.Block.Resources.extend({
+    type: "featured_pages",
+
+    icon_name: "pages",
+
+    autocomplete_url: function() { return $(this.inner).closest('form[data-autocomplete-exhibit-pages-path]').data('autocomplete-exhibit-pages-path').replace("%25QUERY", "%QUERY"); },
+    autocomplete_template: function() { return '<div class="autocomplete-item{{#unless published}} blacklight-private{{/unless}}">{{#if thumbnail_image_url}}<div class="document-thumbnail"><img class="img-thumbnail" src="{{thumbnail_image_url}}" /></div>{{/if}}<span class="autocomplete-title">{{title}}</span><br/><small>&nbsp;&nbsp;{{description}}</small></div>' },
+    bloodhoundOptions: function() {
+      return {
+        prefetch: {
+          url: this.autocomplete_url(),
+          ttl: 0
+        }
+      };
+    }
+  });
+
+})();

package/app/assets/javascripts/spotlight/admin/blocks/resources_block.js

@@ -0,0 +1,145 @@
+Spotlight.Block.Resources = (function(){
+
+  return Spotlight.Block.extend({
+    type: "resources",
+    formable: true,
+    autocompleteable: true,
+    show_heading: true,
+
+    title: function() { return i18n.t("blocks:" + this.type + ":title"); },
+    description: function() { return i18n.t("blocks:" + this.type + ":description"); },
+
+    icon_name: "resources",
+    blockGroup: function() { return i18n.t("blocks:group:items") },
+
+    primary_field_key: "primary-caption-field",
+    show_primary_field_key: "show-primary-caption",
+    secondary_field_key: "secondary-caption-field",
+    show_secondary_field_key: "show-secondary-caption",
+
+    display_checkbox: "display-checkbox",
+
+    globalIndex: 0,
+
+    _itemPanelIiifFields: function(index, data) {
+      return [];
+    },
+
+    _itemPanel: function(data) {
+      var index = "item_" + this.globalIndex++;
+      var checked;
+      if (data.display == "true") {
+        checked = "checked='checked'"
+      } else {
+        checked = "";
+      }
+      var resource_id = data.slug || data.id;
+      var markup = [
+          '<li class="field form-inline dd-item dd3-item" data-resource-id="' + resource_id + '" data-id="' + index + '" id="' + this.formId("item_" + data.id) + '">',
+            '<input type="hidden" name="item[' + index + '][id]" value="' + resource_id + '" />',
+            '<input type="hidden" name="item[' + index + '][title]" value="' + data.title + '" />',
+            this._itemPanelIiifFields(index, data),
+            '<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>',
+                '<div class="card-header item-grid">',
+                  '<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="sr-only" 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"))) + '" />',
+                    '</div>',
+                    '<div class="main">',
+                      '<div class="title card-title">' + data.title + '</div>',
+                      '<div>' + (data.slug || data.id) + '</div>',
+                    '</div>',
+                    '<div class="remove float-right">',
+                      '<a data-item-grid-panel-remove="true" href="#"><%= i18n.t("blocks:resources:panel:remove") %></a>',
+                    '</div>',
+                  '</div>',
+                  '<div data-panel-image-pagination="true"></div>',
+                '</div>',
+              '</div>',
+            '</li>'
+      ].join("\n");
+
+      var panel = $(_.template(markup)(this));
+      var context = this;
+
+      $('.remove a', panel).on('click', function(e) {
+        e.preventDefault();
+        $(this).closest('.field').remove();
+        context.afterPanelDelete();
+
+      });
+
+      this.afterPanelRender(data, panel);
+
+      return panel;
+    },
+
+    afterPanelRender: function(data, panel) {
+
+    },
+
+    afterPanelDelete: function() {
+
+    },
+
+    createItemPanel: function(data) {
+      var panel = this._itemPanel(data);
+      $(panel).appendTo($('.panels > ol', this.inner));
+      $('[data-behavior="nestable"]', this.inner).trigger('change');
+    },
+
+    item_options: function() { return ""; },
+
+    content: function() {
+      var templates = [this.items_selector()];
+      if (this.plustextable) {
+        templates.push(this.text_area());
+      }
+      return _.template(templates.join("<hr />\n"))(this);
+    },
+
+    items_selector: function() { return [
+    '<div class="row">',
+      '<div class="col-md-8">',
+        '<div class="form-group">',
+        '<div class="panels dd nestable-item-grid" data-behavior="nestable" data-max-depth="1"><ol class="dd-list"></ol></div>',
+          this.autocomplete_control(),
+        '</div>',
+      '</div>',
+      '<div class="col-md-4">',
+        this.item_options(),
+      '</div>',
+    '</div>'].join("\n")
+    },
+
+    template: [
+      '<div class="form resources-admin clearfix">',
+        '<div class="widget-header">',
+          '<%= description() %>',
+        '</div>',
+        '<%= content() %>',
+      '</div>'
+    ].join("\n"),
+
+    onBlockRender: function() {
+      SpotlightNestable.init($('[data-behavior="nestable"]', this.inner));
+
+      $('[data-input-select-target]', this.inner).selectRelatedInput();
+    },
+
+    afterLoadData: function(data) {
+      var context = this;
+      $.each(Object.keys(data.item || {}).map(function(k) { return data.item[k]}).sort(function(a,b) { return a.weight - b.weight; }), function(index, item) {
+        context.createItemPanel(item);
+      });
+    },
+  });
+
+})();

package/app/assets/javascripts/spotlight/admin/blocks/rule_block.js

@@ -0,0 +1,25 @@
+/*
+  Sir Trevor ItemText Block.
+  This block takes an ID,
+  fetches the record from solr,
+  displays the image, title, 
+  and any provided text
+  and displays them.
+*/
+
+SirTrevor.Blocks.Rule = (function(){
+
+  return SirTrevor.Block.extend({
+    type: "rule",
+    
+    title: function() { return i18n.t('blocks:rule:title'); },
+
+    icon_name: "rule",
+    
+    editorHTML: function() {
+      return _.template(this.template, this)(this);
+    },
+
+    template: '<hr />'
+  });
+})();

package/app/assets/javascripts/spotlight/admin/blocks/search_result_block.js

@@ -0,0 +1,44 @@
+//= require spotlight/admin/blocks/browse_block
+
+SirTrevor.Blocks.SearchResults =  (function(){
+
+  return SirTrevor.Blocks.Browse.extend({
+
+    type: "search_results",
+
+    icon_name: 'search_results',
+
+    searches_key: "slug",
+    view_key: "view",
+    plustextable: false,
+
+    content: function() {
+      return _.template([this.items_selector()].join("<hr />\n"))(this);
+    },
+
+    item_options: function() {
+      var block = this;
+      var fields = $('[data-blacklight-configuration-search-views]').data('blacklight-configuration-search-views');
+
+      return $.map(fields, function(field) {
+        checkbox = ""
+        checkbox += "<div>";
+        checkbox += "<label for='" + block.formId(block.view_key + field.key) + "'>";
+          checkbox += "<input id='" + block.formId(block.view_key + field.key) + "' name='" + block.view_key + "[]' type='checkbox' value='" + field.key + "' /> ";
+            checkbox += field.label;
+            checkbox += "</label>";
+          checkbox += "</div>";
+        return checkbox;
+      }).join("\n");
+    },
+
+    afterPanelRender: function(data, panel) {
+      $(this.inner).find('.item-input-field').attr("disabled", "disabled");
+    },
+
+    afterPanelDelete: function() {
+      $(this.inner).find('.item-input-field').removeAttr("disabled");
+    },
+
+  });
+})();

package/app/assets/javascripts/spotlight/admin/blocks/solr_documents_base_block.js

@@ -0,0 +1,108 @@
+//= require spotlight/admin/blocks/resources_block
+
+SirTrevor.Blocks.SolrDocumentsBase = (function(){
+
+  return Spotlight.Block.Resources.extend({
+    plustextable: true,
+    autocomplete_url: function() { return this.$instance().closest('form[data-autocomplete-exhibit-catalog-path]').data('autocomplete-exhibit-catalog-path').replace("%25QUERY", "%QUERY"); },
+    autocomplete_template: function() { return '<div class="autocomplete-item{{#if private}} blacklight-private{{/if}}">{{#if thumbnail}}<div class="document-thumbnail"><img class="img-thumbnail" src="{{thumbnail}}" /></div>{{/if}}<span class="autocomplete-title">{{title}}</span><br/><small>&nbsp;&nbsp;{{description}}</small></div>' },
+
+    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');
+
+      return $.map(fields, function(field) {
+        return $('<option />').val(field.key).text(field.label)[0].outerHTML;
+      }).join("\n");
+    },
+
+    item_options: function() { return this.caption_options(); },
+
+    caption_options: function() { return [
+      '<div class="field-select primary-caption" data-behavior="item-caption-admin">',
+        '<input name="<%= show_primary_field_key %>" type="hidden" value="false" />',
+        '<input data-input-select-target="#<%= formId(primary_field_key) %>" name="<%= show_primary_field_key %>" id="<%= formId(show_primary_field_key) %>" type="checkbox" value="true" />',
+        '<label for="<%= formId(show_primary_field_key) %>"><%= i18n.t("blocks:solr_documents:caption:primary") %></label>',
+        '<select data-input-select-target="#<%= formId(show_primary_field_key) %>" name="<%= primary_field_key %>" id="<%= formId(primary_field_key) %>">',
+          '<option value=""><%= i18n.t("blocks:solr_documents:caption:placeholder") %></option>',
+          '<%= caption_option_values() %>',
+        '</select>',
+      '</div>',
+      '<div class="field-select secondary-caption" data-behavior="item-caption-admin">',
+        '<input name="<%= show_secondary_field_key %>" type="hidden" value="false" />',
+        '<input data-input-select-target="#<%= formId(secondary_field_key) %>" name="<%= show_secondary_field_key %>" id="<%= formId(show_secondary_field_key) %>" type="checkbox" value="true" />',
+        '<label for="<%= formId(show_secondary_field_key) %>"><%= i18n.t("blocks:solr_documents:caption:secondary") %></label>',
+        '<select data-input-select-target="#<%= formId(show_secondary_field_key) %>" name="<%= secondary_field_key %>" id="<%= formId(secondary_field_key) %>">',
+        '<option value=""><%= i18n.t("blocks:solr_documents:caption:placeholder") %></option>',
+          '<%= caption_option_values() %>',
+        '</select>',
+      '</div>',
+    ].join("\n") },
+
+    _itemPanelIiifFields: function(index, data) {
+      return [
+        // '<input type="hidden" name="item[' + index + '][iiif_region]" value="' + (data.iiif_region) + '"/>',
+        // for legacy compatiblity:
+        '<input type="hidden" name="item[' + index + '][thumbnail_image_url]" value="' + (data.thumbnail_image_url || data.thumbnail || "") + '"/>',
+        '<input type="hidden" name="item[' + index + '][full_image_url]" value="' + (data.full_image_url || data.thumbnail_image_url || data.thumbnail || "") + '"/>',
+        '<input type="hidden" name="item[' + index + '][iiif_tilesource]" value="' + (data.iiif_tilesource) + '"/>',
+        '<input type="hidden" name="item[' + index + '][iiif_manifest_url]" value="' + (data.iiif_manifest_url) + '"/>',
+        '<input type="hidden" name="item[' + index + '][iiif_canvas_id]" value="' + (data.iiif_canvas_id) + '"/>',
+        '<input type="hidden" name="item[' + index + '][iiif_image_id]" value="' + (data.iiif_image_id) + '"/>',
+      ].join("\n");
+    },
+    setIiifFields: function(panel, 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;
+      }
+
+      legacyThumbnailField.val("");
+      legacyFullField.val("");
+      $(panel).find('[name$="[iiif_image_id]"]').val(data.imageId);
+      $(panel).find('[name$="[iiif_tilesource]"]').val(data.tilesource);
+      $(panel).find('[name$="[iiif_manifest_url]"]').val(data.manifest);
+      $(panel).find('[name$="[iiif_canvas_id]"]').val(data.canvasId);
+      $(panel).find('img.img-thumbnail').attr('src', data.thumbnail_image_url || 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;
+
+      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);
+
+        return;
+      }
+
+      $.ajax(manifestUrl).done(
+        function(manifest) {
+          var Iiif = spotlightAdminIiif;
+          var iiifManifest = new Iiif(manifestUrl, manifest);
+
+          var thumbs = iiifManifest.imagesArray();
+
+          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);
+          }
+        }
+      );
+    }
+  });
+
+})();

package/app/assets/javascripts/spotlight/admin/blocks/solr_documents_block.js

@@ -0,0 +1,25 @@
+//= require spotlight/admin/blocks/solr_documents_base_block
+
+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(); },
+
+    zpr_option: function() {
+      return [
+        '<div>',
+        '<input name="<%= zpr_key %>" type="hidden" value="false" />',
+        '<input name="<%= zpr_key %>" id="<%= formId(zpr_key) %>" data-key="<%= zpr_key %>" type="checkbox" value="true" />',
+        '<label for="<%= formId(zpr_key) %>"><%= i18n.t("blocks:solr_documents:zpr:title") %></label>',
+        '</div>'
+      ].join("\n");
+    },
+
+    zpr_key: 'zpr_link'
+  });
+
+})();

package/app/assets/javascripts/spotlight/admin/blocks/solr_documents_carousel_block.js

@@ -0,0 +1,103 @@
+//= require spotlight/admin/blocks/solr_documents_base_block
+
+SirTrevor.Blocks.SolrDocumentsCarousel = (function(){
+
+  return SirTrevor.Blocks.SolrDocumentsBase.extend({
+    plustextable: false,
+    type: "solr_documents_carousel",
+
+    icon_name: "item_carousel",
+
+    auto_play_images_key: "auto-play-images",
+    auto_play_images_interval_key: "auto-play-images-interval",
+    max_height_key: "max-height",
+
+    item_options: function() { return "" },
+
+    carouselCycleTimesInSeconds: {
+      values: [ 3, 5, 8, 12, 20 ],
+      selected: 5
+    },
+
+    carouselMaxHeights: {
+      values: { 'Small': 'small', 'Medium': 'medium', 'Large': 'large' },
+      selected: 'Medium'
+    },
+
+    item_options: function() {
+      return [this.caption_options(),
+        '<div class="field-select auto-cycle-images" data-behavior="auto-cycle-images">',
+          '<input name="<%= auto_play_images_key %>" type="hidden" value="false" />',
+          '<input name="<%= auto_play_images_key %>" id="<%= formId(auto_play_images_key) %>" data-key="<%= auto_play_images_key %>" type="checkbox" value="true" checked/>',
+          '<label for="<%= formId(auto_play_images_key) %>"><%= i18n.t("blocks:solr_documents_carousel:interval:title") %></label>',
+          '<select name="<%= auto_play_images_interval_key %>" id="<%= formId(auto_play_images_interval_key) %>" data=key="<%= auto_play_images_interval_key %>">',
+            '<option value=""><%= i18n.t("blocks:solr_documents_carousel:interval:placeholder") %></option>',
+            '<%= addCarouselCycleOptions(carouselCycleTimesInSeconds) %>',
+          '</select>',
+        '</div>',
+        '<div class="field-select max-heights" data-behavior="max-heights">',
+          '<label for="<%= formId(max_height_key) %>"><%= i18n.t("blocks:solr_documents_carousel:height:title") %></label><br/>',
+          '<%= addCarouselMaxHeightOptions(carouselMaxHeights) %>',
+        '</div>',
+      ].join("\n");
+    },
+
+    addCarouselCycleOptions: function(options) {
+      var html = '';
+
+      $.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>';
+      });
+
+      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();
+
+      // the bootstrap carousel only initializes data-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-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-slide-to')
+        if (slideIndex) options.interval = false
+
+        $.fn.carousel.call($target, options)
+
+        if (slideIndex) {
+          $target.data('bs.carousel').to(slideIndex)
+        }
+
+        e.preventDefault()
+      }
+
+      $(this.inner).find('.carousel')
+        .on('click.bs.carousel.data-api', '[data-slide]', clickHandler)
+        .on('click.bs.carousel.data-api', '[data-slide-to]', clickHandler)
+    }
+
+  });
+
+})();

package/app/assets/javascripts/spotlight/admin/blocks/solr_documents_embed_block.js

@@ -0,0 +1,17 @@
+//= require spotlight/admin/blocks/solr_documents_base_block
+
+SirTrevor.Blocks.SolrDocumentsEmbed = (function(){
+
+  return SirTrevor.Blocks.SolrDocumentsBase.extend({
+    type: "solr_documents_embed",
+
+    icon_name: "item_embed",
+
+    item_options: function() { return "" },
+
+    afterPreviewLoad: function(options) {
+      $(this.inner).find('picture[data-openseadragon]').openseadragon();
+    }
+  });
+
+})();

package/app/assets/javascripts/spotlight/admin/blocks/solr_documents_features_block.js

@@ -0,0 +1,41 @@
+//= require spotlight/admin/blocks/solr_documents_base_block
+
+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();
+
+      // the bootstrap carousel only initializes data-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-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-slide-to')
+        if (slideIndex) options.interval = false
+
+        $.fn.carousel.call($target, options)
+
+        if (slideIndex) {
+          $target.data('bs.carousel').to(slideIndex)
+        }
+
+        e.preventDefault()
+      }
+
+      $(this.inner).find('.carousel')
+        .on('click.bs.carousel.data-api', '[data-slide]', clickHandler)
+        .on('click.bs.carousel.data-api', '[data-slide-to]', clickHandler)
+    }
+
+  });
+
+})();

package/app/assets/javascripts/spotlight/admin/blocks/solr_documents_grid_block.js

@@ -0,0 +1,14 @@
+//= require spotlight/admin/blocks/solr_documents_base_block
+
+SirTrevor.Blocks.SolrDocumentsGrid = (function(){
+
+  return SirTrevor.Blocks.SolrDocumentsBase.extend({
+    type: "solr_documents_grid",
+
+    icon_name: "item_grid",
+
+
+    item_options: function() { return "" }
+  });
+
+})();