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