]> matita.cs.unibo.it Git - helm.git/blobdiff - matitaB/matita/index.html
Matitaweb: first attempt at web UI for disambiguation.
[helm.git] / matitaB / matita / index.html
index 14027f7f2670ba5ff1eae7b58a1c9ad8bad18eb0..80f49ece416a748bc209e770b5cd0296259f9141 100644 (file)
@@ -3,6 +3,7 @@
 <head>
 <script type="text/javascript" src="utf8MacroTable.js"></script>
 <script type="text/javascript" src="matitaweb.js"></script>
+<script type="text/javascript" src="layout.js"></script>
 <link rel="stylesheet" type="text/css" href="matitaweb.css"/>
 
 <link href="treeview/xmlTree.css" type="text/css" rel="stylesheet"/>
 
 </head>
 
-<body onLoad="initialize();">
+<body onLoad="initialize();" onResize="resize();">
 <textarea id="unescape" style="display:none;"></textarea>
-<div id="sandbox" style="visibility:hidden;"></div>
+<div id="sandbox" style="display:none;"></div>
 
-<div class="matitaapparea">
+<div class="matitaapparea" id="matitaapparea">
 
-<div class="toparea">
+<div class="titlebar" id="titlebar">
+  <div class="mainTitle"><H2 id="matitaTitle">Matita - &lt;&lt;Filename&gt;&gt;</H2></div>
+  <div class="mainRight" id="matitaLogout"><A id="hlogout" href="/logout.html">Log out</A></div>
+</div>
+
+
+<div class="toparea" id="toparea">
 <div class="navibar">
            <A href="javascript:advanceForm1()"><IMG class="topimg" src="icons/advance.png" 
                                                     id="advance" alt="Advance" 
@@ -24,6 +31,8 @@
           <A href="javascript:retract()"><IMG class="topimg" src="icons/retract.png" 
                                               id="retract" alt="Retract"
                                                title="Undo execution of one step of the script."></A>
+          <A href="javascript:gotoTop()"><IMG class="topimg" src="icons/top.png" 
+                                                 id="top" alt="Top" title="Undo execution of the whole script."></A>
           <A href="javascript:gotoPos()"><IMG class="topimg" src="icons/position.png" 
                                                id="cursor" alt="Play"
                                                title="Execute the script until the current position of the cursor."></A>
                                                  id="bottom" alt="Bottom" title="Execute the whole script."></A>
 </div>
 <div class="toolbar">
+  <table>
+  <tr>
+    <td>
           <INPUT type="BUTTON" value="New" id="newbutton" ONCLICK="newDialog()">
           <INPUT type="BUTTON" value="Open" id="showdialog" ONCLICK="openDialog()">
           <INPUT type="BUTTON" value="Save" id="savebutton" ONCLICK="saveFile()">
           <INPUT type="BUTTON" value="Save as" id="saveasbutton" ONCLICK="saveDialog()">
+    </td>
+  </tr>
+  <tr>
+    <td>
           <INPUT type="BUTTON" value="Upload" id="uploadbutton" ONCLICK="uploadDialog()">
            <INPUT type="BUTTON" value="Commit" id="commitbutton" ONCLICK="commitAll()">
+           <INPUT type="BUTTON" value="Update" id="updatebutton" ONCLICK="updateAll()">
+           <INPUT type="BUTTON" value="Log" id="logbutton" ONCLICK="showLog()">
 <!--      <INPUT type="BUTTON" value="show sequent" id="showseq" ONCLICK="showSequent()">
           <INPUT type="BUTTON" value="hide sequent" id="hideseq" ONCLICK="hideSequent()">
           <INPUT type="BUTTON" value="selection test" id="hideseq" ONCLICK="test()"> -->
+    </td>
+  </tr>
+  </table> 
 
 </div>
 <div class="caption"><p><img align="bottom" class="topimg" src="icons/matita-text.png"></p></div>
   <pre><div contentEditable="false" id="locked" style="background-color:#bfbfff; display:inline;"></div><div contentEditable="true" id="unlocked" style="display:inline">(* script *)</div></pre></div>
   <!-- the script (end) --> 
 </div>
-<div class="goalarea" id="goalcell">
+<div class="sidearea" id="sidearea">
+ <div class="framed" id="disambcell"></div>
+ <div class="framed" id="goalcell">
   <div id="goals"></div>
-  <div contentEditable="true" style="border-style:solid; height:100%; width:100%; overflow:auto;">
+  <div class="context">
   <pre id="goalview"></pre>
   </div>
+ </div>
 </div>
 </div>
 
-<div class="bottomarea">
+<!-- <div class="bottomarea">
        <textarea id="logarea" style="width:100%; height:100%"></textarea>
-</div>
+</div> -->
 
 </div>
 
 <div class="dialog" id="dialogBox" style="display: none;">
   <div class="diaTitle" id="dialogTitle"></div>
-  <div class="diaClose" id="dialogClose"><H2><A id="butClose" href="javascript:abortDialog()">X</A></H2></div>
+  <div class="diaClose" id="dialogClose"><H2><A class="butClose" href="javascript:abortDialog('dialogBox')">X</A></H2></div>
+  <INPUT type="button" id="dialogNewdir" value="Create dir..." ONCLICK="createDir()" style="width:150px"><br/>
   <div class="scroll" id="dialogContent"></div>
   <INPUT class="diaFile" type="text" id="dialogFilename">
   <INPUT type="button" id="dialogSelect" value="OK" ONCLICK="dialogOK()" style="width:70px">
 
 <div class="upload" id="uploadBox" style="display: none;">
   <div class="dialogTitle" id="uploadTitle"></div>
-  <div class="diaClose" id="uploadClose"><H2><A id="but1Close" href="javascript:abortUpload()">X</A></H2></div>
+  <div class="diaClose" id="uploadClose"><H2><A class="butClose" href="javascript:abortDialog('uploadBox')">X</A></H2></div>
   <INPUT class="diaFile" type="file" id="uploadFilename">
   <INPUT type="button" id="uploadSelect" value="OK" ONCLICK="uploadOK()" style="width:70px">
 </div>
 
  </body>
- </html> 
+</html>