iqvoc 4.2.0 → 4.3.0

data/README.md

@@ -58,9 +58,25 @@ Running the cloned source code is possible but any modifications would require a
 8. Log in with "admin@iqvoc" / "admin" or "demo@iqvoc" / "cooluri" (cf. step #5)
 9. Visit the Users section and change the default passwords
 
+## Background Jobs
+
+Note that some features like "Import" exposed in the Web UI store their workload
+as jobs. You can either issue a job worker that runs continuously and watches
+for new jobs via
+
+```
+$ rake jobs:work
+```
+
+or process jobs in a one-off way (in development or via cron):
+
+```
+$ rake jobs:workoff
+```
+
 ## Compatibility
 
-iQvoc is fully compatible with Ruby 1.9, 2.0 and JRuby 1.7.
+iQvoc is fully compatible with Ruby 1.9, 2.0, 2.1 and JRuby 1.7.
 
 ## Customization
 

data/app/assets/images/iqvoc_logo.svg

@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="132.8px" height="51.1px" viewBox="0 0 132.8 51.1" enable-background="new 0 0 132.8 51.1" xml:space="preserve">
+<g>
+	<g>
+		<path fill="#063D63" d="M63.4,50.5c0,0-1,0.6-3,0.6c-2.6,0-5-1.6-6.2-2.4c-1.6-1.1-4.2-2.6-6.9-3.4c-5.1,0-8.4-1.4-11-4.8
+			c-2.6-3.3-3.9-7.6-3.9-12.6c0-7.3,2.8-13.2,7.6-15.8c2-1.1,4.5-1.7,7-1.7c9,0,14.6,6.6,14.6,17.2c0,7.4-2.6,12.9-6.7,15.5
+			c0.9,0.3,2.2,1.2,3,1.7c1.2,0.7,2.7,1.4,4.2,1.4c1.5,0,3-0.2,3-0.2L63.4,50.5z M52.9,20c-0.5-1.7-2.3-4.3-5.9-4.3
+			c-2.3,0-4.3,1.2-5.3,3C40.6,20.9,40,23.9,40,28c0,5.8,1,9.5,3,11c1.1,0.8,2.4,1.2,4,1.2c4.7,0,6.7-3.6,6.7-12.2
+			C53.8,24.4,53.5,21.9,52.9,20z"/>
+		<path fill="#063D63" d="M77.6,44.8h-5.4l-9.1-24.5l6.7-0.8l3.6,11.2c0.5,1.7,1.3,4.4,1.6,6c0.2-1.5,0.7-3.8,1.5-6.3l3.4-10.5h6.8
+			L77.6,44.8z"/>
+		<path fill="#063D63" d="M106.8,41.8c-1.9,2.1-4.4,3.5-8.2,3.5c-6.8,0-11.2-5.1-11.2-12.9c0-7.8,4.5-13,11.2-13
+			c3.6,0,6.3,1.2,8.5,3.7c2,2.3,2.9,5.1,2.9,9.1C109.9,36.5,109,39.4,106.8,41.8z M101.5,25.5c-0.6-0.8-1.7-1.3-2.8-1.3
+			c-1.6,0-2.8,1-3.4,2.5c-0.4,1.3-0.7,3.1-0.7,5.6c0,2.9,0.3,5,0.8,6.3c0.6,1.4,2,2,3.3,2c2.8,0,4-2.5,4-8.4
+			C102.8,28.8,102.4,26.6,101.5,25.5z"/>
+		<path fill="#063D63" d="M130.5,43.8c-1.8,1-3.7,1.6-6.1,1.6c-6.9,0-10.9-4.8-10.9-12.9c0-5.7,2.2-9.5,5.1-11.5
+			c1.7-1.1,4.1-1.9,6.2-1.9c1.7,0,3.5,0.4,4.8,1.1c0.9,0.5,1.4,0.8,2.4,1.8l-3.2,4.3c-1.3-1.2-2.7-1.9-3.9-1.9
+			c-2.9,0-4.2,2.5-4.2,8.4c0,3.3,0.4,5.2,1.3,6.3c0.7,0.9,1.8,1.4,2.9,1.4c1.5,0,2.9-0.6,4.5-2l0.4-0.3l3,3.9
+			C131.9,42.9,131.4,43.2,130.5,43.8z"/>
+	</g>
+	<path fill="#5DAB31" d="M1.7,8.5l16.6-8.3c0,0,11.3,8.3,19.1-0.2c0,0-9.1,15.1-17.9,17L1.7,8.5z"/>
+	<g>
+		<path fill="#063D63" d="M21.6,45.7V21.2l6.5-3.7V43L21.6,45.7z"/>
+	</g>
+	<polygon fill="#EC6408" points="0,12.4 17.6,21.4 17.6,45.5 0,35.4"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

data/app/assets/javascripts/framework.js

@@ -1,6 +1,6 @@
 //= require jquery-1.7.1
 //= require rails
-//= require jquery-ui-1.8.23.custom
+//= require jquery-ui.custom
 //= require jquery-ui.datepicker-de
 //= require jquery.treeview
 //= require jquery.treeview.async

data/app/assets/javascripts/iqvoc/concept_mapper.js

@@ -0,0 +1,62 @@
+/*jslint vars: true, white: true */
+/*global jQuery, IQVOC */
+
+IQVOC.ConceptMapper = (function($) {
+
+"use strict";
+
+// `selector` is either a jQuery object, a DOM node or a string
+function ConceptMapper(selector) {
+  if(arguments.length === 0) { // subclassing
+    return;
+  }
+
+  this.root = selector.jquery ? selector : $(selector);
+  this.matchTypes = this.determineMatchTypes();
+
+  var matchOptions = $.map(this.matchTypes, function(desc, id) {
+    return $("<option />").val(id).text(desc)[0];
+  });
+
+  // spawn UI elements
+
+  this.container = $("<div />").addClass("concept-mapper control-group");
+
+  this.input = $("<input />").attr("type", "text").prependTo(this.container);
+  $("<button />").addClass("btn fa fa-plus").insertAfter(this.input).
+      click($.proxy(this, "onConfirm"));
+  this.matchType = $("<select />").append(matchOptions).insertAfter(this.input);
+
+  this.container.prependTo(this.root);
+}
+ConceptMapper.prototype.delimiter = ", ";
+ConceptMapper.prototype.onConfirm = function(ev) {
+  ev.preventDefault();
+
+  var textAreaName = this.matchType.val();
+  var textArea = document.getElementsByName(textAreaName)[0];
+  textArea = $(textArea);
+
+  var newURI = this.input.val();
+  var newValue = $.trim(textArea.val() + this.delimiter + newURI);
+
+  textArea.val(newValue);
+  this.input.val("");
+  this.root.trigger("concept-mapped", {
+    uri: newURI,
+    matchType: this.matchTypes[textAreaName]
+  });
+};
+ConceptMapper.prototype.determineMatchTypes = function() {
+  var data = {};
+  $("label", this.root).each(function(i, node) {
+    var el = $(node);
+    var fieldName = el.attr("for");
+    data[fieldName] = el.text();
+  });
+  return data;
+};
+
+return ConceptMapper;
+
+}(jQuery));

data/app/assets/javascripts/iqvoc/concept_mapping_manager.js

@@ -0,0 +1,137 @@
+/*jslint vars: true, white: true */
+/*global jQuery, IQVOC */
+
+IQVOC.ConceptMappingManager = (function($) {
+
+"use strict";
+
+function ConceptMappingManager(selector, editable) {
+  this.root = selector.jquery ? selector : $(selector);
+  this.editable = editable === true;
+  this.conceptMappings = this.determineConceptMappings();
+  this.datasets = $(document.body).data("datasets");
+
+  this.list = $('<ul class="concept-mappings" />').appendTo(this.root);
+  this.render();
+
+  this.root.on("concept-mapped", $.proxy(this, "onUpdate"));
+}
+ConceptMappingManager.prototype.onDelete = function(ev, instance) {
+  var btn = $(this);
+  var item = btn.closest("li");
+
+  var matchType = $(".concept-mapping-match-type", item).text();
+  var uri = $(".concept-mapping-link", item).attr("href");
+
+  var data = instance.conceptMappings[matchType];
+  var values = data.values;
+  // XXX: hacky
+  var hits = $.map(values, function(value, i) {
+    if(value.uri === uri) {
+      item.fadeOut(function() {
+        item.remove();
+      });
+      return i;
+    }
+    return null;
+  });
+  values.splice(hits[0], 1);
+
+  var uris = $.map(data.values, function(value) { return value.uri; });
+  data.el.val(uris.join(", "));
+};
+ConceptMappingManager.prototype.render = function() {
+  var self = this;
+
+  var items = [];
+  $.each(this.conceptMappings, function(label, category) {
+    $.each(category.values, function(i, item) {
+      item = self.renderBubble(item, label);
+      items.push(item[0]);
+    });
+  });
+
+  this.list.empty().append(items);
+};
+ConceptMappingManager.prototype.renderBubble = function(item, categoryLabel) {
+  var category = $('<span class="concept-mapping-match-type">').
+      text(categoryLabel);
+  var dataset = this.determineDataset(item.uri) || "";
+  dataset = $('<span class="concept-mapping-dataset" />').text(dataset.name);
+  if(this.editable) {
+    var self = this;
+    var btn = $("<i class='fa fa-times concept-mapping-remove' />").click(function(ev) {
+      // inject instance
+      var args = Array.prototype.slice.apply(arguments);
+      args.push(self);
+      // ev.preventDefault();
+      return self.onDelete.apply(this, args);
+    });
+  }
+  var link = $('<a class="concept-mapping-link unlabeled" />').attr("href", item.uri).
+      text(item.uri);
+  return $('<li class="concept-mapping" />').append(link).append(dataset).
+      append(category).append(btn);
+};
+
+// [{ el: jQuery Element, values: ["http://uri.de"], label: "Foo" }]
+ConceptMappingManager.prototype.determineConceptMappings = function() {
+  return this.editable ? this.readFromTextArea() : this.readFromLinks();
+};
+ConceptMappingManager.prototype.readFromLinks = function() { // TODO: rename
+  var urisByMatchType = {};
+  $(".relation.panel", this.root).each(function(i, node) { // match-type panels
+    var container = $(node);
+    var matchType = container.find("h2").text();
+    var mappings = container.find(".entity_list a");
+    urisByMatchType[matchType] = {
+      values: $.map(mappings, function(node) {
+        return { uri: $(node).attr("href") };
+      })
+    };
+  }).remove(); // XXX: does not belong here
+  return urisByMatchType;
+};
+ConceptMappingManager.prototype.readFromTextArea = function() { // TODO: rename
+  var textAreas = this.root.find("textarea");
+
+  var labels = {};
+  this.root.find("label").each(function(i, node) {
+    var el = $(node);
+    labels[el.attr("for")] = el.text();
+  });
+
+  var urisByLabel = {};
+  textAreas.each(function(i, node) {
+    var el = $(node);
+    var label = labels[el.attr("name")];
+    var values = $.map($(node).val().split(","), function(item, i) {
+      item = $.trim(item);
+      return item ? { uri: item } : null;
+    });
+
+    urisByLabel[label] = { el: el, values: values };
+  }).closest("div:has(label)").hide(); // XXX: does not belong here
+
+  return urisByLabel;
+};
+ConceptMappingManager.prototype.onUpdate = function(ev, data) {
+  this.conceptMappings[data.matchType].values.push({ uri: data.uri });
+  this.render();
+
+  $(document.body).trigger("concept-label", this.list);
+};
+ConceptMappingManager.prototype.determineDataset = function(uri) {
+  var result = null;
+  $.each(this.datasets, function(url, name) {
+    if(uri.indexOf(url) === 0) {
+      result = { name: name, url: url };
+      return false;
+    }
+  });
+  return result;
+};
+
+return ConceptMappingManager;
+
+}(jQuery));

data/app/assets/javascripts/iqvoc/entityselect.js.erb

@@ -11,6 +11,7 @@ var EntitySelector = function(node) {
   }
   this.el = $(node).hide(); // XXX: rename
   this.container = $('<div class="entity_select" />').data("widget", this);
+  this.indicator = $('<i class="spinner fa fa-refresh fa-spin hidden" />');
   this.delimiter = ",";
   this.singular = this.el.data("singular") || false;
   this.entities = this.getSelection();
@@ -23,26 +24,10 @@ var EntitySelector = function(node) {
   });
   selection = $('<ul class="entity_list" />').append(selection);
 
