X-Git-Url: http://matita.cs.unibo.it/gitweb/?a=blobdiff_plain;f=matitaB%2Fmatita%2Fmatitaweb.js;h=cd1e624e1fba6664db95a222bdfd426a593e00ae;hb=b5f54d2815f446a999736abd0ffe80641596a5f6;hp=0805e0b9adc297d1e1b5e144388691def7aa4785;hpb=e628a830e720c821111706a22e7cb05dc3a6628b;p=helm.git

diff --git a/matitaB/matita/matitaweb.js b/matitaB/matita/matitaweb.js
index 0805e0b9a..cd1e624e1 100644
--- a/matitaB/matita/matitaweb.js
+++ b/matitaB/matita/matitaweb.js
@@ -15,16 +15,51 @@ var dialogBox;
 var dialogTitle;
 var dialogContent;
 var metasenv = "";
+var lockedbackup = "";
+var matita;
+
+function text_of_html(h)
+{
+  if(document.all) {
+     return h.innerText;
+  } else {
+     return h.textContent;
+  }
+}
+
+function unescape_html(s)
+{
+  u = document.getElementById("unescape");
+  u.innerHTML = s;
+  return text_of_html(u)
+}
+
+function filterByClass (elements,cname){
+  var itemsfound = new Array;
+  for(var i=0;i<elements.length;i++){
+    if(elements[i].className == cname){
+      itemsfound.push(elements[i]);
+    }
+  }
+  return itemsfound;
+}
 
 function initialize()
 {
   if (readCookie("session") == null) {
     window.location = "/login.html"
   } else {
+    body = document.body;
+    titlebar = document.getElementById("titlebar");
+    matitaTitle = document.getElementById("matitaTitle");
+    apparea = document.getElementById("matitaapparea");
     locked = document.getElementById("locked");
     unlocked = document.getElementById("unlocked");
+    toparea = document.getElementById("toparea");
     workarea = document.getElementById("workarea");
     scriptcell = document.getElementById("scriptcell");
+    sidearea = document.getElementById("sidearea");
+    disambcell = document.getElementById("disambcell");
     goalcell = document.getElementById("goalcell");
     goals = document.getElementById("goals");
     goalview = document.getElementById("goalview");
@@ -35,17 +70,53 @@ function initialize()
     cursorButton = document.getElementById("cursor");
     bottomButton = document.getElementById("bottom");
     dialogBox = document.getElementById("dialogBox");
+    uploadBox = document.getElementById("uploadBox");
     dialogTitle = document.getElementById("dialogTitle");
     dialogContent = document.getElementById("dialogContent");
-  
+
+    matita = new Object();
+    matita.disambMode = matita.proofMode = false;
+
     // hide sequent view at start
-    hideSequent();
+    initializeLayout();
+    updateSide();
+
+    changeFile("test.ma");
 
     // initialize keyboard events in the unlocked script
     init_keyboard(unlocked);
+
+    init_autotraces();
+
   }
 }
 
+function init_autotraces() {
+    $("#unlocked .autotactic").tooltip({ 
+      delay: 0, 
+      showURL: false, 
+      bodyHandler: function() { 
+        return (trace_of($(this)[0])); 
+      }
+    });
+    $("#locked .autotactic").tooltip({ 
+      delay: 0, 
+      showURL: false, 
+      bodyHandler: function() { 
+        return (trace_of($(this)[0]));
+      }
+    });
+}
+
+function trace_of(node) {
+  return text_of_html(filterByClass(node.childNodes,"autotrace")[0]);
+}
+
+function changeFile(name) {
+    current_fname = name;
+    matitaTitle.innerHTML = "Matita - cic:/matita/" + name;
+}
+
 function init_keyboard(target)
 {
     if (target.addEventListener)
@@ -108,28 +179,25 @@ function suppressdefault(e,flag)
    return !flag;
 }
 
