pho-utensil 0.0.1

data/public/css/spared.css

@@ -0,0 +1,99 @@
+/* BUTTONS */
+/* http://particletree.com/features/rediscovering-the-button-element/ */
+.buttons a, .buttons button{
+    display:block;
+    float:left;
+    margin:0 7px 0 0;
+    background-color:#f5f5f5;
+    border:1px solid #dedede;
+    border-top:1px solid #eee;
+    border-left:1px solid #eee;
+
+    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
+    font-size: 80%;
+    line-height:130%;
+    text-decoration:none;
+    font-weight:bold;
+    color:#565656;
+    cursor:pointer;
+    padding:5px 10px 6px 7px; /* Links */
+}
+.buttons button {
+    width:auto;
+    overflow:visible;
+    padding:4px 10px 3px 7px; /* IE6 */
+}
+.buttons button[type]{
+    padding:5px 10px 5px 7px; /* Firefox */
+    line-height:17px; /* Safari */
+}
+*:first-child+html button[type]{
+    padding:4px 10px 3px 7px; /* IE7 */
+}
+.buttons button img, .buttons a img{
+    margin:0 3px -3px 0 !important;
+    padding:0;
+    border:none;
+    width:16px;
+    height:16px;
+}
+
+/* STANDARD */
+
+button:hover, .buttons a:hover{
+    background-color:#dff4ff;
+    border:1px solid #c2e1ef;
+    color:#336699;
+}
+.buttons a:active{
+    background-color:#6299c5;
+    border:1px solid #6299c5;
+    color:#fff;
+}
+
+/* POSITIVE */
+
+button.positive, .buttons a.positive{
+    color:#529214;
+}
+.buttons a.positive:hover, button.positive:hover{
+    background-color:#E6EFC2;
+    border:1px solid #C6D880;
+    color:#529214;
+}
+.buttons a.positive:active{
+    background-color:#529214;
+    border:1px solid #529214;
+    color:#fff;
+}
+
+/* NEGATIVE */
+
+.buttons a.negative, button.negative{
+    color:#d12f19;
+}
+.buttons a.negative:hover, button.negative:hover{
+    background:#fbe3e4;
+    border:1px solid #fbc2c4;
+    color:#d12f19;
+}
+.buttons a.negative:active{
+    background-color:#d12f19;
+    border:1px solid #d12f19;
+    color:#fff;
+}
+
+.query {
+    float:left;
+}
+
+/* General UI Classes */
+#query { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 
+
+.tfoot { text-align: right; font-style: italic; }
+
+.ui-tabs-hide { display: none; }
+
+.contents { display: none; }
+
+.box h3 { cursor:pointer; }

data/public/js/spared-config.js

@@ -0,0 +1,126 @@
+
+function populatePrefixes(id, url) {
+   
+   populate(id, 
+   	url, 
+	function(entry) {
+		var listItem = document.createElement("li");
+		$(listItem).html("<a href='" + entry.uri + 
+				   "' title='" + entry.prefix + "'>" +
+				   entry.description +
+				   "</a>");
+		return listItem;				   
+	},
+	function() {
+		var query = $("#query").val();
+		var prefix = $(this).attr("title");
+		var uri = $(this).attr("href");
+		if ( !new RegExp( "PREFIX " + prefix + ":").test(query) ) {
+		   $("#query").val( "PREFIX " + prefix + 
+			  	    ": <" + uri + ">\n" + query );
+		}			
+		return false;
+	}
+   );	
+      
+}
+
+function populateTemplates(id, url) {
+	populate(id,
+		url,
+		function(entry) {
+			var listItem = document.createElement("li");
+			$(listItem).html("<a href='" + entry.uri + "'>" +
+					entry.description +
+					"</a>");
+			return listItem;				   		
+		}
+		,
+		function() {
+			//var query = $("#query").val();
+			var uri = $(this).attr("href");
+			$.ajax({
+					   type: "GET",
+					   async: false,
+					   url: uri,
+					   dataType: "text",	
+					   success: function(data, textStatus) {
+					     $("#query").val(data);
+					   },
+					   error: function(XMLHttpRequest, textStatus, errorThrown) {
+				   		 alert("Unable to load query");
+					   }
+					
+					});				
+			return false;
+		}
+	);
+}
+
+function populateExamples(id, url) {
+	populate(id,
+		url,
+		function(entry) {
+			var listItem = document.createElement("li");
+			$(listItem).html("<a href='" + entry.uri + "'>" +
+					entry.description +
+					"</a>");
+			return listItem;				   		
+		}
+		,
+		function() {
+			//var query = $("#query").val();
+			var uri = $(this).attr("href");
+			$.ajax({
+					   type: "GET",
+					   async: false,
+					   url: uri,
+					   dataType: "text",	
+					   success: function(data, textStatus) {
+					     $("#query").val(data);
+					   },
+					   error: function(XMLHttpRequest, textStatus, errorThrown) {
+				   		 alert("Unable to load query");
+					   }
+					
+					});				
+			return false;
+		}
+	);
+}
+
+
+/*
+ * id - identifier of container div. Will have ul added.
+ * url - url of config
+ * createItem - function to create list item, accepts entry param
+ * clickHandler - click handler to add to the created item
+ */
+function populate(id, url, createItem, clickHandler) {
+      
+   var container = "#" + id;
+   
+   $.ajax({
+	type: "GET",
+	url: url,
+	async: false,
+	dataType: "json",	
+	success: function(config, textStatus) {
+	
+	   $(container).html("");
+	   	   
+	   var list = document.createElement("ul");   
+	   //console.log("Populating: " + config.title);
+	   
+	   jQuery.each( config.entries, function() {	   	
+	   	$(list).append( createItem(this) );				   
+	   });
+
+	   $(container).append(list);  
+	   
+	   $(container).find("a").click( clickHandler );
+	
+	}
+   });
+   
+}

