geoblacklight 2.3.0

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

@@ -0,0 +1,50 @@
+//= require geoblacklight/viewers/esri
+
+GeoBlacklight.Viewer.TiledMapLayer = GeoBlacklight.Viewer.Esri.extend({
+  
+  getPreviewLayer: function() {
+
+    // set layer url
+    this.options.url = this.data.url;
+
+    // check if this is a tile map and layer and for correct spatial reference
+    if (this.layerInfo.singleFusedMapCache === true && this.layerInfo.spatialReference.wkid === 102100) {
+
+      /**
+        * TODO:  allow non-mercator projections and custom scales
+        *        - use Proj4Leaflet
+      */
+
+      var esriTiledMapLayer = L.esri.tiledMapLayer(this.options);
+
+      //setup feature inspection
+      this.setupInspection(esriTiledMapLayer);
+
+      return esriTiledMapLayer;
+    }
+  },
+
+  setupInspection: function(layer) {
+    var _this = this;
+    this.map.on('click', function(e) {
+      _this.appendLoadingMessage();
+
+      // query layer at click location
+      L.esri.Tasks.identifyFeatures({
+        url: layer.options.url,
+        useCors: true
+      })
+        .tolerance(0)
+        .returnGeometry(false)
+        .on(_this.map)
+        .at(e.latlng)
+        .run(function(error, featureCollection, response) {
+          if (error) {
+            _this.appendErrorMessage();
+          } else {
+            _this.populateAttributeTable(featureCollection.features[0]);
+          }
+        });
+    });
+  }
+});

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

@@ -0,0 +1,25 @@
+//= require geoblacklight/viewers/viewer
+
+GeoBlacklight.Viewer.Iiif = GeoBlacklight.Viewer.extend({
+  load: function() {
+    this.adjustLayout();
+
+    this.map = L.map(this.element, {
+      center: [0, 0],
+      crs: L.CRS.Simple,
+      zoom: 0
+    });
+    this.loadControls();
+    this.iiifLayer = L.tileLayer.iiif(this.data.url)
+      .addTo(this.map);
+  },
+
+  adjustLayout: function() {
+
+    // hide attribute table
+    $('#table-container').hide();
+
+    // expand viewer element
+    $(this.element).parent().attr('class', 'col-md-12');
+  }
+});

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

@@ -0,0 +1,70 @@
+//= require geoblacklight/viewers/map
+
+GeoBlacklight.Viewer.IndexMap = GeoBlacklight.Viewer.Map.extend({
+  load: function() {
+    this.map = L.map(this.element).fitBounds(this.options.bbox);
+    this.map.addLayer(this.selectBasemap());
+
+    if (this.data.available) {
+      this.addPreviewLayer();
+    } else {
+      this.addBoundsOverlay(this.options.bbox);
+    }
+  },
+  availabilityStyle: function(availability) {
+    var style = {};
+    var options = this.data.leafletOptions;
+
+    // Style the colors based on availability
+    if (availability || typeof(availability) === 'undefined') {
+      style = options.LAYERS.INDEX.DEFAULT;
+    } else {
+      style = options.LAYERS.INDEX.UNAVAILABLE;
+    }
+    return style
+  },
+  addPreviewLayer: function() {
+    var _this = this;
+    var geoJSONLayer;
+    var prevLayer = null;
+    var options = this.data.leafletOptions;
+    $.getJSON(this.data.url, function(data) {
+      geoJSONLayer = L.geoJson(data,
+        {
+          style: function(feature) {
+            return _this.availabilityStyle(feature.properties.available);
+          },
+          onEachFeature: function(feature, layer) {
+            // Add a hover label for the label property
+            if (feature.properties.label !== null) {
+              layer.bindTooltip(feature.properties.label);
+            }
+            // If it is available add clickable info
+            if (feature.properties.available !== null) {
+              layer.on('click', function(e) {
+                // Change currently selected layer color
+                layer.setStyle(options.LAYERS.INDEX.SELECTED);
+                // Change previously selected layer color to original color
+                if (prevLayer !== null) {
+                  geoJSONLayer.resetStyle(prevLayer);
+                }
+                prevLayer = layer;
+                GeoBlacklight.Util.indexMapTemplate(feature.properties, function(html) {
+                  $('.viewer-information').html(html);
+                });
+                GeoBlacklight.Util.indexMapDownloadTemplate(feature.properties, function(html) {
+                  $('.js-index-map-feature').remove();
+                  $('.js-download-list').append(html);
+                });
+              });
+            }
+          },
+          // For point index maps, use circle markers
+          pointToLayer: function (feature, latlng) {
+            return L.circleMarker(latlng);
+          }
+        }).addTo(_this.map);
+        _this.map.fitBounds(geoJSONLayer.getBounds());
+    });
+  }
+});

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