-function restoreSelection() {
+function restoreSelection(r) {
     unlocked.focus();
-    if (savedRange != null) {
+    if (r != null) {
         if (window.getSelection)//non IE and there is already a selection
         {
             var s = window.getSelection();
             if (s.rangeCount > 0) 
                 s.removeAllRanges();
-	    range = document.createRange();
-	    range.setStart(savedsc,savedso);
-	    range.collapse(true);
-            s.addRange(range);
+            s.addRange(r);
         }
         else 
             if (document.createRange)//non IE and no selection
             {
-                window.getSelection().addRange(savedRange);
+                window.getSelection().addRange(r);
             }
             else 
                 if (document.selection)//IE
                 {
-                    savedRange.select();
+                    r.select();
                 }
     }
 }
@@ -139,28 +207,61 @@ function lookup_tex(texmacro)
   texmacro = texmacro.substring(1);
   return unescape(macro2utf8[texmacro]);
 }
+
+function strip_tags(tagname,classname) 
+{
+    var tags = unlocked.getElementsByTagName(tagname);
+    if (is_defined(classname)) {
+	tags = filterByClass(tags,classname);
+    }
+    for (i = 0; i < tags.length; i++) {
+        var children = tags[i].childNodes;
+        for (j = 0; j < children.length; j++) {
+            tags[i].parentNode.insertBefore(children[j],tags[i]);
+	}
+    }
+    while (tags.length > 0) {
+      tags[0].parentNode.removeChild(tags[0]);
+    }
+}
+
+function strip_interpr() {
+	strip_tags("A");
+	alert("strip_interpr ended");
+}
  
 function keypress(e)
 {
    if (!e) e= event;
    pressmesg('keypress',e);
    var s = string_of_key(e.charCode);
+   strip_tags("span","error");
    if (s == " ") {
 	j = getCursorPos();
-	i = unlocked.innerHTML.lastIndexOf('\\',j);
+	i = unlocked.innerHTML.html_to_matita().lastIndexOf('\\',j);
        	if (i >= 0) {
-	  match = unlocked.innerHTML.substring(i,j);
-	  pre = unlocked.innerHTML.substring(0,i);
-	  post = unlocked.innerHTML.substring(j);
-	  
-	  sym = lookup_tex(match);
-	  if (typeof sym != "undefined") {
-             unlocked.innerHTML = pre + sym + " " + post;
-             restoreSelection(); 
- 	     return suppressdefault(e,true);
+	  match = unlocked.innerHTML.html_to_matita().substring(i,j);
+	  sym = unescape_html(lookup_tex(match));
+	  if (sym != "undefined") {
+             if (window.getSelection) { // non IE
+                savedRange.setStart(savedsc,savedso - (j-i));
+                savedRange.deleteContents();
+                savedRange.insertNode(document.createTextNode(sym));
+                savedsc.parentNode.normalize();
+                if (savedRange.collapsed) { // Mozilla
+                  savedRange.setEnd(savedsc,savedRange.endOffset + sym.length);
+                }
+                savedRange.collapse(false);
+             } else {
+                savedRange.moveStart(i-j);
+                savedRange.text(sym);
+                savedRange.collapse(false);
+             }
+             restoreSelection(savedRange); 
+       	     return suppressdefault(e,true);
 	  }
 	  else {
-             restoreSelection(); 
+             // restoreSelection(0); 
 	     return suppressdefault(e,false);
 	  }
 	}
@@ -170,12 +271,24 @@ function keypress(e)
    }
 }
  
+var logtxt = "";
+
 function debug(txt)
 {
         // internet explorer (v.9) doesn't work with innerHTML
 	// but google chrome's innerText is, in a sense, "write only"
 	// what should we do?
-        logarea.innerText = txt + "\n" + logarea.innerText;
+        // logarea.innerText = txt + "\n" + logarea.innerText;
+        logtxt = /* logtxt + "\n" +*/ txt;
+}
+
+function showLog() {
+  logWin = window.open( "", "Matita Log",
+     "width=600,height=450,status,scrollbars,resizable,screenX=20,screenY=40,left=20,top=40");
+  logWin.document.write('<html><head><title>Matita Log' + '</title></head>');	
+  logWin.document.write('<body><textarea style="width:100%;height:100%;">' +
+    logtxt + '</textarea></body></html>');
+  logWin.document.close(); 
 }
 
 function listhd(l)
@@ -334,6 +447,8 @@ function switch_goal(meta)
   }
 }
 