-  var exclude = this.el.data("exclude") || null,
-    img = $('<img class="spinner hidden" />').
-      attr("src", "<%= asset_path('spinner_16x16.gif') %>");
   this.input = $("<input />").autocomplete({
     minLength: 3,
-    source: function(req, callback) {
-      var uri = self.el.data("query-url");
-      $.getJSON(uri, { query: req.term }, function(data, status, xhr) { // TODO: error handling
-        var excludes = self.getSelection().
-            concat(exclude ? [exclude] : []);
-        data = $.map(data, function(entity, i) {
-          return $.inArray(entity.id, excludes) !== -1 ? null :
-              { value: entity.id, label: entity.name };
-        });
-        self.input.autocomplete("option", "autoFocus", data.length === 1);
-        callback(data);
-        img.addClass("hidden");
-      });
-    },
-    search: function(ev, ui) { img.removeClass("hidden"); },
+    source: $.proxy(this, "onInput"), // XXX: discards original `this` context
+    search: function(ev, ui) { self.indicator.removeClass("hidden"); },
     focus: function(ev, ui) { return false; },
     select: this.onSelect
   });
@@ -51,14 +36,55 @@ var EntitySelector = function(node) {
   // Bootstrap expects it to be there
   this.input.attr('type', 'text');
 
-  this.container.append(this.input).append(img).append(selection).
+  this.container.append(this.input).append(this.indicator).append(selection).
     insertAfter(node).prepend(node);
 
   if(this.singular && this.entities.length) {
     this.input.hide();
   }
 };
