geo_works 0.1.0

data/app/assets/javascripts/geo_works/relationships.js

@@ -0,0 +1,3 @@
+//= require geo_works/relationships/related_works
+//= require geo_works/relationships/child_works
+//= require geo_works/relationships/parent_works

data/app/assets/javascripts/geo_works/relationships/child_works.es6

@@ -0,0 +1,20 @@
+import RelatedWorks from 'geo_works/relationships/related_works';
+
+/**
+* Provides functionality to add and remove child works.
+*/
+export default class ChildWorks extends RelatedWorks {
+  /**
+  * Builds form data string for ordered_member_ids.
+  * @param {Array} array of ordered member ids
+  */
+  buildFormData(ids) {
+    let data;
+    if (ids.length === 0) {
+      data = `${this.paramKey}[ordered_member_ids][]=`;
+    } else {
+      data = ids.map((id) => `${this.paramKey}[ordered_member_ids][]=${id}`).join('&');
+    }
+    return data;
+  }
+}

data/app/assets/javascripts/geo_works/relationships/parent_works.es6

@@ -0,0 +1,20 @@
+import RelatedWorks from 'geo_works/relationships/related_works';
+
+/**
+* Provides functionality to add and remove parent works.
+*/
+export default class ParentWorks extends RelatedWorks {
+  /**
+  * Builds form data string for in_works_ids.
+  * @param {Array} array of parent member ids
+  */
+  buildFormData(ids) {
+    let data;
+    if (ids.length === 0) {
+      data = `${this.paramKey}[in_works_ids][]=`;
+    } else {
+      data = ids.map((id) => `${this.paramKey}[in_works_ids][]=${id}`).join('&');
+    }
+    return data;
+  }
+}

data/app/assets/javascripts/geo_works/relationships/related_works.es6

@@ -0,0 +1,187 @@
+/**
+* Provides basic functionality to add and remove member works.
+* Adapted from the table.es6 module in https://github.com/projecthydra/sufia
+*/
+export default class RelatedWorks {
+  constructor(element) {
+    this.element = $(element);
+    this.table = this.element.find('table');
+    this.query_url = this.table.data('query-url');
+    if (!this.query_url) {
+      return;
+    }
+    this.members = this.table.data('members');
+    this.works = this.table.find('tr');
+    this.workIds = Array.from(this.works.map((i) => this.works.eq(i).data('work-id')));
+    this.paramKey = this.table.data('param-key');
+    this.bindButtons();
+  }
+
+  /**
+  * Bind buttons to member works table.
+  */
+  bindButtons() {
+    const $this = this;
+    $this.bindAddButton();
+    $this.bindRemoveButton();
+  }
+
+  /**
+  * Handle click events by the "Add" button in the table, setting a warning
+  * message if the input is empty or calling the server to handle the request
+  */
+  bindAddButton() {
+    const $this = this;
+    $this.element.find('.btn-add-row').click(() => {
+      const $row = $this.element.find('.member-actions');
+      const memberId = $this.element.find('input').val();
+      const updatedMembers = $this.members.slice();
+      if (memberId === '') {
+        $this.setWarningMessage($row, 'ID cannot be empty.');
+      } else if ($.inArray(memberId, $this.workIds) > -1) {
+        $this.setWarningMessage($row, 'Work is already related.');
+      } else {
+        updatedMembers.push(memberId);
+        $this.hideWarningMessage($row);
+        $this.callAjax({
+          row: $row,
+          members: updatedMembers,
+          member: memberId,
+          url: $this.query_url,
+          data: $this.buildFormData(updatedMembers),
+          on_error: $this.handleError,
+          on_success: $this.handleAddRowSuccess,
+        });
+      }
+    });
+  }
+
+  /**
+  * Handle click events by the "Remove" buttons in the table, and calling the
+  * server to handle the request
+  */
+  bindRemoveButton() {
+    const $this = this;
+    $this.element.find('.btn-remove-row').click(function removeButton() {
+      const $row = $(this).parents('tr:first');
+      const memberId = $row.data('work-id');
+      const index = $this.members.indexOf(memberId);
+      const updatedMembers = $this.members.slice();
+      updatedMembers.splice(index, 1);
+      $this.callAjax({
+        row: $row,
+        members: updatedMembers,
+        member: memberId,
+        data: $this.buildFormData(updatedMembers),
+        url: $this.query_url,
+        on_error: $this.handleError,
+        on_success: $this.handleRemoveRowSuccess,
+      });
+    });
+  }
+
+  /**
+  * Builds form data strings.
+  * @param {Array} array of ids
+  */
+  buildFormData(ids) {
+    return ids;
+  }
+
+  /**
+   * Set the warning message related to the appropriate row in the table
+   * @param {jQuery} row the row containing the warning message to display
+   * @param {String} message the warning message text to set
+   */
+  setWarningMessage(row, message) {
+    const $this = this;
+    $this.element.find('.message.has-warning').text(message).removeClass('hidden');
+  }
+
+  /**
+   * Hide the warning message on the appropriate row
+   * @param {jQuery} row the row containing the warning message to hide
+   */
+  hideWarningMessage(row) {
+    const $this = this;
+    $this.element.find('.message.has-warning').addClass('hidden');
+  }
+
+  /**
+  * Call the server, then call the appropriate callbacks to handle success and errors
+  * @param {Object} args the table, row, input, url, and callbacks
+  */
+  callAjax(args) {
+    const $this = this;
+    $.ajax({
+      type: 'patch',
+      url: args.url,
+      dataType: 'json',
+      data: args.data,
+    })
+      .done(() => {
+        args.on_success.call($this, args);
+      })
+      .fail((jqxhr) => {
+        args.on_error.call($this, args, jqxhr);
+      });
+  }
+
+  /**
+  * Reloads the child works tables after ajax call for member work.
+  * Rebinds the add and remove buttons to the updated table.
+  */
+  reloadTable() {
+    const $this = this;
+    $this.element.load(`${$this.query_url} div#${this.element[0].id}`, () => {
+      $this.bindButtons();
+    });
+  }
+
+  /**
+  * Set a warning message to alert the user on an error
+  * @param {Object} args the table, row, input, url, and callbacks
+  * @param {Object} jqxhr the jQuery XHR response object
+  */
+  handleError(args, jqxhr) {
+    let message = jqxhr.statusText;
+    if (jqxhr.responseJSON) {
+      message = jqxhr.responseJSON.description;
+    }
+    this.setWarningMessage(args.row, message);
+  }
+
+  /**
+   * Update list of child work ids and list of members. Reload the
+   * table from the server.
+   * @param {Object} args the table, row, input, url, and callbacks
+   */
+  handleRemoveRowSuccess(args) {
+    // update list of child member works
+    const index = this.workIds.indexOf(args.member);
+    this.workIds.splice(index, 1);
+
+    // update master list of member works
+    this.members = args.members;
+
+    this.reloadTable();
+  }
+
+  /**
+   * Update list of child work ids and list of members.
+   * Clear the add row input and reload the table from the server.
+   * @param {Object} args the table, row, input, url, and callbacks
+   */
+  handleAddRowSuccess(args) {
+    // update list of child member works
+    this.workIds.push(args.member);
+
+    // update master list of member works
+    this.members = args.members;
+
+    // empty the "add" row input value
+    this.element.find('input').val('');
+
+    this.reloadTable();
+  }
+}

