iqvoc 3.5.7 → 4.0.0

data/CHANGELOG.md

@@ -1,3 +1,10 @@
+## 4.0.0 (2012-05-31)
+
+  * Completely redesigned UI
+  * Temporarily removed visualization graph<br>
+    Needs to be revisited in the near future
+  * Bugfixes
+
 ## 3.5.7 (2012-05-24)
 
   * Rankable (weighted) relations

data/Gemfile

@@ -22,7 +22,8 @@ source 'http://rubygems.org'
 gem 'rails', '3.2.3'
 
 group :assets do
-  gem 'uglifier', '>= 1.0.3'
+  gem 'uglifier',   '>= 1.0.3'
+  gem 'sass-rails', '~> 3.2.5'
   gem 'therubyracer', :platforms => :ruby
 end
 
@@ -33,6 +34,7 @@ gem 'iq_rdf', '~> 0.1.2'
 gem 'json'
 gem 'rails_autolink'
 gem 'jruby-openssl', :platforms => :jruby
+gem 'simple_form'
 gem 'fastercsv', :platforms => :ruby_18
 
 group :development do
@@ -57,6 +59,7 @@ end
 group :test do
   gem 'nokogiri', '~> 1.5.0'
   gem 'capybara'
+  gem 'capybara-screenshot'
   gem 'capybara-webkit'
   gem 'database_cleaner'
   gem 'factory_girl_rails'

data/Gemfile.lock

@@ -22,14 +22,6 @@ GEM
       activesupport (= 3.2.3)
       arel (~> 3.0.2)
       tzinfo (~> 0.3.29)
-    activerecord-jdbc-adapter (1.2.2)
-    activerecord-jdbcmysql-adapter (1.2.2)
-      activerecord-jdbc-adapter (~> 1.2.2)
-      jdbc-mysql (~> 5.1.0)
-    activerecord-jdbcsqlite3-adapter (1.2.2)
-      activerecord-jdbc-adapter (~> 1.2.2)
-      jdbc-sqlite3 (~> 3.7.2)
-    activerecord-oracle_enhanced-adapter (1.4.1)
     activeresource (3.2.3)
       activemodel (= 3.2.3)
       activesupport (= 3.2.3)
@@ -43,7 +35,6 @@ GEM
       activerecord (>= 3.0.7)
       activerecord (>= 3.0.7)
     awesome_print (1.0.2)
-    bouncy-castle-java (1.5.0146.1)
     builder (3.0.0)
     cancan (1.6.7)
     capybara (1.1.2)
@@ -53,6 +44,8 @@ GEM
       rack-test (>= 0.5.4)
       selenium-webdriver (~> 2.0)
       xpath (~> 0.1.4)
+    capybara-screenshot (0.1.10)
+      capybara (>= 1.0)
     capybara-webkit (0.12.0)
       capybara (>= 1.0.0, < 1.2)
       json
@@ -69,7 +62,6 @@ GEM
       railties (>= 3.0.0)
     fastercsv (1.5.5)
     ffi (1.0.11)
-    ffi (1.0.11-java)
     heroku (2.25.0)
       launchy (>= 0.3.2)
       netrc (~> 0.7.1)
@@ -80,23 +72,14 @@ GEM
     iq_rdf (0.1.5)
       builder
       bundler
-    jdbc-mysql (5.1.13)
-    jdbc-sqlite3 (3.7.2)
     journey (1.0.3)
-    jruby-openssl (0.7.6.1)
-      bouncy-castle-java (>= 1.5.0146.1)
     json (1.7.3)
-    json (1.7.3-java)
     kaminari (0.13.0)
       actionpack (>= 3.0.0)
       activesupport (>= 3.0.0)
       railties (>= 3.0.0)
     launchy (2.1.0)
       addressable (~> 2.2.6)
-    launchy (2.1.0-java)
-      addressable (~> 2.2.6)
-      ffi (~> 1.0.9)
-      spoon (~> 0.0.1)
     libv8 (3.3.10.4)
     libwebsocket (0.1.3)
       addressable
