iqvoc 3.2.3

data/public/javascripts/iqvoc/storage.js

@@ -0,0 +1,122 @@
+/*
+Copyright (c) 2010 Remy Sharp, http://remysharp.com
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+*/
+if (typeof window.localStorage == 'undefined' || typeof window.sessionStorage == 'undefined') (function () {
+
+var Storage = function (type) {
+  function createCookie(name, value, days) {
+    var date, expires;
+
+    if (days) {
+      date = new Date();
+      date.setTime(date.getTime()+(days*24*60*60*1000));
+      expires = "; expires="+date.toGMTString();
+    } else {
+      expires = "";
+    }
+    document.cookie = name+"="+value+expires+"; path=/";
+  }
+
+  function readCookie(name) {
+    var nameEQ = name + "=",
+        ca = document.cookie.split(';'),
+        i, c;
+
+    for (i=0; i < ca.length; i++) {
+      c = ca[i];
+      while (c.charAt(0)==' ') {
+        c = c.substring(1,c.length);
+      }
+
+      if (c.indexOf(nameEQ) == 0) {
+        return c.substring(nameEQ.length,c.length);
+      }
+    }
+    return null;
+  }
+
+  function setData(data) {
+    data = JSON.stringify(data);
+    if (type == 'session') {
+      window.name = data;
+    } else {
+      createCookie('localStorage', data, 365);
+    }
+  }
+
+  function clearData() {
+    if (type == 'session') {
+      window.name = '';
+    } else {
+      createCookie('localStorage', '', 365);
+    }
+  }
+
+  function getData() {
+    var data = type == 'session' ? window.name : readCookie('localStorage');
+    try {
+        return data ? JSON.parse(data) : {};
+    } catch(exc) { // bad cookie data -- XXX: hack by FND
+        return {}
+    }
+  }
+
+
+  // initialise if there's already data
+  var data = getData();
+
+  return {
+    length: 0,
+    clear: function () {
+      data = {};
+      this.length = 0;
+      clearData();
+    },
+    getItem: function (key) {
+      return data[key] === undefined ? null : data[key];
+    },
+    key: function (i) {
+      // not perfect, but works
+      var ctr = 0;
+      for (var k in data) {
+        if (ctr == i) return k;
+        else ctr++;
+      }
+      return null;
+    },
+    removeItem: function (key) {
+      delete data[key];
+      this.length--;
+      setData(data);
+    },
+    setItem: function (key, value) {
+      data[key] = value+''; // forces the value to a string
+      this.length++;
+      setData(data);
+    }
+  };
+};
+
+if (typeof window.localStorage == 'undefined') window.localStorage = new Storage('local');
+if (typeof window.sessionStorage == 'undefined') window.sessionStorage = new Storage('session');
+
+})();

data/public/javascripts/iqvoc/visualization.js

