add work-in-progress overlay, fix position of dialog overlay

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

diff --git a/stemmaweb/root/src/relate.tt b/stemmaweb/root/src/relate.tt
index 17ffc96..89ca08c 100644 (file)
--- a/stemmaweb/root/src/relate.tt
+++ b/stemmaweb/root/src/relate.tt
@@ -11,11 +11,18 @@ $(function() {
 [% END %]
 
        <div id="topbanner">
+               <div id="bannerinfo">
+                       <a href="help" title="Relationship mapper help" class="helptag">Help / About</a>
+               </div>
                <h1>Relationship mapper</h1>
                <h2>[% text_title %]</h2>
        </div>
 
        <div id="enlargement_container">        
+               <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>
@@ -36,7 +43,7 @@ $(function() {
                        <select name="scope" id="scope" class=".ui-widget select">
                        </select>
                        <br/><br/>
-                       <label for="note">Annotation on note..&nbsp;</label>
+                       <label for="note">Annotation or note..&nbsp;</label>
                        <input type="text" width="60" name="note" id="note" class=".ui-widget input" />
                </fieldset>
        <div id="status"></div>