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