@@ -0,0 +1,321 @@
+/*jslint vars: true, unparam: true, nomen: true, browser: true */
+/*global jQuery, $jit, IQVOC, HTMLCanvasElement */
+
+// basic settings -- XXX: cargo-culted from JIT examples
+var labelType, nativeTextSupport, useGradients, animate; // XXX: useless globals!?
+(function() {
+	"use strict";
+
+	var ua = navigator.userAgent,
+		iOS = ua.match(/iPhone/i) || ua.match(/iPad/i),
+		typeOfCanvas = typeof HTMLCanvasElement,
+		nativeCanvasSupport = (typeOfCanvas === "object" || typeOfCanvas === "function"),
+		textSupport = nativeCanvasSupport
+				&& (typeof document.createElement("canvas").getContext("2d").fillText === "function");
+	// settings based on the fact that ExCanvas provides text support for IE
+	// and that as of today iPhone/iPad current text support is lame
+	labelType = (!nativeCanvasSupport || (textSupport && !iOS)) ? "Native" : "HTML";
+	nativeTextSupport = labelType === "Native";
+	useGradients = nativeCanvasSupport;
+	animate = !(iOS || !nativeCanvasSupport);
+}());
+
+IQVOC.visualization = (function($) {
+
+"use strict";
+
+var LEVELDISTANCE = 100;
+var CONCEPT_URI;
+var MAX_CHILDREN = 10; // TODO: rename
+var VIZ; // XXX: singleton; hacky - there should be a more elegant way!?
+
+var spawn, redraw, onFilter, generateGraph, transformData, generateConceptNode,
+	generateLabelNode, generateDummyConcepts, groupChildNodes,
+	determineTransparency, htmlEncode;
+
+var init = function(container, callback) { // TODO: should be a class so multiple instances can be created (should also avoid module-level globals)
+	CONCEPT_URI = $("head link[type='application/json']").attr("href"); // XXX: should be passed in via argument? (encapsulation)
+	$.getJSON(CONCEPT_URI, function(data, status, xhr) {
+		data = transformData(data);
+		container = spawn(container, data);
+		VIZ = container.data("widget");
+		if(callback) {
+			callback(container);
+		}
+	});
+};
+
+// container can be an ID or a DOM element
+spawn = function(container, data) {
+	container = container.nodeType ? container : document.getElementById(container);
+
+	// zoom controls
+	$.each(["+", "-"], function(i, item) {
+		$('<input type="button" class="button" />').val(item).click(function(ev) {
+			var d = VIZ.config.Navigation.zooming / 1000;
+			d = item === "-" ? 1 - d : 1 + d;
+			VIZ.canvas.scale(d, d);
+		}).appendTo(container);
+	});
+	// filter controls
+	$.each(["label", "relation"], function(i, item) {
+		var cb = $('<input type="checkbox" name="entities" checked="checked">')
+			.val(item);
+		$('<label />').text(item + "s").prepend(cb).appendTo(container);
+	});
+	$("input[type=checkbox]", container).live("change", onFilter);
+	// resize controls
+	var toggleSize;
+	var btns = $.map(["▢", "_"], function(item, i) {
+		return $('<input type="button" class="button" />').val(item)
+			.click(function(ev) { toggleSize(i === 0); })
+			.prependTo(container)[0];
+	});
+	btns = $(btns);
+	btns.eq(1).hide();
+	toggleSize = (function(container) {
+		container = $(container);
+		var width = container.width();
+		var height = container.height();
+		return function(enlarge) {
+			var viz = container.data("widget"),
+				_width = enlarge ? width * 2 : width,
+				_height = enlarge ? height * 2 : height;
+			viz.canvas.resize(_width, _height);
+			container.css({
+				width: String(_width) + "px",
+				height: String(_height) + "px"
+			});
+			IQVOC.visualization.redraw(viz);
+
+			btns.toggle();
+			IQVOC.Storage.setItem("visualization", enlarge ? "enlarged" : "");
+		};
+	}(container));
+
+	var viz = generateGraph(container, { levelDistance: LEVELDISTANCE });
+	viz.filters = []; // TODO: rename? (ambiguous)
+	viz.data = data;
+	viz.toggleSize = toggleSize;
+	redraw(viz);
+
+	return $(container).addClass("infovis").data("widget", viz);
+};
+
+redraw = function(viz) {
+	viz.graph.empty();
+	viz.labels.clearLabels();
+	viz.loadJSON(viz.data);
+	viz.refresh();
+};
+
+onFilter = function(ev) {
+	var el = $(this),
+		checked = el.attr("checked"),
+		value = el.val();
+
+	if(checked) {
+		var pos = $.inArray(value, VIZ.filters);
+		VIZ.filters.splice(pos, 1);
+	} else {
+		VIZ.filters.push(value);
+	}
+
+	el.closest(".infovis").toggleClass("filtered", VIZ.filters.length > 0);
+
+	VIZ.loadJSON(VIZ.data);
+	VIZ.refresh();
+};
+
+generateGraph = function(container, options) {
+	options = $.extend(options, {
+		injectInto: container,
+
+		Navigation: {
+			enable: true,
+			panning: "avoid nodes",
+			zooming: 100
+		},
+
+		width: container.offsetWidth,
+		height: container.offsetHeight,
+
+		levelDistance: options.levelDistance || LEVELDISTANCE,
+
+		// concentric circle as background (cargo-culted from RGraph example)
+		background: {
+			CanvasStyles: {
+				strokeStyle: "#AAA",
+				shadowBlur: 50
+				//shadowColor: "#EEE" // XXX: fills entire background in Chrome!?
+			}
+		},
+		// styles
+		Node: {
+			overridable: true,
+			dim: 5,
+			color: "#B0EAA4"
+		},
+		Edge: {
+			overridable: true,
+			lineWidth: 2,
+			color: "#888"
+		},
+
+		// add text and attach event handlers to labels
+		onCreateLabel: function(domEl, node) {
+			var name = htmlEncode(node.name);
+			if(node.data.nodes) { // special-casing placeholder
+				$(domEl).html(node.name)
+					.attr("title", String(node.data.nodes.length) + " nodes hidden"); // TODO: i18n
+			} else if(node.data.etype === "label") {
+				$(domEl).html(name);
+			} else { // concept node (link with abbreviated name)
+				var cue = "/concepts/";
+				var host = CONCEPT_URI.split(cue)[0]; // XXX: hacky and brittle
+				var caption = node.name.length <= 5 ? name :
+						htmlEncode(node.name.substr(0, 5)) + "&hellip;";
+				$("<a />").attr("href", host + cue + node.id)
+					.attr("title", name).html(caption)
+					.appendTo(domEl);
+			}
+		},
+
+		// change node styles when labels are placed/moved
+		onPlaceLabel: function(domEl, node) {
+			var css = {},
+				el = $(domEl),
+				classes = ["level" + String(node._depth),
+						node.data.etype || "concept"];
+			// ensure label covers the underlying node
+			css.height = css.lineHeight = String(node.Node.height) + "px";
+			el.addClass(classes.join(" ")).css(css);
+
+			// ensure label is centered on the symbol
+			var style = domEl.style;
+			var x = parseInt(style.left, 10);
+			var y = parseInt(style.top, 10);
+			style.top = String(y - domEl.offsetHeight / 2) + "px";
+			style.left = String(x - domEl.offsetWidth / 2) + "px";
+		},
+
+		onBeforePlotLine: function(adj) {
+			if(adj.nodeTo.data.etype === "label") {
+				adj.nodeTo.data.$type = "square";
+				adj.nodeTo.data.$color = "#EEE";
+				adj.data.$lineWidth = adj.Edge.lineWidth / 2;
+				adj.data.$color = "#00A";
+				adj.data.$alpha = 0.5;
+			} else {
+				var node = adj.nodeTo; // nodeTo is always the inner node!?
+				var alpha = determineTransparency(node._depth);
+				if(alpha) {
+					node.setData("alpha", alpha);
+					adj.setData("alpha", alpha);
+				}
+			}
+
+			$.each([adj.nodeFrom, adj.nodeTo], function(i, node) { // XXX: inefficient and fugly
+				var etype = node.data ? node.data.etype : null;
+				if(VIZ) {
+					var hideRelations = $.inArray("relation", VIZ.filters) !== -1;
+					var rootLabel = node._depth === 1 && etype === "label";
+					if((hideRelations && node._depth > 0 && !rootLabel) ||
+							(etype && $.inArray(etype, VIZ.filters) !== -1)) {
+						adj.data.$alpha = 0;
+						node.data.$alpha = 0;
+					}
+				}
+			});
+		}
+	});
+	return new $jit.RGraph(options);
+};
+
+// create a JIT-compatible JSON tree structure from a concept representation
+transformData = function(concept) {
+	return generateConceptNode(concept);
+};
+
+// generate node from iQvoc concept representation
+generateConceptNode = function(concept) {
+	if(typeof concept.relations === "number") {
+		concept.relations = generateDummyConcepts(concept.relations);
+	}
+	var labels = $.map(concept.labels || [], generateLabelNode);
+	groupChildNodes(labels, "label");
+	var relations = $.map(concept.relations || [], generateConceptNode);
+	groupChildNodes(relations);
+	// combine labels and relations in alternating order
+	var children = $.map(labels, function(label, i) {
+		return relations.length ? [label, relations.pop()] : label;
+	}).concat(relations);
+	return {
+		id: concept.origin,
+		name: labels.length ? labels[0].name : "", // XXX: should use actual pref label
+		children: children
+	};
+};
+
+// generate node from iQvoc label representation
+generateLabelNode = function(label) {
+	return {
+		id: label.origin || Math.random(),
+		name: label.value,
+		data: { etype: "label" }
+		// TODO: relations to other concepts (XL only)
+	};
+};
+
+// generate dummy iQvoc label representations
+generateDummyConcepts = function(count) {
+	return $.map(new Array(count), function(item, i) {
+		return { origin: Math.random() };
+	});
+};
+
+// combine excessive child nodes in a single placeholder node
+groupChildNodes = function(nodes, etype) { // TODO: rename
+	if(nodes.length > MAX_CHILDREN) {
+		var excess = nodes.splice(MAX_CHILDREN - 1);
+		var placeholder = {
+			id: Math.random(),
+			name: "&hellip;",
+			data: { nodes: excess } // XXX: property name ambiguous?
+		};
+		if(etype) {
+			placeholder.data.etype = etype;
+		}
+		nodes.push(placeholder);
+	}
+};
+
+determineTransparency = function(depth) {
+	if(depth === 2) {
+		return 0.6;
+	} else if(depth > 2) {
+		return 0.3;
+	}
+};
+
+// hijack setPos method to reduce the relative distance for label nodes -- XXX: modifies all Node instances!
+var _setPos = $jit.Graph.Node.prototype.setPos;
+$jit.Graph.Node.prototype.setPos = function(value, type) {
+	if(this.data.etype === "label") {
+		value.rho = value.rho - (LEVELDISTANCE * 0.5);
+	}
+	return _setPos.apply(this, arguments);
+};
+
+// convert &, <, > and " to HTML entities (adapted from TiddlyWiki)
+htmlEncode = function(str) {
+	return str.replace(/&/mg, "&amp;").replace(/</mg, "&lt;")
+			.replace(/>/mg, "&gt;").replace(/\"/mg, "&quot;");
+};
+
+return {
+	init: init,
+	redraw: redraw
+};
+
+}(jQuery));

data/public/robots.txt

@@ -0,0 +1,5 @@
+# See http://www.robotstxt.org/wc/norobots.html for documentation on how to use the robots.txt file
+#
+# To ban all spiders from the entire site uncomment the next two lines:
+# User-Agent: *
+# Disallow: /

data/public/stylesheets/iqvoc/blueprint/ie.css

@@ -0,0 +1,35 @@
+/* -----------------------------------------------------------------------
+
+
+ Blueprint CSS Framework 0.9
+ http://blueprintcss.org
+
+   * Copyright (c) 2007-Present. See LICENSE for more info.
+   * See README for instructions on how to use Blueprint.
+   * For credits and origins, see AUTHORS.
+   * This is a compressed file. See the sources in the 'src' directory.
+
+----------------------------------------------------------------------- */
+
+/* ie.css */
+body {text-align:center;}
+.container {text-align:left;}
+* html .column, * html .span-1, * html .span-2, * html .span-3, * html .span-4, * html .span-5, * html .span-6, * html .span-7, * html .span-8, * html .span-9, * html .span-10, * html .span-11, * html .span-12, * html .span-13, * html .span-14, * html .span-15, * html .span-16, * html .span-17, * html .span-18, * html .span-19, * html .span-20, * html .span-21, * html .span-22, * html .span-23, * html .span-24 {display:inline;overflow-x:hidden;}
+* html legend {margin:0px -8px 16px 0;padding:0;}
+sup {vertical-align:text-top;}
+sub {vertical-align:text-bottom;}
+html>body p code {*white-space:normal;}
+hr {margin:-8px auto 11px;}
+img {-ms-interpolation-mode:bicubic;}
+.clearfix, .container {display:inline-block;}
+* html .clearfix, * html .container {height:1%;}
+fieldset {padding-top:0;}
+textarea {overflow:auto;}
+input.text, input.title, textarea {background-color:#fff;border:1px solid #bbb;}
+input.text:focus, input.title:focus {border-color:#666;}
+input.text, input.title, textarea, select {margin:0.5em 0;}
+input.checkbox, input.radio {position:relative;top:.25em;}
+form.inline div, form.inline p {vertical-align:middle;}
+form.inline label {position:relative;top:-0.25em;}
+form.inline input.checkbox, form.inline input.radio, form.inline input.button, form.inline button {margin:0.5em 0;}
+button, input.button {position:relative;top:0.25em;}

data/public/stylesheets/iqvoc/blueprint/plugins/buttons/readme.txt

@@ -0,0 +1,32 @@
+Buttons
+
+* Gives you great looking CSS buttons, for both <a> and <button>.
+* Demo: particletree.com/features/rediscovering-the-button-element
+
+
+Credits
+----------------------------------------------------------------
+
+* Created by Kevin Hale [particletree.com]
+* Adapted for Blueprint by Olav Bjorkoy [bjorkoy.com]
+
+
+Usage
+----------------------------------------------------------------
+
+1) Add this plugin to lib/settings.yml.
+   See compress.rb for instructions.
+
+2) Use the following HTML code to place the buttons on your site:
+
+  <button type="submit" class="button positive">
+    <img src="css/blueprint/plugins/buttons/icons/tick.png" alt=""/> Save
+  </button>
+
+  <a class="button" href="/password/reset/">
+    <img src="css/blueprint/plugins/buttons/icons/key.png" alt=""/> Change Password
+  </a>
+
+  <a href="#" class="button negative">
+    <img src="css/blueprint/plugins/buttons/icons/cross.png" alt=""/> Cancel
+  </a>

data/public/stylesheets/iqvoc/blueprint/plugins/buttons/screen.css

@@ -0,0 +1,97 @@
+/* -------------------------------------------------------------- 
+  
+   buttons.css
+   * Gives you some great CSS-only buttons.
+   
+   Created by Kevin Hale [particletree.com]
+   * particletree.com/features/rediscovering-the-button-element
+
+   See Readme.txt in this folder for instructions.
+
+-------------------------------------------------------------- */
+
+a.button, button {
+  display:block;
+  float:left;
+  margin: 0.7em 0.5em 0.7em 0;
+  padding:5px 10px 5px 7px;   /* Links */
+  
+  border:1px solid #dedede;
+  border-top:1px solid #eee;
+  border-left:1px solid #eee;
+
+  background-color:#f5f5f5;
+  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
+  font-size:100%;
+  line-height:130%;
+  text-decoration:none;
+  font-weight:bold;
+  color:#565656;
+  cursor:pointer;
+}
+button {
+  width:auto;
+  overflow:visible;
+  padding:4px 10px 3px 7px;   /* IE6 */
+}
+button[type] {
+  padding:4px 10px 4px 7px;   /* Firefox */
+  line-height:17px;           /* Safari */
+}
+*:first-child+html button[type] {
+  padding:4px 10px 3px 7px;   /* IE7 */
+}
+button img, a.button img{
+  margin:0 3px -3px 0 !important;
+  padding:0;
+  border:none;
+  width:16px;
+  height:16px;
+  float:none;
+}
+
+
+/* Button colors
+-------------------------------------------------------------- */
+
+/* Standard */
+button:hover, a.button:hover{
+  background-color:#dff4ff;
+  border:1px solid #c2e1ef;
+  color:#336699;
+}
+a.button:active{
+  background-color:#6299c5;
+  border:1px solid #6299c5;
+  color:#fff;
+}
+
+/* Positive */
+body .positive {
+  color:#529214;
+}
+a.positive:hover, button.positive:hover {
+  background-color:#E6EFC2;
+  border:1px solid #C6D880;
+  color:#529214;
+}
+a.positive:active {
+  background-color:#529214;
+  border:1px solid #529214;
+  color:#fff;
+}
+
+/* Negative */
+body .negative {
+  color:#d12f19;
+}
+a.negative:hover, button.negative:hover {
+  background-color:#fbe3e4;
+  border:1px solid #fbc2c4;
+  color:#d12f19;
+}
+a.negative:active {
+  background-color:#d12f19;
+  border:1px solid #d12f19;
+  color:#fff;
+}

data/public/stylesheets/iqvoc/blueprint/plugins/fancy-type/readme.txt

@@ -0,0 +1,14 @@
+Fancy Type
+
+* Gives you classes to use if you'd like some 
+  extra fancy typography. 
+
+Credits and instructions are specified above each class
+in the fancy-type.css file in this directory.
+
+
+Usage
+----------------------------------------------------------------
+
+1) Add this plugin to lib/settings.yml.
+   See compress.rb for instructions.