test_hyrax 0.0.1.alpha

data/app/assets/javascripts/hyrax/search.js

@@ -0,0 +1,65 @@
+(function($){
+  Hyrax.Search = function (element) {
+    this.$element = $(element);
+
+    this.init = function() {
+      this.$label = this.$element.find('[data-search-element="label"]');
+      this.$items = this.$element.find('[data-search-option]');
+      this.setDefault();
+    }
+
+    this.init();
+    this.attachEvents();
+  }
+
+
+  Hyrax.Search.prototype = {
+    attachEvents: function() {
+
+      _this = this;
+      this.$items.on('click', function(event) {
+        event.preventDefault();
+        _this.clicked($(this))
+      });
+    },
+
+    clicked: function($anchor) {
+      this.setLabel($anchor.data('search-label'));
+      this.setFormAction($anchor.data('search-option'));
+    },
+
+    setFormAction: function(path) {
+      this.$element.attr('action', path);
+    },
+
+    getLabelForValue: function(value) {
+      selected = this.$element.find('[data-search-option="'+ value +'"]');
+      return selected.data('search-label');
+    },
+
+    setDefault: function() {
+      this.setLabel(this.getLabelForValue(this.$element.attr('action')));
+    },
+
+    setLabel: function(label) {
+      this.$label.html(label);
+    }
+
+  }
+
+  $.fn.search = function(option) {
+    return this.each(function() {
+      var $this = $(this);
+      var data  = $this.data('search');
+
+      if (!data) $this.data('search', (data = new Hyrax.Search(this)));
+    })
+  }
+
+})(jQuery);
+
+
+Blacklight.onLoad(function() {
+  $('#search-form-header').search();
+});
+

data/app/assets/javascripts/hyrax/select_submit.js

@@ -0,0 +1,12 @@
+//override the blacklight default to submit
+//form when sort by or show per page change
+Blacklight.do_select_submit = function() {
+  $(Blacklight.do_select_submit.selector).each(function() {
+        var select = $(this);
+        select.closest("form").find("input[type=submit]").show();
+        select.bind("change", function() {
+          return false;
+        });
+    });
+};
+Blacklight.do_select_submit.selector = "form.sort select, form.per_page select";

data/app/assets/javascripts/hyrax/select_work_type.es6

@@ -0,0 +1,38 @@
+export default class SelectWorkType {
+  /**
+   * Initializes the class in the context of an individual table element
+   * @param {jQuery} element the table element that this class represents
+   */
+  constructor(element) {
+      this.$element = element;
+      this.target = element.data('target')
+      this.modal = $(this.target);
+      this.form = this.modal.find('form.new-work-select')
+
+      // launch the modal.
+      element.on('click', (e) => { 
+          e.preventDefault();
+          this.modal.modal();
+          // ensure the type is set for the last clicked element
+          this.type = element.data('create-type')
+          // add custom routing logic when the modal is shown
+          this.form.on('submit', this.routingLogic.bind(this));
+      });
+
+      // remove the routing logic when the modal is hidden
+      this.modal.on('hide.bs.modal', (e) => {
+          this.form.unbind('submit')
+      });
+  }
+
+  // when the form is submitted route to the correct location
+  routingLogic(e) {
+      e.preventDefault();
+      // get the destination from the data attribute of the selected radio button
+      window.location.href = this.destination()
+  }
+
+  destination() {
+      return this.form.find('input[type="radio"]:checked').data(this.type)
+  }
+}

data/app/assets/javascripts/hyrax/single_use_links_manager.js

@@ -0,0 +1,53 @@
+(function( $ ){
+  $.fn.singleUseLinks = function( options ) {
+
+    var clipboard = new Clipboard('.copy-single-use-link');
+
+    var manager = {
+      reload_table: function() {
+        var url = $("table.single-use-links tbody").data('url')
+        $.get(url).done(function(data) {
+          $('table.single-use-links tbody').html(data);
+        });
+      },
+
+      create_link: function(caller) {
+        $.post(caller.attr('href')).done(function(data) {
+          manager.reload_table()
+        })
+      },
+
+      delete_link: function(caller) {
+        $.ajax({
+          url: caller.attr('href'),
+          type: 'DELETE',
+          done: caller.parent('td').parent('tr').remove()
+        })
+      }
+    };
+
+    $('.generate-single-use-link').click(function(event) {
+      event.preventDefault()
+      manager.create_link($(this))
+      return false
+    });
+
+    $("table.single-use-links tbody").on('click', '.delete-single-use-link', function(event) {
+      event.preventDefault()
+      manager.delete_link($(this))
+      return false;
+    });
+
+    clipboard.on('success', function(e) {
+      $(e.trigger).tooltip('show');
+      e.clearSelection();
+    }); 
+
+    return manager;
+
+  };
+})( jQuery );
+
+Blacklight.onLoad(function () {
+  $('.single-use-links').singleUseLinks();
+});