+// the following is used to avoid escaping unicode, which results in 
+// the server being unable to unescape the string
 String.prototype.sescape = function() {
 	var patt1 = /%/gi;
 	var patt2 = /=/gi;
@@ -347,15 +462,35 @@ String.prototype.sescape = function() {
 	return (result);
 }
 
-String.prototype.unescapeHTML = function()
+String.prototype.html_to_matita = function()
 {
 	var patt1 = /<br(\/|)>/gi;
-	var patt2 = /&lt;/gi;
-	var patt3 = /&gt;/gi;
+	var patt2 = /</gi
+	var patt3 = />/gi
+	var patt4 = /&lt;/gi;
+	var patt5 = /&gt;/gi;
+	var patt6 = /&nbsp;/gi;
 	var result = this;
 	result = result.replace(patt1,"\n");
-	result = result.replace(patt2,"<");
-	result = result.replace(patt3,">");
+	result = result.replace(patt2,"\005");
+	result = result.replace(patt3,"\006");
+	result = result.replace(patt4,"<");
+	result = result.replace(patt5,">");
+	result = result.replace(patt6," ");
+	return (unescape(result));
+}
+
+String.prototype.matita_to_html = function()
+{
+	var patt1 = /</gi
+	var patt2 = />/gi
+	var patt3 = /\005/gi;
+	var patt4 = /\006/gi;
+	var result = this;
+	result = result.replace(patt1,"&lt;");
+	result = result.replace(patt2,"&gt;");
+	result = result.replace(patt3,"<");
+	result = result.replace(patt4,">");
 	return (unescape(result));
 }
 
@@ -446,27 +581,100 @@ function advanceForm1()
 {
 	processor = function(xml) {
 		if (is_defined(xml)) {
+                        var parsed = xml.getElementsByTagName("parsed")[0];
+			var ambiguity = xml.getElementsByTagName("ambiguity")[0];
+                        if (is_defined(parsed)) {
 			// debug("advance: received response\nBEGIN\n" + req.responseText + "\nEND");
-			len = parseInt(xml.getElementsByTagName("parsed")[0].getAttribute("length"));
-	                len0 = unlocked.innerHTML.length;
-			unescaped = unlocked.innerHTML.unescapeHTML();
-			parsedtxt = unescaped.substr(0,len); 
-			unparsedtxt = unescaped.substr(len);
-			locked.innerHTML = locked.innerHTML + parsedtxt;
-			unlocked.innerHTML = unparsedtxt;
-			len1 = unlocked.innerHTML.length;
-			len2 = len0 - len1;
-			metasenv = xml.getElementsByTagName("meta");
-	                populate_goalarray(metasenv);
-			statements = listcons(len2,statements);
-			unlocked.scrollIntoView(true);
+			    var len = parseInt(parsed.getAttribute("length"));
+	                    // len0 = unlocked.innerHTML.length;
+			    var unescaped = unlocked.innerHTML.html_to_matita();
+			    var parsedtxt = parsed.childNodes[0].nodeValue;
+			    //parsedtxt = unescaped.substr(0,len); 
+			    var unparsedtxt = unescaped.substr(len);
+			    lockedbackup += parsedtxt;
+			    locked.innerHTML = lockedbackup;
+			    unlocked.innerHTML = unparsedtxt.matita_to_html();
+			    // len1 = unlocked.innerHTML.length;
+			    // len2 = len0 - len1;
+			    var len2 = parsedtxt.length;
+			    var metasenv = xml.getElementsByTagName("meta");
+	                    populate_goalarray(metasenv);
+			    init_autotraces();
+			    statements = listcons(len2,statements);
+			    unlocked.scrollIntoView(true);
+			}
+			else if (is_defined(ambiguity)) {
+			    var start = parseInt(ambiguity.getAttribute("start"));
+			    var stop = parseInt(ambiguity.getAttribute("stop"));
+			    var choices = xml.getElementsByTagName("choice");
+
+			    matita.ambiguityStart = start;
+			    matita.ambiguityStop = stop;
+			    matita.unlockedbackup = unlocked.innerHTML.html_to_matita();
+			    matita.interpretations = [];
+			
+			    var unlockedtxt = unlocked.innerHTML.html_to_matita();
+			    var pre = unlockedtxt.substring(0,start).matita_to_html();
+			    var mid = unlockedtxt.substring(start,stop).matita_to_html();
+			    var post = unlockedtxt.substring(stop).matita_to_html();
+			    unlocked.innerHTML = pre + 
+				    "<span class=\"error\" title=\"disambiguation error\">" +
+				    mid + "</span>" + post;
+
+			    var title = "<H3>Ambiguous input</H3>";
+			    disambcell.innerHTML = title;
+			    for (i = 0;i < choices.length;i++) {
+				matita.interpretations[i] = new Object();
+
+				var href = choices[i].getAttribute("href");
+				var title = choices[i].getAttribute("title");
+				var desc = choices[i].childNodes[0].nodeValue;
+
+				matita.interpretations[i].href = href;
+				matita.interpretations[i].title = title;
+				matita.interpretations[i].desc = desc;
+				
+				var choice = document.createElement("input");
+				choice.setAttribute("type","radio");
+				choice.setAttribute("name","interpr");
+				choice.setAttribute("href",href);
+				choice.setAttribute("title",title);
+				if (i == 0) choice.setAttribute("checked","");
+				
+				disambcell.appendChild(choice);
+				disambcell.appendChild(document.createTextNode(desc));
+				disambcell.appendChild(document.createElement("br"));
+			    }
+
+			    var okbutton = document.createElement("input");
+			    okbutton.setAttribute("type","button");
+			    okbutton.setAttribute("value","OK");
+			    okbutton.setAttribute("onclick","do_disambiguate()");
+			    var cancelbutton = document.createElement("input");
+			    cancelbutton.setAttribute("type","button");
+			    cancelbutton.setAttribute("value","Cancel");
+			    cancelbutton.setAttribute("onclick","cancel_disambiguate()");
+
+			    disambcell.appendChild(okbutton);
+			    disambcell.appendChild(cancelbutton);
+
+			    disable_toparea();
+
+			    matita.disambMode = true;
+			    updateSide();
+			}
+		        else {
+                            var error = xml.getElementsByTagName("error")[0]; 
+			    unlocked.innerHTML = error.childNodes[0].nodeValue;
+			    // debug(xml.childNodes[0].nodeValue);
+			}
 		} else {
 			debug("advance failed");
 		}
 		resume();
 	};
 	pause();
-        callServer("advance",processor,"body=" + (unlocked.innerHTML.unescapeHTML()).sescape());
+        callServer("advance",processor,"body=" + (unlocked.innerHTML.html_to_matita()).sescape());
   
 }
 
@@ -475,30 +683,69 @@ function gotoBottom()
 	processor = function(xml) {
 		if (is_defined(xml)) {
 			// debug("goto bottom: received response\nBEGIN\n" + req.responseText + "\nEND");
-			len = parseInt(xml.getElementsByTagName("parsed")[0].getAttribute("length"));
-	                len0 = unlocked.innerHTML.length;
-			unescaped = unlocked.innerHTML.unescapeHTML();
-			parsedtxt = unescaped.substr(0,len); 
-			unparsedtxt = unescaped.substr(len);
-			locked.innerHTML = locked.innerHTML + parsedtxt;
-			unlocked.innerHTML = unparsedtxt;
-			len1 = unlocked.innerHTML.length;
-			len2 = len0 - len1;
-			metasenv = xml.getElementsByTagName("meta");
-	                populate_goalarray(metasenv);
-			statements = listcons(len2,statements);
-			unlocked.scrollIntoView(true);
+			parsed = xml.getElementsByTagName("parsed")[0];
+			len = parseInt(parsed.getAttribute("length"));
+			if (len > 0) {
+	                  // len0 = unlocked.innerHTML.length;
+			  unescaped = unlocked.innerHTML.html_to_matita();
+                          // not working in mozilla
+		  	  // parsedtxt = parsed.childNodes[0].nodeValue;
+		  	  parsedtxt = parsed.childNodes[0].wholeText;
+		  	  //parsedtxt = unescaped.substr(0,len); 
+		  	  unparsedtxt = unescaped.substr(len);
+		  	  lockedbackup += parsedtxt;
+		  	  locked.innerHTML = lockedbackup; //.matita_to_html();
+		  	  unlocked.innerHTML = unparsedtxt.matita_to_html();
+		  	  // len1 = unlocked.innerHTML.length;
+		  	  len2 = parsedtxt.length;
+		  	  metasenv = xml.getElementsByTagName("meta");
+			  init_autotraces();
+	                  populate_goalarray(metasenv);
+		  	  if (len2 > 0)
+		            statements = listcons(len2,statements);
+		  	  unlocked.scrollIntoView(true);
+			}
 		} else {
 			debug("goto bottom failed");
 		} 
                 resume();
 	};
 	pause();
-	callServer("bottom",processor,"body=" + (unlocked.innerHTML.unescapeHTML()).sescape());
+	callServer("bottom",processor,"body=" + (unlocked.innerHTML.html_to_matita()).sescape());
   
 }
 
 
