spotlight-frontend 3.5.0-beta.1

package/app/assets/javascripts/spotlight/admin/sir-trevor/block_controls.js

@@ -0,0 +1,120 @@
+(function(global) {
+  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;
+
+        if ($.isFunction(Blocks[type].prototype.blockGroup)) {
+          blockGroup = Blocks[type].prototype.blockGroup();
+        } else {
+          blockGroup = Blocks[type].prototype.blockGroup;
+        }
+
+        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));
+      }
+    }
+
+    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 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 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);
+
+    var elButtons = document.createElement('div');
+    elButtons.className = "spotlight-block-controls";
+    elButtons.appendChild(el);
+    return elButtons;
+  }
+
+  global.Spotlight.BlockControls = function() { };
+  global.Spotlight.BlockControls.create = function(editor) {
+    // REFACTOR - should probably not know about blockManager
+    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;
+    }
+
+    function destroy() {
+      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");
+    }
+
+    function replaceBlock() {
+      SirTrevor.mediator.trigger(
+        "block:replace", el.parentNode, this.getAttribute('data-type')
+      );
+    }
+
+    $(editor.wrapper).delegate(".st-block-replacer", "click", insert);
+    $(editor.wrapper).delegate(".st-block-controls__button", "click", insert);
+
+    return {
+      el: el,
+      hide: hide,
+      destroy: destroy
+    };
+  };
+})(this);

package/app/assets/javascripts/spotlight/admin/sir-trevor/block_limits.js

@@ -0,0 +1,37 @@
+Spotlight.BlockLimits = function(editor) {
+  this.editor = editor;
+};
+
+Spotlight.BlockLimits.prototype.enforceLimits = function(editor) {
+  this.addEditorCallbacks(editor);
+  this.checkGlobalBlockTypeLimit()();
+};
+
+Spotlight.BlockLimits.prototype.addEditorCallbacks = function(editor) {
+  SirTrevor.EventBus.on('block:create:new', this.checkBlockTypeLimitOnAdd());
+  SirTrevor.EventBus.on('block:remove', this.checkGlobalBlockTypeLimit());
+};
+
+Spotlight.BlockLimits.prototype.checkBlockTypeLimitOnAdd = function() {
+  var editor = this.editor;
+
+  return function(block) {
+    var control = $(".st-block-controls__button[data-type='" + block.type + "']", editor.blockControls.el);
+
+    control.prop("disabled", !editor.blockManager.canCreateBlock(block.class()));
+  };
+};
+
+Spotlight.BlockLimits.prototype.checkGlobalBlockTypeLimit = function() {
+  // we don't know what type of block was created or removed.. So, try them all.
+  var editor = this.editor;
+
+  return function() {
+    $.each(editor.blockManager.blockTypes, function(i, type) {
+      var block_type = SirTrevor.Blocks[type].prototype;
+
+      var control = $(editor.blockControls.el).find(".st-block-controls__button[data-type='" + block_type.type + "']");
+      control.prop("disabled", !editor.blockManager.canCreateBlock(type));
+    });
+  };
+};

package/app/assets/javascripts/spotlight/admin/sir-trevor/locales.js

