geoblacklight 2.3.0

data/app/assets/javascripts/geoblacklight/controls.js

@@ -0,0 +1 @@
+//= require_tree ./controls

data/app/assets/javascripts/geoblacklight/controls/opacity.js

@@ -0,0 +1,6 @@
+/*global GeoBlacklight */
+
+// Leaflet opacity control.
+GeoBlacklight.Controls.Opacity = function() {
+  this.map.addControl(new L.Control.LayerOpacity(this.overlay));
+};

data/app/assets/javascripts/geoblacklight/downloaders.js

@@ -0,0 +1 @@
+//= require_tree ./downloaders

data/app/assets/javascripts/geoblacklight/downloaders/downloader.js

@@ -0,0 +1,61 @@
+!(function(global) {
+  'use strict';
+
+  var Downloader = L.Class.extend({
+    options: {
+      spinner: $('<i class="fa fa-spinner fa-spin fa-2x fa-align-center"></i>')
+    },
+
+    initialize: function(el, options) {
+      L.Util.setOptions(this, options);
+      this.$el = $(el);
+      this.options.spinner.hide();
+      $('.exports .card-header').append(this.options.spinner);
+      this.configureHandler();
+    },
+
+    configureHandler: function() {
+      this.$el.on('click', L.Util.bind(this.download, this));
+    },
+
+    download: function(ev) {
+      ev.preventDefault();
+      if (this.downloading) {
+        return;
+      }
+      this.downloading = true;
+      var url = this.$el.data('downloadPath');
+      this.options.spinner.show();
+      $.getJSON(url)
+        .done(L.Util.bind(this.complete, this))
+        .fail(L.Util.bind(this.error, this));
+    },
+
+    complete: function(data) {
+      this.downloading = false;
+      this.$el.prop('disabled', false);
+      this.renderMessage(data);
+      this.options.spinner.hide();
+    },
+
+    error: function(data) {
+      this.downloading = false;
+      this.$el.prop('disabled', false);
+      this.options.spinner.hide();
+    },
+
+    renderMessage: function(message) {
+      $.each(message, function(idx, msg) {
+        var flash = '<div class="alert alert-' + msg[0] + '"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>' + msg[1] + '</div>';
+        $('div.flash_messages').append(flash);
+      });
+    }
+
+  });
+
+  global.GeoBlacklight.Downloader = Downloader;
+  global.GeoBlacklight.downloader = function(el, options) {
+    return new Downloader(el, options);
+  };
+
+})(this);

data/app/assets/javascripts/geoblacklight/downloaders/hgl_downloader.js

@@ -0,0 +1,32 @@
+//= require geoblacklight/downloaders/downloader
+
+!(function(global) {
+  'use strict';
+
+  var HglDownloader = global.GeoBlacklight.Downloader.extend({
+
+    configureHandler: function() {
+      this.$el.on('submit', L.Util.bind(this.download, this));
+    },
+
+    download: function(ev) {
+      var url, email;
+      ev.preventDefault();
+      $(this.options.modal).modal('hide');
+      email = this.$el.find('#requestEmail').val();
+      url = this.$el.find('#requestUrl').val();
+
+      $.get(url, { email: email })
+        .done(L.Util.bind(this.complete, this))
+        .fail(L.Util.bind(this.error, this));
+    }
+
+  });
+
+  global.GeoBlacklight.HglDownloader = HglDownloader;
+  global.GeoBlacklight.hglDownloader = function(el, options) {
+    return new HglDownloader(el, options);
+  };
+
+
+})(this);

data/app/assets/javascripts/geoblacklight/geoblacklight.js

