geoblacklight 2.3.0

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

@@ -0,0 +1,14 @@
+Blacklight.onLoad(function () {
+    $('[data-relations="true"]').each(function (i, element) {
+        var $elem = $(element);
+        var attributes = $elem.data();
+        var relation_url = attributes['url'] + '/relations';
+        $.ajax({
+            url: relation_url,
+            type: 'GET',
+            success: function (data) {
+                $elem.append($(data).hide().fadeIn(200));
+            }
+        })
+    });
+});

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

@@ -0,0 +1,82 @@
+Blacklight.onLoad(function() {
+  var historySupported = !!(window.history && window.history.pushState);
+
+  if (historySupported) {
+    History.Adapter.bind(window, 'statechange', function() {
+      var state = History.getState();
+      updatePage(state.url);
+    });
+  }
+
+  $('[data-map="index"]').each(function() {
+    var data = $(this).data(),
+    opts = { baseUrl: data.catalogPath },
+    world = L.latLngBounds([[-90, -180], [90, 180]]),
+    geoblacklight, bbox;
+
+    if (typeof data.mapBbox === 'string') {
+      bbox = L.bboxToBounds(data.mapBbox);
+    } else {
+      $('.document [data-bbox]').each(function() {
+
+        try {
+          var currentBounds = L.bboxToBounds($(this).data().bbox);
+          if (!world.contains(currentBounds)) {
+            throw "Invalid bounds";
+          }
+          if (typeof bbox === 'undefined') {
+            bbox = currentBounds;
+          } else {
+            bbox.extend(currentBounds);
+          }
+        } catch (e) {
+          bbox = L.bboxToBounds("-180 -90 180 90");
+        }
+      });
+    }
+
+    if (!historySupported) {
+      $.extend(opts, {
+        dynamic: false,
+        searcher: function() {
+          window.location.href = this.getSearchUrl();
+        }
+      });
+    }
+
+    // instantiate new map
+    geoblacklight = new GeoBlacklight.Viewer.Map(this, { bbox: bbox });
+
+    // set hover listeners on map
+    $('#content')
+      .on('mouseenter', '#documents [data-layer-id]', function() {
+        if($(this).data('bbox').length > 0) {
+          var bounds = L.bboxToBounds($(this).data('bbox'));
+          geoblacklight.addBoundsOverlay(bounds);
+        }
+      })
+      .on('mouseleave', '#documents [data-layer-id]', function() {
+        geoblacklight.removeBoundsOverlay();
+      });
+
+    // add geosearch control to map
+    geoblacklight.map.addControl(L.control.geosearch(opts));
+  });
+
+  function updatePage(url) {
+    $.get(url).done(function(data) {
+      var resp = $.parseHTML(data);
+      $doc = $(resp);
+      $('#documents').replaceWith($doc.find('#documents'));
+      $('#sidebar').replaceWith($doc.find('#sidebar'));
+      $('#sortAndPerPage').replaceWith($doc.find('#sortAndPerPage'));
+      $('#appliedParams').replaceWith($doc.find('#appliedParams'));
+      $('#pagination').replaceWith($doc.find('#pagination'));
+      if ($('#map').next().length) {
+        $('#map').next().replaceWith($doc.find('#map').next());
+      } else {
+        $('#map').after($doc.find('#map').next());
+      }
+    });
+  }
+});

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

