]> matita.cs.unibo.it Git - helm.git/blobdiff - matitaB/matita/matitaweb.js
Matitaweb:
[helm.git] / matitaB / matita / matitaweb.js
index 3b37fc76b0abf1537fc06203b5bda68274163b4a..c98937735770f2023f9a2ff585d8510962f8e788 100644 (file)
@@ -16,6 +16,7 @@ var dialogTitle;
 var dialogContent;
 var metasenv = "";
 var lockedbackup = "";
+var matita;
 
 function text_of_html(h)
 {
@@ -33,15 +34,32 @@ function unescape_html(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");
@@ -52,17 +70,29 @@ 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);
   }
 }
 
+function changeFile(name) {
+    current_fname = name;
+    matitaTitle.innerHTML = "Matita - cic:/matita/" + name;
+}
+
 function init_keyboard(target)
 {
     if (target.addEventListener)
@@ -153,12 +183,35 @@ 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]);
+       }
+    }
+    for (;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);
@@ -202,7 +255,7 @@ function debug(txt)
        // but google chrome's innerText is, in a sense, "write only"
        // what should we do?
         // logarea.innerText = txt + "\n" + logarea.innerText;
-        logtxt = logtxt + "\n" + txt;
+        logtxt = /* logtxt + "\n" +*/ txt;
 }
 
 function showLog() {
@@ -392,12 +445,14 @@ String.prototype.html_to_matita = function()
        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,"\005");
        result = result.replace(patt3,"\006");
        result = result.replace(patt4,"<");
        result = result.replace(patt5,">");
+       result = result.replace(patt6," ");
        return (unescape(result));
 }
 
@@ -502,24 +557,92 @@ 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");
-                       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);
-                       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);
-                       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);
+                           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");
                }
@@ -688,20 +811,24 @@ function retrieveFile(thefile)
        processor = function(xml)
        {
                if (is_defined(xml)) {  
+                       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);
-                       unlocked.innerHTML = xml.childNodes[0].textContent;
+                        if (document.all) { // IE
+                          unlocked.innerHTML = xml.childNodes[0].text;
+                        } else {
+                          unlocked.innerHTML = xml.childNodes[0].textContent;
+                        }
 
                } else {
                        debug("file open failed");
                }
        };
-       dialogBox.style.display = "none";
-       current_fname = thefile;
+       abortDialog();
        callServer("open",processor,"file=" + escape(thefile)); 
 }
 
@@ -786,7 +913,7 @@ function openDialog()
 function saveDialog()
 {  
        callback = function (fname) { 
-         dialogBox.style.display = "none";
+         abortDialog();
           saveFile(fname,
                   (locked.innerHTML.html_to_matita()).sescape(),
                   (unlocked.innerHTML.html_to_matita()).sescape(),
@@ -798,7 +925,7 @@ function saveDialog()
 function newDialog()
 {
        callback = function (fname) { 
-         dialogBox.style.display = "none";
+         abortDialog();
          saveFile(fname,"","",false,newDialog,true);
        };
        showLibrary("Create new file", callback, newDialog);
@@ -824,7 +951,7 @@ function saveFile(fname,lockedtxt,unlockedtxt,force,reloadDialog,reloadFile)
                       reloadDialog();
                    }
                  } else {
-                   current_fname = fname;
+                   changeFile(fname);
                    debug("file saved!");
                     if (reloadFile) { retrieveFile(fname); }
                  }
@@ -847,8 +974,6 @@ function createDir() {
    abortDialog();
    dirname = prompt("New directory name:\ncic:/matita/","newdir");
    if (dirname != null) {
-        if (dirname.substr(0,1) != "/")
-          dirname = "/" + dirname;
        processor = function(xml) {
                if (is_defined(xml)) {
                  if (xml.childNodes[0].textContent != "ok") {
@@ -871,9 +996,11 @@ function commitAll()
 {
        processor = function(xml) {
                if (is_defined(xml)) {
-                       debug("commit succeeded(?)");
+                        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 {
-                       debug("commit failed!");
+                       alert("Commit failed!");
                }
                resume();
        };
@@ -885,9 +1012,11 @@ function updateAll()
 {
        processor = function(xml) {
                if (is_defined(xml)) {
-                       debug("update succeeded(?)");
+                       alert("Update executed.\n\n" +
+                              "Details:\n" +
+                              xml.getElementsByTagName("details")[0].textContent);
                } else {
-                       debug("update failed!");
+                       alert("Update failed!");
                }
                resume();
        };
@@ -898,34 +1027,50 @@ function updateAll()
 var goalcell;
 
 function hideSequent() {
-  goalcell.style.display = "none";
-  scriptcell.style.width = "100%";
-  scriptcell.style.minWidth = "100%";
-  scriptcell.style.maxWidth = "100%";
+       matita.proofMode = false;
+       updateSide();
 }
 
 function showSequent() {
-  scriptcell.style.width = "67%";
-  scriptcell.style.minWidth = "67%";
-  scriptcell.style.maxWidth = "67%";
-  goalcell.style.display = "inline-block";
+       matita.proofMode = true;
+       updateSide();
 }
 
 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(1000);     
+  $('#mask').fadeTo("slow",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(2000); 
+
   dialogBox.style.display = "block";
 }
 
-function abortDialog() {
+function abortDialog(dialog) {
+  $('#mask').hide();
   dialogBox.style.display = "none";
 }
 
-function abortUpload() {
-  uploadBox.style.display = "none";
-}
-
 function removeElement(id) {
   var element = document.getElementById(id);
   element.parentNode.removeChild(element);
@@ -982,6 +1127,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(';');
@@ -1004,3 +1193,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);
+}