@@ -0,0 +1,120 @@
+SirTrevor.Locales.en.blocks = $.extend(SirTrevor.Locales.en.blocks, {
+  autocompleteable: {
+    placeholder: "Enter a title..."
+  },
+
+  browse: {
+    title: "Browse Categories",
+    description: "This widget highlights browse categories. Each highlighted category links to the corresponding browse category results page.",
+    item_counts: "Include item counts?"
+  },
+
+  browse_group_categories: {
+    autocomplete: "Enter a browse group title...",
+    title: "Browse Group Categories",
+    description: "This widget displays all browse categories associated with a selected browse group as a horizontally-scrolling row. Each selected browse group is displayed as a separate row. Each displayed category in a group links to the corresponding browse category results page.",
+    item_counts: "Include category item counts?"
+  },
+
+  link_to_search: {
+    title: "Saved Searches",
+    description: "This widget highlights saved searches. Each highlighted saved search links to the search results page generated by the saved search parameters. Any saved search listed on the Curation > Browse categories page, whether published or not, can be highlighted as a saved search.",
+    item_counts: "Include item counts?"
+  },
+
+  iframe: {
+    title:  "IFrame",
+    description: "This widget embeds iframe-based embed code into pages",
+    placeholder: "Enter embed code here. It should begin with e.g. '<iframe'"
+  },
+
+  oembed: {
+    title: "Embed + Text",
+    description: "This widget embeds an oEmbed-supported web resource and a text block to the left or right of it. Examples of oEmbed-supported resources include those from YouTube, Twitter, Flickr, and SlideShare.",
+    url: "URL",
+  },
+
+  uploaded_items: {
+    title: "Uploaded Item Row",
+    description: "This widget displays uploaded items in a horizontal row. Optionally, you can add a heading and/or text to be displayed adjacent to the items. The item caption and link URL fields are also optional.",
+    caption: 'Caption',
+    link: 'Link URL'
+  },
+
+  featured_pages: {
+    title:  "Pages",
+    description: "This widget highlights pages from this exhibit. Each highlighted item links to the corresponding page."
+  },
+
+  resources: {
+    panel: {
+      drag: "Drag",
+      display: "Display?",
+      remove: "Remove"
+    }
+  },
+
+  rule: {
+    title: "Horizontal Rule"
+  },
+
+  search_results: {
+    title: "Search Results",
+    description: "This widget displays a set of search results on a page. Specify a search result set by selecting an existing browse category. You can also select the view types that are available to the user when viewing the result set."
+  },
+
+  solr_documents: {
+    title: "Item Row",
+    description: "This widget displays exhibit items in a horizontal row. Optionally, you can add a heading and/or text to be displayed adjacent to the items.",
+    caption: {
+      placeholder: "Select...",
+      primary: "Primary caption",
+      secondary: "Secondary caption"
+    },
+    zpr: {
+      title: 'Offer "View larger" option'
+    }
+  },
+
+  solr_documents_carousel: {
+    title: "Item Carousel",
+    description: "This widget displays exhibit items in a carousel. You can configure the item captions, how the images are cycled, and the size of the carousel.",
+    interval: {
+      title: "Automatically cycle images",
+      placeholder: "Select..."
+    },
+    height: {
+      title: "Maximum carousel height"
+    }
+  },
+
+  solr_documents_embed: {
+    title: "Item Embed",
+    description: "This widget embeds an exhibit item in a viewer on a page. Optionally, you can add a heading to be displayed above the viewer and/or text to be displayed adjacent to the viewer.",
+  },
+
+  solr_documents_features: {
+    title: "Item Slideshow",
+    description: "This widget displays exhibit items in a static slideshow. The user will move between items in the slideshow using the field you select as the primary caption."
+  },
+
+  solr_documents_grid: {
+    title: "Item Grid",
+    description: "This widget displays exhibit items in a multi-row grid. Optionally, you can add a heading and/or text to be displayed adjacent to the items."
+  },
+
+  textable: {
+    heading: "Heading",
+    text: "Text",
+    align: {
+      title: "Display text on:",
+      left: "Left",
+      right: "Right"
+    }
+  },
+
+  group: {
+    undefined: "Standard widgets",
+    items: "Exhibit item widgets"
+  }
+});

package/app/assets/javascripts/spotlight/admin/spotlight_nestable.js

@@ -0,0 +1,72 @@
+
+(function( global ) {
+  var Module = (function() {
+    var nestableSelector = '[data-behavior="nestable"]';
+    return {
+      init: function(selector){
+
+        $(selector || nestableSelector).each(function(){
+          // Because the Rails helper will not maintain the case that Nestable
+          // expects, we just need to do this manual conversion. :(
+          var data = $(this).data();
+          data.expandBtnHTML = data.expandBtnHtml;
+          data.collapseBtnHTML = data.collapseBtnHtml;
+          $(this).nestable(data);
+          updateWeightsAndRelationships($(this));
+        });
+      }
+    };
+    function updateWeightsAndRelationships(nestedList){
+      nestedList.on('change', function(event){
+        var container = $(event.currentTarget);
+        var data = $(this).nestable('serialize');
+        var weight = 0;
+        for(var i in data){
+          var parent_id = data[i]['id'];
+          parent_node = findNode(parent_id, container);
+          setWeight(parent_node, weight++);
+          if(data[i]['children']){
+            var children = data[i]['children'];
+            for(var child in children){
+              var id = children[child]['id']
+              child_node = findNode(id, container);
+              setWeight(child_node, weight++);
+              setParent(child_node, parent_id);
+            }
+          } else {
+            setParent(parent_node, "");
+          }
+        }
+      });
+
+    }
+    function findNode(id, container) {
+      return container.find("[data-id="+id+"]");
+    }
+
+    function setWeight(node, weight) {
+      weight_field(node).val(weight);
+    }
+
+    function setParent(node, parent_id) {
+      parent_page_field(node).val(parent_id);
+    }
+
+    /* find the input element with data-property="weight" that is nested under the given node */
+    function weight_field(node) {
+      return find_property(node, "weight");
+    }
+
+    /* find the input element with data-property="parent_page" that is nested under the given node */
+    function parent_page_field(node){
+      return find_property(node, "parent_page");
+    }
+
+    function find_property(node, property) {
+      return node.find("input[data-property=" + property + "]");
+    }
+  })();
+
+  global.SpotlightNestable = Module;
+
+})( this );

