hyrax 3.4.2 → 4.0.0.beta1

data/app/assets/javascripts/hyrax/reports-buttons.js

@@ -5,29 +5,29 @@ Blacklight.onLoad(function() {
 
   $('#monthly-btn').on('click', function() {
     $(this).addClass('btn-primary');
-    $(this).removeClass('btn-default');
+    $(this).removeClass('btn-secondary');
     summaryButton.removeClass('btn-primary');
-    summaryButton.addClass('btn-default');
+    summaryButton.addClass('btn-secondary');
     rangeButton.removeClass('btn-primary');
-    rangeButton.addClass('btn-default');
+    rangeButton.addClass('btn-secondary');
   });
 
   $('#summary-btn').on('click', function() {
     
     $(this).addClass('btn-primary');
-    $(this).removeClass('btn-default');
+    $(this).removeClass('btn-secondary');
     monthlyButton.removeClass('btn-primary');
-    monthlyButton.addClass('btn-default');
+    monthlyButton.addClass('btn-secondary');
     rangeButton.removeClass('btn-primary');
-    rangeButton.addClass('btn-default');
+    rangeButton.addClass('btn-secondary');
   });
 
   $('#range-btn').on('click', function() {
     $(this).addClass('btn-primary');
-    $(this).removeClass('btn-default');
+    $(this).removeClass('btn-secondary');
     monthlyButton.removeClass('btn-primary');
-    monthlyButton.addClass('btn-default');
+    monthlyButton.addClass('btn-secondary');
     summaryButton.removeClass('btn-primary');
-    summaryButton.addClass('btn-default');
+    summaryButton.addClass('btn-secondary');
   });
 });

data/app/assets/javascripts/hyrax/save_work/required_fields.es6

@@ -18,6 +18,6 @@ export class RequiredFields {
   reload() {
     // ":input" matches all input, select or textarea fields.
     this.requiredFields = this.form.find(':input[required]')
-    this.requiredFields.change(this.callback)
+    this.requiredFields.on('change', this.callback)
   }
 }

data/app/assets/javascripts/hyrax/save_work/save_work_control.es6

