blacklight-spotlight 0.0.1 → 0.0.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 5fc78130ad0d5c01eb3e403e5b8fa1dc37d037a1
-  data.tar.gz: 4121ebcde140ad733c719e0ae30254c1548aa14d
+  metadata.gz: c24e4327c4f2ecc1ce94f54a9a57911460a6a5bc
+  data.tar.gz: d55edc7e57c318fc0f9ad58d16f97f923d7af42a
 SHA512:
-  metadata.gz: 446943ffffe5a420b48827ec57b0285191aa2eee3889cebe9e7dbaa281b867b65f17e4b4d878af53d5c7eba407ca0487b44b5a68f7ec5e79784538d9c8034399
-  data.tar.gz: 9dde47add41e8c5d5df49754d889f7f9f1b16b649e48d2ba34e0222ce1197ee96fcf45714f5c6d519f884969e0c602fe72599780ab8d297e866d540a705d7d1f
+  metadata.gz: f2c0ba29eda4636f6c89ffab236434143f273ccd47114518607ad1c5fd45f57c8e0a0fc601b5f606e64ca103618267d46085d0e4782cf78923a4c1608f9f21df
+  data.tar.gz: 5b77388991866723e7ebf665f9a1951cb1064b05b210c06153b8eb5b2869d6136ae2f235054961308493711ce751f2524a5ab1d99ed766a21ce9fef7112c9ba7

data/README.md

@@ -18,7 +18,7 @@ $ rake
 Add this line to your application's Gemfile:
 
 ```
-gem 'spotlight'
+gem 'blacklight-spotlight'
 ```
 
 And then execute:

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

@@ -16,4 +16,5 @@
 //= require spotlight/spotlight
 //= require bootstrap/tooltip
 //= require bootstrap/popover
+//= require bootstrap-tagsinput
 //= require_tree .

data/app/assets/javascripts/spotlight/blacklight_configuration.js

@@ -0,0 +1,9 @@
+Spotlight.onLoad(function() {
+  // Initialize Nestable for nested pages
+  $('#nested-fields .metadata_fields').nestable({maxDepth: 1, listNodeName: "tbody", itemNodeName: "tr", expandBtnHTML: "", collapseBtnHTML: "" });
+  $('#nested-fields.facet_fields').nestable({maxDepth: 1});
+
+  // Handle weighting the pages and their children.
+  updateWeightsAndRelationships($('#nested-fields .metadata_fields'));
+  updateWeightsAndRelationships($('#nested-fields.facet_fields'));
+});

data/app/assets/javascripts/spotlight/catalog_edit.js

@@ -0,0 +1,5 @@
+Spotlight.onLoad(function() {
+  // By default tags input binds on page ready to [data-role=tagsinput],
+  // however, that doesn't work with Turbolinks. So we init manually:
+  $('#solr_document_exhibit_tag_list').tagsinput();
+});

data/app/assets/javascripts/spotlight/exhibits.js

@@ -3,6 +3,7 @@ Spotlight.onLoad(function() {
     container = $(this).parent().parent();
     input = container.find('.input-group input[type="text"]').first().clone();
     input.val('');
+    input.attr('id', input.attr('id').replace('0', container.children().length));
     input.attr('name', input.attr('name').replace('0', container.children().length));
     container.append(input);
   });

data/app/assets/javascripts/spotlight/item_text_block.js

