]> matita.cs.unibo.it Git - helm.git/blobdiff - matitaB/matita/matitaweb.js
File uploading
[helm.git] / matitaB / matita / matitaweb.js
index 4b99a23a286a471ca341f67c8fd4f4da25f3d8be..837c687cb9385dc22af1948d924a041deb6b997e 100644 (file)
@@ -15,6 +15,7 @@ var dialogBox;
 var dialogTitle;
 var dialogContent;
 var metasenv = "";
+var lockedbackup = "";
 
 function initialize()
 {
@@ -107,6 +108,38 @@ function suppressdefault(e,flag)
    }
    return !flag;
 }
+
+function restoreSelection(adjust) {
+    unlocked.focus();
+    if (savedRange != 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 + adjust);
+           range.collapse(true);
+            s.addRange(range);
+        }
+        else 
+            if (document.createRange)//non IE and no selection
+            {
+                window.getSelection().addRange(savedRange);
+            }
+            else 
+                if (document.selection)//IE
+                {
+                    savedRange.select();
+                }
+    }
+}
+
+function lookup_tex(texmacro)
+{
+  texmacro = texmacro.substring(1);
+  return unescape(macro2utf8[texmacro]);
+}
  
 function keypress(e)
 {
@@ -120,32 +153,19 @@ function keypress(e)
          match = unlocked.innerHTML.substring(i,j);
          pre = unlocked.innerHTML.substring(0,i);
          post = unlocked.innerHTML.substring(j);
-         if (match == '\\to') {
-             unlocked.innerHTML = pre + "-> " + post;
-            unlocked.focus();
-             if (savedRange != null) {
-                 if (window.getSelection)//non IE and there is already a selection
-                 {
-                     var s = window.getSelection();
-                     if (s.rangeCount > 0) 
-                         s.removeAllRanges();
-                     s.addRange(savedRange);
-                 }
-                 else 
-                     if (document.createRange)//non IE and no selection
-                     {
-                         window.getSelection().addRange(savedRange);
-                     }
-                     else 
-                         if (document.selection)//IE
-                         {
-                             savedRange.select();
-                         }
-             }
-
+         
+         sym = lookup_tex(match);
+         if (typeof sym != "undefined") {
+            len1 = unlocked.innerText.length;
+             unlocked.innerHTML = pre + sym + post;
+            len2 = unlocked.innerText.length;
+             restoreSelection(len2 - len1); 
             return suppressdefault(e,true);
          }
-         else return suppressdefault(e,false);
+         else {
+             // restoreSelection(0); 
+            return suppressdefault(e,false);
+         }
        }
        else return suppressdefault(e,false);
    } else {
@@ -158,7 +178,8 @@ 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;
+        logarea.innerHTML = txt; // + "\n" + logarea.innerText;
 }
 
 function listhd(l)
@@ -317,6 +338,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;
@@ -330,15 +353,33 @@ 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 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,">");
+       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));
 }
 
@@ -430,15 +471,19 @@ function advanceForm1()
        processor = function(xml) {
                if (is_defined(xml)) {
                        // 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); 
+                       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;
+                       unlocked.innerHTML = unparsedtxt.matita_to_html();
+                       // len1 = unlocked.innerHTML.length;
+                       // len2 = len0 - len1;
+                       len2 = parsedtxt.length;
                        metasenv = xml.getElementsByTagName("meta");
                        populate_goalarray(metasenv);
                        statements = listcons(len2,statements);
@@ -449,7 +494,7 @@ function advanceForm1()
                resume();
        };
        pause();
-        callServer("advance",processor,"body=" + (unlocked.innerHTML.unescapeHTML()).sescape());
+        callServer("advance",processor,"body=" + (unlocked.innerHTML.html_to_matita()).sescape());
   
 }
 
@@ -458,26 +503,34 @@ 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");
+                         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());
   
 }
 
@@ -489,16 +542,18 @@ 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);
@@ -517,7 +572,7 @@ function gotoPos(offset)
                }
        }
        pause();
