root/src/relate.tt

   1 [% WRAPPER header.tt
   2         pagetitle = "Stemmaweb - Relationship mapper"
   3         applicationjs = c.uri_for("/js/relationship.js")
   4         applicationstyle = c.uri_for('/css/relationship.css')
   5 %]
   6 <script type="text/javascript">
   7 // Load the text ID and the base path
   8 var basepath = "[% c.uri_for( '/relation/' ) %]";
   9 var textid = "[% textid %]";
  10 var can_morphologize = "[% can_morphologize %]";
  11 var editable = "[% permission %]" === "full";
  12 var text_direction = "[% direction %]";
  13 // URLs for images referenced in Javascript
  14 var merge_button_yes = "[% c.uri_for( '/images/tick_circle_frame.png' ) %]";
  15 var merge_button_no = "[% c.uri_for( '/images/no_entry.png' ) %]";
  16 // Constants used in Javascript that we get from the server
  17 [% IF error -%]
  18 var relationship_types = [];
  19 var relationship_scopes = [];
  20 var ternary_values = [];
  21 [% ELSE -%]
  22 var relationship_types = [% relationship_types %];
  23 var relationship_scopes = [% relationship_scopes %];
  24 var ternary_values = [% ternary_values %];
  25 [% END -%]
  26
  27 $(document).ready(function () {
  28   loadSVG('[% svg_string %]');
  29 });
  30 </script>
  31 [% END %]
  32
  33   <div class="mainnav">
  34         <span>[% IF c.user_exists %]Hello [% c.user.get_object.email %]! &nbsp; <a class="navlink" href="[% c.uri_for( '/logout' ) %]">Sign out</a> | [% END %]<a href="help/[% text_lang %]" title="Relationship mapper help" class="helptag navlink">Help / About</a> | <a href="[% c.uri_for( '/' ) %]?withtradition=[% textid %]" class="navlink">Return to index</a> </span>
  35    </div>
  36     <div id="topbanner">
  37                 <h1>Relationship mapper</h1>
  38                 <h2>[% text_title %]</h2>
  39                 <div id="segmentation">
  40 [% FOREACH segment IN textsegments -%]
  41 [% IF segment.start != startseg -%]
  42                         <a href="[% c.uri_for( "/relation/$textid" ) %]?start=[% segment.start %]">
  43                                 <span class="segment_guide">[% segment.display %]</span>
  44                         </a>
  45 [% ELSE -%]
  46                         <span class="segment_guide selected">[% segment.display %]</span>
  47 [% END -%]
  48 [% END -%]
  49                 </div>
  50         </div>
  51
  52         <div id="enlargement_container" class="fillPage">
  53                 <div id="loading_overlay">
  54                         <div id="loading_message"><span>Loading, please wait...</span></div>
  55                 </div>
  56                 <div id="dialog_overlay"></div>
  57                 <div id="enlargement" style="">
  58                 <div id="svgenlargement"  class="fillPage"></div>
  59                 </div>
  60         </div>
  61
  62         <div id="update_workspace_button"></div>
  63
  64         <div id="dialog-form" title="Create relation between two nodes...">
  65                 <form id="collapse_node_form" action="#">
  66                 <fieldset>
  67                         <input type="hidden" name="source_id" id="source_node_id"/>
  68                         <input type="hidden" name="source_text" id="source_node_text"/>
  69                         <input type="hidden" name="target_id" id="target_node_id"/>
  70                         <input type="hidden" name="target_text" id="target_node_text"/>
  71                         <label for="rel_type">Relation type&nbsp;</label>
  72                         <select name="type" id="rel_type" class=".ui-widget select">
  73                         </select>
  74                         <br/><br/>
  75                         <label for="scope">Scope of relation&nbsp;</label>
  76                         <select name="scope" id="scope" class=".ui-widget select">
  77                         </select>
  78                         <br/><br/>
  79                         <label for="is_significant">Is this variance stemmatically significant?</label>
  80                         <select name="is_significant" id="is_significant" class=".ui-widget select"/>
  81                         </select>
  82                         <br/><br/>
  83                         <input type="checkbox" name="b_derivable_from_a" id="b_derivable_from_a"/>
  84                         <label for="b_derivable_from_a"><span class="rel_rdg_a"></span> would be corrected to <span class="rel_rdg_b"></span>&nbsp;</label>
  85                         <br/>
  86                         <input type="checkbox" name="a_derivable_from_b" id="a_derivable_from_b"/>
  87                         <label for="a_derivable_from_b"><span class="rel_rdg_b"></span> would be corrected to <span class="rel_rdg_a"></span>&nbsp;</label>
  88                         <br/>
  89                         <input type="checkbox" name="non_independent" id="non_independent"/>
  90                         <label for="non_independent">Variants unlikely to arise coincidentally&nbsp;</label>
  91                         <br/><br/>
  92                         <label for="note">Annotation or note&nbsp;</label>
  93                         <textarea rows="3" style="width:100%;" name="annotation" id="note" class=".ui-widget input"></textarea>
  94                 </fieldset>
  95         <div id="status"></div>
  96                 </form>
  97         </div>
  98         <div id="dialog_overlay"></div>
  99
 100         <div id="delete-form" title="Relation info...">
 101                 <form id="delete_relation_form" action="#">
 102                         <input type="hidden" name="source_id" id="delete_source_node_id"/>
 103                         <input type="hidden" name="target_id" id="delete_target_node_id"/>
 104                 </form>
 105                 <div id="delete-form-text">Type: <span id="delete_relation_type"></span><br/>
 106                     Scope: <span id="delete_relation_scope"></span><br/>
 107                     <span id="delete_relation_attributes"></span>
 108                     <span id="delete_relation_note"></span></div>
 109         </div>
 110
 111         <div id="multipleselect-form" title="Multiple nodes selected...">
 112                 <div id="multipleselect-form-status"></div>
 113
 114                 <div class="error" id="duplicate-merge-error">
 115                 </div>
 116
 117                 Detach or merge?<br/>
 118
 119                 <form autocomplete="off">
 120                         <label>
 121                                 <input id="action-detach" checked name='option' type='radio' /> Detach
 122                         </label>
 123
 124                         <label>
 125                                 <input id="action-merge" name='option' type='radio' /> Merge
 126                         </label>
 127                 </form>
 128
 129                 <div id="multipleselect-form-text">Select witness(es) to detach:</div>
 130                 <form id="detach_collated_form" action="#">
 131                 </form>
 132         </div>
 133
 134         <div id="reading-form" title="Reading info...">
 135                 <form id="reading_data_form" action="#">
 136                         <input type="hidden" name="reading_id" id="reading_id"/>
 137                         <div class="morph">
 138                                 <input type="checkbox" name="reading_is_nonsense" id="reading_is_nonsense"/>
 139                                 <label for="reading_is_nonsense">This is a nonsense word</label>
 140                                 <br/>
 141                                 <input type="checkbox" name="reading_grammar_invalid" id="reading_grammar_invalid"/>
 142                                 <label for="reading_grammar_invalid">This word's grammar cannot be right</label>
 143                         </div>
 144                         <br/><br/>
 145                         <!-- Morphological options go here -->
 146                         <div id="normalization" class="morph">
 147                                 <label for="reading_normal_form">Normalized form: </label>
 148                                 <input type="text" name="reading_normal_form" id="reading_normal_form"></input>
 149                                 <button id="reading_relemmatize" onclick="relemmatize(); return false;">Re-lemmatize</button>
 150                         </div>
 151                         <div id="relemmatize_pending">
 152                                 <img src="[% c.uri_for('/images/ajax-loader.gif') %]"/>
 153                         </div>
 154                         <br/><br/>
 155                         <div id="morph_outer" class="morph">
 156                                 <label>Lemma / part of speech:</label><br/>
 157                                 <div id="morphology"></div>
 158                         </div>
 159                         </select>
 160                         <div id="reading_status"></div>
 161                 </form>
 162     </div>
 163
 164     <p/><p/>
 165     <div id="keymap">
 166         <ul id="keymaplist">
 167           <li></li>
 168         </ul>
 169     </div>
 170
 171 [% PROCESS footer.tt %]