@@ -0,0 +1,90 @@
+/*
+  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.ItemText =  (function(){
+
+  var id_key = "item-id";
+  var title_key = "show-title";
+  var text_key = "item-text"
+  var align_key = "text-align"
+
+  var type = "item-text";
+
+  var template = _.template([
+    '<div class="form-horizontal item-text-admin">',
+      '<div class="widget-header">',
+        'This widget displays a thumbnail image of the repository item you selected and a text block to the left or right of it.',
+      '</div>',
+      '<div class="col-sm-9">',
+        '<div class="form-group">',
+          '<label for="' + id_key + '" class="col-sm-2 control-label">Selected item</label>',
+          '<div class="col-sm-6 field">',
+            '<input name="' + id_key + '"',
+            ' class="st-input-string form-control ' + type + '" type="text" id="' + id_key + '" />',
+          '</div>',
+        '</div>',
+        '<div class="form-group">',
+          '<label for="' + text_key + '" class="col-sm-2 control-label">Text</label>',
+          '<div class="col-sm-6 field">',
+            '<textarea name="' + text_key + '"',
+            ' class="form-control" type="text" id="' + text_key + '" rows="8"></textarea>',
+          '</div>',
+        '</div>',
+      '</div>',
+      '<div class="col-sm-3">',
+        '<label for"' + title_key + '">',
+          '<input name="' + title_key + '" type="hidden" value="false" />',
+          '<input name="' + title_key + '" id="' + title_key + '" type="checkbox" value="true" />',
+          'Display title',
+        '</label>',
+        '<div class="text-align">',
+          '<p>Display text on:</p>',
+          '<input type="radio" name="' + align_key + '" id="' + align_key + '-right" value="right" checked="true">',
+          '<label for="' + align_key + '-right">Left</label>',
+          '<input type="radio" name="' + align_key + '" id="' + align_key + '-left" value="left">',
+          '<label for="' + align_key + '-left">Right</label>',
+        '</div>',
+      '</div>',
+      '<div class="clearFix"></div>',
+    '</div>'
+  ].join("\n"));
+
+  return SirTrevor.Block.extend({
+
+    type: type,
+
+    title: function() { return "Item + Text"; },
+
+    editorHTML: function() {
+      return template(this);
+    },
+
+    icon_name: type,
+
+    toData: function() {
+      var data = {};
+      data[id_key] = this.$('#' + id_key).val();
+      data[title_key] = this.$('#' + title_key).is(':checked');
+      data[text_key] = this.$('#' + text_key).val();
+      data[align_key] = this.$('[name=' + align_key + ']:checked').val();
+      this.setData(data);
+    },
+
+    onBlockRender: function() {
+      addAutocompletetoSirTrevorForm();
+    },
+
+    loadData: function(data){
+      this.$('#' + id_key).val(data[id_key]);
+      this.$('#' + title_key).prop('checked', data[title_key]);
+      this.$('#' + text_key).val(data[text_key]);
+      this.$('#' + align_key + "-" + data[align_key]).prop("checked", true);
+    }
+  });
+})();

data/app/assets/javascripts/spotlight/pages.js

@@ -7,6 +7,16 @@ Spotlight.onLoad(function() {
   $('#nested-pages.search_admin').nestable({maxDepth: 1});
   // Handle weighting the pages and their children.
   updateWeightsAndRelationships($('#nested-pages'));
+
+   $.each($('.dd-handle'), function(k, el){
+      var height;
+      if ($(el).next('.dd3-content').length > 0) {
+        height = $(el).next('.dd3-content').outerHeight();
+      } else {
+        height = $(el).closest(".dd-item").outerHeight();
+      }
+      $(el).css('height', height);
+    });
 });
 
 function updateWeightsAndRelationships(selector){

data/app/assets/javascripts/spotlight/search_typeahead.js

@@ -0,0 +1,29 @@
+//= require typeahead.bundle.min.js
+//= require handlebars-v1.3.0.js
+
+var results = new Bloodhound({
+  datumTokenizer: function(d) { return Bloodhound.tokenizers.whitespace(d.title); },
+  queryTokenizer: Bloodhound.tokenizers.whitespace,
+  limit: 10,
+  remote: {
+    url: '/catalog.json?q=%QUERY',
+    filter: function(response) {
+      return $.map(response['response']['docs'], function(doc) {
+        return { id: doc['id'], title: doc['full_title_tesim'][0] }
+      })
+    }
+  }
+});
+
+function addAutocompletetoSirTrevorForm() {
+  $('input[name="item-id"]').typeahead(null, {
+      displayKey: 'id',
+      source: results.ttAdapter(),
+      templates: {
+        suggestion: Handlebars.compile(
+          '{{title}}<br/><small>&nbsp;&nbsp;{{id}}</small>'
+          )
+      }
+    });
+}
+results.initialize();

data/app/assets/javascripts/spotlight/users.js

@@ -0,0 +1,77 @@
+(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');
+      element.find('.help-block').remove(); // Remove the error messages
+    }
+
+    function rollback_changes(element) {
+      $.each(element.find('input[type="text"], select'), function() {
+        $(this).val($(this).data('orig'));
+      });
+    }
+
+    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').spotlight_users();
+});

data/app/assets/stylesheets/spotlight/application.css

@@ -10,6 +10,7 @@
  *
  *= require_self
  *= require sir-trevor
+ *= require bootstrap-tagsinput
  *= require_tree .
  */
 