@@ -110,7 +93,6 @@ GEM
     mysql2 (0.3.11)
     netrc (0.7.1)
     nokogiri (1.5.2)
-    nokogiri (1.5.2-java)
     pg (0.13.2)
     polyglot (0.3.3)
     rack (1.4.1)
@@ -143,13 +125,20 @@ GEM
     rest-client (1.6.7)
       mime-types (>= 1.16)
     rubyzip (0.9.8)
+    sass (3.1.18)
+    sass-rails (3.2.5)
+      railties (~> 3.2.0)
+      sass (>= 3.1.10)
+      tilt (~> 1.3)
     selenium-webdriver (2.21.2)
       childprocess (>= 0.2.5)
       ffi (~> 1.0)
       libwebsocket (~> 0.1.3)
       multi_json (~> 1.0)
       rubyzip
-    spoon (0.0.1)
+    simple_form (2.0.2)
+      actionpack (~> 3.0)
+      activemodel (~> 3.0)
     spork (0.9.2)
     spork-testunit (0.0.8)
       spork (>= 0.6.0)
@@ -177,7 +166,6 @@ GEM
       nokogiri (~> 1.3)
 
 PLATFORMS
-  java
   ruby
 
 DEPENDENCIES
@@ -188,6 +176,7 @@ DEPENDENCIES
   awesome_print
   cancan
   capybara
+  capybara-screenshot
   capybara-webkit
   database_cleaner
   factory_girl_rails
@@ -203,6 +192,8 @@ DEPENDENCIES
   pg
   rails (= 3.2.3)
   rails_autolink
+  sass-rails (~> 3.2.5)
+  simple_form
   spork
   spork-testunit
   sqlite3

data/app/assets/javascripts/framework.js

@@ -5,3 +5,4 @@
 //= require jquery.treeview
 //= require jquery.treeview.async
 //= require storage
+//= require bootstrap/bootstrap

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

@@ -6,115 +6,115 @@ IQVOC.EntitySelector = (function($) {
 "use strict";
 
 var EntitySelector = function(node) {
-	if(arguments.length === 0) { // subclassing; skip initialization
-		return;
-	}
-	this.el = $(node).hide(); // XXX: rename
-	this.container = $('<div class="entity_select" />').data("widget", this);
-	this.delimiter = ",";
-	this.singular = this.el.data("singular") || false;
-	this.entities = this.getSelection();
-	this.uriTemplate = this.el.data("entity-uri");
+  if(arguments.length === 0) { // subclassing; skip initialization
+    return;
+  }
+  this.el = $(node).hide(); // XXX: rename
+  this.container = $('<div class="entity_select" />').data("widget", this);
+  this.delimiter = ",";
+  this.singular = this.el.data("singular") || false;
+  this.entities = this.getSelection();
+  this.uriTemplate = this.el.data("entity-uri");
 
-	var self = this;
+  var self = this;
 
-	var selection = $.map(this.el.data("entities"), function(entity, i) {
-		return self.createEntity(entity);
-	});
-	selection = $('<ul class="entity_list" />').append(selection);
+  var selection = $.map(this.el.data("entities"), function(entity, i) {
+    return self.createEntity(entity);
+  });
+  selection = $('<ul class="entity_list" />').append(selection);
 
-	var exclude = this.el.data("exclude") || null,
-		img = $('<img class="hidden" />').
-			attr("src", "<%= asset_path('spinner.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"); },
-		focus: function(ev, ui) { return false; },
-		select: this.onSelect
-	});
+  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"); },
+    focus: function(ev, ui) { return false; },
+    select: this.onSelect
+  });
 
-	this.container.append(this.input).append(img).append(selection).
-		insertAfter(node).prepend(node);
+  this.container.append(this.input).append(img).append(selection).
+    insertAfter(node).prepend(node);
 