@@ -0,0 +1,67 @@
+//= require geoblacklight/viewers/viewer
+
+GeoBlacklight.Viewer.Map = GeoBlacklight.Viewer.extend({
+
+  options: {
+    /**
+    * Initial bounds of map
+    * @type {L.LatLngBounds}
+    */
+    bbox: [[-82, -144], [77, 161]],
+    opacity: 0.75
+  },
+
+  overlay: L.layerGroup(),
+
+  load: function() {
+    if (this.data.mapBbox) {
+      this.options.bbox = L.bboxToBounds(this.data.mapBbox);
+    }
+    this.map = L.map(this.element).fitBounds(this.options.bbox);
+
+    // Add initial bbox to map element for easier testing
+    if (this.map.getBounds().isValid()) {
+      this.element.setAttribute('data-js-map-render-bbox', this.map.getBounds().toBBoxString());
+    }
+
+    this.map.addLayer(this.selectBasemap());
+    this.map.addLayer(this.overlay);
+    if (this.data.map !== 'index') {
+      this.addBoundsOverlay(this.options.bbox);
+    }
+  },
+
+  /**
+   * Add a bounding box overlay to map.
+   * @param {L.LatLngBounds} bounds Leaflet LatLngBounds
+   */
+  addBoundsOverlay: function(bounds) {
+    if (bounds instanceof L.LatLngBounds) {
+      this.overlay.addLayer(L.polygon([
+        bounds.getSouthWest(),
+        bounds.getSouthEast(),
+        bounds.getNorthEast(),
+        bounds.getNorthWest()
+      ]));
+    }
+  },
+
+  /**
+   * Remove bounding box overlay from map.
+   */
+  removeBoundsOverlay: function() {
+    this.overlay.clearLayers();
+  },
+
+  /**
+  * Selects basemap if specified in data options, if not return positron.
+  */
+  selectBasemap: function() {
+    var _this = this;
+    if (_this.data.basemap) {
+      return GeoBlacklight.Basemaps[_this.data.basemap];
+    } else {
+      return GeoBlacklight.Basemaps.positron;
+    }
+  }
+});

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

@@ -0,0 +1,13 @@
+//= require geoblacklight/viewers/viewer
+
+GeoBlacklight.Viewer.Oembed = GeoBlacklight.Viewer.extend({
+  load: function() {
+    var $el = $(this.element);
+    $.getJSON(this.data.url, function(data){
+      if (data === null){
+        return;
+      }
+      $el.html(data.html);
+    });
+  },
+});

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

@@ -0,0 +1,65 @@
+/*global GeoBlacklight */
+
+// base viewer
+GeoBlacklight.Viewer = L.Class.extend({
+  options: {},
+
+  initialize: function(el, options) {
+    this.element = el;
+    this.data = $(el).data();
+
+    L.Util.setOptions(this, options);
+
+    // trigger viewer load functions
+    this.load();
+  },
+
+  /**
+  * Loads leaflet controls from controls directory.
+  **/
+  loadControls: function() {
+    var _this = this;
+    var protocol = this.data.protocol.toUpperCase();
+    var options = this.data.leafletOptions;
+
+    if (!options.VIEWERS) {
+      return;
+    }
+
+    var viewer = options.VIEWERS[protocol];
+    var controls = viewer && viewer.CONTROLS;
+
+    _this.controlPreload();
+
+    /**
+    * Loop though the GeoBlacklight.Controls hash, and for each control,
+    * check to see if it is included in the controls list for the current
+    * viewer. If it is, then pass in the viewer object and run the function
+    * that adds it to the map.
+    **/
+    $.each(GeoBlacklight.Controls, function(name, func) {
+      if (controls && controls.indexOf(name) > -1) {
+        func.call(_this);
+      }
+    });
+  },
+
+  /**
+  * Work to do before the controls are loaded.
+  **/
+  controlPreload: function() {
+    return;
+  },
+
+  /**
+  * Gets the value of detect retina from application settings.
+  **/
+  detectRetina: function() {
+    var options = this.data.leafletOptions;
+    if (options && options.LAYERS) {
+      return options.LAYERS.DETECT_RETINA ? options.LAYERS.DETECT_RETINA : false;
+    } else {
+      return false;
+    }
+  }
+});

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

