X-Git-Url: http://git.shadowcat.co.uk/gitweb/gitweb.cgi?a=blobdiff_plain;f=root%2Fsrc%2Frelate.tt;h=15ae28defd94b387ad268942e8872de92812dd5d;hb=fdb375813058a9ce84302986d594f4f08cc9f291;hp=07b9b0a9509d23b49284b6eb5d2a01ec85938629;hpb=57e8a41726d450ab2bf35ce5196db32d0e902f83;p=scpubgit%2Fstemmaweb.git

diff --git a/root/src/relate.tt b/root/src/relate.tt
index 07b9b0a..15ae28d 100644
--- a/root/src/relate.tt
+++ b/root/src/relate.tt
@@ -1,64 +1,144 @@
 [% WRAPPER header.tt
 	pagetitle = "Stemmaweb - Relationship mapper"
-	applicationjs = c.uri_for('/js/relationship.js')
+	applicationjs = c.uri_for("/js/relationship.js")
 	applicationstyle = c.uri_for('/css/relationship.css')
 %]
 <script type="text/javascript">
-$(function() {
-  $('#svgenlargement').svg({loadURL: '[% svg_string %]', onLoad: svgEnlargementLoaded});
+// Load the text ID and the base path
+var basepath = "[% c.uri_for( '/relation/' ) %]";
+var textid = "[% textid %]";
+var can_morphologize = "[% can_morphologize %]";
+var editable = "[% permission %]" === "full";
+[% IF error -%]
+var relationship_types = [];
+var relationship_scopes = [];
+[% ELSE -%]
+var relationship_types = [% relationship_types %];
+var relationship_scopes = [% relationship_scopes %];
+[% END -%]
+
+$(document).ready(function () {
+  loadSVG('[% svg_string %]');
 });
 </script>
 [% END %]
 
 	<div id="topbanner">
-		<div id="bannerinfo">
-			<a href="help" title="Relationship mapper help" class="helptag">Help / About</a>
-		</div>
+		<span class="mainnav">
+			<a href="help/[% text_lang %]" title="Relationship mapper help" class="helptag">Help / About</a> | <a href="[% c.uri_for( '/' ) %]?withtradition=[% textid %]" class="navlink">Return to index</a>
+		</span>
 		<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="loading_overlay"></div>
-		<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 or note..&nbsp;</label>
-			<input type="text" width="60" name="note" id="note" class=".ui-widget input" />
+			<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">
+	<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 id="delete-form-text">Type: <span id="delete_relation_type"></span><br/>
+		    Scope: <span id="delete_relation_scope"></span><br/>
+		    <span id="delete_relation_note"></span></div>
+	</div>
+
+	<div id="multipleselect-form" title="Multiple nodes selected...">
+		<div id="multipleselect-form-status"></div>
+		<div id="multipleselect-form-text">Select witness(es) to detach:</div>
+		<form id="detach_collated_form" action="#">
+		</form>
 	</div>
-    	
+	
+	<div id="reading-form" title="Reading info...">
+		<form id="reading_data_form" action="#">
+			<input type="hidden" name="reading_id" id="reading_id"/>
+			<div class="morph">
+				<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>
+			</div>
+			<br/><br/>
+			<!-- Collation correction option goes here -->
+			<div id="decollation">
+				<label for="reading_decollate">Detach this reading with the selected witnesses:</label>
+				<select id="reading_decollate_witnesses" name="reading_decollate_witnesses"
+					multiple="multiple">
+				<!-- Fill in relevant reading witnesses here -->
+				</select>
+				<button id="reading_decollate" onclick="decollate(); return false;">Uncollate</button>
+			</div>
+			<!-- Morphological options go here -->
+			<div id="normalization" class="morph">
+				<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>
+			</div>
+			<div id="relemmatize_pending">
+				<img src="[% c.uri_for('/images/ajax-loader.gif') %]"/>
+			</div>
+			<br/><br/>
+			<div id="morph_outer" class="morph">
+				<label>Lemma / part of speech:</label><br/>
+				<div id="morphology"></div>
+			</div>
+			</select>
+			<div id="reading_status"></div>
+		</form>
+    </div>
+	
     <p/><p/>	
     <div id="keymap">
         <ul id="keymaplist">
+          <li></li>
         </ul>
     </div>