-	if(this.singular && this.entities.length) {
-		this.input.hide();
-	}
+  if(this.singular && this.entities.length) {
+    this.input.hide();
+  }
 };
 $.extend(EntitySelector.prototype, {
-	onSelect: function(ev, ui) {
-		var el = $(this).val(""),
-			widget = el.closest(".entity_select").data("widget");
-		if(widget.add(ui.item.value)) {
-			var entity = widget.
-					createEntity({ id: ui.item.value, name: ui.item.label });
-			widget.container.find("ul").append(entity);
-			if(widget.singular) {
-				widget.input.hide();
-			}
-		}
-		return false;
-	},
-	onDelete: function(ev) {
-		var el = $(this),
-			entity = el.closest("li"),
-			widget = el.closest(".entity_select").data("widget");
-		widget.remove(entity.data("id"));
-		entity.remove();
-		if(widget.singular && !widget.entities.length) {
-			widget.input.show();
-		}
-		ev.preventDefault();
-	},
-	createEntity: function(entity) {
-		var el;
-		if(this.uriTemplate) {
-			var uri = this.uriTemplate.replace("%7Bid%7D", entity.id); // XXX: not very generic
-			el = $('<a target="_blank" />').attr("href", uri).text(entity.name);
-		} else {
-			el = $('<span />').text(entity.name);
-		}
-		var delBtn = $('<a href="javascript:;" class="btn">x</a>'). // "btn" to avoid fancy "button" class -- XXX: hacky workaround!?
-			click(this.onDelete);
-		return $("<li />").data("id", entity.id).append(el).append(delBtn)[0];
-	},
-	add: function(entity) {
-		if($.inArray(entity, this.entities) === -1) {
-			this.entities.push(entity);
-			this.setSelection();
-			return true;
-		} else {
-			return false;
-		}
-	},
-	remove: function(entity) {
-		var pos = $.inArray(entity, this.entities);
-		if(pos !== -1) {
-			this.entities.splice(pos, 1);
-			this.setSelection();
-		}
-	},
-	setSelection: function() {
-		this.el.val(this.entities.join(this.delimiter));
-	},
-	getSelection: function() {
-		return $.map(this.el.val().split(this.delimiter), function(entity, i) {
-			return entity ? $.trim(entity) : null;
-		});
-	}
+  onSelect: function(ev, ui) {
+    var el = $(this).val(""),
+      widget = el.closest(".entity_select").data("widget");
+    if(widget.add(ui.item.value)) {
+      var entity = widget.
+          createEntity({ id: ui.item.value, name: ui.item.label });
+      widget.container.find("ul").append(entity);
+      if(widget.singular) {
+        widget.input.hide();
+      }
+    }
+    return false;
+  },
+  onDelete: function(ev) {
+    var el = $(this),
+      entity = el.closest("li"),
+      widget = el.closest(".entity_select").data("widget");
+    widget.remove(entity.data("id"));
+    entity.remove();
+    if(widget.singular && !widget.entities.length) {
+      widget.input.show();
+    }
+    ev.preventDefault();
+  },
+  createEntity: function(entity) {
+    var el;
+    if(this.uriTemplate) {
+      var uri = this.uriTemplate.replace("%7Bid%7D", entity.id); // XXX: not very generic
+      el = $('<a target="_blank" />').attr("href", uri).text(entity.name);
+    } else {
+      el = $('<span />').text(entity.name);
+    }
+    var delBtn = $('<a href="javascript:;" class="remove_entity">x</a>'). // "btn" to avoid fancy "button" class -- XXX: hacky workaround!?
+      click(this.onDelete);
+    return $("<li />").data("id", entity.id).append(el).append(delBtn)[0];
+  },
+  add: function(entity) {
+    if($.inArray(entity, this.entities) === -1) {
+      this.entities.push(entity);
+      this.setSelection();
+      return true;
+    } else {
+      return false;
+    }
+  },
+  remove: function(entity) {
+    var pos = $.inArray(entity, this.entities);
+    if(pos !== -1) {
+      this.entities.splice(pos, 1);
+      this.setSelection();
+    }
+  },
+  setSelection: function() {
+    this.el.val(this.entities.join(this.delimiter));
+  },
+  getSelection: function() {
+    return $.map(this.el.val().split(this.delimiter), function(entity, i) {
+      return entity ? $.trim(entity) : null;
+    });
+  }
 });
 
 return EntitySelector;

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