@@ -0,0 +1,74 @@
+//= require geoblacklight/viewers/map
+
+GeoBlacklight.Viewer.Wms = GeoBlacklight.Viewer.Map.extend({
+
+  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.addPreviewLayer();
+      this.loadControls();
+    } else {
+      this.addBoundsOverlay(this.options.bbox);
+    }
+  },
+
+  addPreviewLayer: function() {
+    var _this = this;
+    var wmsLayer = L.tileLayer.wms(this.data.url, {
+      layers: this.data.layerId,
+      format: 'image/png',
+      transparent: true,
+      tiled: true,
+      CRS: 'EPSG:900913',
+      opacity: this.options.opacity,
+      detectRetina: _this.detectRetina()
+    });
+    this.overlay.addLayer(wmsLayer);
+    this.setupInspection();
+  },
+
+  setupInspection: function() {
+    var _this = this;
+    this.map.on('click', function(e) {
+      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').replaceWith(spinner);
+      var wmsoptions = {
+        URL: _this.data.url,
+        LAYERS: _this.data.layerId,
+        BBOX: _this.map.getBounds().toBBoxString(),
+        WIDTH: $('#map').width(),
+        HEIGHT: $('#map').height(),
+        QUERY_LAYERS: _this.data.layerId,
+        X: Math.round(e.containerPoint.x),
+        Y: Math.round(e.containerPoint.y)
+      };
+
+      $.ajax({
+        type: 'POST',
+        url: '/wms/handle',
+        beforeSend: function(xhr) {
+          xhr.setRequestHeader('X-CSRF-Token', Rails.csrfToken());
+        },
+        data: wmsoptions,
+        success: function(data) {
+          if (data.hasOwnProperty('error') || data.values.length === 0) {
+            $('.attribute-table-body').html('<tbody class="attribute-table-body"><tr><td colspan="2">Could not find that feature</td></tr></tbody>');
+            return;
+          }
+          var html = $('<tbody class="attribute-table-body"></tbody>');
+          $.each(data.values, function(i, val) {
+            html.append('<tr><td>' + val[0] + '</td><td>' + GeoBlacklight.Util.linkify(val[1]) + '</tr>');
+          });
+          $('.attribute-table-body').replaceWith(html);
+        },
+        fail: function(error) {
+          console.log(error);
+        }
+      });
+    });
+  }
+});

data/app/assets/stylesheets/geoblacklight/_blacklight_overrides.scss

@@ -0,0 +1,51 @@
+/**
+  Stylesheet for overriding styles inherited from Blacklight proper
+**/
+
+$logo-image: image_url('blacklight/logo.svg') !default
+
+.navbar-logo {  /* The main logo image for the Blacklight instance */
+  @if $logo-image {
+    background: transparent $logo-image no-repeat top left;
+  }
+}
+
+// Begin - Addresses GBL issue #634
+// Emulates font-size for SVG icons and aligns to baseline
+.blacklight-icons {
+  display: inline-flex;
+  height: $font-size-base;
+  width: $font-size-base;
+}
+
+.blacklight-icons svg {
+  height: 1rem;
+  width: 1rem;
+  top: .125rem;
+  position: relative;
+}
+// End - Addresses GBL issue #634
+
+// Begin - Addresses GBL issue #639
+.facet-limit {
+  margin-bottom:0;
+}
+
+.facets-collapse .card+.card {
+  margin-top: 0.5rem;
+}
+
+.documents-list .document {
+  margin-top:0.5rem;
+  padding-top:0.5rem;
+}
+// End - Addresses GBL issue #639
+
+
+// Begin - Addresses GBL issue #766 - removes flex from display
+.modal-header {
+  display: block;
+  padding: 15px;
+  border-bottom: 1px solid #e9ecef;
+}
+// End - Addresses GBL issue #766

data/app/assets/stylesheets/geoblacklight/_geoblacklight.scss

@@ -0,0 +1,36 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the top of the
+ * compiled file, but it's generally better to create a new file per style scope.
+ *
+ */
+@import 'leaflet';
+@import 'geoblacklight-icons-rails';
+@import 'font-awesome';
+@import 'geoblacklight/styles';
+@import 'modules/facets';
+@import 'modules/mixins';
+@import 'modules/icon-customization';
+@import 'modules/home';
+@import 'modules/index_maps';
+@import 'modules/item';
+@import 'modules/layer_opacity';
+@import 'modules/metadata';
+@import 'modules/metadata_content';
+@import 'modules/metadata_missing';
+@import 'modules/metadata_markup';
+@import 'modules/modal';
+@import 'modules/results';
+@import 'modules/geosearch';
+@import 'modules/search_widgets';
+@import 'modules/sidebar';
+@import 'modules/toolbar';
+@import 'modules/relations';
+@import 'modules/web_services';
+@import 'blacklight_overrides';
+@import 'modules/downloads';