package/app/assets/javascripts/spotlight/admin/tabs.js

@@ -0,0 +1,6 @@
+Spotlight.onLoad(function(){
+  if ($('[role=tabpanel]').length > 0 && window.location.hash) {
+    var tabpanel = $(window.location.hash).closest('[role=tabpanel]');
+    $('a[role=tab][href="#'+tabpanel.attr('id')+'"]').tab('show');
+  }
+});

package/app/assets/javascripts/spotlight/admin/translation_progress.js

@@ -0,0 +1,23 @@
+Spotlight.onLoad(function() {
+  $('[data-behavior="translation-progress"]').translationProgress();
+});
+
+// translationProgress is a plugin that updates the "3/14" progress
+// counters in the tabs of the translation adminstration dashboard.
+// This works by counting the number of progress items and translations
+// present (indicated by data attributes) in each tab's content
+(function($) {
+  $.fn.translationProgress = function() {
+    var translationTabs = this;
+    $(translationTabs).each(function(){
+      var currentTab = $(this);
+      var tabName = $(this).attr('aria-controls');
+      var translationFields = $('#' + tabName).find('[data-translation-progress-item="true"]');
+      var completedTranslations = $('#' + tabName).find('[data-translation-present="true"]');
+
+      currentTab.find('span').text(completedTranslations.length + '/' + translationFields.length);
+    });
+
+    return this;
+  };
+})(jQuery);

package/app/assets/javascripts/spotlight/admin/users.js

@@ -0,0 +1,79 @@
+(function( $ ){
+
+  $.fn.spotlight_users = function( options ) {
+
+    // Create some defaults, extending them with any options that were provided
+    var settings = $.extend( { }, options);
+    var container;
+
+    function edit_user(event) {
+      event.preventDefault();
+      $(this).closest('tr').hide();
+      id = $(this).attr('data-target')
+      edit_view = $("[data-edit-for='"+id+"']", container).show();
+      $.each(edit_view.find('input[type="text"], select'), function() {
+        // Cache original values incase editing is canceled
+        $(this).data('orig', $(this).val());
+      });
+    }
+
+    function cancel_edit(event) {
+      event.preventDefault();
+      id = $(this).closest('tr').attr('data-edit-for');
+      edit_view = $("[data-edit-for='"+id+"']", container).hide();
+      clear_errors(edit_view);
+      rollback_changes(edit_view);
+      $("[data-show-for='"+id+"']", container).show();
+    }
+
+    function clear_errors(element) {
+      element.find('.has-error')
+             .removeClass('has-error')
+             .find('.form-text')
+             .remove(); // Remove the error messages
+    }
+
+    function rollback_changes(element) {
+      $.each(element.find('input[type="text"], select'), function() {
+        $(this).val($(this).data('orig')).trigger('change');
+      });
+    }
+
+    function destroy_user(event) {
+      id = $(this).attr('data-target')
+      $("[data-destroy-for='"+id+"']", container).val('1');
+    }
+
+    function new_user(event) {
+      event.preventDefault();
+      edit_view = $("[data-edit-for='new']", container).show();
+      $.each(edit_view.find('input[type="text"], select'), function() {
+        // Cache original values incase editing is canceled
+        $(this).data('orig', $(this).val());
+      });
+    }
+
+    function open_errors() {
+      edit_row = container.find('.has-error').closest('[data-edit-for]');
+      edit_row.show();
+      // The following row has the controls, so show it too.
+      edit_row.next().show();
+    }
+
+    return this.each(function() {
+
+      container = $(this);
+      $('[data-edit-for]', container).hide();
+      open_errors();
+      $("[data-behavior='edit-user']", container).on('click', edit_user);
+      $("[data-behavior='cancel-edit']", container).on('click', cancel_edit);
+      $("[data-behavior='destroy-user']", container).on('click', destroy_user);
+      $("[data-behavior='new-user']", container).on('click', new_user);
+    });
+  };
+})( jQuery );
+
+
+Spotlight.onLoad(function() {
+  $('.edit_exhibit, .admin-users').spotlight_users();
+});

package/app/assets/javascripts/spotlight/application.js

@@ -0,0 +1,14 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file.
+//
+// Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives) for details
+// about supported directives.
+//
+//= require spotlight/user/index
+//= require spotlight/admin/index

package/app/assets/javascripts/spotlight/spotlight.js

