X-Git-Url: http://git.shadowcat.co.uk/gitweb/gitweb.cgi?a=blobdiff_plain;f=root%2Fjs%2Fcomponentload.js;h=07fb93da8d35dfd9f018d0c91364d520ea938413;hb=b63f3a770f4f22d83dc77c88b0299d22ae07efcc;hp=3bb43a93fac8d49bdc4351a76b53ebf095030234;hpb=be536c891e67a3143aeef68e97ae3c351fc22149;p=scpubgit%2Fstemmaweb.git

diff --git a/root/js/componentload.js b/root/js/componentload.js
index 3bb43a9..07fb93d 100644
--- a/root/js/componentload.js
+++ b/root/js/componentload.js
@@ -45,12 +45,12 @@ function loadTradition( textid, textname, editable ) {
     // Hide the functionality that is irrelevant
     if( editable ) {
     	$('#open_stemma_add').show();
-    	$('#open_stemma_edit').show();
     	$('#open_textinfo_edit').show();
     	$('#relatebutton_label').text('View collation and edit relationships');
     } else {
     	$('#open_stemma_add').hide();
-    	$('#open_stemma_edit').hide();
+    	$('#open_stemweb_ui').hide();
+    	$('#query_stemweb_ui').hide();
     	$('#open_textinfo_edit').hide();
     	$('#relatebutton_label').text('View collation and relationships');
     }
@@ -62,17 +62,14 @@ function loadTradition( textid, textname, editable ) {
     	// Add the scalar data
     	selectedTextInfo = textdata;
     	load_textinfo();
-     	// Add the stemma(ta) and set up the stexaminer button
+     	// Add the stemma(ta)
     	stemmata = textdata.stemmata;
     	if( stemmata.length ) {
     		selectedStemmaID = 0;
-			$('#run_stexaminer').show();
     	} else {
     		selectedStemmaID = -1;
-			$('#open_stemma_edit').hide();
-			$('#run_stexaminer').hide();
 		}
-		load_stemma( selectedStemmaID );
+		load_stemma( selectedStemmaID, editable );
     	// Set up the relationship mapper button
 		$('#run_relater').attr( 'action', _get_url([ "relation", textid ]) );
 		// Set up the download button
@@ -113,38 +110,88 @@ function load_textinfo() {
 }	
 
 // Enable / disable the appropriate buttons for paging through the stemma.
-function show_stemmapager () {
+function show_stemmapager ( editable ) {
       $('.pager_left_button').unbind('click').addClass( 'greyed_out' );
       $('.pager_right_button').unbind('click').addClass( 'greyed_out' );
       if( selectedStemmaID > 0 ) {
               $('.pager_left_button').click( function () {
-                      load_stemma( selectedStemmaID - 1 );
+                      load_stemma( selectedStemmaID - 1, editable );
               }).removeClass( 'greyed_out' );
       }       
       if( selectedStemmaID + 1 < stemmata.length ) {
               $('.pager_right_button').click( function () {
-                      load_stemma( selectedStemmaID + 1 );
+                      load_stemma( selectedStemmaID + 1, editable );
               }).removeClass( 'greyed_out' );
       }
 }
 
 // Load a given stemma SVG into the stemmagraph box.
-function load_stemma( idx ) {
+function load_stemma( idx, editable ) {
 	// Load the stemma at idx
 	selectedStemmaID = idx;
-	show_stemmapager();
+	show_stemmapager( editable );
+	$('#open_stemma_edit').hide();
+	$('#run_stexaminer').hide();
+	$('#stemma_identifier').empty();
+	// Add the relevant Stemweb functionality
+	if( editable ) {
+		if( selectedTextInfo.stemweb_jobid == 0 ) {
+			$('#open_stemweb_ui').show();
+			$('#query_stemweb_ui').hide();
+		} else {
+			$('#query_stemweb_ui').show();
+			$('#open_stemweb_ui').hide();
+		}
+	}
 	if( idx > -1 ) {
-		// Load the SVG and identifier of the stemma
+		// Load the stemma and its properties
 		var stemmadata = stemmata[idx];
-		loadSVG( stemmadata['svg'] );
-		$('#stemma_identifier').empty().text( stemmadata['name'] );
-		// Stexaminer submit action
-		var stexpath = _get_url([ "stexaminer", selectedTextID, idx ]);
-		$('#run_stexaminer').attr( 'action', stexpath );
+		if( editable ) {
+			$('#open_stemma_edit').show();
+		}
+		if( stemmadata.directed ) {
+			// Stexaminer submit action
+			var stexpath = _get_url([ "stexaminer", selectedTextID, idx ]);
+			$('#run_stexaminer').attr( 'action', stexpath );
+			$('#run_stexaminer').show();
+		}
+		loadSVG( stemmadata.svg );
+		$('#stemma_identifier').text( stemmadata.name );
         setTimeout( 'start_element_height = $("#stemma_graph .node")[0].getBBox().height;', 500 );
 	}
 }
 
+function query_stemweb_progress() {
+	var requrl = _get_url([ "stemweb", "query", selectedTextInfo.stemweb_jobid ]);
+	$.getJSON( requrl, function (data) {
+		// Look for a status message, either success, running, or notfound.
+		if( data.status === 'success' ) {
+			// Add the new stemmata to the textinfo and tell the user.
+			selectedTextInfo.stemweb_jobid = 0;
+			if( data.stemmata.length > 0 ) {
+				stemmata = stemmata.concat( data.stemmata );
+				if( selectedStemmaID == -1 ) {
+					// We have a stemma for the first time; load the first one.
+					load_stemma( 0, true );
+				} else {
+					// Move to the index of the first added stemma.
+					var newIdx = stemmata.length - data.stemmata.length;
+					load_stemma( newIdx, true );
+				}
+				alert( 'You have one or more new stemmata!' );
+			} else {
+				alert( 'Stemweb run finished with no stemmata...huh?!' );
+			}
+		} else if( data.status === 'running' ) {
+			// Just tell the user.
+			alert( 'Your Stemweb query is still running!' );
+		} else if( data.status === 'notfound' ) {
+			// Ask the user to refresh, for now.
+			alert( 'Your Stemweb query probably finished and reported back. Please reload to check.' );
+		}
+	});
+}
+
 // Load the SVG we are given
 function loadSVG(svgData) {
 	var svgElement = $('#stemma_graph');
@@ -174,10 +221,26 @@ function loadSVG(svgData) {
 			}
 			var topoffset = theSVG.position().top - svgElement.position().top - browseroffset;
 			theSVG.offset({ top: svgoffset.top - topoffset, left: svgoffset.left });
+			set_stemma_interactive( theSVG );
 		}
 	});
 }
 
+function set_stemma_interactive( svg_element ) {
+    $( "#root_tree_dialog_button_ok" ).click( function() {
+        // AJAX call goes here
+        } );
+    $.each( $( 'ellipse', svg_element ), function(index) {
+        $(this).click( function(evt) {
+            var dialog = $( '#root_tree_dialog' );
+            dialog.css( 'top', evt.pageY );
+            dialog.css( 'left', evt.pageX );
+            dialog.show();
+            root_tree_dialog_timeout = setTimeout( function() { $( '#root_tree_dialog' ).hide() }, 3000 );
+        } );
+        $(this).hover( function() { $(this).addClass( 'stemma_node_highlight' ) }, function() { $(this).removeClass( 'stemma_node_highlight' ) } );
+    } );   
+}
 // General-purpose error-handling function.
 // TODO make sure this gets used throughout, where appropriate.
 function display_error( jqXHR, el ) {
@@ -317,6 +380,9 @@ $(document).ready( function() {
 	if( !!window.FileReader && !!window.File ) {
 		$('#compatibility_check').empty();
 	}
+
+    // hide dialog not yet in use
+    $('#root_tree_dialog').hide();
 	
     // call out to load the directory div
     $('#textinfo_container').hide();
@@ -400,9 +466,7 @@ $(document).ready( function() {
 					// Stash the answer in the appropriate spot in our stemma array
 					stemmata[selectedStemmaID] = data;
 					// Display the new stemma
-					load_stemma( selectedStemmaID );
-					// Show the edit button, in case this was the first new stemma
-					$('#open_stemma_edit').show();
+					load_stemma( selectedStemmaID, true );
 					// Reenable the button and close the form
 					$(evt.target).button("enable");
 					$('#stemma-edit-dialog').dialog('close');
@@ -419,7 +483,7 @@ $(document).ready( function() {
 				// If we are creating a new stemma, populate the textarea with a
 				// bare digraph.
 				$(evt.target).dialog('option', 'title', 'Add a new stemma')
-				$('#dot_field').val( "digraph stemma {\n\n}" );
+				$('#dot_field').val( "digraph \"NAME STEMMA HERE\" {\n\n}" );
 			} else {
 				// If we are editing a stemma, grab its stemmadot and populate the
 				// textarea with that.
@@ -440,6 +504,96 @@ $(document).ready( function() {
 			display_error( jqXHR, $("#edit_stemma_status") );
     	}
 	});
+
+	$('#stemweb-ui-dialog').dialog({
+		autoOpen: false,
+		height: 160,
+		width: 225,
+		modal: true,
+		buttons: {
+			Run: function (evt) {
+				$("#stemweb_run_status").empty();
+				$(evt.target).button("disable");
+				var requrl = _get_url([ "stemweb", "request" ]);
+				var reqparam = $('#call_stemweb').serialize();
+				// TODO We need to stash the literal SVG string in stemmata
+				// somehow. Implement accept header on server side to decide
+				// whether to send application/json or application/xml?
+				$.getJSON( requrl, reqparam, function (data) {
+					// Job ID is in data.jobid. TODO do something with it.
+					selectedTextInfo.stemweb_jobid = data.jobid;
+					$(evt.target).button("enable");
+					$('#stemweb-ui-dialog').dialog('close');
+					// Reload the current stemma to rejigger the buttons
+					load_stemma( selectedStemmaID, true );
+				}, 'json' );
+			},
+			Cancel: function() {
+				$('#stemweb-ui-dialog').dialog('close');
+			}
+		},
+		create: function(evt) {
+			// Call out to Stemweb to get the algorithm options, with which we
+			// populate the form.
+			var algorithmTypes = {};
+			var algorithmArgs = {};
+			$.each( stemwebAlgorithms, function( i, o ) {
+				if( o.model === 'algorithms.algorithm' ) {
+					// it's an algorithm.
+					algorithmTypes[ o.pk ] = o.fields;
+				} else if( o.model == 'algorithms.algorithmarg'	&& o.fields.external ) {
+					// it's an option for an algorithm that we should display.
+					algorithmArgs[ o.pk ] = o.fields;
+				}
+			});
+			$.each( algorithmTypes, function( pk, fields ) {
+				var algopt = $('<option>').attr( 'value', pk ).append( fields.name );
+				$('#stemweb_algorithm').append( algopt );
+			});
+			// Set up the relevant options for whichever algorithm is chosen.
+			// "key" -> form name, option ID "stemweb_$key_opt"
+			// "name" -> form label
+			$('#stemweb_algorithm').change( function() {
+				var pk = $(this).val();
+				$('#stemweb_runtime_options').empty();
+				$.each( algorithmTypes[pk].args, function( i, apk ) {
+					var argInfo = algorithmArgs[apk];
+					if( argInfo ) {
+						// Make the element ID
+						var optId = 'stemweb_' + argInfo.key + '_opt';
+						// Make the label
+						var optLabel = $('<label>').attr( 'for', optId )
+							.append( argInfo.name + ": " );
+						var optCtrl;
+						var argType = argInfo.value;
+						if( argType === 'positive_integer' ) {
+							// Make it an input field of smallish size.
+							optCtrl = $('<input>').attr( 'size', 4 );
+						} else if ( argType === 'boolean' ) {
+							// Make it a checkbox.
+							optCtrl = $('<checkbox>');
+						}
+						// Add the name and element ID
+						optCtrl.attr( 'name', argInfo.key ).attr( 'id', optId );
+						// Append the label and the option itself to the form.
+						$('#stemweb_runtime_options').append( optLabel )
+							.append( optCtrl ).append( $('<br>') );
+					}
+				});
+			});
+			// Prime the initial options
+			$('#stemweb_algorithm').change();
+		},
+		open: function(evt) {
+			$('#stemweb_run_status').empty();
+			$('#stemweb_tradition').attr('value', selectedTextID );
+		},
+	}).ajaxError( function(event, jqXHR, ajaxSettings, thrownError) {
+		$(event.target).parent().find('.ui-button').button("enable");
+    	if( ajaxSettings.url.indexOf( 'stemweb/request' ) > -1 ) {
+			display_error( jqXHR, $("#stemweb_run_status") );
+    	}
+	});
 		
 	$('#upload-collation-dialog').dialog({
 		autoOpen: false,