data/app/assets/stylesheets/spotlight/blacklight_configuration.css.scss

@@ -0,0 +1,6 @@
+#nested-fields {
+  .dd-item td:first-child {
+    padding-left: 40px;
+    position: relative;
+  }
+}

data/app/assets/stylesheets/spotlight/catalog.css.scss

@@ -0,0 +1,64 @@
+@import 'bootstrap';
+
+#documents.table {
+  .documentHeader {
+
+  }
+
+  .row {
+    margin: 0;
+  }
+
+  .index-document-functions { 
+    display: none;
+  }
+
+  .document-thumbnail {
+    @extend .thumbnail;
+
+    img { 
+      max-width: 60px !important;
+    }
+  }
+
+}
+
+#document {
+  ul.tags li {
+    @extend .label;
+    @extend .label-default;
+  }
+}
+
+form.edit_solr_document {
+  .bootstrap-tagsinput {
+    display: block;
+  }
+}
+
+.blacklight-catalog-edit, .blacklight-catalog-show {
+  .thumbnail {
+    @extend .col-md-6;
+  }
+
+  .edit-fields {
+    float: right;
+    @extend .col-md-6;
+    border-bottom: 1px solid #ccc;
+    margin-bottom: 1em;
+    padding-bottom: 1em;
+  }
+
+  .tags, .dl-horizontal {
+    @extend .col-md-6;
+  }
+
+  #document {
+    @extend .clearfix;
+    @extend .row;
+  }
+}
+
+.edit_solr_document {
+  @extend .clearfix;
+}

data/app/assets/stylesheets/spotlight/curation.css.scss

@@ -54,3 +54,23 @@
     width: 60px;
   }
 }
+
+.instuctions {
+  border-top: 1px solid lightgray;
+  padding-top: 5px;
+ }
+ 
+.label.curation-widget {
+  display: inline-block;
+  margin-top: 1em;
+  padding: 0.7em 1em;
+  a {
+    color: white;
+    text-decoration: underline;
+  }
+}
+
+#content-header {
+  height: auto;
+  min-height: 0;
+}

data/app/assets/stylesheets/spotlight/exhibit_admin.css.scss

@@ -0,0 +1,11 @@
+.exhibit-admin {
+  input.exhibit-contact {
+    margin-top: 5px;
+    &:first-child {
+      margin-top: 0;
+    }
+  }
+  #another-email {
+    cursor: hand;
+  }
+}

data/app/assets/stylesheets/spotlight/item_text_block.css.scss

@@ -0,0 +1,41 @@
+@mixin record-thubmnail-textarea {
+  color: #42474b;
+  border: 0.1em solid #d4d4d4;
+  padding: 0 .6em;
+}
+.item-text {
+  .image-block {
+    max-width: 30%;
+    
+    .thumbnail {
+      margin-bottom: 5;
+    }
+    &.pull-left {
+      .thumbnail {
+        margin-right: 15px;
+      }
+    }
+    &.pull-right {
+      .thumbnail {
+        margin-left: 15px;
+      }
+    }
+    .title {
+      text-align: center;
+    }
+  }
+}
+.item-text-admin {
+  .text-align {
+    margin-top: 15px;
+  }
+  .field {
+    width: 75%;
+  }
+  textarea {
+    &:hover, &:active {
+      @include record-thubmnail-textarea;
+    }
+    @include record-thubmnail-textarea;
+  }
+}

data/app/assets/stylesheets/spotlight/nestable.css.scss

@@ -8,6 +8,20 @@
   line-height: 20px;
 }
 
+tbody.dd-list {
+  display: table-row-group;
+  padding-left: 0;
+}
+
+tbody.dd-dragel {
+  display: table;
+}
+
+tr.dd-item {
+  display: table-row;
+  position: relative;
+}
+
 .dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; }
 .dd-list .dd-list { padding-left: 30px; }
 .dd-collapsed .dd-list { display: none; }
@@ -15,7 +29,7 @@
 .dd-item,
 .dd-empty,
 .dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; line-height: 20px; }
-
+.dd-item .panel-heading {min-height: 71px;}
 .dd-handle { display: block; height: 73px; margin: 5px 0; padding: 5px 10px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc;
     background: #fafafa;
     background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);