data/app/assets/stylesheets/geo_works/Control.Geocoder.scss

@@ -0,0 +1,104 @@
+.leaflet-control-geocoder {
+	background: white;
+}
+
+.leaflet-control-geocoder a, .leaflet-control-geocoder .leaflet-control-geocoder-icon {
+	border-bottom-left-radius: 4px;
+	border-bottom-right-radius: 4px;
+	border-bottom: none;
+	display: inline-block;
+}
+
+.leaflet-control-geocoder .leaflet-control-geocoder-alternatives a {
+	width: inherit;
+	height: inherit;
+	line-height: inherit;
+}
+
+.leaflet-control-geocoder a:hover, .leaflet-control-geocoder .leaflet-control-geocoder-icon:hover {
+	border-bottom: none;
+	display: inline-block;
+}
+
+.leaflet-control-geocoder-form {
+	display: none;
+	vertical-align: middle;
+}
+.leaflet-control-geocoder-expanded .leaflet-control-geocoder-form {
+	display: inline-block;
+}
+.leaflet-control-geocoder-form input {
+	font-size: 120%;
+	border: 0;
+	background-color: transparent;
+	width: 246px;
+}
+.leaflet-control-geocoder-icon {
+	background-image: url(image_path('geo_works/images/geocoder.png'));
+	background-repeat: no-repeat;
+	background-position: center;
+}
+.leaflet-control-geocoder-throbber .leaflet-control-geocoder-icon {
+	background-image: url(image_path('geo_works/images/throbber.gif'));
+}
+
+.leaflet-control-geocoder-form-no-error {
+	display: none;
+}
+
+.leaflet-control-geocoder-form input:focus {
+	outline: none;
+}
+
+.leaflet-control-geocoder-form button {
+	display: none;
+}
+.leaflet-control-geocoder-error {
+	margin-top: 8px;
+	margin-left: 8px;
+	display: block;
+	color: #444;
+}
+.leaflet-control-geocoder-alternatives {
+	display: block;
+	width: 272px;
+	list-style: none;
+	padding: 0;
+	margin: 0;
+}
+
+.leaflet-control-geocoder-alternatives-minimized {
+	display: none;
+	height: 0;
+}
+.leaflet-control-geocoder-alternatives li {
+	white-space: nowrap;
+	display: block;
+	overflow: hidden;
+	padding: 5px 8px;
+	text-overflow: ellipsis;
+	border-bottom: 1px solid #ccc;
+	cursor: pointer;
+}
+
+.leaflet-control-geocoder-alternatives li a, .leaflet-control-geocoder-alternatives li a:hover {
+	width: inherit;
+	height: inherit;
+	line-height: inherit;
+	background: inherit;
+	border-radius: inherit;
+	text-align: left;
+}
+
+.leaflet-control-geocoder-alternatives li:last-child {
+	border-bottom: none;
+}
+.leaflet-control-geocoder-alternatives li:hover, .leaflet-control-geocoder-selected {
+	background-color: #f5f5f5;
+}
+.leaflet-control-geocoder-address-detail {
+	
+}
+.leaflet-control-geocoder-address-context {
+	color: #666;
+}