+function gotoTop()
+{
+	processor = function(xml) {
+		if (is_defined(xml)) {
+		  if (xml.childNodes[0].textContent != "ok") {
+                     debug("goto top failed");
+                  }
+                  else
+                        statements = listnil();
+			/*
+                        lockedlen = locked.innerHTML.length - statementlen;
+			statement = locked.innerHTML.substr(lockedlen, statementlen);
+                        locked.innerHTML = locked.innerHTML.substr(0,lockedlen);
+			unlocked.innerHTML = statement + unlocked.innerHTML;
+			*/
+			unlocked.innerHTML = lockedbackup + unlocked.innerHTML;
+			lockedbackup = "";
+                        locked.innerHTML = lockedbackup;
+			init_autotraces();
+                        hideSequent();
+                        unlocked.scrollIntoView(true);
+		} else {
+			debug("goto top failed");
+		} 
+                resume();
+	};
+	pause();
+	callServer("top",processor,"body=" + (unlocked.innerHTML.html_to_matita()).sescape());
+  
+}
 function gotoPos(offset)
 {
         if (!is_defined(offset)) {
@@ -506,35 +753,39 @@ function gotoPos(offset)
         }
 	processor = function(xml) {
 		if (is_defined(xml)) {
-			// debug("goto pos: received response\nBEGIN\n" + req.responseText + "\nEND");
-			len = parseInt(xml.getElementsByTagName("parsed")[0].getAttribute("length"));
-	                len0 = unlocked.innerHTML.length;
-			unescaped = unlocked.innerHTML.unescapeHTML();
-			parsedtxt = unescaped.substr(0,len); 
+			parsed = xml.getElementsByTagName("parsed")[0];
+			len = parseInt(parsed.getAttribute("length"));
+	                // len0 = unlocked.innerHTML.length;
+			unescaped = unlocked.innerHTML.html_to_matita();
+			parsedtxt = parsed.childNodes[0].nodeValue;
+			//parsedtxt = unescaped.substr(0,len); 
 			unparsedtxt = unescaped.substr(len);
-			locked.innerHTML = locked.innerHTML + parsedtxt;
-			unlocked.innerHTML = unparsedtxt;
-			len1 = unlocked.innerHTML.length;
-			len2 = len0 - len1;
+			lockedbackup += parsedtxt;
+			locked.innerHTML = lockedbackup; //.matita_to_html();
+			unlocked.innerHTML = unparsedtxt.matita_to_html();
+			// len1 = unlocked.innerHTML.length;
+			len2 = parsedtxt.length;
 			metasenv = xml.getElementsByTagName("meta");
 	                // populate_goalarray(metasenv);
 			statements = listcons(len2,statements);
 			unlocked.scrollIntoView(true);
 			// la populate non andrebbe fatta a ogni passo
 	                if (offset <= len) {
+			        init_autotraces();
 				populate_goalarray(metasenv);
 				resume();
 			} else {
 				gotoPos(offset - len);
 			}
 		} else {
+			init_autotraces();
 			unlocked.scrollIntoView(true);
 			populate_goalarray(metasenv);
 			resume();
 		}
 	}
 	pause();
-	callServer("advance",processor,"body=" + (unlocked.innerHTML.unescapeHTML()).sescape());
+	callServer("advance",processor,"body=" + (unlocked.innerHTML.html_to_matita()).sescape());
 }
 
 function retract()
