hook up and test duplication server-side logic

[scpubgit/stemmaweb.git] / root / src / relate.tt

diff --git a/root/src/relate.tt b/root/src/relate.tt
index a8e879a..15ae28d 100644 (file)
--- a/root/src/relate.tt
+++ b/root/src/relate.tt
@@ -1,9 +1,21 @@
 [% 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">
+// 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 %]');
@@ -12,9 +24,9 @@ $(document).ready(function () {
 [% 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">
@@ -72,22 +84,54 @@ $(document).ready(function () {
                        <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_data_id"/>
-                       <label for="reading_nonsense">This is a nonsense word</label>
-                       <input type="checkbox" name="reading_nonsense" id="reading_nonsense_id"/>
-                       <label for="reading_badgrammar">This word's grammar cannot be right</label>
-                       <input type="checkbox" name="reading_badgrammar" id="reading_badgrammar_id"/>
-                               <!-- Morphological options will go here -->
+                       <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/>
-                       <label for="morphology">Lemma / part of speech:</label>
-                       <select name="morphology" id="morphology" class=".ui-widget select">
-                               <option></option>
+                       <!-- 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>