data/app/assets/javascripts/hyrax/sorting.js

@@ -0,0 +1,23 @@
+Blacklight.onLoad(function() {
+  function toggle_icon(itag){
+	 itag.toggleClass("caret");
+	 itag.toggleClass("caret up");
+  }
+
+  $(".sorts-dash").click(function(){
+    var itag =$(this).find('i');
+    toggle_icon(itag);
+    sort = itag.attr('class') == "caret" ? itag.attr('id') + ' desc' : itag.attr('id') + ' asc';
+    $('#sort').val(sort).selected = true;
+    $("#dashboard_sort_submit").click();
+  });
+
+  $(".sorts").click(function(){
+    var itag =$(this).find('i');
+    toggle_icon(itag);
+    sort = itag.attr('class') == "caret" ? itag.attr('id') + ' desc' :  itag.attr('id');
+    // There is more than one input named sort on the page, so qualifiy with the form class:
+    $('.form-search input[name="sort"]').attr('value', sort);
+    $("#user_submit").click();
+  });
+}); //end of Blacklight.onload

data/app/assets/javascripts/hyrax/tabs.js

@@ -0,0 +1,30 @@
+// This code is to implement the tabs on the home page
+
+// navigate to the selected tab or the first tab
+function tabNavigation(e) {
+    var activeTab = $('[href="' + location.hash + '"]');
+    if (activeTab.length) {
+        activeTab.tab('show');
+    } else {
+        var firstTab = $('.nav-tabs a:first');
+        // select the first tab if it has an id and is expected to be selected
+        if ((firstTab[0] !== undefined) && (firstTab[0].id != "")){
+          $(firstTab).tab('show');
+        }
+    }
+}
+
+Blacklight.onLoad(function () {
+  // When we visit a link to a tab, open that tab.
+  var url = document.location.toString();
+  if (url.match('#')) {
+    $('.nav-tabs a[href="#' + url.split('#')[1] + '"]').tab('show');
+  }
+
+  // Change the url when a tab is clicked.
+  $('a[data-toggle="tab"]').on('click', function(e) {
+    history.pushState(null, null, $(this).attr('href'));
+  });
+  // navigate to a tab when the history changes (back button)
+  window.addEventListener("popstate", tabNavigation);
+});

data/app/assets/javascripts/hyrax/trophy.js

@@ -0,0 +1,47 @@
+function toggleTrophy(url, anchor) {
+  $.ajax({
+     url: url,
+     type: "post",
+     success: function(data) {
+       gid = data.work_id;
+       if (anchor.hasClass("trophy-on")){
+         // we've just removed the trophy
+         trophyOff(anchor);
+       } else {
+         trophyOn(anchor);
+       }
+
+       anchor.toggleClass("trophy-on");
+       anchor.toggleClass("trophy-off");
+     }
+  });
+}
+// Trophy will be removed
+function trophyOff(anchor) {
+    if (anchor.data('removerow')) {
+        $('#trophyrow_'+gid).fadeOut(1000, function() {
+            $('#trophyrow_'+gid).remove();
+        });
+    } else {
+        setAnchorAttrs(anchor, 'Highlight work', 'add-text');
+    }
+}
+
+function trophyOn(anchor) {
+    setAnchorAttrs(anchor, 'Unhighlight work', 'remove-text');
+}
+
+function setAnchorAttrs(anchor, title, data) {
+    anchor.attr('title', title);
+    $nodes = anchor.contents();
+    $nodes[$nodes.length - 1].nodeValue = anchor.data(data)
+}
+
+Blacklight.onLoad( function() {
+  // #this method depends on a "current_user" global variable having been set.
+  $('.trophy-class').click(function(evt){
+    evt.preventDefault();
+    anchor = $(this);
+    toggleTrophy(anchor.data('url'), anchor);
+  });
+});

data/app/assets/javascripts/hyrax/uploader.js

