X-Git-Url: http://git.shadowcat.co.uk/gitweb/gitweb.cgi?a=blobdiff_plain;f=stemmaweb%2Froot%2Fsrc%2Frelate.tt;h=49afb7b01dd35deb1131fa81486218e5c4b4a92e;hb=a7f4020a1a1fd72aba6e25dc0a8f8aa9a1891202;hp=384bc7705a6222daa88c7f6e2194e0ff14fdbc4f;hpb=57acbbe2384a484550eaf2ba2bbc7920fabe94a5;p=scpubgit%2Fstemmatology.git

diff --git a/stemmaweb/root/src/relate.tt b/stemmaweb/root/src/relate.tt
index 384bc77..49afb7b 100644
--- a/stemmaweb/root/src/relate.tt
+++ b/stemmaweb/root/src/relate.tt
@@ -4,55 +4,103 @@
 	applicationstyle = c.uri_for('/css/relationship.css')
 %]
 <script type="text/javascript">
-$(function() {
-  $('#svgbasics').svg({loadURL: '[% svg_string %]', onLoad: svgLoaded});
-  $('#svgenlargement').svg({loadURL: '[% svg_string %]', onLoad: svgEnlargementLoaded});
+
+$(document).ready(function () {
+  loadSVG('[% svg_string %]');
 });
 </script>
 [% END %]
 
-	<div id="graph_container">	
-        <div id="graph_underlay"></div>
-	    <div id="visor"></div>
-	    <div id="graph">
-		    <!-- width seems to need to be as wide as the graph -->
-		    <!-- a translation of -487 in the svg itself was needed to adjust the graph to the left of the div -->
-		    <!-- unclear how to cope with height that doesn't fit box -->
-		    <div id="svgbasics" style="height: 100px;"></div>
+	<div id="topbanner">
+		<div id="bannerinfo">
+			<a href="help/[% text_lang %]" title="Relationship mapper help" class="helptag">Help / About</a>
+		</div>
+		<h1>Relationship mapper</h1>
+		<h2>[% text_title %]</h2>
+		<div id="segmentation">
+[% FOREACH segment IN textsegments -%]
+[% IF segment.start != startseg -%]
+			<a href="[% c.uri_for( "/relation/$textid" ) %]?start=[% segment.start %]">
+				<span class="segment_guide">[% segment.display %]</span>
+			</a>
+[% ELSE -%]
+			<span class="segment_guide selected">[% segment.display %]</span>
+[% END -%]
+[% END -%]
 		</div>
 	</div>
 
-	<div id="enlargement_container">	
-		<div id="enlargement">
-	        <div id="svgenlargement" style="height: 500px;"></div>
+	<div id="enlargement_container" class="fillPage">	
+		<div id="loading_overlay">
+			<div id="loading_message"><span>Loading, please wait...</span></div>
+		</div>
+		<div id="dialog_overlay"></div>
+		<div id="enlargement" style="">
+	        <div id="svgenlargement"  class="fillPage"></div>
 		</div>
 	</div>
 	
 	<div id="update_workspace_button"></div>
 	
-	<div id="dialog-form" title="Create relation between two nodes..">
-		<form id="collapse_node_form">
+	<div id="dialog-form" title="Create relation between two nodes...">
+		<form id="collapse_node_form" action="#">
 		<fieldset>
 			<input type="hidden" name="source_id" id="source_node_id"/>
+			<input type="hidden" name="source_text" id="source_node_text"/>
 			<input type="hidden" name="target_id" id="target_node_id"/>
+			<input type="hidden" name="target_text" id="target_node_text"/>
 			<label for="rel_type">Relation type..&nbsp;</label>
 			<select name="rel_type" id="rel_type" class=".ui-widget select">
+				<option></option>
 			</select>
 			<br/><br/>
 			<label for="scope">Scope of relation..&nbsp;</label>
 			<select name="scope" id="scope" class=".ui-widget select">
+				<option></option>
 			</select>
 			<br/><br/>
-			<label for="note">Annotation on note..&nbsp;</label>
-			<input type="text" width="60" name="note" id="note" class=".ui-widget input" />
+			<label for="note">Annotation or note..&nbsp;</label>
+			<textarea rows="3" style="width:100%;" name="note" id="note" class=".ui-widget input"></textarea>
 		</fieldset>
     	<div id="status"></div>		
 		</form>
 	</div>
 	<div id="dialog_overlay"></div>
 
+	<div id="delete-form" title="Relation info...">
+		<form id="delete_relation_form" action="#">
+			<input type="hidden" name="source_id" id="delete_source_node_id"/>
+			<input type="hidden" name="target_id" id="delete_target_node_id"/>
+		</form>
+		<div id="delete-form-text"></div>
+	</div>
+	
+	<div id="reading-form" title="Reading info...">
+		<form id="reading_data_form" action="#">
+			<input type="hidden" name="reading_id" id="reading_id"/>
+			<input type="checkbox" name="reading_is_nonsense" id="reading_is_nonsense"/>
+			<label for="reading_is_nonsense">This is a nonsense word</label>
+			<br/>
+			<input type="checkbox" name="reading_grammar_invalid" id="reading_grammar_invalid"/>
+			<label for="reading_grammar_invalid">This word's grammar cannot be right</label>
+			<br/><br/>
+			<!-- Morphological options go here -->
+			<label for="reading_normal_form">Normalized form: </label>
+			<input type="text" name="reading_normal_form" id="reading_normal_form"></input>
+			<button id="#reading_relemmatize" onclick="relemmatize(); return false;">Re-lemmatize</button>
+			<br/><br/>
+			<label>Lemma / part of speech:</label><br/>
+			<div id="morphology">
+			</div>
+			</select>
+			<div id="reading_status"></div>
+		</form>
+    </div>
+	
+    <p/><p/>	
     <div id="keymap">
         <ul id="keymaplist">
+          <li></li>
         </ul>
     </div>