@@ -0,0 +1,38 @@
+/*global GeoBlacklight */
+
+GeoBlacklight.Util = {
+  // Regex taken from http://stackoverflow.com/questions/37684/how-to-replace-plain-urls-with-links
+  linkify: function(str) {
+    var urlRegEx = /((([A-Za-z]{3,9}:(?:\/\/)?)(?:[\-;:&=\+\$,\w]+@)?[A-Za-z0-9\.\-]+|(?:www\.|[\-;:&=\+\$,\w]+@)[A-Za-z0-9\.\-]+)((?:\/[\+~%\/\.\w\-]*)?\??(?:[\-\+=&;%@\.\w]*)#?(?:[\.\!\/\\\w]*))?)/g;
+    return str.toString().replace(urlRegEx, '<a href=\'$1\'>$1</a>');
+  },
+  /**
+   * Calls the index map download template
+   * @param {Object} data - GeoJSON feature properties object
+   * @param {requestCallback} cb
+   */
+  indexMapDownloadTemplate: function(data, cb) {
+    cb(HandlebarsTemplates["index_map_download"](data));
+  },
+  /**
+   * Calls the index map template
+   * @param {Object} data - GeoJSON feature properties object
+   * @param {requestCallback} cb
+   */
+  indexMapTemplate: function(data, cb) {
+    var thumbDeferred = $.Deferred();
+    $.when(thumbDeferred).done(function() {
+      cb(HandlebarsTemplates["index_map_info"](data));
+    });
+    if (data.iiifUrl && !data.thumbnailUrl) {
+      var manifest = $.getJSON(data.iiifUrl, function(manifestResponse) {
+        if (manifestResponse.thumbnail['@id'] !== null) {
+          data.thumbnailUrl = manifestResponse.thumbnail['@id'];
+          thumbDeferred.resolve();
+        }
+      });
+    } else {
+      thumbDeferred.resolve();
+    }
+  }
+};

data/app/assets/javascripts/geoblacklight/templates/index_map_download.hbs

@@ -0,0 +1,19 @@
+{{#if downloadUrl}}
+  <li class="list-group-item download js-index-map-feature">
+    <h3 class="card-subtitle">Selected feature</h3>
+
+    <ul class="list-group list-group-flush list-group-nested">
+      <li class="list-group-item download">
+        <div class="download-link-container">
+          <a class="btn btn-default download download-original" href="{{downloadUrl}}">
+            {{#if label}}
+              {{label}}
+            {{else}}
+              Download
+            {{/if}}
+          </a>
+        </div>
+      </li>
+    </ul>
+  </li>
+{{/if}}

data/app/assets/javascripts/geoblacklight/templates/index_map_info.hbs

@@ -0,0 +1,40 @@
+<div class="index-map-info">
+  {{#if title}}
+    <div class="col-sm-12">
+      <h3>{{title}}</h3>
+    </div>
+  {{/if}}
+  <div class="col-sm-12">
+    {{#if thumbnailUrl}}
+      {{#if websiteUrl}}
+        <a href="{{websiteUrl}}">
+          <img src="{{thumbnailUrl}}" class="img-responsive">
+        </a>
+      {{else}}
+        <img src="{{thumbnailUrl}}">
+      {{/if}}
+    {{/if}}
+    <dl class="row dl-invert document-metadata">
+      {{#if websiteUrl}}
+        <dt class="col-sm-3">Website:</dt>
+        <dd class="col-sm-9"><a href="{{websiteUrl}}">{{websiteUrl}}</a></dd>
+      {{/if}}
+      {{#if downloadUrl}}
+        <dt class="col-sm-3">Download:</dt>
+        <dd class="col-sm-9"><a href="{{downloadUrl}}">{{downloadUrl}}</a></dd>
+      {{/if}}
+      {{#if recordIdentifier}}
+        <dt class="col-sm-3">Record Identifier:</dt>
+        <dd class="col-sm-9">{{recordIdentifier}}</dd>
+      {{/if}}
+      {{#if label}}
+        <dt class="col-sm-3">Label:</dt>
+        <dd class="col-sm-9">{{label}}</dd>
+      {{/if}}
+      {{#if note}}
+        <dt class="col-sm-3">Note:</dt>
+        <dd class="col-sm-9">{{note}}</dd>
+      {{/if}}
+    </dl>
+  </div>
+</div>

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

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

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

@@ -0,0 +1,77 @@
+//= require geoblacklight/viewers/map
+
+GeoBlacklight.Viewer.Esri = GeoBlacklight.Viewer.Map.extend({
+  layerInfo: {},
+
+  load: function() {
+    this.options.bbox = L.bboxToBounds(this.data.mapBbox);
+    this.map = L.map(this.element).fitBounds(this.options.bbox);
+    this.map.addLayer(this.selectBasemap());
+    this.map.addLayer(this.overlay);
+    if (this.data.available) {
+      this.getEsriLayer();
+    } else {
+      this.addBoundsOverlay(this.options.bbox);
+    }
+  },
+
+  getEsriLayer: function() {
+    var _this = this;
+
+    // remove any trailing slash from endpoint url
+    _this.data.url = _this.data.url.replace(/\/$/, '');
+    L.esri.get(_this.data.url, {}, function(error, response){
+      if(!error) {
+        _this.layerInfo = response;
+
+        // get layer as defined in submodules (e.g. esri/mapservice)
+        var layer = _this.getPreviewLayer();
+
+        // add layer to map
+        if (_this.addPreviewLayer(layer)) {
+          // add controls if layer is added
+          _this.loadControls();
+        }
+      }
+    });
+  },
+
+  addPreviewLayer: function(layer) {
+
+    // if not null, add layer to map
+    if (layer) {
+
+      this.overlay.addLayer(layer);
+      return true;
+    }
+  },
+
+  // clear attribute table and setup spinner icon
+  appendLoadingMessage: function() {
+    var spinner = '<tbody class="attribute-table-body"><tr><td colspan="2">' +
+      '<span id="attribute-table">' +
+      '<i class="fa fa-spinner fa-spin fa-align-center">' +
+      '</i></span>' +
+      '</td></tr></tbody>';
+
+    $('.attribute-table-body').html(spinner);
+  },
+
+  // appends error message to attribute table
+  appendErrorMessage: function() {
+    $('.attribute-table-body').html('<tbody class="attribute-table-body">'+
+      '<tr><td colspan="2">Could not find that feature</td></tr></tbody>');
+  },
+
+  // populates attribute table with feature properties
+  populateAttributeTable: function(feature) {
+    var html = $('<tbody class="attribute-table-body"></tbody>');
+
+    // step through properties and append to table
+    for (var property in feature.properties) {
+      html.append('<tr><td>' + property + '</td>'+
+                  '<td>' + GeoBlacklight.Util.linkify(feature.properties[property]) + '</tr>');
+    }
+    $('.attribute-table-body').replaceWith(html);
+  }
+});

data/app/assets/javascripts/geoblacklight/viewers/esri/dynamic_map_layer.js

@@ -0,0 +1,85 @@
+//= require geoblacklight/viewers/esri
+
+GeoBlacklight.Viewer.DynamicMapLayer = GeoBlacklight.Viewer.Esri.extend({
+
+  // override to parse between dynamic layer types
+  getEsriLayer: function() {
+    var _this = this;
+
+    // remove any trailing slash from endpoint url
+    _this.data.url = _this.data.url.replace(/\/$/, '');
+
+    // get last segment from url
+    var pathArray = this.data.url.replace(/\/$/, '').split('/');
+    var lastSegment = pathArray[pathArray.length - 1];
+
+    // if the last seg is an integer, slice and save as dynamicLayerId
+    if (Number(lastSegment) === parseInt(lastSegment, 10)) {
+      this.dynamicLayerId = lastSegment;
+      this.data.url = this.data.url.slice(0,-(lastSegment.length + 1));
+    }
+
+    L.esri.get(_this.data.url, {}, function(error, response){
+      if(!error) {
+        _this.layerInfo = response;
+
+        // get layer
+        var layer = _this.getPreviewLayer();
+
+        // add layer to map
+        if (_this.addPreviewLayer(layer)) {
+
+          // add controls if layer is added
+          _this.loadControls();
+        }
+      }
+    });
+  },
+
+  getPreviewLayer: function() {
+
+    // set layer url
+    this.options.url = this.data.url;
+
+    // show only single layer, if specified
+    if (this.dynamicLayerId) {
+      this.options.layers = [this.dynamicLayerId];
+    }
+
+    var esriDynamicMapLayer = L.esri.dynamicMapLayer(this.options);
+
+    // setup feature inspection
+    this.setupInspection(esriDynamicMapLayer);
+    return esriDynamicMapLayer;
+  },
+
+  setupInspection: function(layer) {
+    var _this = this;
+    this.map.on('click', function(e) {
+      _this.appendLoadingMessage();
+
+      // query layer at click location
+      var identify = L.esri.identifyFeatures({
+          url: layer.options.url,
+          useCors: true
+      })
+        .tolerance(2)
+        .returnGeometry(false)
+        .on(_this.map)
+        .at(e.latlng);
+
+      // query specific layer if dynamicLayerId is set
+      if (_this.dynamicLayerId) {
+        identify.layers('all: ' + _this.dynamicLayerId);
+      }
+
+      identify.run(function(error, featureCollection, response){
+        if (error || response['results'] < 1) {
+          _this.appendErrorMessage();
+        } else {
+          _this.populateAttributeTable(featureCollection.features[0]);
+        }
+      });
+    });
+  }
+});

data/app/assets/javascripts/geoblacklight/viewers/esri/feature_layer.js

@@ -0,0 +1,76 @@
+//= require geoblacklight/viewers/esri
+
+GeoBlacklight.Viewer.FeatureLayer = GeoBlacklight.Viewer.Esri.extend({
+
+  // default feature styles
+  defaultStyles: {
+    'esriGeometryPoint': '',
+    'esriGeometryMultipoint': '',
+    'esriGeometryPolyline': {color: 'blue', weight: 3 },
+    'esriGeometryPolygon': {color: 'blue', weight: 2 }
+  },
+
+  getPreviewLayer: function() {
+
+    // set layer url
+    this.options.url = this.data.url;
+
+    // set default style
+    this.options.style = this.getFeatureStyle();
+
+    // define feature layer
+    this.esriFeatureLayer = L.esri.featureLayer(this.options);
+
+    //setup feature inspection and opacity
+    this.setupInspection(this.esriFeatureLayer);
+    this.setupInitialOpacity(this.esriFeatureLayer);
+
+    return this.esriFeatureLayer;
+  },
+
+  controlPreload: function() {
+
+    // define setOpacity function that works for svg elements
+    this.esriFeatureLayer.setOpacity = function(opacity) {
+      $('.leaflet-clickable').css({ opacity: opacity });
+    };
+  },
+
+  getFeatureStyle: function() {
+    var _this = this;
+
+    // lookup style hash based on layer geometry type and return function
+    return function(feature) {
+      return _this.defaultStyles[_this.layerInfo.geometryType];
+    };
+  },
+
+  setupInitialOpacity: function(featureLayer) {
+    featureLayer.on('load', function(e) {
+      featureLayer.setOpacity(this.options);
+    });
+  },
+
+  setupInspection: function(featureLayer) {
+    var _this = this;
+
+    // inspect on click
+    featureLayer.on('click', function(e) {
+      var distance = 3000 / (1 + _this.map.getZoom());
+
+      _this.appendLoadingMessage();
+
+      // query layer at click location
+      featureLayer.query()
+      .returnGeometry(false)
+      .nearby(e.latlng, distance)
+      .run(function(error, featureCollection, response) {
+        if (error || response['features'] < 1) {
+          _this.appendErrorMessage();
+        } else {
+          _this.populateAttributeTable(featureCollection.features[0]);
+        }
+      });
+    });
+  }
+});

data/app/assets/javascripts/geoblacklight/viewers/esri/image_map_layer.js

@@ -0,0 +1,14 @@
+//= require geoblacklight/viewers/esri
+
+GeoBlacklight.Viewer.ImageMapLayer = GeoBlacklight.Viewer.Esri.extend({
+  layerInfo: {},
+
+  getPreviewLayer: function() {
+
+    // set layer url
+    this.options.url = this.data.url;
+
+    // return image service layer
+    return L.esri.imageMapLayer(this.options);
+  }
+});