X-Git-Url: http://matita.cs.unibo.it/gitweb/?a=blobdiff_plain;f=matitaB%2Fmatita%2Fmatitaweb.js;h=f0563928234812f20f980c467fc9b671784a1e6a;hb=0fdf8cd395b21ec003569383aee1449a6fe4b35a;hp=5cd0fef8211a0f7d4d499ce8860ee5ef48fb8a25;hpb=b6253961f0507b33cce774c0307a2674ae9fb2d5;p=helm.git diff --git a/matitaB/matita/matitaweb.js b/matitaB/matita/matitaweb.js index 5cd0fef82..f05639282 100644 --- a/matitaB/matita/matitaweb.js +++ b/matitaB/matita/matitaweb.js @@ -15,12 +15,30 @@ var dialogBox; var dialogTitle; var dialogContent; var metasenv = ""; +var lockedbackup = ""; + +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 initialize() { if (readCookie("session") == null) { window.location = "/login.html" } else { + matitaTitle = document.getElementById("matitaTitle"); locked = document.getElementById("locked"); unlocked = document.getElementById("unlocked"); workarea = document.getElementById("workarea"); @@ -37,6 +55,8 @@ function initialize() dialogBox = document.getElementById("dialogBox"); dialogTitle = document.getElementById("dialogTitle"); dialogContent = document.getElementById("dialogContent"); + + changeFile("test.ma"); // hide sequent view at start hideSequent(); @@ -46,6 +66,11 @@ function initialize() } } +function changeFile(name) { + current_fname = name; + matitaTitle.innerHTML = "Matita - cic:/matita/" + name; +} + function init_keyboard(target) { if (target.addEventListener) @@ -81,6 +106,12 @@ function keyval(n) return s; } +function string_of_key(n) +{ + if (n == null) return 'undefined'; + return String.fromCharCode(n); +} + function pressmesg(w,e) { debug(w + ' keyCode=' + keyval(e.keyCode) + @@ -101,20 +132,94 @@ function suppressdefault(e,flag) } return !flag; } + +function restoreSelection(r) { + unlocked.focus(); + if (r != null) { + if (window.getSelection)//non IE and there is already a selection + { + var s = window.getSelection(); + if (s.rangeCount > 0) + s.removeAllRanges(); + s.addRange(r); + } + else + if (document.createRange)//non IE and no selection + { + window.getSelection().addRange(r); + } + else + if (document.selection)//IE + { + r.select(); + } + } +} + +function lookup_tex(texmacro) +{ + texmacro = texmacro.substring(1); + return unescape(macro2utf8[texmacro]); +} function keypress(e) { if (!e) e= event; pressmesg('keypress',e); - return suppressdefault(e,/*document.testform.keypress.checked*/ false); + var s = string_of_key(e.charCode); + if (s == " ") { + j = getCursorPos(); + i = unlocked.innerHTML.lastIndexOf('\\',j); + if (i >= 0) { + match = unlocked.innerHTML.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(0); + return suppressdefault(e,false); + } + } + else return suppressdefault(e,false); + } else { + return suppressdefault(e,false); + } } +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('Matita Log' + ''); + logWin.document.write(''); + logWin.document.close(); } function listhd(l) @@ -273,6 +378,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; @@ -286,15 +393,35 @@ String.prototype.sescape = function() { return (result); } -String.prototype.unescapeHTML = function() +String.prototype.html_to_matita = function() { var patt1 = //gi; - var patt2 = /</gi; - var patt3 = />/gi; + var patt2 = //gi + var patt4 = /</gi; + var patt5 = />/gi; + var patt6 = / /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 patt3 = /\005/gi; + var patt4 = /\006/gi; + var result = this; + result = result.replace(patt1,"<"); + result = result.replace(patt2,">"); + result = result.replace(patt3,"<"); + result = result.replace(patt4,">"); return (unescape(result)); } @@ -386,15 +513,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); @@ -405,7 +536,7 @@ function advanceForm1() resume(); }; pause(); - callServer("advance",processor,"body=" + (unlocked.innerHTML.unescapeHTML()).sescape()); + callServer("advance",processor,"body=" + (unlocked.innerHTML.html_to_matita()).sescape()); } @@ -414,30 +545,67 @@ 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()); } +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; + 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)) { @@ -445,16 +613,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); @@ -473,7 +643,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() @@ -483,10 +653,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); @@ -506,8 +683,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"); } @@ -520,8 +698,19 @@ 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; + } + } else { debug("file open failed"); } @@ -530,9 +719,10 @@ function retrieveFile(thefile) 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) { @@ -561,7 +751,7 @@ function showLibrary() if(stat == 200) { debug(req.responseText); - showDialog("

Library

",req.responseText); + showDialog("

" + title + "

",req.responseText, callback); } } }; @@ -571,42 +761,210 @@ 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) { + 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, saveDialog); +} + +function newDialog() +{ + callback = function (fname) { + dialogBox.style.display = "none"; + 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"); + 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 savedsc; +var savedso; + function getCursorPos() { var cursorPos; if (window.getSelection) { var selObj = window.getSelection(); - var selRange = selObj.getRangeAt(0); + 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 */ return(cursorPos); } else if (document.selection) { - var range = document.selection.createRange(); - var bookmark = range.getBookmark(); + savedRange = document.selection.createRange(); + var bookmark = savedRange.getBookmark(); /* FIXME the following works wrong when the document is longer than 65535 chars */ cursorPos = bookmark.charCodeAt(2) - 11; /* Undocumented function [3] */ return(cursorPos);