@@ -0,0 +1,42 @@
+//= require leaflet
+//= require native.history
+//= require_tree ./templates
+
+!function(global) {
+  'use strict';
+
+  /**
+   * Convert bounding box string to Leaflet LatLngBounds.
+   * @param {String} bbox Space-separated string of sw-lng sw-lat ne-lng ne-lat
+   * @return {L.LatLngBounds} Converted Leaflet LatLngBounds object
+   */
+  L.bboxToBounds = function(bbox) {
+    bbox = bbox.split(' ');
+    if (bbox.length === 4) {
+      return L.latLngBounds([[bbox[1], bbox[0]], [bbox[3], bbox[2]]]);
+    } else {
+      throw "Invalid bounding box string";
+    }
+  };
+
+  var GeoBlacklight = L.Class.extend({
+    statics: {
+      __version__: '2.0.0',
+
+      debounce: function(fn, delay) {
+        var timeout = null;
+        return function() {
+          var args = arguments, _this = this;
+          clearTimeout(timeout);
+          timeout = setTimeout(function() {
+            fn.apply(_this, args);
+          }, delay);
+        };
+      }
+    }
+  });
+
+  // Hash for leaflet controls.
+  GeoBlacklight.Controls = {};
+  global.GeoBlacklight = GeoBlacklight;
+}(this);

data/app/assets/javascripts/geoblacklight/modules.js

@@ -0,0 +1 @@
+//= require_tree ./modules

data/app/assets/javascripts/geoblacklight/modules/collapse.js

@@ -0,0 +1,7 @@
+Blacklight.onLoad(function() {
+  $('#content')
+    .on('click', '#documents [data-layer-id]', function() {
+      $(this).find('.collapse').collapse('toggle');
+      $(this).find('.caret-toggle').toggleClass('open');
+    });
+});

data/app/assets/javascripts/geoblacklight/modules/download.js

@@ -0,0 +1,11 @@
+Blacklight.onLoad(function() {
+  $('[data-download-path]').each(function(i, element) {
+    GeoBlacklight.downloader(element);
+  });
+  $('#blacklight-modal').on('loaded.blacklight.blacklight-modal', function() {
+    var modal = this;
+    $(this).find('#hglRequest').each(function() {
+      GeoBlacklight.hglDownloader(this, { modal: modal });
+    });
+  });
+});

data/app/assets/javascripts/geoblacklight/modules/geosearch.js

@@ -0,0 +1,133 @@
+!function(global) {
+  "use strict";
+
+  /**
+   * Convert LatLngBounds to array of values.
+   *
+   * Additionally, this will wrap the longitude values for the corners.
+   * @param {L.LatLngBounds} bounds Leaflet LatLngBounds object
+   * @return {Array} Array of values as [sw.x, sw.y, ne.x, ne.y]
+   */
+  L.boundsToBbox = function(bounds) {
+    var sw = bounds.getSouthWest(),
+        ne = bounds.getNorthEast();
+
+    if ((ne.lng - sw.lng) >= 360) {
+      sw.lng = -180;
+      ne.lng = 180;
+    }
+    sw = sw.wrap();
+    ne = ne.wrap();
+    return [
+      L.Util.formatNum(sw.lng, 6),
+      L.Util.formatNum(sw.lat, 6),
+      L.Util.formatNum(ne.lng, 6),
+      L.Util.formatNum(ne.lat, 6)
+    ];
+  };
+
+  L.Control.GeoSearch = L.Control.extend({
+
+    options: {
+      dynamic: true,
+      baseUrl: '',
+      searcher: function() {
+        History.pushState(null, document.title, this.getSearchUrl());
+      },
+      delay: 800,
+      staticButton: '<a class="btn btn-primary">Redo search here <span class="glyphicon glyphicon-repeat"></span></a>',
+      dynamicButton: '<label><input type="checkbox" checked> Search when I move the map</label>'
+    },
+
+    initialize: function(options) {
+      L.Util.setOptions(this, options);
+      this.$staticButton = $(this.options.staticButton);
+      this.$dynamicButton = $(this.options.dynamicButton);
+    },
+
+    onAdd: function(map) {
+      var $container = $('<div class="leaflet-control search-control"></div>'),
+          staticSearcher, dynamicSearcher;
+      this._map = map;
+
+      staticSearcher = L.Util.bind(function() {
+        this.$staticButton.hide();
+        this.$dynamicButton.show();
+        this.options.searcher.apply(this);
+      }, this);
+
+      dynamicSearcher = GeoBlacklight.debounce(function() {
+        if (this.options.dynamic) {
+          this.options.searcher.apply(this);
+        }
+      }, this.options.delay);
+
+      this.$staticButton.on('click', staticSearcher);
+
+      $container.on("change", "input[type=checkbox]",
+        L.Util.bind(function() {
+          this.options.dynamic = !this.options.dynamic;
+        }, this)
+      );
+
+      if (this.options.dynamic) {
+        this.$staticButton.hide();
+      } else {
+        this.$dynamicButton.hide();
+      }
+
+      this.wasResized = false;
+      map.on("resize", function(event) {
+        this.wasResized = true;
+      }, this);
+
+      map.on("moveend", function(event) {
+        if (this.wasResized) {
+          this.wasResized = false;
+        } else {
+          dynamicSearcher.apply(this);
+        }
+      }, this);
+
+      map.on("movestart", function() {
+        if (!this.options.dynamic) {
+          this.$dynamicButton.hide();
+          this.$staticButton.show();
+        }
+      }, this);
+
+      $container.append(this.$staticButton, this.$dynamicButton);
+      return $container.get(0);
+    },
+
+    getSearchUrl: function() {
+      var params = this.filterParams(['bbox', 'page']),
+          bounds = L.boundsToBbox(this._map.getBounds());
+
+      params.push('bbox=' + encodeURIComponent(bounds.join(' ')));
+      return this.options.baseUrl + '?' + params.join('&');
+    },
+
+    filterParams: function(filterList) {
+      var querystring = window.location.search.substr(1),
+          params = [];
+
+      if (querystring !== "") {
+        params = $.map(querystring.split('&'), function(value) {
+          if ($.inArray(value.split('=')[0], filterList) > -1) {
+            return null;
+          } else {
+            return value;
+          }
+        });
+      }
+      return params;
+    }
+
+  });
+
+  L.control.geosearch = function(options) {
+    return new L.Control.GeoSearch(options);
+  };
+
+}(this);