data/public/js/spared-examples.js

@@ -0,0 +1,13 @@
+{
+ title: "Examples",
+ entries: [
+   {    
+   	uri: "rq/list-types.rq",
+   	description: "List Types"
+   },
+   {    
+   	uri: "rq/list-properties.rq",
+   	description: "List Properties"
+   }
+ ]
+}

data/public/js/spared-prefixes.js

@@ -0,0 +1,85 @@
+{
+ title: "Core Prefixes",
+ entries: [
+   {
+   	prefix: "bibo",
+   	uri: "http://purl.org/ontology/bibo/",
+   	description: "Bibliographic Ontology"
+   },
+   {
+   	prefix: "dc",
+   	uri: "http://purl.org/dc/elements/1.1/",
+   	description: "Dublin Core Elements"
+   },
+   {
+   	prefix: "dcterms",
+   	uri: "http://purl.org/dc/terms/",
+   	description: "Dublic Core Terms"
+   },   
+   {
+   	prefix: "foaf",
+   	uri: "http://xmlns.com/foaf/0.1",
+   	description: "FOAF"
+   },   
+   {
+   	prefix: "mo",
+   	uri: "http://purl.org/ontology/mo/",
+   	description: "Music Ontology"
+   },   
+   {
+   	prefix: "po",
+   	uri: "http://purl.org/ontology/po/",
+   	description: "Programmes Ontology"
+   },      
+   {
+   	prefix: "owl",
+   	uri: "http://www.w3.org/2002/07/owl#",
+   	description: "OWL"
+   },
+   {
+   	prefix: "rdf",
+   	uri: "http://www.w3.org/1999/02/22-rdf-syntax-ns#",
+   	description: "RDF Namespace"
+   },
+   {
+   	prefix: "rdfs",
+   	uri: "http://www.w3.org/2000/01/rdf-schema#",
+   	description: "RDF Schema"
+   },
+   {
+   	prefix: "rel",
+   	uri: "http://purl.org/vocab/relationship/",
+   	description: "Relationship"
+   },   
+   {
+   	prefix: "rev",
+   	uri: "http://purl.org/stuff/rev#",
+   	description: "Reviews"
+   },
+   {
+   	prefix: "rss",
+   	uri: "http://purl.org/rss/1.0/",
+   	description: "RSS 1.0"
+   },
+   {
+   	prefix: "sioc",
+   	uri: "http://rdfs.org/sioc/ns#",
+   	description: "SIOC Core Ontology"
+   },
+   {
+   	prefix: "skos",
+   	uri: "http://www.w3.org/2004/02/skos/core#",
+   	description: "SKOS Core"
+   },
+   {
+   	prefix: "geo",
+   	uri: "http://www.w3.org/2003/01/geo/wgs84_pos#",
+   	description: "W3C Geo Schema"
+   },
+   {
+   	prefix: "xsd",
+   	uri: "http://www.w3.org/2001/XMLSchema#",
+   	description: "XML Schema"
+   }   
+ ]
+}

data/public/js/spared-templates.js

@@ -0,0 +1,9 @@
+{
+ title: "Templates",
+ entries: [
+   {    
+   	uri: "rq/list-properties-of-type.rq",
+   	description: "List Properties of Type"
+   }   
+ ]
+}

data/public/js/spared.js

