<html>
<head>
+<script type="text/javascript" src="jquery.js"></script>
+<script type="text/javascript" src="jquery.tooltip.min.js"></script>
<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 rel="stylesheet" type="text/css" href="jquery.tooltip.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;">
- <textarea id="unescape" style="display:none;"></textarea>
- <p><A href="javascript:advanceForm1()"><IMG src="icons/advance.png"
+<textarea id="unescape" style="display:none;"></textarea>
+<div id="sandbox" style="display:none;"></div>
+
+<div class="matitaapparea" id="matitaapparea">
+
+<div class="titlebar" id="titlebar">
+ <div class="mainTitle"><H2 id="matitaTitle">Matita - <<Filename>></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"
title="Execute one step of the script."></A>
- <A href="javascript:retract()"><IMG src="icons/retract.png"
+ <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:gotoPos()"><IMG src="icons/position.png"
+ <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>
- <A href="javascript:gotoBottom()"><IMG src="icons/bottom.png"
+ <A href="javascript:gotoBottom()"><IMG class="topimg" src="icons/bottom.png"
id="bottom" alt="Bottom" title="Execute the whole script."></A>
- <INPUT type="BUTTON" value="Browse library" id="showdialog" ONCLICK="openDialog()">
+</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="savebutton" ONCLICK="saveDialog()">
- <INPUT type="BUTTON" value="Commit" id="commitbutton" ONCLICK="commitAll()"></p>
+ <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="Del hrefs" id="delintbutton" ONCLICK="strip_interpr()">
<!-- <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>
+</div>
-</td>
-<td style="width:33%; text-align:center;"><img src="icons/matita-text.png"></td>
-</tr>
-<tr id="workarea" style="height:70%;">
-<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="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>
-</td>
+ </div>
+</div>
+</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="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>
+
+<div class="upload" id="uploadBox" style="display: none;">
+ <div class="dialogTitle" id="uploadTitle"></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>
+
+<!-- Mask to cover the whole screen -->
+ <div id="mask"></div>
+
+<!-- Mask to cover the toolbar -->
+ <div id="whitemask"></div>
+
</body>
- </html>
+</html>