segment the large texts in the relationship mapper

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

diff --git a/stemmaweb/root/src/relate.tt b/stemmaweb/root/src/relate.tt
index 07b9b0a..65bb19e 100644 (file)
--- a/stemmaweb/root/src/relate.tt
+++ b/stemmaweb/root/src/relate.tt
@@ -16,10 +16,24 @@ $(function() {
                </div>
                <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="loading_overlay">
+                       <div id="loading_message"><span>Loading, please wait...</span></div>
+               </div>
+               <div id="dialog_overlay"></div>
                <div id="enlargement">
                <div id="svgenlargement" style="height: 500px;"></div>
                </div>