-       callServer("advance",processor,"body=" + (unlocked.innerHTML.unescapeHTML()).sescape());
+       callServer("advance",processor,"body=" + (unlocked.innerHTML.html_to_matita()).sescape());
 }
 
 function retract()
@@ -527,10 +582,17 @@ 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");
                         populate_goalarray(metasenv);
                         unlocked.scrollIntoView(true);
@@ -550,8 +612,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");
                }
@@ -564,17 +627,24 @@ function retrieveFile(thefile)
        processor = function(xml)
        {
                if (is_defined(xml)) {  
-                       locked.innerHTML = "";
-                       unlocked.innerHTML = xml.documentElement.textContent;
+                       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);
+                       unlocked.innerHTML = xml.childNodes[0].textContent;
+
                } else {
                        debug("file open failed");
                }
        };
        dialogBox.style.display = "none";
+       current_fname = thefile;
        callServer("open",processor,"file=" + escape(thefile)); 
 }
 
-function showLibrary()
+function showLibrary(title,callback)
 { 
        var req = null; 
         // pause();
@@ -605,7 +675,7 @@ function showLibrary()
                        if(stat == 200)
                        {
                          debug(req.responseText);
-                         showDialog("<H2>Library</H2>",req.responseText);
+                         showDialog("<H2>" + title + "</H2>",req.responseText, callback);
                        } 
                } 
        };
@@ -615,36 +685,162 @@ 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);
+}
+
+function saveDialog()
+{  
+       callback = function (fname) { 
+         dialogBox.style.display = "none";
+          saveFile(fname,
+                  (locked.innerHTML.html_to_matita()).sescape(),
+                  (unlocked.innerHTML.html_to_matita()).sescape(),
+                  false,saveDialog); 
+        };
+       showLibrary("Save file as", callback);
+}
+
+function newDialog()
+{
+       callback = function (fname) { 
+         dialogBox.style.display = "none";
+         saveFile(fname,"","",false,newDialog,true);
+       };
+       showLibrary("Create new file", callback);
+}
+
+
+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 {
+                   current_fname = 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 commitAll()
+{
+       processor = function(xml) {
+               if (is_defined(xml)) {
+                       debug("commit succeeded(?)");
+               } else {
+                       debug("commit failed!");
+               }
+               resume();
+       };
+        pause();
+        callServer("commit",processor);
+}
+
 var goalcell;
 
 function hideSequent() {
-  goalcell.parentNode.removeChild(goalcell);
-  scriptcell.setAttribute("colspan","2");
+  goalcell.style.display = "none";
+  scriptcell.style.width = "100%";
+  scriptcell.style.minWidth = "100%";
+  scriptcell.style.maxWidth = "100%";
 }
 
 function showSequent() {
-  scriptcell.setAttribute("colspan","1");
-  workarea.appendChild(goalcell);
+  scriptcell.style.width = "67%";
+  scriptcell.style.minWidth = "67%";
+  scriptcell.style.maxWidth = "67%";
+  goalcell.style.display = "inline-block";
 }
 
-function showDialog(title,content) {
+function showDialog(title,content,callback) {
   dialogTitle.innerHTML = title;
   dialogContent.innerHTML = content;
+  dialogBox.callback = callback;
   dialogBox.style.display = "block";
 }
 
+function abortDialog() {
+  dialogBox.style.display = "none";
+}
+
+function abortUpload() {
+  uploadBox.style.display = "none";
+}
+
 function removeElement(id) {
   var element = document.getElementById(id);
   element.parentNode.removeChild(element);
 } 
 
-var savedRange;
+var savedsc;
+var savedso;
 
 function getCursorPos() {
   var cursorPos;
   if (window.getSelection) {
     var selObj = window.getSelection();
     savedRange = selObj.getRangeAt(0);
+    savedsc = savedRange.startContainer;
+    savedso = savedRange.startOffset;
     //cursorPos =  findNode(selObj.anchorNode.parentNode.childNodes, selObj.anchorNode) + selObj.anchorOffset;
     cursorPos =  findNode(unlocked.childNodes, selObj.anchorNode,0) + selObj.anchorOffset;
     /* FIXME the following works wrong in Opera when the document is longer than 32767 chars */