data/app/assets/javascripts/geoblacklight/modules/help_text.js

@@ -0,0 +1,7 @@
+Blacklight.onLoad(function() {
+  $(function () {
+      $('[data-toggle="popover"]').popover({
+        trigger: 'hover'
+      })
+    })
+});

data/app/assets/javascripts/geoblacklight/modules/home.js

@@ -0,0 +1,16 @@
+Blacklight.onLoad(function() {
+  $('[data-map="home"]').each(function(i, element) {
+
+    var geoblacklight = new GeoBlacklight.Viewer.Map(this);
+    var data = $(this).data();
+
+    geoblacklight.map.addControl(L.control.geosearch({
+      baseUrl: data.catalogPath,
+      dynamic: false,
+      searcher: function() {
+        window.location.href = this.getSearchUrl();
+      },
+      staticButton: '<a class="btn btn-primary">Search here</a>'
+    }));
+  });
+});

data/app/assets/javascripts/geoblacklight/modules/item.js

@@ -0,0 +1,13 @@
+Blacklight.onLoad(function() {
+  $('[data-map="item"]').each(function(i, element) {
+
+    // get viewer module from protocol value and capitalize to match class name
+    var viewerName = $(element).data().protocol,
+      viewer;
+
+    // get new viewer instance and pass in element
+    viewer = new window['GeoBlacklight']['Viewer'][viewerName](element);
+  });
+
+  new Readmore( '.truncate-abstract', { maxHeight: 60 } );
+});

data/app/assets/javascripts/geoblacklight/modules/layer_opacity.js