@@ -544,11 +795,19 @@ function retract()
 			// debug("advance: received response\nBEGIN\n" + req.responseText + "\nEND");
 			statementlen = parseInt(listhd(statements));
                         statements = listtl(statements);
+			/*
                         lockedlen = locked.innerHTML.length - statementlen;
 			statement = locked.innerHTML.substr(lockedlen, statementlen);
                         locked.innerHTML = locked.innerHTML.substr(0,lockedlen);
 			unlocked.innerHTML = statement + unlocked.innerHTML;
+			*/
+                        lockedlen = lockedbackup.length - statementlen;
+			statement = lockedbackup.substr(lockedlen, statementlen);
+			lockedbackup = lockedbackup.substr(0,lockedlen);
+                        locked.innerHTML = lockedbackup;
+			unlocked.innerHTML = statement + unlocked.innerHTML;
 			metasenv = xml.getElementsByTagName("meta");
+			init_autotraces();
                         populate_goalarray(metasenv);
                         unlocked.scrollIntoView(true);
 		} else {
@@ -567,8 +826,9 @@ function openFile()
 	processor = function(xml)
 	{
 	        if (is_defined(xml)) {	
-	        	locked.innerHTML = "";
-	                unlocked.innerHTML = xml.documentElement.textContent;
+			lockedbackup = "";
+	        	locked.innerHTML = lockedbackup;
+	                unlocked.innerHTML = xml.documentElement.wholeText;
 		} else {
 			debug("file open failed");
 		}
@@ -581,19 +841,32 @@ function retrieveFile(thefile)
 	processor = function(xml)
 	{
 	        if (is_defined(xml)) {	
-	        	locked.innerHTML = "";
-	                unlocked.innerHTML = xml.documentElement.textContent;
+	                changeFile(thefile);
+	        	lockedbackup = ""
+			locked.innerHTML = lockedbackup;
+                        // code originally used in google chrome (problems with mozilla)
+			// debug(xml.getElementsByTagName("file")[0].childNodes[0].nodeValue);
+	                // unlocked.innerHTML = xml.getElementsByTagName("file")[0].childNodes[0].nodeValue;
+			debug(xml.childNodes[0].textContent);
+                        if (document.all) { // IE
+                          unlocked.innerHTML = xml.childNodes[0].text;
+                        } else {
+                          unlocked.innerHTML = xml.childNodes[0].textContent;
+                        }
+			init_autotraces();
+
 		} else {
 			debug("file open failed");
 		}
 	};
-	dialogBox.style.display = "none";
+	abortDialog();
 	callServer("open",processor,"file=" + escape(thefile)); 
 }
 
-function showLibrary()
+function showLibrary(title,callback,reloadDialog)
 { 
-	var req = null; 
+	var req = null;
+        dialogBox.reload = reloadDialog; 
         // pause();
 	if (window.XMLHttpRequest)
 	{
@@ -622,7 +895,7 @@ function showLibrary()
 			if(stat == 200)
 			{
 			  debug(req.responseText);
-			  showDialog("<H2>Library</H2>",req.responseText);
+                          showDialog("<H2>" + title + "</H2>",req.responseText, callback);
 			} 
 		} 
 	};
@@ -632,24 +905,203 @@ function showLibrary()
   
 }
 