@@ -5,257 +5,201 @@ var IQVOC = (function($) {
 
 "use strict";
 
-var dynamicAuth = function(container) {
-	container = container.nodeType ? container : $(container)[0];
-	var authLink = $("a", container),
-		uri = authLink.attr("href");
-	if(uri.indexOf("/new.html") !== -1) {
-		var menu = $("ul", container),
-			label = authLink.text() + " ▼";
-		authLink.click(function(ev) {
-			authLink.html(label);
-			menu.removeClass("hidden").slideDown()
-				.find("li").load(uri + " #new_user_session");
-			ev.preventDefault();
-		});
-	}
-};
-
-var collapseDropdown = function(node) {
-	var el = $(node || this);
-	el.find("ul").slideUp(function() {
-		el.removeClass("hover");
-	});
-};
-
-// augments Son of Suckerfish drop-down menus
-var enhancedDropdown = function(container) {
-	container = container.jquery ? container : $(container);
-	var menuItems = $("> li", container),
-		ddtimer;
-	menuItems.find("ul").hide();
-	menuItems.live({
-		mouseenter: function(ev) {
-			clearTimeout(ddtimer);
-			menuItems.not(this).filter(".hover").each(function(i, node) {
-				collapseDropdown(node);
-			});
-			$(this).addClass("hover")
-				.find("ul").not(".hidden").slideDown();
-		},
-		mouseleave: function(ev) {
-			clearTimeout(ddtimer);
-			ddtimer = setTimeout(jQuery.proxy(collapseDropdown, this), 600);
-		}
-	});
-};
-
 var createNote = function(ev) {
-	var container = $(this).closest("fieldset"),
-		source = $("ol li:last-child", container);
-
-	// special case for usage notes
-	// a usage note contains a select box instead of a textarea
-	// FIXME: Hardcoded UMT stuff
-	var isUsageNote = source.find("label:first")[0].getAttribute("for");
-	isUsageNote = isUsageNote ? isUsageNote.match(/^concept_note_umt_usage_notes/) : false;
-	var noteSelector = isUsageNote ? "select" : "textarea, input";
-
-	if(source.is(":hidden")) {
-		source.show();
-		return false;
-	}
-
-	var clone = source.clone();
-
-	var count = source.find(noteSelector)[0].id
-			.match(/_(\d+)_/)[1];
-	count = String(parseInt(count, 10) + 1);
-	var newIdCount = "_" + count + "_",
-		newNameCount = "[" + count + "]";
-
-	clone.find("label")[0]
-		.setAttribute("for", (source.find("label")[0].getAttribute("for") || "")
-				.replace(/_\d+_/, newIdCount));
-
-	// clone.find("input")
-	// .attr("id", source.find("input[type=hidden]").attr("id").replace(/_\d+_/, newIdCount))
-	// .attr("name", source.find("input[type=hidden]").attr("name").replace(/\[\d+\]/, newNameCount));
-
-	var src, el;
-	if(!isUsageNote) {
-		src = source.find(noteSelector)[0];
-		el = clone.find(noteSelector).val("")[0];
-		el.id = src.id.replace(/_\d+_/, newIdCount);
-		el.name = src.name.replace(/\[\d+\]/, newNameCount);
-	}
-	src = source.find("select")[0];
-	if(src) {
-		el = clone.find("select")[0];
-		el.id = src.id.replace(/_\d+_/, newIdCount);
-		el.name = src.name.replace(/\[\d+\]/, newNameCount);
-	}
-
-	clone.addClass("new");
-	$("ol", container).append(clone);
-
-	return false;
+  var addButton = $(this);
+  var container = addButton.closest("fieldset");
+  var source = $("ol li:last-child", container);
+  var inputSelector = "input, select, textarea";
+
+  if(source.is(":hidden")) {
+    source.show();
+    return false;
+  }
+
+  var clone = source.clone();
+
+  var count = source.find(inputSelector)[0].id
+      .match(/_(\d+)_/)[1];
+  count = String(parseInt(count, 10) + 1);
+  var newIdCount = "_" + count + "_",
+    newNameCount = "[" + count + "]";
+
+  clone.find("label").each(function(index, element) {
+    var el = $(element);
+    if (el.attr("for")) {
+      el.attr("for", el.attr("for").replace(/_\d+_/, newIdCount));
+    }
+  })
+
+  clone.find(inputSelector).each(function(index, element) {
+    var el = $(element);
+    el.val("");
+    if (el.attr("id")) {
+      el.attr("id", el.attr("id").replace(/_\d+_/, newIdCount));
+    }
+    if (el.attr("name")) {
+      el.attr("name", el.attr("name").replace(/\[\d+\]/, newNameCount));
+    }
+  });
+
+  clone.addClass("new");
+  $("ol", container).append(clone);
+
+  return false;
 };
 
 // work around apparent capybara-webkit issue:
 // https://github.com/thoughtbot/capybara-webkit/issues/43
 var Storage = localStorage || null;
 if(Storage === null) {
-	Storage = {};
-	Storage.getItem = function() { return null; };
-	Storage.setItem = $.noop;
+  Storage = {};
+  Storage.getItem = function() { return null; };
+  Storage.setItem = $.noop;
 }
 
 return {
-	Storage: Storage,
-	dynamicAuth: dynamicAuth,
-	enhancedDropdown: enhancedDropdown,
-	createNote: createNote
+  Storage: Storage,
+  createNote: createNote
 };
 
 }(jQuery));
 
 jQuery(document).ready(function($) {
-	"use strict";
-
-	var locale = document.documentElement.getAttribute("lang");
-
-	IQVOC.enhancedDropdown(".menu");
-	IQVOC.dynamicAuth("#auth_controls");
-
-	if(IQVOC.visualization) {
-		IQVOC.visualization.init("infovis", function(container) {
-			if(IQVOC.Storage.getItem("visualization") === "enlarged") {
-				container.data("widget").toggleSize(true);
-			}
-		});
-	}
-
-	// language selection
-	var langWidget = $("ul.lang-widget")[0];
-	// primary language (converting links to radio buttons)
-	$("a", langWidget).each(function(i, node) {
-		var link = $(node),
-			el = link.closest("li"),
-			btn = $('<input type="radio" name="primary_language">');
-		if(link.hasClass("current")) {
-			btn[0].checked = true;
-		}
-		var label = $("<label />").append(btn).append(link);
-		el.append(label);
-		return label[0];
-	});
-	$("input:radio", langWidget).live("change", function(ev) {
-		window.location = $(this).closest("label").find("a").attr("href");
-	});
-	// secondary language
-	var toggleSections = function(langSelected) {
-		$(".translation[lang]").each(function(i, node) {
-			var el = $(node),
-				lang = el.attr("lang");
-			if(lang !== locale && $.inArray(lang, langSelected) === -1) {
-				el.addClass("hidden");
-			} else {
-				el.removeClass("hidden");
-			}
-		});
-	};
-	var updateNoteLangs = function(langSelected) {
-		$(".inline_note.new select").each(function(i, sel) { // NB: new notes only!
-			$(sel).find("option").each(function(i, opt) {
-				var el = $(opt),
-					lang = el.val();
-				if(lang !== locale && $.inArray(lang, langSelected) === -1) {
-					el.remove();
-				}
-			});
-		});
-	};
-	$(document).bind("lang_selected", function(ev, data) {
-		toggleSections(data.langs);
-		updateNoteLangs(data.langs);
-	});
-	var langSelector = new IQVOC.LanguageSelector(langWidget, "lang_selected");
-	if($("#new_concept, #edit_concept").length) { // edit mode
-		// disable secondary language selection to avoid excessive state complexity
-		$(":checkbox", langSelector.container).prop("disabled", true);
-	}
-
-	// entity selection (edit mode)
-	$("input.entity_select").each(function(i, node) {
-		new IQVOC.QualifiedEntitySelector(node);
-	});
-
-	// hide broader relations for top terms (mutually exclusive in mono hierarchies)
-	var topTerm = $("#concept_top_term.exclusive");
-	var onTopTermToggle = function(ev) {
-		var broader = topTerm.closest("li").next(); // XXX: brittle
-		broader[topTerm.prop("checked") ? "slideUp" : "slideDown"]();
-	};
-	topTerm.on("change", onTopTermToggle);
-	onTopTermToggle();
-
-	// Label editing (inline notes)
-	$("fieldset.note_relation ol li.inline_note.new").hide();
-	$("fieldset.note_relation input[type=button]").click(function(ev) {
-		IQVOC.createNote.apply(this, arguments);
-		langSelector.notify(); // trigger updateNoteLangs -- XXX: hacky!?
-	});
-	$("li.inline_note input:checkbox").change(function(ev) {
-		var action = this.checked ? "addClass" : "removeClass";
-		$(this).closest("li")[action]("deleted");
-	});
-
-	// Datepicker
-	$.datepicker.setDefaults($.datepicker.regional[locale]);
-	$("input.datepicker").datepicker({ dateFormat: "yy-mm-dd" });
-
-	// Dashboard table row highlighting and click handling
-	$("tr.highlightable")
-		.hover(function(ev) {
-			var action = ev.type === "mouseenter" ? "addClass" : "removeClass";
-			$(this)[action]("hover");
-		})
-		.click(function(ev) {
-			window.location = $(this).attr("data-url");
-		});
-
-	// Search
-	$("button#language_select_all").click(function() {
-		$("input[type=checkbox].lang_check").attr("checked", true);
-	});
-	$("button#language_select_none").click(function() {
-		$("input[type=checkbox].lang_check").attr("checked", false);
-	});
-	$("select.search_type").change(function() {
-		var result_type_filter = $("li.result_type_filter");
-		if($(this).val().match(/labeling/)) {
-			result_type_filter.show();
-		}
-		else {
-			result_type_filter.hide();
-		}
-	});
-	$("select.search_type").change();
-
-	// hierarchical tree view
-	$("ul.hybrid-treeview").each(function() {
-		var url = $(this).attr("data-url"),
-			container = this;
-		$(this).treeview({
-			collapsed: true,
-			toggle: function() {
-				var el = $(this);
-				if(el.hasClass("hasChildren")) {
-					var childList = el.removeClass("hasChildren").find("ul");
-					$.fn.treeviewLoad({ url: url }, this.id, childList, container);
-				}
-			}
-		});
-	});
+  "use strict";
+
+  var locale = document.documentElement.getAttribute("lang");
+
+  if(IQVOC.visualization) {
+    IQVOC.visualization.init("infovis", function(container) {
+      if(IQVOC.Storage.getItem("visualization") === "enlarged") {
+        container.data("widget").toggleSize(true);
+      }
+    });
+  }
+
+  // language selection
+  $("#language_selection .dropdown-toggle").click(function(ev) { // use Bootstrap's Dropwdown, but without the side-effects
+    $(this).closest(".dropdown").toggleClass("open");
+  });
+  var langWidget = $("ul.lang-widget")[0];
+  // primary language (converting links to radio buttons)
+  $("a", langWidget).each(function(i, node) {
+    var link = $(node),
+      el = link.closest("li"),
+      btn = $('<input type="radio" name="primary_language">');
+    if(link.hasClass("current")) {
+      btn[0].checked = true;
+    }
+    var label = $("<label />").append(btn).append(link);
+    el.append(label);
+    return label[0];
+  });
+  $("input:radio", langWidget).live("change", function(ev) {
+    window.location = $(this).closest("label").find("a").attr("href");
+  });
+  // secondary language
+  var toggleSections = function(langSelected) {
+    $(".translation[lang]").each(function(i, node) {
+      var el = $(node),
+        lang = el.attr("lang");
+      if(lang !== locale && $.inArray(lang, langSelected) === -1) {
+        el.addClass("hidden");
+      } else {
+        el.removeClass("hidden");
+      }
+    });
+  };
+  var updateNoteLangs = function(langSelected) {
+    $(".inline_note.new select").each(function(i, sel) { // NB: new notes only!
+      $(sel).find("option").each(function(i, opt) {
+        var el = $(opt),
+          lang = el.val();
+        if(lang !== locale && $.inArray(lang, langSelected) === -1) {
+          el.remove();
+        }
+      });
+    });
+  };
+  $(document).bind("lang_selected", function(ev, data) {
+    toggleSections(data.langs);
+    updateNoteLangs(data.langs);
+  });
+  var langSelector = new IQVOC.LanguageSelector(langWidget, "lang_selected");
+  if($("#new_concept, #edit_concept").length) { // edit mode
+    // disable secondary language selection to avoid excessive state complexity
+    $(":checkbox", langSelector.container).prop("disabled", true);
+  }
+
+  // entity selection (edit mode)
+  $("input.entity_select").each(function(i, node) {
+    new IQVOC.QualifiedEntitySelector(node);
+  });
+
+  // hide broader relations for top+ terms (mutually exclusive in mono hierarchies)
+  var topTerm = $("#concept_top_term.exclusive");
+  var onTopTermToggle = function(ev) {
+    var broader = topTerm.closest(".control-group").next(); // XXX: brittle
+    broader[topTerm.prop("checked") ? "slideUp" : "slideDown"]();
+  };
+  topTerm.on("change", onTopTermToggle);
+  onTopTermToggle();
+
+  // Label editing (inline notes)
+  $("fieldset.note_relation ol li.inline_note.new").hide();
+  $("fieldset.note_relation input[type=button]").click(function(ev) {
+    IQVOC.createNote.apply(this, arguments);
+    langSelector.notify(); // trigger updateNoteLangs -- XXX: hacky!?
+  });
+  $("li.inline_note input:checkbox").change(function(ev) {
+    var action = this.checked ? "addClass" : "removeClass";
+    $(this).closest("li")[action]("deleted");
+  });
+
+  // Datepicker
+  $.datepicker.setDefaults($.datepicker.regional[locale]);
+  $("input.datepicker").datepicker({ dateFormat: "yy-mm-dd" });
+
+  // Dashboard table row highlighting and click handling
+  $("tr.highlightable")
+    .hover(function(ev) {
+      var action = ev.type === "mouseenter" ? "addClass" : "removeClass";
+      $(this)[action]("hover");
+    })
+    .click(function(ev) {
+      window.location = $(this).attr("data-url");
+    });
+
+  // Search
+  $("button#language_select_all").click(function() {
+    $("input[type=checkbox].lang_check").attr("checked", true);
+  });
+  $("button#language_select_none").click(function() {
+    $("input[type=checkbox].lang_check").attr("checked", false);
+  });
+  $("select.search_type").change(function() {
+    var result_type_filter = $(".result_type_filter");
+    if($(this).val().match(/labeling/)) {
+      result_type_filter.show();
+    }
+    else {
+      result_type_filter.hide();
+    }
+  });
+  $("select.search_type").change();
+
+  // hierarchical tree view
+  $("ul.hybrid-treeview").each(function() {
+    var url = $(this).attr("data-url"),
+      container = this;
+    $(this).treeview({
+      collapsed: true,
+      toggle: function() {
+        var el = $(this);
+        if(el.hasClass("hasChildren")) {
+          var childList = el.removeClass("hasChildren").find("ul");
+          $.fn.treeviewLoad({ url: url }, this.id, childList, container);
+        }
+      }
+    });
+  });
 });