data/app/assets/stylesheets/geo_works/application.css

@@ -0,0 +1,18 @@
+/*
+ * 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 any plugin's vendor/assets/stylesheets directory 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 bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any styles
+ * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
+ * file per style scope.
+ *
+ *= require leaflet
+ *= require geo_works/leaflet-boundingbox
+ *= require geo_works/Control.Geocoder
+ *= require_tree .
+ *= require_self
+ */

data/app/assets/stylesheets/geo_works/bounding_box.scss

@@ -0,0 +1,15 @@
+#bbox {
+  height: 500px;
+}
+
+.leaflet-control-attribution {
+  display: none;
+}
+
+.bbox-inputs {
+  margin-top: 10px;
+  margin-bottom: 10px;
+  .input-group-addon div {
+    width: 30px;
+  }
+}

data/app/assets/stylesheets/geo_works/leaflet-boundingbox.scss

@@ -0,0 +1,17 @@
+div.leaflet-marker-icon.location-filter.resize-marker {
+    background: url(image_path('geo_works/images/resize-handle.png')) no-repeat;  
+    cursor: move;
+}
+div.leaflet-marker-icon.location-filter.move-marker {
+    background: url(image_path('geo_works/images/move-handle.png')) no-repeat;  
+    cursor: move;
+}
+
+div.location-filter.button-container {
+    background-color: white;
+}
+.leaflet-container div.location-filter.button-container a {
+    color: #6B6B6B; 
+    font-size: 15px;
+    width: 90px;
+}

data/app/assets/stylesheets/geo_works/related_works.scss

@@ -0,0 +1,29 @@
+#child-works, #parent-works {
+  table {
+    tbody {
+      td { border-top: none; }
+      tr { border-bottom: 1px solid #ddd; }
+    }
+  }
+  .panel { margin-bottom: 0px; }
+  .row { margin: 10px 0 10px 0; }
+  .message {
+    background-size: 40px 40px;
+    background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
+    transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
+    transparent 75%, transparent);
+    box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
+    width: 100%;
+    border: 1px solid;
+    color: #fff;
+    padding: 10px;
+    text-shadow: 0 1px 0 rgba(0,0,0,.5);
+    animation: animate-bg 5s linear infinite;
+    border-radius: 4px;
+    margin-top: 10px;
+  }
+  .has-warning{
+    background-color: #eaaf51;
+    border-color: #d99a36;
+  }
+}

data/app/assets/stylesheets/geo_works/thumbnails.scss

@@ -0,0 +1,13 @@
+.thumbnail {
+  max-width: 200px;
+  border: none;
+  background-color: transparent;
+  a > img {
+    display: block;
+    height: auto;
+    margin-right: 0px;
+    margin-left: 0px;
+    max-height: 150px;
+    max-width: 200px;
+  }
+}

data/app/controllers/concerns/geo_works/events_behavior.rb

@@ -0,0 +1,29 @@
+module GeoWorks
+  module EventsBehavior
+    extend ActiveSupport::Concern
+
+    def destroy
+      geo_works_events_generator.record_deleted(geo_work)
+      super
+    end
+
+    def after_create_response
+      super
+      geo_works_events_generator.record_created(geo_work)
+    end
+
+    def after_update_response
+      super
+      geo_works_events_generator.record_updated(geo_work)
+    end
+
+    def geo_works_events_generator
+      @geo_works_events_generator ||= GeoWorks::EventsGenerator.new
+    end
+
+    def geo_work
+      doc = SolrDocument.new(curation_concern.to_solr)
+      show_presenter.new(doc, current_ability, request)
+    end
+  end
+end