+function uploadDialog()
+{  
+        uploadBox.style.display = "block";
+}
+
+function uploadOK()
+{   
+   var file = document.getElementById("uploadFilename").files[0];
+   if (file) { 
+       var filecontent = file.getAsText("UTF-8");
+       locked.innerHTML = lockedbackup;
+       unlocked.innerHTML = filecontent;
+       uploadBox.style.display = "none";
+   }
+//   if (file) { 
+//      var reader = new FileReader();
+//      reader.readAsText(file, "UTF-8");
+//       reader.onloadend = function (evt) {
+//	   lockedbackup = "";
+//           locked.innerHTML = lockedbackup
+//           unlocked.innerHTML = evt.target.result;
+//           uploadBox.style.display = "none";
+//       }
+//       reader.onerror = function (evt) {
+//	   debug("file open failed");
+//           uploadBox.style.display = "none";
+//      }
+//   }
+}
+
+function openDialog()
+{  
+	callback = function (fname) { retrieveFile(fname); };
+	showLibrary("Open file", callback, openDialog);
+}
+
+function saveDialog()
+{  
+	callback = function (fname) { 
+	  abortDialog();
+          saveFile(fname,
+		   (locked.innerHTML.html_to_matita()).sescape(),
+		   (unlocked.innerHTML.html_to_matita()).sescape(),
+	 	   false,saveDialog); 
+        };
+	showLibrary("Save file as", callback, saveDialog);
+}
+
+function newDialog()
+{
+	callback = function (fname) { 
+	  abortDialog();
+	  saveFile(fname,"","",false,newDialog,true);
+	};
+	showLibrary("Create new file", callback, newDialog);
+}
+
+
+function saveFile(fname,lockedtxt,unlockedtxt,force,reloadDialog,reloadFile)
+{
+        if (!is_defined(reloadFile)) { reloadFile = true };
+        if (!is_defined(fname)) {
+            fname = current_fname;
+	    lockedtxt = (locked.innerHTML.html_to_matita()).sescape();
+	    unlockedtxt = (unlocked.innerHTML.html_to_matita()).sescape();
+	    force = true;
+	    // when force is true, reloadDialog is not needed 
+        }
+	processor = function(xml) {
+		if (is_defined(xml)) {
+		  if (xml.childNodes[0].textContent != "ok") {
+                    if (confirm("File already exists. All existing data will be lost.\nDo you want to proceed anyway?")) {
+                       saveFile(fname,lockedtxt,unlockedtxt,true,reloadDialog,reloadFile);
+		    } else {
+                      reloadDialog();
+		    }
+		  } else {
+  	            changeFile(fname);
+	            debug("file saved!");
+                    if (reloadFile) { retrieveFile(fname); }
+		  }
+		} else {
+			debug("save file failed");
+		}
+		resume();
+	};
+	if (is_defined(fname)) {
+          pause();
+          callServer("save",processor,"file=" + escape(fname) + 
+			            "&locked=" + lockedtxt +
+			            "&unlocked=" + unlockedtxt +
+				    "&force=" + force);
+	}
+	else { debug("no file selected"); }
+}
+
+function createDir() {
+   abortDialog();
+   dirname = prompt("New directory name:\ncic:/matita/","newdir");
+   if (dirname != null) {
+	processor = function(xml) {
+		if (is_defined(xml)) {
+		  if (xml.childNodes[0].textContent != "ok") {
+                      alert("An error occurred :-(");
+		  }
+		} else {
+                      alert("An error occurred :-(");
+		}
+                dialogBox.reload();
+	};
+        pause();
+        callServer("save",processor,"file=" + escape(dirname) + 
+                                    "&locked=&unlocked=&force=false&dir=true");
+   } else {
+      dialogBox.reload();
+   }
+}
+
+function commitAll()
+{
+	processor = function(xml) {
+		if (is_defined(xml)) {
+                        debug(xml.getElementsByTagName("details")[0].textContent);
+			alert("Commit executed: see details in the log.\n\n" +
+                              "NOTICE: this message does NOT imply (yet) that the commit was successful.");
+		} else {
+			alert("Commit failed!");
+		}
+		resume();
+	};
+        pause();
+        callServer("commit",processor);
+}
+
+function updateAll()
+{
+	processor = function(xml) {
+		if (is_defined(xml)) {
+			alert("Update executed.\n\n" +
+                              "Details:\n" +
+                              xml.getElementsByTagName("details")[0].textContent);
+		} else {
+			alert("Update failed!");
+		}
+		resume();
+	};
+        pause();
+        callServer("update",processor);
+}
+
 var goalcell;
 
 function hideSequent() {
-  goalcell.parentNode.removeChild(goalcell);
-  scriptcell.setAttribute("colspan","2");
+	matita.proofMode = false;
+	updateSide();
 }
 
 function showSequent() {
-  scriptcell.setAttribute("colspan","1");
-  workarea.appendChild(goalcell);
+	matita.proofMode = true;
+	updateSide();
 }
 