@@ -0,0 +1,71 @@
+//= require fileupload/tmpl
+//= require fileupload/jquery.iframe-transport
+//= require fileupload/jquery.fileupload.js
+//= require fileupload/jquery.fileupload-process.js
+//= require fileupload/jquery.fileupload-validate.js
+//= require fileupload/jquery.fileupload-ui.js
+//
+/*
+ * jQuery File Upload Plugin JS Example
+ * https://github.com/blueimp/jQuery-File-Upload
+ *
+ * Copyright 2010, Sebastian Tschan
+ * https://blueimp.net
+ *
+ * Licensed under the MIT license:
+ * http://www.opensource.org/licenses/MIT
+ */
+
+(function( $ ){
+  'use strict';
+
+  $.fn.extend({
+    hyraxUploader: function( options ) {
+      // Initialize our jQuery File Upload widget.
+      // TODO: get these values from configuration.
+      this.fileupload($.extend({
+        // xhrFields: {withCredentials: true},              // to send cross-domain cookies
+        // acceptFileTypes: /(\.|\/)(png|mov|jpe?g|pdf)$/i, // not a strong check, just a regex on the filename
+        // limitMultiFileUploadSize: 500000000, // bytes
+        limitConcurrentUploads: 6,
+        maxNumberOfFiles: 100,
+        maxFileSize: 500000000, // bytes, i.e. 500 MB
+        autoUpload: true,
+        url: '/uploads/',
+        type: 'POST',
+        dropZone: $(this).find('.dropzone')
+      }, options))
+      .bind('fileuploadadded', function (e, data) {
+        $(e.currentTarget).find('button.cancel').removeClass('hidden');
+      });
+
+      $(document).bind('dragover', function(e) {
+        var dropZone = $('.dropzone'),
+            timeout = window.dropZoneTimeout;
+        if (!timeout) {
+            dropZone.addClass('in');
+        } else {
+            clearTimeout(timeout);
+        }
+        var found = false,
+            node = e.target;
+        do {
+            if (node === dropZone[0]) {
+                found = true;
+                break;
+            }
+            node = node.parentNode;
+        } while (node !== null);
+        if (found) {
+            dropZone.addClass('hover');
+        } else {
+            dropZone.removeClass('hover');
+        }
+        window.dropZoneTimeout = setTimeout(function () {
+            window.dropZoneTimeout = null;
+            dropZone.removeClass('in hover');
+        }, 100);
+      });
+    }
+  });
+})(jQuery);

data/app/assets/javascripts/hyrax/user_search.js

@@ -0,0 +1,34 @@
+(function( $ ){
+
+  $.fn.userSearch = function() {
+    return this.each(function() {
+      $(this).select2( {
+        placeholder: $(this).attr("value") || "Search for a user",
+        minimumInputLength: 2,
+        id: function(object) {
+          return object.user_key;
+        },
+        initSelection: function(element, callback) {
+          var data = {
+            id: element.val(),
+            text: element.val()
+          };
+          callback(data);
+        },
+        ajax: { // Use the jQuery.ajax wrapper provided by Select2
+          url: "/users.json",
+          dataType: "json",
+          data: function (term, page) {
+            return {
+              uq: term // Search term
+            };
+          },
+          results: function(data, page) {
+            return { results: data.users };
+          }
+        },
+      }).select2('data', null);
+    });
+
+  };
+})( jQuery );

data/app/assets/javascripts/hyrax/workflow_actions_affix.js

@@ -0,0 +1,14 @@
+Blacklight.onLoad(function() {
+  if ($('.workflow-actions').length) {
+    $(document).on('scroll', function() {
+      var workflowDiv = $('#workflow_controls');
+      var workflowDivPos = $('.workflow-actions').offset().top + $('#workflow_controls').height();
+      workflowDiv.removeClass('workflow-affix');
+      if(workflowDivPos > ($(window).scrollTop() + $(window).height())){
+        workflowDiv.addClass('workflow-affix');
+      } else {
+        workflowDiv.removeClass('workflow-affix');
+      }
+    });
+  }
+});

data/app/assets/stylesheets/fileupload/jquery.fileupload-ui.scss

@@ -0,0 +1,79 @@
+@charset 'UTF-8';
+
+/*
+ * jQuery File Upload UI Plugin CSS 6.3
+ * https://github.com/blueimp/jQuery-File-Upload
+ *
+ * Copyright 2010, Sebastian Tschan
+ * https://blueimp.net
+ *
+ * Licensed under the MIT license:
+ * http://www.opensource.org/licenses/MIT
+ */
+
+.fileupload-buttonbar {
+  padding: 1.5em 0;
+}
+
+.fileinput-button {
+  float: left;
+  margin-right: .50em;
+  overflow: hidden;
+  position: relative;
+
+  input {
+    border-width: 0 0 100px 200px;
+    border: solid transparent;
+    cursor: pointer;
+    direction: ltr;
+    filter: alpha(opacity = 0);
+    margin: 0;
+    opacity: 0;
+    position: absolute;
+    right: 0;
+    top: 0;
+    -moz-transform: translate(-300px, 0) scale(4);
+  }
+}
+
+.files .progress {
+  width: 200px;
+}
+
+.progress-animated .bar {
+  background: image-url('progressbar.gif') !important;
+  filter: none;
+}
+
+.fileupload-loading {
+  background: image-url('loading.gif') center no-repeat;
+  display: none;
+  height: 128px;
+  left: 50%;
+  position: absolute;
+  width: 128px;
+}
+
+.fileupload-processing .fileupload-loading {
+  display: block;
+}
+
+@media (max-width: 480px) {
+  .files .btn span {
+    display: none;
+  }
+  .files .preview * {
+    width: 40px;
+  }
+  .files .name * {
+    display: inline-block;
+    width: 80px;
+    word-wrap: break-word;
+  }
+  .files .progress {
+    width: 20px;
+  }
+  .files .delete {
+    width: 60px;
+  }
+}