@@ -99,12 +99,12 @@ export default class SaveWorkControl {
     let $uploadsEl = this.uploads.element;
     const $cancelBtn = this.uploads.form.find('#file-upload-cancel-btn');
 
-    $uploadsEl.bind('fileuploadstart', () => {
-      $cancelBtn.removeClass('hidden');
+    $uploadsEl.on('fileuploadstart', () => {
+      $cancelBtn.hidden = false;
     });
 
-    $uploadsEl.bind('fileuploadstop', () => {
-      $cancelBtn.addClass('hidden');
+    $uploadsEl.on('fileuploadstop', () => {
+      $cancelBtn.hidden = true;
     });
   }
 
@@ -116,8 +116,8 @@ export default class SaveWorkControl {
 
   // If someone adds or removes a field on a multivalue input, fire a formChanged event.
   watchMultivaluedFields() {
-      $('.multi_value.form-group', this.form).bind('managed_field:add', () => this.formChanged())
-      $('.multi_value.form-group', this.form).bind('managed_field:remove', () => this.formChanged())
+      $('.multi_value.form-group', this.form).on('managed_field:add', () => this.formChanged())
+      $('.multi_value.form-group', this.form).on('managed_field:remove', () => this.formChanged())
   }
 
   // Called when a file has been uploaded, the deposit agreement is clicked or a form field has had text entered.

data/app/assets/javascripts/hyrax/save_work/uploaded_files.es6

@@ -3,8 +3,8 @@ export class UploadedFiles {
   constructor(form, callback) {
     this.form = form
     this.element = $('#fileupload')
-    this.element.bind('fileuploadcompleted', callback)
-    this.element.bind('fileuploaddestroyed', callback)
+    this.element.on('fileuploadcompleted', callback)
+    this.element.on('fileuploaddestroyed', callback)
   }
 
   get hasFileRequirement() {

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

@@ -26,7 +26,7 @@
       }
     };
 
-    $('.generate-single-use-link').click(function(event) {
+    $('.generate-single-use-link').on('click', function(event) {
       event.preventDefault()
       manager.create_link($(this))
       return false

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

@@ -1,7 +1,7 @@
 // This code is to implement skip_to_content
 
 Blacklight.onLoad(function () {
-  $(".skip-to-content").click(function(event) {
+  $(".skip-to-content").on('click', function(event) {
     event.preventDefault();
     // element to focus on
     var skipTo = '#' + $(this)[0].firstElementChild.hash.split('#')[1];

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

@@ -4,7 +4,7 @@ Blacklight.onLoad(function() {
 	 itag.toggleClass("caret up");
   }
 
-  $(".sorts").click(function(){
+  $(".sorts").on("click", function(){
     var itag =$(this).find('i');
     toggle_icon(itag);
     sort = itag.attr('class') == "caret" ? itag.attr('id') + ' desc' :  itag.attr('id');

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

@@ -39,7 +39,7 @@ function setAnchorAttrs(anchor, title, data) {
 
 Blacklight.onLoad( function() {
   // #this method depends on a "current_user" global variable having been set.
-  $('.trophy-class').click(function(evt){
+  $('.trophy-class').on("click", function(evt){
     evt.preventDefault();
     anchor = $(this);
     toggleTrophy(anchor.data('url'), anchor);

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

@@ -31,11 +31,11 @@
         type: 'POST',
         dropZone: $(this).find('.dropzone')
       }, Hyrax.config.uploader, options))
-      .bind('fileuploadadded', function (e, data) {
-        $(e.currentTarget).find('button.cancel').removeClass('hidden');
+      .on('fileuploadadded', function (e, data) {
+        $(e.currentTarget).find('button.cancel').removeAttr("hidden");
       });
 
-      $(document).bind('dragover', function(e) {
+      $(document).on('dragover', function(e) {
         var dropZone = $('.dropzone'),
             timeout = window.dropZoneTimeout;
         if (!timeout) {

data/app/assets/javascripts/hyrax.js

@@ -1,23 +1,5 @@
-//= require jquery-ui/core
-//= require jquery-ui/widget
-//= require jquery-ui/widgets/menu
-//= require jquery-ui/widgets/autocomplete
-//= require jquery-ui/position
-//= require jquery-ui/effect
-//= require jquery-ui/effects/effect-highlight
-//= require jquery-ui/widgets/sortable
+//= require jquery-ui
 
-//= require bootstrap/alert
-//= require bootstrap/button
-//= require bootstrap/collapse
-//= require bootstrap/dropdown
-//= require bootstrap/modal
-//= require bootstrap/tooltip
-// Popover requires that tooltip be loaded first
-//= require bootstrap/popover
-//= require bootstrap/tab
-// Affix is used for the file manager
-//= require bootstrap/affix
 
 //= require select2
 //= require fixedsticky

data/app/assets/stylesheets/_bootstrap-default-overrides.scss

@@ -1,8 +1,8 @@
 // Brand colors
-$brand-danger: #d33a35 !default;
-$brand-success: #387f38 !default;
-$brand-info: #2c76c7 !default;
-$brand-warning: #565653 !default;
+$danger: #d33a35 !default;
+$success: #387f38 !default;
+$info: #2c76c7 !default;
+$warning: #565653 !default;
 
 // Overrides for accessibility compliance
 // Testing: WAVE evaluation tool: http://wave.webaim.org/

data/app/assets/stylesheets/hyrax/_accessibility.scss

@@ -33,5 +33,5 @@
   position: absolute;
   top: 0.5rem;
   width: auto;
-  z-index: 1005;
+  z-index: 99999; // always display on top
 }

data/app/assets/stylesheets/hyrax/_badge.scss

@@ -0,0 +1,7 @@
+.badge-enabled {
+  @extend .badge-success;
+}
+
+.badge-disabled {
+  @extend .badge-secondary;
+}

data/app/assets/stylesheets/hyrax/_batch-edit.scss

@@ -1,6 +1,6 @@
 .help-icon {
-  @extend .glyphicon;
-  @extend .glyphicon-question-sign;
+  @extend .fa !optional;
+  @extend .fa-question !optional;
   @extend .large-icon;
   top: 5px;
 }
@@ -14,13 +14,13 @@
 }
 
 #hide_addl_descriptions {
-  margin-bottom: $padding-large-vertical;
+  margin-bottom: $input-btn-padding-y-lg;
 }
 
-.glyphicon-chevron-right-helper.collapsed .chevron {
-  @extend .glyphicon-chevron-right;
+.fa-chevron-right-helper.collapsed .chevron {
+  @extend .fa-chevron-right !optional;
 }
-.glyphicon-chevron-right-helper .chevron {
-  @extend .glyphicon;
-  @extend .glyphicon-chevron-down;
+.fa-chevron-right-helper .chevron {
+  @extend .fa !optional;
+  @extend .fa-chevron-down !optional;
 }

data/app/assets/stylesheets/hyrax/_browse_everything_overrides.scss

@@ -1,4 +1,4 @@
-@import "browse_everything/browse_everything";
+@import "browse_everything/browse_everything_bootstrap4";
 
 #browse-everything {
   top: 10%;

data/app/assets/stylesheets/hyrax/_buttons.scss

@@ -4,7 +4,7 @@
 }
 
 .multi_value .listing .input-group {
-  margin-bottom: .35em;
+  margin-bottom: 0.35em;
 }
 
 .input-group-btn:last-child > .btn {
@@ -34,3 +34,33 @@ span.appliedFilter .remove {
 .additional-fields {
   margin-bottom: 1.5em;
 }
+
+/* add bootstrap 3.x style .btn-default */
+
+.btn-default {
+  color: #333;
+  background-color: #fff;
+  border-color: #ccc;
+}
+
+.btn-default:focus {
+  color: #333;
+  background-color: #e6e6e6;
+  border-color: #8c8c8c;
+}
+
+.btn-default:hover {
+  color: #333;
+  background-color: #e6e6e6;
+  border-color: #adadad;
+}
+
+.btn-default:active {
+  color: #333;
+  background-color: #e6e6e6;
+  border-color: #adadad;
+}
+
+td.toggle input[type="submit"]:not(.active) {
+  @extend .btn-default;
+}

data/app/assets/stylesheets/hyrax/_card.scss

@@ -0,0 +1,10 @@
+.card {
+  margin-bottom: 20px;
+}
+
+.card-title {
+  margin-top: 0;
+  margin-bottom: 0;
+  font-size: 16px;
+  color: inherit;
+}

data/app/assets/stylesheets/hyrax/_catalog.scss

@@ -10,60 +10,16 @@
   }
 }
 
-.document {
-  .list-thumbnail {
-    width: 30%;
-    float: left;
-  }
-
-  .metadata {
-    width: 70%;
-    display: inline-block;
-  }
-}
-
-// Styles added to help with newly implemented
-// Bootstrap row / column setup for search results
 .search-result-wrapper {
-  border-bottom: 1px dashed #ccc;
-  margin-bottom: 30px;
-  padding-bottom: 0;
-
-  .search-results-title-row {
-    align-items: center;
-    display: flex;
-    padding: 0 0 15px;
-
-    .search-result-title {
-      display: inline-block;
-      margin: 0 15px;
-      font-size: 18px;
-    }
-
-    @media (max-width: 768px) {
-      display: block;
-
-      > .search-result-title {
-        display: block;
-        padding-bottom: 5px;
-      }
-
-      .label {
-        margin-left: 15px;
-      }
-    }
-  }
-
   .list-thumbnail {
-    float: none;
+    display: flex;
+    justify-content: center;
     padding-bottom: 20px;
-    width: 100%;
 
     @media (max-width: 768px) {
       img {
         max-height: 200px;
       }
-
     }
   }
 
@@ -76,10 +32,12 @@
   }
 
   .collection-counts-wrapper {
-    text-align: right;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
 
     @media (max-width: 992px) {
-      text-align: left;
+      justify-content: flex-start;
     }
 
     .collection-counts-item {
@@ -113,3 +71,19 @@
     }
   }
 }
+
+.badge {
+  color: #fff;
+}
+
+.view-type-group a {
+  > span.caption {
+    display: none;
+  }
+}
+
+.search-widgets {
+  .view-type {
+    display: inline-block;
+  }
+}

data/app/assets/stylesheets/hyrax/_collection_types.scss

@@ -25,7 +25,7 @@
     width: 1px;
   }
 
-  .panel-heading {
+  .card-header {
     align-items: center;
     display: flex;
     justify-content: space-between;

data/app/assets/stylesheets/hyrax/_collections.scss

@@ -80,15 +80,15 @@ header {
   }
 }
 
-.label-default a:link,
-.label-default a:visited,
-.label-default a:hover {
+.badge-secondary a:link,
+.badge-secondary a:visited,
+.badge-secondary a:hover {
   color: #fff;
   text-align: center;
 }
 
 .dropdown-menu .edit_collection {
-  margin-top: 2 * $padding-large-vertical;
+  margin-top: 2 * $input-btn-padding-y-lg;
 }
 
 div.view-type {
@@ -128,8 +128,8 @@ button.branding-banner-remove:hover {
 }
 
 .dashboard .collections-wrapper {
-  .panel {
-    .panel-title {
+  .card {
+    .card-title {
       font-weight: 300;
     }
   }
@@ -219,7 +219,7 @@ button.branding-banner-remove:hover {
       }
     }
 
-    .glyphicon {
+    .fa {
       margin: 4px 0 0 4px;
     }
   }
@@ -276,7 +276,7 @@ button.branding-banner-remove:hover {
 // Admin show page
 .admin-show-page {
 
-  .panel-body > section {
+  .card-body > section {
     border-top: 1px solid #efefef;
     margin-bottom: 40px;
 
@@ -285,7 +285,7 @@ button.branding-banner-remove:hover {
     }
   }
 
-  .panel-heading {
+  .card-header {
     vertical-align: middle;
 
     .btn {
@@ -312,7 +312,7 @@ button.branding-banner-remove:hover {
         margin-bottom: 10px;
       }
 
-      .label {
+      .badge {
         margin-left: 5px;
       }
 
@@ -404,7 +404,7 @@ button.branding-banner-remove:hover {
     padding-bottom: 40px;
 
     .sharing-row-form {
-      margin-bottom: $padding-large-vertical;
+      margin-bottom: $input-btn-padding-y-lg;
     }
   }
 
@@ -463,7 +463,7 @@ button.branding-banner-remove:hover {
       text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
     }
 
-    .label {
+    .badge {
       border: 1px solid rgba(255, 255, 255, 0.5);
       box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.25);
       margin-left: 0.5em;
@@ -537,7 +537,7 @@ button.branding-banner-remove:hover {
       padding: 0;
     }
 
-    .label {
+    .badge {
       margin-left: 0.5em;
       vertical-align: 100%;
     }

data/app/assets/stylesheets/hyrax/_facets.scss

@@ -0,0 +1,46 @@
+#facet-panel-collapse {
+    display: inline-block !important; 
+    width: 100%;
+}
+
+.navbar-toggler-icon {
+    display: none;
+}
+
+.facet-label .facet_select, .selected, .facet-label .remove {
+    margin-right: 0.5rem;
+}
+
+.facet-label .remove {
+    margin-left: 0.75rem;
+}
+
+ul.facet-values.list-unstyled {
+    display: table;
+    table-layout: fixed;
+    width: 100%;
+
+    > li {
+        display: table-row;
+
+        > .facet-label {
+            display: table-cell;
+            hyphens: auto;
+            padding: 0 0.875rem 0.375rem 0.875rem;
+            text-indent: -0.938rem;
+
+            > a.facet_select { margin-right: unset;}
+        }
+
+        > .facet-count {
+            display: table-cell;
+            text-align: right;
+        }
+    }
+}
+
+.filter-name:after {
+    content: "\f105";
+    font-family: "FontAwesome";
+    padding-left: 0.5rem;
+}

data/app/assets/stylesheets/hyrax/_featured.scss

@@ -27,7 +27,7 @@ ol#featured_works {
   }
 
   .main {
-    padding: $padding-small-vertical;
+    padding: $custom-select-padding-y-sm;
   }
 
   .featured-label {

data/app/assets/stylesheets/hyrax/_file-listing.scss

@@ -2,7 +2,7 @@ div.facets h3 {
   font-size: 1.4em;
 }
 h4 .small {
-  color: $navbar-default-toggle-icon-bar-bg;
+  color: $navbar-light-active-color;
 }
 
 @media screen and (max-width: 961px) {
@@ -88,7 +88,7 @@ h4 .small {
   display: none;
 }
 
-.visibility-link .label {
+.visibility-link .badge {
   font-size: .85em;
   font-weight: normal;
 }
@@ -124,7 +124,7 @@ input#check_all {
   border: 0;
   border-radius: 0;
   box-shadow: none;
-  margin-bottom: 10px;
+  margin: 0.625rem 0;
 }
 
 #collection-list-container {

data/app/assets/stylesheets/hyrax/_file_manager.scss

@@ -20,23 +20,23 @@
   ul {
     list-style-type: none;
     &.grid li {
-      @extend .col-xs-4;
+      @extend .col-4;
       .thumbnail {
         height: 150px;
-        @extend .col-xs-12;
+        @extend .col-12;
         img {
           max-height: 140px;
         }
       }
 
       .spacer {
-        @extend .col-xs-12;
+        @extend .col-12;
       }
       .attributes {
-        @extend .col-xs-12;
+        @extend .col-12;
       }
       .member_resource_options {
-        @extend .col-xs-12;
+        @extend .col-12;
         float: none;
         input[type=radio] {
           margin-left: 1px;
@@ -53,23 +53,23 @@
       }
     }
     li {
-      @extend .col-xs-12;
+      @extend .col-12;
       .text {
         display: inline-block;
       }
       .thumbnail {
-        @extend .col-xs-3;
+        @extend .col-3;
       }
       .spacer {
-        @extend .col-xs-3;
+        @extend .col-3;
       }
       .attributes {
-        @extend .col-xs-6;
+        @extend .col-6;
       }
       .member_resource_options {
-        @extend .col-xs-12;
+        @extend .col-12;
         float: none;
-        span.radio:first-of-type {
+        span.form-check:first-of-type {
           margin-top: 50px;
         }
         input[type=radio] {
@@ -95,13 +95,13 @@
           top: 5px;
         }
       }
-      .ui-selecting .panel-body {
+      .ui-selecting .card-body {
         background: #FECA40;
       }
-      .ui-selected .panel-body {
+      .ui-selected .card-body {
         background: #F39814;
       }
-      .panel-heading {
+      .card-header {
         cursor: grab;
         cursor: -webkit-grab;
         cursor: -moz-grab;
@@ -113,18 +113,18 @@
     }
   }
   #file-manager-tools {
-    @media (max-width: $screen-md-min) {
+    @media (max-width: map-get($grid-breakpoints, "lg")) {
       &.affix {
         position: inherit;
       }
     }
-    @media (min-width: $screen-md-min) {
+    @media (min-width: map-get($grid-breakpoints, "lg")) {
       &.affix {
         top: -50px;
         width: 235px;
       }
     }
-    @media (min-width: $screen-lg-min) {
+    @media (min-width: map-get($grid-breakpoints, "xl")) {
       &.affix {
         width: 285px;
       }

data/app/assets/stylesheets/hyrax/_file_sets.scss

@@ -36,7 +36,7 @@ h2 small {
    background: white image_url('loading.gif') center bottom no-repeat;
 }
 
-h1.visibility span.label {
+h1.visibility span.badge {
   font-size: 30%;
   vertical-align: middle;
 }