]> matita.cs.unibo.it Git - helm.git/blobdiff - matitaB/matita/index.html
Matitaweb: layout change in the matitaweb inteface, in order to allow better
[helm.git] / matitaB / matita / index.html
index 8a36418632e85d352c717d462b3049ff2f07b41a..e665bede62fd371ad0471f30a1560e2b4c2e2df6 100644 (file)
@@ -1,31 +1,49 @@
 <html>
+
 <head>
-</head>
-                 
-<head>
+<script type="text/javascript" src="utf8MacroTable.js"></script>
 <script type="text/javascript" src="matitaweb.js"></script>
+<link rel="stylesheet" type="text/css" href="matitaweb.css"/>
+
+<link href="treeview/xmlTree.css" type="text/css" rel="stylesheet"/>
+<script src="treeview/xmlTree.js" type="text/javascript"></script>
+
 </head>
 
 <body onLoad="initialize();">
 <div id="sandbox" style="visibility:hidden;"></div>
-<table style="table-layout: fixed; width:100%; height:100%; border-spacing: 0px; border-style: none;">
-<tr>
-<td style="padding: 0px; width:67%; border-style: none;">
+
+<div class="matitaapparea">
+
+<div class="toparea">
+<div class="toolbar">
        <textarea id="unescape" style="display:none;"></textarea>
-       <p><INPUT type="BUTTON" value="advance" id="advance" ONCLICK="advanceForm1()">
-          <INPUT type="BUTTON" value="go back" id="retract" ONCLICK="retract()">
-          <INPUT type="BUTTON" value="go to cursor" id="cursor" ONCLICK="gotoPos()">
-          <INPUT type="BUTTON" value="bottom" id="bottom" ONCLICK="gotoBottom()"> &nbsp;
-       <INPUT type="TEXT" id="filename" value=""><INPUT type="BUTTON" value="Open" ONCLICK="openFile()"></p>
-          <INPUT type="BUTTON" value="show sequent" id="showseq" ONCLICK="showSequent()">
+       <p><A href="javascript:advanceForm1()"><IMG src="icons/advance.png" 
+                                                    id="advance" alt="Advance" 
+                                                    title="Execute one step of the script."></A>
+          <A href="javascript:retract()"><IMG src="icons/retract.png" 
+                                              id="retract" alt="Retract"
+                                               title="Undo execution of one step of the script."></A>
+          <A href="javascript:gotoPos()"><IMG src="icons/position.png" 
+                                               id="cursor" alt="Play"
+                                               title="Execute the script until the current position of the cursor."></A>
+          <A href="javascript:gotoBottom()"><IMG src="icons/bottom.png" 
+                                                 id="bottom" alt="Bottom" title="Execute the whole script."></A>
+          <INPUT type="BUTTON" value="New" id="showdialog" ONCLICK="newDialog()">
+          <INPUT type="BUTTON" value="Browse library" id="showdialog" ONCLICK="openDialog()">
+          <INPUT type="BUTTON" value="Save" id="savebutton" ONCLICK="saveFile()">
+          <INPUT type="BUTTON" value="Save as" id="saveasbutton" ONCLICK="saveDialog()">
+          <INPUT type="BUTTON" value="Commit" id="commitbutton" ONCLICK="commitAll()"></p>
+<!--      <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()">
+          <INPUT type="BUTTON" value="selection test" id="hideseq" ONCLICK="test()"> -->
+
+</div>
+<div class="caption"><img src="icons/matita-text.png"></div>
+</div>
 
-</td>
-<td style="width:33%; text-align:center;"><img src="icons/matita-text.png"></td>
-</tr>
-<tr id="workarea" style="height:80%;">
-<td id="scriptcell" style="padding: 0px; border-style: none; padding: 0px;">
+<div class="workarea" id="workarea">
+<div class="scriptarea" id="scriptcell">
   <!-- the script --> 
   <!-- 
   The two DIVs "locked" and "unlocked" MUST be on the same line (since they are 
   <div style="width:100%; height:100%; overflow:auto;">
   <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) --> 
-</td>
-<td id="goalcell" style="padding: 0px; width:33%; border-style: none;">
+</div>
+<div class="goalarea" id="goalcell">
   <div id="goals"></div>
   <div contentEditable="true" style="border-style:solid; height:100%; width:100%; overflow:auto;">
   <pre id="goalview"></pre>
   </div>
-</td>
+</div>
 
-<tr style="height:15%">
-<td colspan="2" style="padding: 0px; border-style: none;">
+<div class="bottomarea">
        <textarea id="logarea" style="width:100%; height:100%"></textarea>
-</td>
-</tr>
-</table>
+</div>
+
+</div>
+
+<div class="dialog" id="dialogBox" style="display: none;">
+  <div class="diaTitle" id="dialogTitle"></div>
+  <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>
  </body>
  </html>