-function showDialog(title,content) {
+function showDialog(title,content,callback) {
   dialogTitle.innerHTML = title;
   dialogContent.innerHTML = content;
+  dialogBox.callback = callback;
+
+  //Get the screen height and width
+  var maskHeight = $(document).height();
+  var maskWidth = $(window).width();
+  
+  //Set heigth and width to mask to fill up the whole screen
+  $('#mask').css({'width':maskWidth,'height':maskHeight});
+  
+  //transition effect		
+  $('#mask').fadeIn(100);	
+  $('#mask').fadeTo(200,0.8);	
+  
+  //Get the window height and width
+  var winH = $(window).height();
+  var winW = $(window).width();
+  
+  //Set the popup window to center
+  $('#dialogBox').css('top',  winH/2-$('#dialogBox').height()/2);
+  $('#dialogBox').css('left', winW/2-$('#dialogBox').width()/2);
+  
+  //transition effect
+  $('#dialogBox').fadeIn(200); 
+
   dialogBox.style.display = "block";
 }
 
+function abortDialog(dialog) {
+  $('#mask').hide();
+  dialogBox.style.display = "none";
+}
+
 function removeElement(id) {
   var element = document.getElementById(id);
   element.parentNode.removeChild(element);
@@ -696,7 +1148,7 @@ function findNode(list, node, acc) {
     dup = list[i].cloneNode(true);
     sandbox.appendChild(dup);
 //    debug("fail " + i + ": " + sandbox.innerHTML);
-    acc += sandbox.innerHTML.length;
+    acc += sandbox.innerHTML.html_to_matita().length;
     sandbox.removeChild(dup);
   }
   throw "not found";
@@ -706,6 +1158,50 @@ function test () {
   debug("cursor test: " + unlocked.innerHTML.substr(0,getCursorPos()));
 }
 
+function get_checked_index(name) {
+	var radios = document.getElementsByName(name);
+	for (i = 0; i < radios.length; i++) {
+	    if (radios[i].checked) {
+		    return i;
+	    }
+	}
+	return null;
+}
+
+function cancel_disambiguate() {
+	matita.disambMode = false;
+	$('#whitemask').hide();
+	updateSide();
+}
+
+function do_disambiguate() {
+	var i = get_checked_index("interpr");
+	if (i != null) {
+	    var pre = matita.unlockedbackup
+		      .substring(0,matita.ambiguityStart).matita_to_html();
+	    var mid = matita.unlockedbackup
+		      .substring(matita.ambiguityStart,matita.ambiguityStop)
+		      .matita_to_html();
+	    var post = matita.unlockedbackup
+		       .substring(matita.ambiguityStop).matita_to_html();
+
+	    var href = matita.interpretations[i].href;
+	    var title = matita.interpretations[i].title;
+
+	    if (is_defined(title)) {
+                mid = "<A href=\"" + href + "\" title=\"" + title + "\">" + mid + "</A>";
+	    } else {
+                mid = "<A href=\"" + href + "\">" + mid + "</A>";
+	    }
+
+	    unlocked.innerHTML = pre + mid + post;
+
+	    matita.disambMode = false;
+	    $('#whitemask').hide();
+	    updateSide();
+	}
+}
+
 function readCookie(name) {
 	var nameEQ = name + "=";
 	var ca = document.cookie.split(';');
@@ -728,3 +1224,12 @@ function delete_session()
 {
 	delete_cookie("session");
 }
+
+function disable_toparea() {
+	var offset = $('#toparea').offset();
+        $('#whitemask').css('top',offset.top);
+        $('#whitemask').css('left',offset.left);
+        $('#whitemask').css('width',$('#toparea').outerWidth() + "px");
+        $('#whitemask').css('height',$('#toparea').outerHeight() + "px");
+	$('#whitemask').fadeTo('fast',0.7);
+}