+// data transformations; target format is an array of objects with members
+// `value` and `label`
+// optional second argument `excludes` is an array of item IDs to exclude
+EntitySelector.preprocessors = {
+  // converts an array of objects with members `id` and `name`
+  "default": function(data, excludes) {
+    return $.map(data, function(entity, i) {
+      return $.inArray(entity.id, excludes) !== -1 ? null :
+          { value: entity.id, label: entity.name };
+    });
+  }
+};
+EntitySelector.sourceSelectors = {
+  "default": function(callback) {
+    var uri = this.el.data("query-url");
+    callback(uri);
+  },
+  "dummy-prompt": function(callback) {
+    var uri = this.el.data("query-url");
+    var sources = { iQvoc: "hello", GEMET: "world" };
+    var params = $.map(sources, function(id, name) {
+      return confirm("include " + name) ? 'source=' + id : null;
+    }).join("&");
+    callback(uri + "?" + params);
+  }
+};
 $.extend(EntitySelector.prototype, {
+  onInput: function(req, callback) {
+    var self = this;
+
+    var responder = function(data, status, xhr) { // TODO: rename, move elsewhere
+      data = self.processResponse(data);
+      self.input.autocomplete("option", "autoFocus", data.length === 1);
+      callback(data);
+      self.indicator.addClass("hidden");
+    };
+
+    var sourceSelector = this.el.data("source-selector") || "default";
+    EntitySelector.sourceSelectors[sourceSelector].call(this, function(uri) { // XXX: direct `EntitySelector` reference limits subclassing
+      $.getJSON(uri, { query: req.term }, responder); // TODO: error handling
+    });
+  },
   onSelect: function(ev, ui) {
     var el = $(this).val(""),
       widget = el.closest(".entity_select").data("widget");
@@ -83,6 +109,12 @@ $.extend(EntitySelector.prototype, {
     }
     ev.preventDefault();
   },
+  processResponse: function(data) { // TODO: rename
+    var preprocessor = this.el.data("preprocessor") || "default";
+    var exclude = this.el.data("exclude") || null;
+    var excludes = this.getSelection().concat(exclude ? [exclude] : []);
+    return EntitySelector.preprocessors[preprocessor](data, excludes); // XXX: direct `EntitySelector` reference limits subclassing
+  },
   createEntity: function(entity) {
     var el;
     if(this.uriTemplate) {

data/app/assets/javascripts/iqvoc/federated_concept_mapper.js

@@ -0,0 +1,75 @@
+/*jslint vars: true, white: true */
+/*global jQuery, IQVOC */
+
+IQVOC.FederatedConceptMapper = (function($) {
+
+"use strict";
+
+var baseClass = IQVOC.ConceptMapper;
+
+// `selector` is either a jQuery object, a DOM node or a string
+function FederatedConceptMapper(selector) {
+  baseClass.apply(this, arguments);
+
+  var sources = this.root.data("datasets");
+  if(!sources) { // fall back to non-federated base class only
+    return;
+  }
+  sources["_custom"] = this.root.data("translation-other");
+
+  sources = $.map(sources, function(name, url) {
+    return $("<option />").val(url).text(name)[0];
+  });
+  this.source = $("<select />").append(sources).insertBefore(this.input);
+
+  this.indicator = $("<i />").
+      addClass("concept-mapper-indicator hidden fa fa-refresh fa-spin").
+      insertAfter(this.input);
+
+  var self = this;
+  this.input.autocomplete({ // TODO: extract autocomplete extension into subclass
+    source: $.proxy(this, "onChange"),
+    search: function(ev, ui) {
+      self.indicator.removeClass("hidden");
+      if(self.source.val() === "_custom") {
+        return false;
+      }
+    },
+    response: function(ev, ui) {
+      self.indicator.addClass("hidden");
+    },
+    minLength: 2
+  });
+}
+FederatedConceptMapper.prototype = new baseClass();
+FederatedConceptMapper.prototype.onChange = function(req, callback) {
+  var self = this;
+  $.ajax({
+    type: "GET",
+    url: this.root.data("remote-proxy-url"),
+    data: {
+      prefix: encodeURIComponent(req.term), // FIXME: (double-)encoding should not be necessary
+      dataset: this.source.find("option:selected").text(),
+      layout: 0
+    },
+    success: function() {
+      // inject callback
+      var args = Array.prototype.slice.apply(arguments);
+      args.push(callback);
+      return self.onResults.apply(self, args);
+    }
+  });
+};
+FederatedConceptMapper.prototype.onResults = function(html, status, xhr, callback) {
+  var doc = $("<div />").append(html);
+  var concepts = doc.find(".concept-item-link");
+  var items = $.map(concepts, function(node, i) {
+    var el = $(node);
+    return { label: el.text(), value: el.data("resource-url") };
+  });
+  callback(items);
+};
+
+return FederatedConceptMapper;
+
+}(jQuery));