@@ -0,0 +1,23 @@
+Spotlight = function() {
+  var buffer = [];
+  return {
+    onLoad: function(func) {
+      buffer.push(func);
+    },
+
+    activate: function() {
+      for(var i = 0; i < buffer.length; i++) {
+        buffer[i].call();
+      }
+    }
+  };
+}();
+
+Blacklight.onLoad(function() {
+  Spotlight.activate();
+});
+
+Spotlight.onLoad(function(){
+  SpotlightNestable.init();
+});
+

package/app/assets/javascripts/spotlight/user/analytics.js

@@ -0,0 +1,9 @@
+(function($) {
+  Spotlight.onLoad(function(){
+    if (window._gaq != null) {
+      return _gaq.push(['_trackPageview']);
+    } else if (window.pageTracker != null) {
+      return pageTracker._trackPageview();
+    }
+  });
+})(jQuery);

package/app/assets/javascripts/spotlight/user/browse_group_categories.js

@@ -0,0 +1,59 @@
+(function( $ ){
+
+  $.fn.browseGroupCategories = function( options ) {
+    // Create some defaults, extending them with any options that were provided
+    var settings = $.extend( { }, options);
+    var $container, slider;
+
+    function init() {
+      var data = $container.data();
+      var sidebar = $container.data().sidebar;
+      var items = data.browseGroupCategoriesCount;
+      var dir = $('html').attr('dir');
+      var controls = $container.parent().find('.browse-group-categories-controls')[0];
+
+      slider = tns({
+        container: $container[0],
+        controlsContainer: controls,
+        loop: false,
+        nav: false,
+        items: 1,
+        slideBy: 'page',
+        textDirection: dir,
+        responsive: {
+          576: {
+            items: itemCount(items, sidebar)
+          }
+        }
+      });
+    }
+
+    // Destroy the slider instance, as tns will change the dom elements, causing some issues with turbolinks
+    function setupDestroy() {
+      document.addEventListener('turbolinks:before-cache', function() {
+        if (slider && slider.destroy) {
+          slider.destroy();
+        }
+      });
+    }
+
+    function itemCount(items, sidebar) {
+      if (items < 3) {
+        return items;
+      }
+      return sidebar ? 3 : 4;
+    }
+
+    return this.each(function() {
+      $container = $(this);
+      init();
+      setupDestroy();
+    });
+  }
+})( jQuery );
+
+Spotlight.onLoad(function() {
+  $('[data-browse-group-categories-carousel]').each(function(i, el) {
+    $(el).browseGroupCategories();
+  });
+});

package/app/assets/javascripts/spotlight/user/carousel.js

@@ -0,0 +1,3 @@
+Spotlight.onLoad(function(){
+  $('.carousel').carousel();
+});

package/app/assets/javascripts/spotlight/user/clear_form_button.js

@@ -0,0 +1,27 @@
+Spotlight.onLoad(function() {
+  $('.btn-reset').ClearFormButton();
+});
+
+(function($) {
+  $.fn.ClearFormButton = function() {
+    var $clearBtn = $(this);
+    var $input = $clearBtn.parent().prev('input');
+    var btnCheck = function(){
+      if ($input.val() !== '') {
+        $clearBtn.css('display', 'inline-block');
+      } else {
+        $clearBtn.css('display', 'none');
+      }
+    };
+
+    btnCheck();
+    $input.on('keyup', function() {
+      btnCheck();
+    });
+
+    $clearBtn.on('click', function(event) {
+      event.preventDefault();
+      $input.val('');
+    });
+  };
+})(jQuery);

package/app/assets/javascripts/spotlight/user/index.js

@@ -0,0 +1,8 @@
+//= require spotlight/spotlight
+//= require bootstrap/util
+//= require bootstrap/tab
+//= require bootstrap/tooltip
+//= require bootstrap/popover
+//= require bootstrap/carousel
+//= require tiny-slider
+//= require_tree .

package/app/assets/javascripts/spotlight/user/report_a_problem.js

@@ -0,0 +1,39 @@
+(function( $ ){
+
+  $.fn.reportProblem = function( options ) {
+    // Create some defaults, extending them with any options that were provided
+    var settings = $.extend( { }, options);
+    var container, target, cancel;
+
+    function init() {
+      target_val = container.attr('data-target')
+      if (!target_val) 
+        return
+
+      target = $("#" + target_val); 
+      container.on('click', open);
+      target.find('[data-behavior="cancel-link"]').on('click', close);
+    }
+
+    function open(event) {
+      event.preventDefault();
+      target.slideToggle('slow');
+    }
+
+    function close(event) {
+      event.preventDefault();
+      target.slideUp('fast');
+    }
+
+    return this.each(function() {        
+      container = $(this);
+      init();
+    });
+  }
+})( jQuery );
+
+Spotlight.onLoad(function() {
+  $('[data-behavior="contact-link"]').reportProblem();
+});
+
+