@@ -0,0 +1,68 @@
+// Adopts the Mapbox opacity control into a Leaflet plugin
+
+!function(global) {
+  'use strict';
+
+  L.Control.LayerOpacity = L.Control.extend({
+    initialize: function(layer) {
+      var options = { position: 'topleft' };
+
+      // check if layer is actually a layer group
+      if (typeof layer.getLayers !== 'undefined') {
+
+        // add first layer from layer group to options
+        options.layer = layer.getLayers()[0];
+      } else {
+
+        // add layer to options
+        options.layer = layer;
+      }
+
+      L.Util.setOptions(this, options);
+    },
+
+    onAdd: function(map) {
+      var container = L.DomUtil.create('div', 'opacity-control unselectable'),
+        controlArea = L.DomUtil.create('div', 'opacity-area', container),
+        handle = L.DomUtil.create('div', 'opacity-handle', container),
+        handleArrowUp = L.DomUtil.create('div', 'opacity-arrow-up', handle),
+        handleText = L.DomUtil.create('div', 'opacity-text', handle),
+        handleArrowDown = L.DomUtil.create('div', 'opacity-arrow-down', handle),
+        bottom = L.DomUtil.create('div', 'opacity-bottom', container);
+
+      L.DomEvent.stopPropagation(container);
+      L.DomEvent.disableClickPropagation(container);
+
+      this.setListeners(handle, bottom, handleText);
+      handle.style.top = handle.offsetTop - 13 + 50 + 'px';
+      handleText.innerHTML = parseInt(this.options.layer.options.opacity * 100) + '%';
+      return container;
+    },
+
+    setListeners: function(handle, bottom, handleText) {
+      var _this = this,
+        start = false,
+        startTop;
+
+      L.DomEvent.on(document, 'mousemove', function(e) {
+        if (!start) return;
+        var percentInverse = Math.max(0, Math.min(200, startTop + parseInt(e.clientY, 10) - start)) / 2;
+        handle.style.top = ((percentInverse * 2) - 13) + 'px';
+        handleText.innerHTML = Math.round((1 - (percentInverse / 100)) * 100) + '%';
+        bottom.style.height = Math.max(0, (((100 - percentInverse) * 2) - 13)) + 'px';
+        bottom.style.top = Math.min(200, (percentInverse * 2) + 13) + 'px';
+        _this.options.layer.setOpacity(1 - (percentInverse / 100));
+      });
+
+      L.DomEvent.on(handle, 'mousedown', function(e) {
+        start = parseInt(e.clientY, 10);
+        startTop = handle.offsetTop - 12;
+        return false;
+      });
+
+      L.DomEvent.on(document, 'mouseup', function(e) {
+        start = null;
+      });
+    }
+  });
+}(this);

data/app/assets/javascripts/geoblacklight/modules/metadata.js

@@ -0,0 +1,15 @@
+Blacklight.onLoad(function() {
+  $('#blacklight-modal').on('loaded.blacklight.blacklight-modal', function(e) {
+    $(e.target).find('.metadata-body').each(function(_i, el) {
+      $(el).parent().parent().addClass('metadata-modal');
+    });
+    $(this).find('.pill-metadata').each(function(i, element) {
+      GeoBlacklight.metadataDownloadButton(element, i);
+    });
+  });
+  $('#blacklight-modal').on('hidden.bs.modal', function(e) {
+    $(e.target).find('.metadata-body').each(function(_i, el) {
+      $(el).parent().parent().removeClass('metadata-modal');
+    });
+  });
+});

data/app/assets/javascripts/geoblacklight/modules/metadata_download_button.js

@@ -0,0 +1,53 @@
+//= require bootstrap/tab
+
+!(function(global) {
+
+  /** Download button for the metadata Bootstrap Modal dialog */
+  var MetadataDownloadButton = L.Class.extend({
+    options: {
+      target: '#btn-metadata-download'
+    },
+
+    /**
+     * Initialize with the DOM element
+     * @param {Element} el - <button>, <a>, or other jQuery selector
+     * @param {Number} i - index of metadata item
+     * @param {Object} options - Properties for the new instance
+     */
+    initialize: function initialize(el, i, options) {
+      L.Util.setOptions(this, options);
+      this.$el = $(el);
+      this.$download = $(this.target || this.$el.data('ref-download'));
+      // On initialization only do this for the first one.
+      if (i === 0) {
+        this.setRefUrl();
+      }
+      this.configureHandler();
+    },
+
+    /**
+     * Bind Elements to DOM element event listeners using jQuery
+     */
+    configureHandler: function configureHandler() {
+      this.$el.on('click', L.Util.bind(this.setRefUrl, this));
+    },
+
+    /**
+     * Set the hyperlink URL using the metadata URI
+     */
+    setRefUrl: function setRefUrl() {
+      var refUrl = this.$el.data('ref-endpoint');
+      if(refUrl == null || refUrl.length === 0) {
+        this.$download.hide();
+      } else {
+        this.$download.show();
+        this.$download.attr('href', refUrl);
+      }
+    },
+  });
+
+  global.GeoBlacklight.MetadataDownloadButton = MetadataDownloadButton;
+  global.GeoBlacklight.metadataDownloadButton = function metadataDownloadButton(el, options) {
+    return new MetadataDownloadButton(el, options);
+  };
+})(this);