@@ -0,0 +1,190 @@
+
+
+function displayError(container, XMLHttpRequest, textStatus, errorThrown) {
+   container.find(".results-table").remove();	   
+   
+   container.append( "<div class='error'>Error Executing Query: " + XMLHttpRequest.responseText + "</div>");
+   
+}
+
+function dumpToTextArea(container, data, elapsed) {   
+   container.append( "<textarea class='span-24'>" + data + "</textarea>");
+}
+
+function sparqlResultsToTable(container, json, elapsed) {
+   container.find(".results-table").remove();
+   container.find(".error").remove();
+   
+   //console.log(json);      
+   var table = document.createElement("table");
+   var tbody = document.createElement("tbody");
+   var thead = document.createElement("thead");
+   table.appendChild(thead);
+   table.appendChild(tbody);
+   
+   var row = document.createElement("tr");
+      
+   jQuery.each( json.head.vars, function(i, val) {
+	var col = document.createElement("th");
+	row.appendChild(col);
+	$(col).text( val );   	
+   });
+   
+   thead.appendChild(row);
+   
+   var cols = json.head.vars.length;   
+   var rows = json.results.bindings.length;
+   
+   jQuery.each( json.results.bindings, function(i, binding) {
+	var row = document.createElement("tr");
+	jQuery.each( json.head.vars, function() {
+	   var td = document.createElement("td");
+	   var text = ""
+	   if ( binding[this] ) {
+	   	text = binding[this].value;
+	   }
+
+	   if ( binding[this] && binding[this].type == 'uri' ) {
+	   	var anchor = document.createElement("a");
+	   	$(anchor).attr("href", text);
+	   	$(anchor).text( text );
+	   	td.appendChild( anchor );	   
+	   } else {
+	   	$(td).text( text  );	   
+	   }
+	   row.appendChild(td);
+	});
+	tbody.appendChild(row);
+   });
+ 
+   var footerRow = document.createElement("tr"); 
+   var footer = document.createElement("td");
+   footerRow.appendChild(footer);
+   $(footer).text( json.results.bindings.length + " Results in " + elapsed + " msecs");
+   $(footer).attr("colspan", json.head.vars.length);    
+   $(footer).addClass("tfoot");
+   tbody.appendChild(footerRow);
+   
+   $(container).append(table);
+   $(table).attr("border", 1);
+   $(table).addClass("results-table");
+   
+}
+
+/**
+ * Click handler for the load button. Uses the impromptu jquery plugin to 
+ * display a dialog
+ */
+function loadQueryClickHandler() {
+   var txt = 'Please enter query URL:<br /><input type="text" id="query-url" name="query-url" value="" />';
+   
+   $.prompt(txt,{
+      prefix: "blueprint",   
+      buttons: { Ok: true, Cancel: false },
+      callback: function (value,m){
+		if (value) {
+			$.get( m.children("#query-url").val(), 
+			   function(data, textStatus) {   	   	
+				$("#query").val( data );
+			   },
+			   "text"
+			);            
+		}   
+	}
+
+   });
+   return false;
+}
+
+function doQuery() {
+	$("#results").find(".error").remove();
+	$("#results").find(".results-table").remove();
+	$("#results").find("textarea").remove();
+
+    if ( !$("#inline").is(":checked") ) {
+    
+    	return true;
+    }
+    
+   	var form = $(".spared");
+   	   	
+   	var q = $(form).find("#query").val();
+   	//console.log( "Query: " + q );
+	   	
+	var startTime = new Date().getTime();
+	 
+			
+	if ( q.match(/SELECT /i) ) {
+		$.ajax({
+		   type: "GET",
+		   url: $(form).attr("action"),
+		   data: {
+		   	query: q,
+		   	output: "json"
+		   },
+		   dataType: "json",	
+		   success: function(data, textStatus) {
+	   	   	var elapsed = new Date().getTime() - startTime;
+	   	   	sparqlResultsToTable( $("#results"), data, elapsed );   	   	   	   	
+		   
+		   },
+		   error: function(XMLHttpRequest, textStatus, errorThrown) {
+	   		displayError( $("#results"), XMLHttpRequest, textStatus, errorThrown );
+		   }
+		
+		});
+	} else {
+		$.ajax({
+		   type: "GET",
+		   url: $(form).attr("action"),
+		   data: {
+		   	query: q
+		   },
+		   dataType: "text",	
+		   success: function(data, textStatus) {
+	   	   	var elapsed = new Date().getTime() - startTime;
+	   	   	dumpToTextArea($("#results"), data, elapsed);		   
+		   },
+		   error: function(XMLHttpRequest, textStatus, errorThrown) {
+	   		displayError( $("#results"), XMLHttpRequest, textStatus, errorThrown );
+		   }
+		
+		});	
+	}
+	
+	
+   	return false;
+}
+   
+/**
+ * Setup the event handlers for the form
+ */
+$(document).ready(function(){
+   populatePrefixes("prefixes", "js/spared-prefixes.js");
+   populateTemplates("templates", "js/spared-templates.js");   
+   populateTemplates("examples", "js/spared-examples.js");   
+   
+   $("#query").resizable({
+   	autoHide: true
+   });
+   
+   $("#clear-query").click( function() {
+   	var form = $(".spared");
+   	$(form).find("#query").val("");
+   	return false;
+   });
+   
+   $("#load-query").click( loadQueryClickHandler );
+
+   $("#run-query").click( doQuery );
+   
+   $(".box h3").toggle(
+   	function() {
+   	  $(this).parent().find(".contents").show();
+   	},
+   	function() {
+   	  $(this).parent().find(".contents").hide();
+   	}
+   );
+   
+});