solid-panes 3.7.3-1bd42721 → 3.7.3-322e9b27

package/{dist → lib}/outline/userInput.js

@@ -7,9 +7,8 @@ exports.UserInput = UserInput;
 var UI = _interopRequireWildcard(require("solid-ui"));
 var _solidLogic = require("solid-logic");
 var panes = _interopRequireWildcard(require("pane-registry"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-/* istanbul ignore file */
-// Original author: kennyluck
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); } /* istanbul ignore file */ // Original author: kennyluck
 //
 // Kenny's Notes:
 /* places to generate SPARQL update: clearInputAndSave() pasteFromClipboard()->insertTermTo();
@@ -20,14 +19,13 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
     clipboard: 'predicates' 'objects' 'all'(internal)
     request: 'from' 'to' 'message' 'Request'
 */
-
-const $rdf = UI.rdf;
-let UserInputFormula; // Formula to store references of user's work
-let TempFormula; // Formula to store incomplete triples (Requests),
+var $rdf = UI.rdf;
+var UserInputFormula; // Formula to store references of user's work
+var TempFormula; // Formula to store incomplete triples (Requests),
 // temporarily disjoint with kb to avoid bugs
 
 function UserInput(outline) {
-  const myDocument = outline.document; // is this ok?
+  var myDocument = outline.document; // is this ok?
   // UI.log.warn("myDocument when it's set is "+myDocument.location);
   this.menuId = 'predicateMenu1';
 
@@ -40,23 +38,23 @@ function UserInput(outline) {
     */
 
   // hq, print and trim functions
-  const qp = function qp(str) {
+  var qp = function qp(str) {
     console.log(str + '\n');
   };
 
   // var tabont = UI.ns.tabont;
   // var foaf = UI.ns.foaf
-  const rdf = UI.ns.rdf;
+  var rdf = UI.ns.rdf;
   // var RDFS = UI.ns.rdfs
   // var OWL = UI.ns.owl
   // var dc = UI.ns.dc
   // var rss = UI.ns.rss
   // var contact = UI.ns.contact
   // var mo = UI.ns.mo
-  const bibo = UI.rdf.Namespace('http://purl.org/ontology/bibo/'); // hql for pubsPane
+  var bibo = UI.rdf.Namespace('http://purl.org/ontology/bibo/'); // hql for pubsPane
   // var dcterms = UI.rdf.Namespace('http://purl.org/dc/terms/')
-  const dcelems = UI.rdf.Namespace('http://purl.org/dc/elements/1.1/');
-  let movedArrow = false; // hq
+  var dcelems = UI.rdf.Namespace('http://purl.org/dc/elements/1.1/');
+  var movedArrow = false; // hq
 
   // var updateService=new updateCenter(kb);
 
@@ -89,16 +87,16 @@ function UserInput(outline) {
     //  Add a new row to a property list ( P and O)
     addNewPredicateObject: function addNewPredicateObject(e) {
       if (UI.utils.getTarget(e).className !== 'bottom-border-active') return;
-      const This = outline.UserInput;
-      const target = UI.utils.getTarget(e);
+      var This = outline.UserInput;
+      var target = UI.utils.getTarget(e);
 
       // UI.log.warn(ancestor(target,'TABLE').textContent);
-      const insertTr = myDocument.createElement('tr');
+      var insertTr = myDocument.createElement('tr');
       UI.utils.ancestor(target, 'DIV').insertBefore(insertTr, UI.utils.ancestor(target, 'TR'));
-      const tempTr = myDocument.createElement('tr');
-      const reqTerm1 = This.generateRequest('(TBD)', tempTr, true);
+      var tempTr = myDocument.createElement('tr');
+      var reqTerm1 = This.generateRequest('(TBD)', tempTr, true);
       insertTr.appendChild(tempTr.firstChild);
-      const reqTerm2 = This.generateRequest('(Enter text or drag an object onto this field)', tempTr, false);
+      var reqTerm2 = This.generateRequest('(Enter text or drag an object onto this field)', tempTr, false);
       insertTr.appendChild(tempTr.firstChild);
       // there should be an elegant way of doing this
 
@@ -106,13 +104,13 @@ function UserInput(outline) {
       if (UI.utils.ancestor(target, 'TR').previousSibling &&
       // there is a previous predicate/object line
       UI.utils.ancestor(target, 'TR').previousSibling.AJAR_statement) {
-        const preStat = UI.utils.ancestor(target, 'TR').previousSibling.AJAR_statement;
+        var preStat = UI.utils.ancestor(target, 'TR').previousSibling.AJAR_statement;
         // This should always(?) input a non-inverse statement
         This.formUndetStat(insertTr, preStat.subject, reqTerm1, reqTerm2, preStat.why, false);
       } else {
         // no previous row: write to the document defining the subject
-        const subject = UI.utils.getAbout(_solidLogic.store, UI.utils.ancestor(target.parentNode.parentNode, 'TD'));
-        const doc = _solidLogic.store.sym(UI.rdf.Util.uri.docpart(subject.uri));
+        var subject = UI.utils.getAbout(_solidLogic.store, UI.utils.ancestor(target.parentNode.parentNode, 'TD'));
+        var doc = _solidLogic.store.sym(UI.rdf.Util.uri.docpart(subject.uri));
         This.formUndetStat(insertTr, subject, reqTerm1, reqTerm2, doc, false);
       }
       outline.walk('moveTo', insertTr.firstChild);
@@ -126,15 +124,15 @@ function UserInput(outline) {
     //  tr.AJAR_statement (an incomplete statement in TempFormula) stores the destination(why), now
     //  determined by the preceding one (is this good?)
     addNewObject: function addNewObject(e) {
-      const predicateTd = UI.utils.getTarget(e).parentNode.parentNode;
+      var predicateTd = UI.utils.getTarget(e).parentNode.parentNode;
       // var predicateTerm = UI.utils.getAbout(kb, predicateTd)
-      const isInverse = predicateTd.parentNode.AJAR_inverse;
+      var isInverse = predicateTd.parentNode.AJAR_inverse;
       // var titleTerm=UI.utils.getAbout(kb,UI.utils.ancestor(predicateTd.parentNode,'TD'));
       // set pseudo lastModifiedStat here
       this.lastModifiedStat = predicateTd.parentNode.AJAR_statement;
-      const insertTr = this.appendToPredicate(predicateTd);
-      const reqTerm = this.generateRequest(' (Error) ', insertTr, false);
-      const preStat = insertTr.previousSibling.AJAR_statement;
+      var insertTr = this.appendToPredicate(predicateTd);
+      var reqTerm = this.generateRequest(' (Error) ', insertTr, false);
+      var preStat = insertTr.previousSibling.AJAR_statement;
       if (!isInverse) {
         this.formUndetStat(insertTr, preStat.subject, preStat.predicate, reqTerm, preStat.why, false);
       } else {
@@ -154,7 +152,7 @@ function UserInput(outline) {
     },
     //  Called when a selected cell is clicked again
     Click: function Click(e) {
-      const target = UI.utils.getTarget(e);
+      var target = UI.utils.getTarget(e);
       if (UI.utils.getTerm(target).termType !== 'Literal') return;
       this.literalModification(target);
       // this prevents the generated inputbox to be clicked again
@@ -164,7 +162,7 @@ function UserInput(outline) {
     //  Called when paste is called (Ctrl+v)
     pasteFromClipboard: function pasteFromClipboard(address, selectedTd) {
       function termFrom(fromCode) {
-        const term = outline.clipboard[fromCode].shift();
+        var term = outline.clipboard[fromCode].shift();
         if (term === null) {
           UI.log.warn('no more element in clipboard!');
           return;
@@ -173,8 +171,8 @@ function UserInput(outline) {
           case 'predicates':
           case 'objects':
             {
-              const allArray = outline.clipboard.all;
-              for (let i = 0; true; i++) {
+              var allArray = outline.clipboard.all;
+              for (var i = 0; true; i++) {
                 if (term.sameTerm(allArray[i])) {
                   allArray.splice(i, 1);
                   break;
@@ -193,7 +191,7 @@ function UserInput(outline) {
         }
         return term;
       }
-      let term;
+      var term;
       switch (selectedTd.className) {
         case 'undetermined selected':
           term = selectedTd.nextSibling ? termFrom('predicates') : termFrom('objects');
@@ -207,7 +205,7 @@ function UserInput(outline) {
         case 'selected':
           {
             // header <TD>, undetermined generated
-            const returnArray = termFrom('all');
+            var returnArray = termFrom('all');
             if (!returnArray) return;
             term = returnArray[0];
             this.insertTermTo(selectedTd, term, returnArray[1]);
@@ -262,11 +260,11 @@ function UserInput(outline) {
         UI.log.warn('The node you attempted to edit has a request still pending.\n' + 'Please wait for the request to finish (the text will turn black)\n' + 'before editing this node again.');
         return true;
       }
-      const target = selectedTd;
-      const about = this.getStatementAbout(target); // timbl - to avoid alert from random clicks
+      var target = selectedTd;
+      var about = this.getStatementAbout(target); // timbl - to avoid alert from random clicks
       if (!about) return;
-      let obj;
-      let trNode;
+      var obj;
+      var trNode;
       try {
         obj = UI.utils.getTerm(target);
         trNode = UI.utils.ancestor(target, 'TR');
@@ -274,7 +272,7 @@ function UserInput(outline) {
         UI.log.warn('userinput.js: ' + e + UI.utils.getAbout(_solidLogic.store, selectedTd));
         UI.log.error(target + ' getStatement Error:' + e);
       }
-      let tdNode;
+      var tdNode;
       try {
         tdNode = trNode.lastChild;
       } catch (e) {
@@ -295,7 +293,7 @@ function UserInput(outline) {
 
         if (obj.value.match('\n')) {
           // match a line feed and require <TEXTAREA>
-          const textBox = myDocument.createElement('textarea');
+          var textBox = myDocument.createElement('textarea');
           textBox.appendChild(myDocument.createTextNode(obj.value));
           textBox.setAttribute('rows', (obj.value.match(/\n/g).length + 1).toString());
           // g is for global(??)
@@ -343,7 +341,7 @@ function UserInput(outline) {
       this.lastModified = null;
     },
     clearMenu: function clearMenu() {
-      const menu = myDocument.getElementById(this.menuID);
+      var menu = myDocument.getElementById(this.menuID);
       if (menu) {
         menu.parentNode.removeChild(menu);
         // emptyNode(menu);
@@ -351,7 +349,7 @@ function UserInput(outline) {
     },
     /* goes here when either this is a literal or escape from menu and then input text */
     clearInputAndSave: function clearInputAndSave(e) {
-      let obj;
+      var obj;
       if (!this.lastModified) return;
       if (!this.lastModified.isNew) {
         try {
@@ -360,14 +358,14 @@ function UserInput(outline) {
           return;
         }
       }
-      let s = this.lastModifiedStat; // when 'isNew' this is set at addNewObject()
+      var s = this.lastModifiedStat; // when 'isNew' this is set at addNewObject()
 
-      let defaultpropview;
-      let trNode;
-      let reqTerm;
-      let preStat;
+      var defaultpropview;
+      var trNode;
+      var reqTerm;
+      var preStat;
       if (this.lastModified.value !== this.lastModified.defaultValue) {
-        let trCache;
+        var trCache;
         if (this.lastModified.value === '') {
           // ToDo: remove this
           this.lastModified.value = this.lastModified.defaultValue;
@@ -393,20 +391,20 @@ function UserInput(outline) {
           s = _solidLogic.store.add(s.subject, s.predicate, _solidLogic.store.literal(this.lastModified.value), s.why);
         } else {
           if (this.statIsInverse) {
-            UI.log.error('Invalid Input: a literal can\'t be a subject in RDF/XML');
+            UI.log.error("Invalid Input: a literal can't be a subject in RDF/XML");
             this.backOut();
             return;
           }
-          let s1, s2, s3;
+          var s1, s2, s3;
           switch (obj.termType) {
             case 'Literal':
               {
                 // generate path and nailing from current values
 
                 // TODO: DEFINE ERROR CALLBACK
-                const valueCache = this.lastModified.value;
+                var valueCache = this.lastModified.value;
                 trCache = UI.utils.ancestor(this.lastModified, 'TR');
-                const oldValue = this.lastModified.defaultValue;
+                var oldValue = this.lastModified.defaultValue;
                 s2 = $rdf.st(s.subject, s.predicate, _solidLogic.store.literal(this.lastModified.value), s.why);
                 try {
                   _solidLogic.store.updater.update([s], [s2], function (uri, success, errorBody) {
@@ -430,15 +428,15 @@ function UserInput(outline) {
               {
                 // a request refill with text
                 // var newStat
-                const textTerm = _solidLogic.store.literal(this.lastModified.value, '');
+                var textTerm = _solidLogic.store.literal(this.lastModified.value, '');
                 // <Feature about="labelChoice">
                 if (s.predicate.termType === 'Collection') {
                   // case: add triple   ????????? Weird - tbl
-                  const selectedPredicate = s.predicate.elements[0]; //    @@ TBL elements is a list on the predicate??
+                  var selectedPredicate = s.predicate.elements[0]; //    @@ TBL elements is a list on the predicate??
                   if (_solidLogic.store.any(undefined, selectedPredicate, textTerm)) {
                     if (!e) {
                       // keyboard
-                      const tdNode = this.lastModified.parentNode;
+                      var tdNode = this.lastModified.parentNode;
                       e = {};
                       e.pageX = UI.utils.findPos(tdNode)[0];
                       e.pageY = UI.utils.findPos(tdNode)[1] + tdNode.clientHeight;
@@ -450,7 +448,7 @@ function UserInput(outline) {
                   } else {
                     s1 = UI.utils.ancestor(UI.utils.ancestor(this.lastModified, 'TR').parentNode, 'TR').AJAR_statement;
                     s2 = $rdf.st(s.subject, selectedPredicate, textTerm, s.why);
-                    const type = _solidLogic.store.the(s.subject, rdf('type'));
+                    var type = _solidLogic.store.the(s.subject, rdf('type'));
                     s3 = _solidLogic.store.anyStatementMatching(s.subject, rdf('type'), type, s.why);
                     // TODO: DEFINE ERROR CALLBACK
                     // because the table is repainted, so...
@@ -471,8 +469,8 @@ function UserInput(outline) {
                     // a subtle bug occurs here, if foaf:nick hasn't been dereferneced,
                     // this add will cause a repainting
                   }
-                  const enclosingTd = UI.utils.ancestor(this.lastModified.parentNode.parentNode, 'TD');
-                  const defaultPane = panes.byName('default'); // @@ check
+                  var enclosingTd = UI.utils.ancestor(this.lastModified.parentNode.parentNode, 'TD');
+                  var defaultPane = panes.byName('default'); // @@ check
                   outline.outlineExpand(enclosingTd, s.subject, {
                     pane: defaultPane,
                     already: true
@@ -500,7 +498,7 @@ function UserInput(outline) {
         return;
       } else if (s.predicate.termType === 'Collection') {
         _solidLogic.store.removeMany(s.subject);
-        const upperTr = UI.utils.ancestor(UI.utils.ancestor(this.lastModified, 'TR').parentNode, 'TR');
+        var upperTr = UI.utils.ancestor(UI.utils.ancestor(this.lastModified, 'TR').parentNode, 'TR');
         preStat = upperTr.AJAR_statement;
         reqTerm = this.generateRequest('(To be determined. Re-type of drag an object onto this field)');
         this.formUndetStat(upperTr, preStat.subject, preStat.predicate, reqTerm, preStat.why, false);
@@ -553,8 +551,9 @@ function UserInput(outline) {
         outline.walk('up');
         return;
       }
+      var removedTr;
       // var afterTr
-      const s = this.getStatementAbout(selectedTd);
+      var s = this.getStatementAbout(selectedTd);
       if (!isBackOut && !_solidLogic.store.whether(s.object, rdf('type'), UI.ns.link('Request')) &&
       // Better to check whether provenance is internal?
       !_solidLogic.store.whether(s.predicate, rdf('type'), UI.ns.link('Request')) && !_solidLogic.store.whether(s.subject, rdf('type'), UI.ns.link('Request'))) {
@@ -583,14 +582,14 @@ function UserInput(outline) {
       UI.log.debug('about to remove ' + s);
       UI.log.debug('removed');
       outline.walk('up');
-      const removedTr = selectedTd.parentNode;
+      removedTr = selectedTd.parentNode;
       // afterTr = removedTr.nextSibling
       function removefromview() {
-        let trIterator;
+        var trIterator;
         for (trIterator = removedTr; trIterator.childNodes.length === 1; trIterator = trIterator.previousSibling);
-        let predicateTd;
+        var predicateTd;
         if (trIterator === removedTr) {
-          const theNext = trIterator.nextSibling;
+          var theNext = trIterator.nextSibling;
           if (theNext.nextSibling && theNext.childNodes.length === 1) {
             predicateTd = trIterator.firstChild;
             predicateTd.setAttribute('rowspan', parseInt(predicateTd.getAttribute('rowspan')) - 1);
@@ -635,7 +634,7 @@ function UserInput(outline) {
          clip.setData(trans, null, clipid.kGlobalClipboard);
         */
 
-      const term = UI.utils.getTerm(selectedTd);
+      var term = UI.utils.getTerm(selectedTd);
       switch (selectedTd.className) {
         case 'selected': // table header
         case 'obj selected':
@@ -649,8 +648,8 @@ function UserInput(outline) {
       outline.clipboard.all.unshift(term);
     },
     insertTermTo: function insertTermTo(selectedTd, term, isObject) {
-      let defaultpropview;
-      let preStat;
+      var defaultpropview;
+      var preStat;
       switch (selectedTd.className) {
         case 'undetermined selected':
           defaultpropview = this.views.defaults[selectedTd.parentNode.AJAR_statement.predicate.uri];
@@ -659,12 +658,12 @@ function UserInput(outline) {
         case 'pred selected':
           {
             // paste objects into this predicate
-            const insertTr = this.appendToPredicate(selectedTd);
+            var insertTr = this.appendToPredicate(selectedTd);
             preStat = selectedTd.parentNode.AJAR_statement;
             defaultpropview = this.views.defaults[preStat.predicate.uri];
             insertTr.appendChild(outline.outlineObjectTD(term, defaultpropview));
             // modify store and update here
-            const isInverse = selectedTd.parentNode.AJAR_inverse;
+            var isInverse = selectedTd.parentNode.AJAR_inverse;
             if (!isInverse) {
               insertTr.AJAR_statement = _solidLogic.store.add(preStat.subject, preStat.predicate, term, preStat.why);
             } else {
@@ -687,8 +686,8 @@ function UserInput(outline) {
         case 'selected':
           {
             // header <TD>, undetermined generated
-            const paneDiv = UI.utils.ancestor(selectedTd, 'TABLE').lastChild;
-            const newTr = paneDiv.insertBefore(myDocument.createElement('tr'), paneDiv.lastChild);
+            var paneDiv = UI.utils.ancestor(selectedTd, 'TABLE').lastChild;
+            var newTr = paneDiv.insertBefore(myDocument.createElement('tr'), paneDiv.lastChild);
             // var titleTerm=UI.utils.getAbout(kb,UI.utils.ancestor(newTr,'TD'));
             preStat = newTr.previousSibling.AJAR_statement;
             if (typeof isObject === 'undefined') isObject = true;
@@ -702,7 +701,7 @@ function UserInput(outline) {
             } else {
               // predicate inserted
               // existing predicate not expected
-              const reqTerm = this.generateRequest('(To be determined. Re-type of drag an object onto this field)', newTr);
+              var reqTerm = this.generateRequest('(To be determined. Re-type of drag an object onto this field)', newTr);
               this.formUndetStat(newTr, preStat.subject, term, reqTerm, preStat.why, false);
               newTr.insertBefore(outline.outlinePredicateTD(term, newTr, false, false), newTr.firstChild);
               outline.walk('moveTo', newTr.lastChild);
@@ -714,13 +713,13 @@ function UserInput(outline) {
     },
     Refill: function Refill(e, selectedTd) {
       UI.log.info('Refill' + selectedTd.textContent);
-      const isPredicate = selectedTd.nextSibling;
-      let predicateQuery;
+      var isPredicate = selectedTd.nextSibling;
+      var predicateQuery;
       if (isPredicate) {
         // predicateTd
-        let subject;
-        let subjectClass;
-        let sparqlText;
+        var subject;
+        var subjectClass;
+        var sparqlText;
         if (selectedTd.nextSibling.className === 'undetermined') {
           /* Make set of proprties to propose for a predicate.
             The  naive approach is to take those which have a class
@@ -750,7 +749,7 @@ function UserInput(outline) {
           subject = UI.utils.getAbout(_solidLogic.store, UI.utils.ancestor(selectedTd, 'TABLE').parentNode);
           subjectClass = _solidLogic.store.any(subject, rdf('type'));
           sparqlText = [];
-          const endl = '.\n';
+          var endl = '.\n';
           sparqlText[0] = 'SELECT ?pred WHERE{\n?pred ' + rdf('type') + rdf('Property') + '.\n' + '?pred ' + UI.ns.rdfs('domain') + subjectClass + '.}'; // \n is required? SPARQL parser bug?
           sparqlText[1] = 'SELECT ?pred ?class\nWHERE{\n' + '?pred ' + rdf('type') + rdf('Property') + '.\n' + subjectClass + UI.ns.rdfs('subClassOf') + ' ?class.\n' + '?pred ' + UI.ns.rdfs('domain') + ' ?class.\n}';
           sparqlText[2] = 'SELECT ?pred WHERE{\n' + subject + rdf('type') + _solidLogic.store.variable('subjectClass') + endl + _solidLogic.store.variable('pred') + UI.ns.rdfs('domain') + _solidLogic.store.variable('subjectClass') + endl + '}';
@@ -774,7 +773,7 @@ function UserInput(outline) {
             */
           subject = UI.utils.getAbout(_solidLogic.store, UI.utils.ancestor(selectedTd, 'TABLE').parentNode);
           subjectClass = _solidLogic.store.any(subject, rdf('type'));
-          const object = selectedTd.parentNode.AJAR_statement.object;
+          var object = selectedTd.parentNode.AJAR_statement.object;
           // var objectClass = (object.termType === 'Literal') ? UI.ns.rdfs('Literal') : kb.any(object, rdf('type'))
           // var sparqlText="SELECT ?pred WHERE{\n?pred "+rdf('type')+rdf('Property')+".\n"+
           //               "?pred "+UI.ns.rdfs('domain')+subjectClass+".\n"+
@@ -786,12 +785,12 @@ function UserInput(outline) {
         // -------presenter
         // ToDo: how to sort selected predicates?
         this.showMenu(e, 'GeneralPredicateChoice', predicateQuery, {
-          isPredicate,
-          selectedTd
+          isPredicate: isPredicate,
+          selectedTd: selectedTd
         });
       } else {
         // objectTd
-        const predicateTerm = selectedTd.parentNode.AJAR_statement.predicate;
+        var predicateTerm = selectedTd.parentNode.AJAR_statement.predicate;
         if (_solidLogic.store.whether(predicateTerm, rdf('type'), UI.ns.owl('DatatypeProperty')) || predicateTerm.termType === 'Collection' || _solidLogic.store.whether(predicateTerm, UI.ns.rdfs('range'), UI.ns.rdfs('Literal'))) {
           selectedTd.className = '';
           UI.utils.emptyNode(selectedTd);
@@ -802,12 +801,12 @@ function UserInput(outline) {
 
         // show menu for rdf:type
         if (selectedTd.parentNode.AJAR_statement.predicate.sameTerm(rdf('type'))) {
-          const sparqlText = 'SELECT ?class WHERE{?class ' + rdf('type') + UI.ns.rdfs('Class') + '.}';
+          var _sparqlText = 'SELECT ?class WHERE{?class ' + rdf('type') + UI.ns.rdfs('Class') + '.}';
           // I should just use kb.each
-          const classQuery = $rdf.SPARQLToQuery(sparqlText);
+          var classQuery = $rdf.SPARQLToQuery(_sparqlText);
           this.showMenu(e, 'TypeChoice', classQuery, {
-            isPredicate,
-            selectedTd
+            isPredicate: isPredicate,
+            selectedTd: selectedTd
           });
         }
       }
@@ -821,7 +820,7 @@ function UserInput(outline) {
         // hq  // why? -tim  - not 'predicate' below
         mode = 'all';
       }
-      let InputBox;
+      var InputBox;
       if (mode === 'JournalTAC') {
         // hq  // Better to pass in InputBox as a param
         InputBox = myDocument.getElementById('inpid_journal_title');
@@ -837,13 +836,13 @@ function UserInput(outline) {
         //                                           but not [wrapped ...]
         // var InputBox=(typeof enterEvent=='object')?this:this.lastModified;//'this' is the <input> element
         qp('1. outside (if eneterEvent)');
-        const e = {};
-        const tdNode = InputBox.parentNode;
+        var e = {};
+        var tdNode = InputBox.parentNode;
         if (!mode) mode = tdNode.nextSibling ? 'predicate' : 'all';
         e.pageX = UI.utils.findPos(tdNode)[0];
         e.pageY = UI.utils.findPos(tdNode)[1] + tdNode.clientHeight;
         qp('epX=' + e.pageX + ', epY=' + e.pageY + ', mode=' + mode);
-        let menu = myDocument.getElementById(outline.UserInput.menuID);
+        var menu = myDocument.getElementById(outline.UserInput.menuID);
         function setHighlightItem(item) {
           if (!item) return; // do not make changes
           if (menu.lastHighlight) menu.lastHighlight.className = '';
@@ -853,9 +852,9 @@ function UserInput(outline) {
         }
         if (enterEvent) {
           // either the real event of the pseudo number passed by OutlineKeypressPanel
-          qp('2. in (if enterEvent).  with type = ' + typeof enterEvent);
-          let newText = InputBox.value;
-          if (typeof enterEvent === 'object') {
+          qp('2. in (if enterEvent).  with type = ' + _typeof(enterEvent));
+          var newText = InputBox.value;
+          if (_typeof(enterEvent) === 'object') {
             qp('3. in typeof enterEvent is object, will switch to keys, arrows, etc. keycode = ' + enterEvent.keyCode);
             enterEvent.stopPropagation();
             if (menu && !menu.lastHighlight) {
@@ -899,9 +898,9 @@ function UserInput(outline) {
                     if (movedArrow && menu.lastHighlight) {
                       // Get the title from the DOM
                       // tr, th, div, innerHTML
-                      const jtitle = menu.lastHighlight.firstChild.firstChild.innerHTML;
+                      var jtitle = menu.lastHighlight.firstChild.firstChild.innerHTML;
                       // tr, th, td, innerHTML
-                      let juri = menu.lastHighlight.firstChild.nextSibling.innerHTML;
+                      var juri = menu.lastHighlight.firstChild.nextSibling.innerHTML;
                       // clearing out the &lt; and &gt; from juri
                       juri = juri.slice(4, -4);
                       return ['gotdptitle', jtitle, juri];
@@ -909,8 +908,8 @@ function UserInput(outline) {
                     // If doesn't qualify to be autocomplete, return this random string, since pubsPane checks for "gotdptitle"
                     return 'asGivenTxt';
                   }
-                  const inputTerm = UI.utils.getAbout(_solidLogic.store, menu.lastHighlight);
-                  const fillInType = mode === 'predicate' ? 'predicate' : 'object';
+                  var inputTerm = UI.utils.getAbout(_solidLogic.store, menu.lastHighlight);
+                  var fillInType = mode === 'predicate' ? 'predicate' : 'object';
                   outline.UserInput.clearMenu();
                   outline.UserInput.fillInRequest(fillInType, InputBox.parentNode, inputTerm);
                   // if (outline.UserInput.fillInRequest(fillInType,InputBox.parentNode,inputTerm))
@@ -927,7 +926,7 @@ function UserInput(outline) {
                 } else {
                   setHighlightItem(menu.lastHighlight.previousSibling);
                 }
-                return 'I\'m a little Arrow Up';
+                return "I'm a little Arrow Up";
               case 40:
                 // down
                 qp('handler: Arrow Down');
@@ -937,7 +936,7 @@ function UserInput(outline) {
                 } else {
                   setHighlightItem(menu.lastHighlight.nextSibling);
                 }
-                return 'I\'m a little Down Arrow';
+                return "I'm a little Down Arrow";
               case 37: // left
               case 39:
                 // right
@@ -1024,17 +1023,17 @@ function UserInput(outline) {
     // Or reference an exiting one with a URI.
     //
     WildCardButtons: function WildCardButtons() {
-      const menuDiv = myDocument.getElementById(outline.UserInput.menuID);
-      const div = menuDiv.insertBefore(myDocument.createElement('div'), menuDiv.firstChild);
-      const input1 = div.appendChild(myDocument.createElement('input'));
-      const input2 = div.appendChild(myDocument.createElement('input'));
+      var menuDiv = myDocument.getElementById(outline.UserInput.menuID);
+      var div = menuDiv.insertBefore(myDocument.createElement('div'), menuDiv.firstChild);
+      var input1 = div.appendChild(myDocument.createElement('input'));
+      var input2 = div.appendChild(myDocument.createElement('input'));
       input1.type = 'button';
       input1.value = 'New...';
       input2.type = 'button';
       input2.value = 'Know its URI';
       function highlightInput(e) {
         // same as the one in newMenu()
-        const menu = myDocument.getElementById(outline.UserInput.menuID);
+        var menu = myDocument.getElementById(outline.UserInput.menuID);
         if (menu.lastHighlight) menu.lastHighlight.className = '';
         menu.lastHighlight = UI.utils.ancestor(UI.utils.getTarget(e), 'INPUT');
         if (!menu.lastHighlight) return; // mouseover <TABLE>
@@ -1045,13 +1044,13 @@ function UserInput(outline) {
       input2.addEventListener('click', this.inputURI, false);
     },
     // ToDo: shrink rows when \n+backspace
-    Keypress: function (e) {
+    Keypress: function Keypress(e) {
       if (e.keyCode === 13) {
         if (outline.targetOf(e).tagName !== 'TEXTAREA') {
           this.clearInputAndSave();
         } else {
           // <TEXTAREA>
-          const preRows = parseInt(this.lastModified.getAttribute('rows'));
+          var preRows = parseInt(this.lastModified.getAttribute('rows'));
           this.lastModified.setAttribute('rows', (preRows + 1).toString());
           e.stopPropagation();
         }
@@ -1059,7 +1058,7 @@ function UserInput(outline) {
       // Remark by Kenny: If the user wants to input more lines into an one-line-only blank.
       //                 Direct him/her to a new blank (how?)
     },
-    Mousedown: function (e) {
+    Mousedown: function Mousedown(e) {
       qp('MOUSING DOWN');
       // temporary key ctrl+s or q for swiching mode
       // This was in HCIOptions "right click to switch mode":
@@ -1087,14 +1086,14 @@ function UserInput(outline) {
         switch (UI.utils.getTarget(e).tagName) {
           case 'TD':
             {
-              const preTd = UI.utils.getTarget(e);
+              var preTd = UI.utils.getTarget(e);
               if (preTd.className === 'pred') preTd.style.cursor = 'copy';
               break;
             }
           // Uh...I think I might have to give up this
           case 'DIV':
             {
-              const border = UI.utils.getTarget(e);
+              var border = UI.utils.getTarget(e);
               if (UI.utils.getTarget(e).className === 'bottom-border') {
                 border.style.borderColor = 'rgb(100%,65%,0%)';
                 border.style.cursor = 'copy';
@@ -1105,10 +1104,10 @@ function UserInput(outline) {
         }
       }
     },
-    Mouseout: function (e) {
+    Mouseout: function Mouseout(e) {
       this.className = 'bottom-border';
       if (this._tabulatorMode === 1) {
-        const border = UI.utils.getTarget(e);
+        var border = UI.utils.getTarget(e);
         if (UI.utils.getTarget(e).className === 'bottom-border') {
           border.style.borderColor = 'transparent';
           border.style.cursor = 'auto';
@@ -1121,7 +1120,7 @@ function UserInput(outline) {
 
     whatSortOfEditCell: function whatSortOfEditCell(selectedTd) {
       if (selectedTd.nextSibling) return 'predicate';
-      const predicateTerm = this.getStatementAbout(selectedTd).predicate;
+      var predicateTerm = this.getStatementAbout(selectedTd).predicate;
       // var predicateTerm=selectedTd.parentNode.AJAR_statement.predicate;
       if (_solidLogic.store.whether(predicateTerm, UI.ns.rdf('type'), UI.ns.owl('DatatypeProperty')) || _solidLogic.store.whether(predicateTerm, UI.ns.rdfs('range'), UI.ns.rdfs('Literal')) || predicateTerm.termType === 'Collection') {
         return 'DatatypeProperty-like';
@@ -1133,11 +1132,11 @@ function UserInput(outline) {
     },
     getStatementAbout: function getStatementAbout(something) {
       // var trNode=something.parentNode;
-      const trNode = UI.utils.ancestor(something, 'TR');
+      var trNode = UI.utils.ancestor(something, 'TR');
       if (!trNode) {
         throw new Error('No ancestor TR for the TD we clicked on:' + something);
       }
-      let statement;
+      var statement;
       try {
         statement = trNode.AJAR_statement;
       } catch (e) {
@@ -1158,7 +1157,7 @@ function UserInput(outline) {
       }
       UI.log.info('myDocument in createInputBoxIn is now ' + myDocument.location);
       UI.log.info('outline.document is now ' + outline.document.location);
-      const inputBox = myDocument.createElement('input');
+      var inputBox = myDocument.createElement('input');
       inputBox.setAttribute('value', defaultText);
       inputBox.setAttribute('class', 'textinput');
       // inputBox.setAttribute('size','100');//should be the size of <TD>
@@ -1172,19 +1171,19 @@ function UserInput(outline) {
     // called when 'New...' is clicked(eventlistener) or enter is pressed while 'New...' is highlighted
     createNew: function createNew(_e) {
       outline.UserInput.clearMenu();
-      const selectedTd = outline.getSelection()[0];
-      const targetdoc = selectedTd.parentNode.AJAR_statement.why;
-      const newTerm = _solidLogic.store.nextSymbol(targetdoc);
+      var selectedTd = outline.getSelection()[0];
+      var targetdoc = selectedTd.parentNode.AJAR_statement.why;
+      var newTerm = _solidLogic.store.nextSymbol(targetdoc);
       outline.UserInput.fillInRequest('object', selectedTd, newTerm);
       // selection is changed
       outline.outlineExpand(outline.getSelection()[0], newTerm);
     },
     inputURI: function inputURI(_e) {
-      const This = outline.UserInput;
+      var This = outline.UserInput;
       This.clearMenu();
-      const selectedTd = outline.getSelection()[0];
+      var selectedTd = outline.getSelection()[0];
       UI.utils.emptyNode(selectedTd);
-      const tiptext = ' (Type a URI) ';
+      var tiptext = ' (Type a URI) ';
       This.lastModified = This.createInputBoxIn(selectedTd, tiptext);
       This.lastModified.select();
       function typeURIhandler(e) {
@@ -1195,7 +1194,7 @@ function UserInput(outline) {
             // tab
             // this is input box
             if (this.value !== tiptext) {
-              const newuri = this.value; // @@ Removed URI "fixup" code
+              var newuri = this.value; // @@ Removed URI "fixup" code
               This.fillInRequest('object', selectedTd, _solidLogic.store.sym(newuri));
             }
         }
@@ -1216,8 +1215,8 @@ function UserInput(outline) {
         */
     },
     appendToPredicate: function appendToPredicate(predicateTd) {
-      let isEnd = false;
-      let trIterator;
+      var isEnd = false;
+      var trIterator;
       try {
         for (trIterator = predicateTd.parentNode.nextSibling; trIterator.childNodes.length === 1 && trIterator.AJAR_statement;
         // number of nodes as condition, also beware of toggle Trs that don't have AJAR_statement
@@ -1229,7 +1228,7 @@ function UserInput(outline) {
       }
       // if(!isEnd && HCIoptions["bottom insert highlights"].enabled) trIterator=trIterator.previousSibling;
 
-      const insertTr = myDocument.createElement('tr');
+      var insertTr = myDocument.createElement('tr');
       // style stuff, I'll have to investigate appendPropertyTRs() somehow
       insertTr.style.colspan = '1';
       insertTr.style.display = 'block';
@@ -1243,7 +1242,7 @@ function UserInput(outline) {
       if (!isEnd) {
         trIterator.parentNode.insertBefore(insertTr, trIterator);
       } else {
-        const table = predicateTd.parentNode.parentNode;
+        var table = predicateTd.parentNode.parentNode;
         if (table.className === 'defaultPane') {
           table.insertBefore(insertTr, table.lastChild);
         } else {
@@ -1256,7 +1255,7 @@ function UserInput(outline) {
       _solidLogic.store.copyTo(bnode, symbol, ['two-direction', 'delete']);
     },
     generateRequest: function generateRequest(tipText, trNew, isPredicate, notShow) {
-      let trNode;
+      var trNode;
       if (!notShow) {
         if (trNew) {
           trNode = trNew;
@@ -1275,8 +1274,8 @@ function UserInput(outline) {
       // labelPriority[UI.ns.link('message').uri] = 20;
 
       // We must get rid of this clutter in the store. "OK, will be stroed in a seperate formula to avoid bugs", Kenny says
-      const tp = TempFormula;
-      const reqTerm = tp.bnode();
+      var tp = TempFormula;
+      var reqTerm = tp.bnode();
       tp.add(reqTerm, UI.ns.rdf('type'), UI.ns.link('Request'));
       if (tipText.length < 10) {
         tp.add(reqTerm, UI.ns.link('message'), tp.literal(tipText));
@@ -1288,7 +1287,7 @@ function UserInput(outline) {
 
       // append the undetermined td
       if (!notShow) {
-        let newNode;
+        var newNode;
         if (isPredicate) {
           newNode = trNode.appendChild(outline.outlinePredicateTD(reqTerm, trNode, false, false));
         } else {
@@ -1303,11 +1302,11 @@ function UserInput(outline) {
       // ToDo:order, make a class?
       UI.log.info('myDocument is now ' + myDocument.location);
       UI.log.info('outline.doucment is now ' + outline.document.location);
-      const This = this;
-      const menu = myDocument.createElement('div');
+      var This = this;
+      var menu = myDocument.createElement('div');
       qp('\n**** In showMenu, menuType = ' + menuType + '\n');
       if (extraInformation) {
-        for (const x in extraInformation) {
+        for (var x in extraInformation) {
           console.log('\t extra ' + x + ': ' + extraInformation[x] + '\n');
         }
       }
@@ -1322,13 +1321,13 @@ function UserInput(outline) {
       // This is for setting the location of the dropdown menu, because
       // JournalTitleAutoComplete is called with a keypress, and not mouse actions
       // Get Offset of an HTML element
-      const getOffset = function getOffset(el) {
-        let _lf = 0;
-        let _tp = 0;
-        let oldlf = 0;
-        let oldtp = 0;
-        let newlf = 0;
-        let newtp = 0;
+      var getOffset = function getOffset(el) {
+        var _lf = 0;
+        var _tp = 0;
+        var oldlf = 0;
+        var oldtp = 0;
+        var newlf = 0;
+        var newtp = 0;
 
         // repeatedly get ancestor's positions
         // TODO: STILL a small offset/bug
@@ -1356,7 +1355,7 @@ function UserInput(outline) {
       // Change the position of menu in pubsPane's journal Title AC
       if (menuType === 'JournalTitleAutoComplete') {
         // hql
-        const loc = getOffset(myDocument.getElementById('inpid_journal_title'));
+        var loc = getOffset(myDocument.getElementById('inpid_journal_title'));
         loc.left -= myDocument.getElementById('inpid_journal_title').scrollTop;
         menu.style.top = loc.top + 'px';
         menu.style.left = loc.left + 'px';
@@ -1365,7 +1364,7 @@ function UserInput(outline) {
       // \\\\\\\hql
 
       myDocument.body.appendChild(menu);
-      const table = menu.appendChild(myDocument.createElement('table'));
+      var table = menu.appendChild(myDocument.createElement('table'));
       menu.lastHighlight = null;
       function highlightTr(e) {
         if (menu.lastHighlight) menu.lastHighlight.className = '';
@@ -1376,12 +1375,12 @@ function UserInput(outline) {
       table.addEventListener('mouseover', highlightTr, false);
 
       // setting for action after selecting item
-      let selectItem;
+      var selectItem;
       switch (menuType) {
         case 'DidYouMeanDialog':
           selectItem = function selectItem(e) {
             qp('DID YOU MEAN SELECT ITEM!!!!!');
-            const target = UI.utils.ancestor(UI.utils.getTarget(e), 'TR');
+            var target = UI.utils.ancestor(UI.utils.getTarget(e), 'TR');
             if (target.childNodes.length === 2 && target.nextSibling) {
               // Yes
               _solidLogic.store.add(bnodeTerm, IDpredicate, IDterm); // used to connect the two
@@ -1393,12 +1392,12 @@ function UserInput(outline) {
           break;
         case 'LimitedPredicateChoice':
           {
-            const clickedTd = extraInformation.clickedTd;
+            var clickedTd = extraInformation.clickedTd;
             selectItem = function selectItem(e) {
               qp('LIMITED P SELECT ITEM!!!!');
-              const selectedPredicate = UI.utils.getAbout(_solidLogic.store, UI.utils.getTarget(e));
-              const predicateChoices = clickedTd.parentNode.AJAR_statement.predicate.elements;
-              for (let i = 0; i < predicateChoices.length; i++) {
+              var selectedPredicate = UI.utils.getAbout(_solidLogic.store, UI.utils.getTarget(e));
+              var predicateChoices = clickedTd.parentNode.AJAR_statement.predicate.elements;
+              for (var i = 0; i < predicateChoices.length; i++) {
                 if (predicateChoices[i].sameTerm(selectedPredicate)) {
                   predicateChoices.unshift(predicateChoices.splice(i, 1)[0]);
                 }
@@ -1406,8 +1405,8 @@ function UserInput(outline) {
               outline.UserInput.clearMenu();
 
               // refresh the choice
-              const tr = clickedTd.parentNode;
-              const newTd = outline.outlinePredicateTD(tr.AJAR_statement.predicate, tr);
+              var tr = clickedTd.parentNode;
+              var newTd = outline.outlinePredicateTD(tr.AJAR_statement.predicate, tr);
               tr.insertBefore(newTd, clickedTd);
               tr.removeChild(clickedTd);
               This.lastModified.select();
@@ -1421,11 +1420,11 @@ function UserInput(outline) {
         case 'TypeChoice':
           {
             // Clickable menu
-            const isPredicate = extraInformation.isPredicate;
-            const selectedTd = extraInformation.selectedTd;
+            var isPredicate = extraInformation.isPredicate;
+            var selectedTd = extraInformation.selectedTd;
             selectItem = function selectItem(e) {
               qp('WOOHOO');
-              const inputTerm = UI.utils.getAbout(_solidLogic.store, UI.utils.getTarget(e));
+              var inputTerm = UI.utils.getAbout(_solidLogic.store, UI.utils.getTarget(e));
               qp('GENERAL SELECT ITEM!!!!!!=' + inputTerm);
               qp('target=' + UI.utils.getTarget(e));
               if (isPredicate) {
@@ -1453,13 +1452,13 @@ function UserInput(outline) {
 
       // Add Items to the list
       // build NameSpaces here from knowledge base
-      const NameSpaces = {};
+      var NameSpaces = {};
       // for each (ontology in ontologies)
       _solidLogic.store.each(undefined, UI.ns.rdf('type'), UI.ns.owl('Ontology')).forEach(function (ontology) {
-        const label = UI.utils.label(ontology);
+        var label = UI.utils.label(ontology);
         if (!label) return;
         // this is like extracting metadata from URI. Maybe it's better not to take the abbrevs.
-        const match = label.value.match(/\((.+?)\)/);
+        var match = label.value.match(/\((.+?)\)/);
         if (match) {
           NameSpaces[match[1]] = ontology.uri;
         } else {
@@ -1470,27 +1469,27 @@ function UserInput(outline) {
         if (table.firstChild && table.firstChild.className === 'no-suggest') {
           table.removeChild(table.firstChild);
         }
-        const Label = UI.utils.predicateLabelForXML(predicate, false);
+        var Label = UI.utils.predicateLabelForXML(predicate, false);
         // Label = Label.slice(0,1).toUpperCase() + Label.slice(1);
 
         if (!predicate.uri) return; // bnode
-        let theNamespace = '??';
-        for (const name in NameSpaces) {
+        var theNamespace = '??';
+        for (var name in NameSpaces) {
           UI.log.debug(NameSpaces[name]);
           if (UI.rdf.Util.string_startswith(predicate.uri, NameSpaces[name])) {
             theNamespace = name;
             break;
           }
         }
-        const tr = table.appendChild(myDocument.createElement('tr'));
+        var tr = table.appendChild(myDocument.createElement('tr'));
         tr.setAttribute('about', predicate);
-        const th = tr.appendChild(myDocument.createElement('th'));
+        var th = tr.appendChild(myDocument.createElement('th'));
         th.appendChild(myDocument.createElement('div')).appendChild(myDocument.createTextNode(Label));
         tr.appendChild(myDocument.createElement('td')).appendChild(myDocument.createTextNode(theNamespace.toUpperCase()));
       }
       function addPredicateChoice(selectedQuery) {
         return function (bindings) {
-          const predicate = bindings[selectedQuery.vars[0]];
+          var predicate = bindings[selectedQuery.vars[0]];
           addMenuItem(predicate);
         };
       }
@@ -1498,112 +1497,109 @@ function UserInput(outline) {
         This.clearMenu();
         e.stopPropagation();
       }
-      let inputText;
-      let bnodeTerm;
-      let IDpredicate;
-      let IDterm;
-      let tr;
-      let th;
+      var inputText;
+      var bnodeTerm;
+      var IDpredicate;
+      var IDterm;
+      var tr;
+      var th;
       switch (menuType) {
         case 'DidYouMeanDialog':
           {
-            const dialogTerm = extraInformation.dialogTerm;
+            var dialogTerm = extraInformation.dialogTerm;
             bnodeTerm = extraInformation.bnodeTerm;
             // have to do style instruction passing
             menu.style.width = 'auto';
-            const h1 = table.appendChild(myDocument.createElement('tr'));
-            const h1th = h1.appendChild(myDocument.createElement('th'));
+            var h1 = table.appendChild(myDocument.createElement('tr'));
+            var h1th = h1.appendChild(myDocument.createElement('th'));
             h1th.appendChild(myDocument.createTextNode('Did you mean...'));
-            const plist = _solidLogic.store.statementsMatching(dialogTerm);
-            let i;
+            var plist = _solidLogic.store.statementsMatching(dialogTerm);
+            var i;
             for (i = 0; i < plist.length; i++) {
               if (_solidLogic.store.whether(plist[i].predicate, rdf('type'), UI.ns.owl('InverseFunctionalProperty'))) {
                 break;
               }
             }
-            const IDpredicate = plist[i].predicate;
-            const IDterm = _solidLogic.store.any(dialogTerm, plist[i].predicate);
-            const text = UI.utils.label(dialogTerm) + ' who has ' + UI.utils.label(IDpredicate) + ' ' + IDterm + '?';
-            const h2 = table.appendChild(myDocument.createElement('tr'));
-            const h2th = h2.appendChild(myDocument.createElement('th'));
+            var _IDpredicate = plist[i].predicate;
+            var _IDterm = _solidLogic.store.any(dialogTerm, plist[i].predicate);
+            var text = UI.utils.label(dialogTerm) + ' who has ' + UI.utils.label(_IDpredicate) + ' ' + _IDterm + '?';
+            var h2 = table.appendChild(myDocument.createElement('tr'));
+            var h2th = h2.appendChild(myDocument.createElement('th'));
             h2th.appendChild(myDocument.createTextNode(text));
             h1th.setAttribute('colspan', '2');
             h2th.setAttribute('colspan', '2');
-            const ans1 = table.appendChild(myDocument.createElement('tr'));
+            var ans1 = table.appendChild(myDocument.createElement('tr'));
             ans1.appendChild(myDocument.createElement('th')).appendChild(myDocument.createTextNode('Yes'));
             ans1.appendChild(myDocument.createElement('td')).appendChild(myDocument.createTextNode('BOOLEAN'));
-            const ans2 = table.appendChild(myDocument.createElement('tr'));
+            var ans2 = table.appendChild(myDocument.createElement('tr'));
             ans2.appendChild(myDocument.createElement('th')).appendChild(myDocument.createTextNode('No'));
             ans2.appendChild(myDocument.createElement('td')).appendChild(myDocument.createTextNode('BOOLEAN'));
             break;
           }
         case 'PredicateAutoComplete':
           // Prompt user  for possible relationships for new data
-          {
-            inputText = extraInformation.inputText;
-            /*   The labeller functionality code ahs been lost or dropped -- reinstate this? */
-            // @@ TODO: Write away the need for exception on next line
+          inputText = extraInformation.inputText;
+          /*   The labeller functionality code ahs been lost or dropped -- reinstate this? */
+          // @@ TODO: Write away the need for exception on next line
 
-            const predicates = outline.labeller.searchAdv(inputText, undefined, 'predicate');
-            // @@ TODO: Write away the need for exception on next line
+          var predicates = outline.labeller.searchAdv(inputText, undefined, 'predicate');
+          // @@ TODO: Write away the need for exception on next line
 
-            const results = []; // @@ fixme
-            for (let i = 0; i < predicates.length; i++) {
-              const tempQuery = {};
-              tempQuery.vars = [];
-              tempQuery.vars.push('Kenny');
-              const tempBinding = {};
-              tempBinding.Kenny = _solidLogic.store.fromNT(predicates[i].NT);
-              try {
-                addPredicateChoice(tempQuery)(tempBinding);
-              } catch (e) {
-                throw new Error('I\'ll deal with bnodes later...[Kenny]' + e);
-              } // I'll deal with bnodes later...
-            }
+          var results = []; // @@ fixme
+          for (var _i = 0; _i < predicates.length; _i++) {
+            var tempQuery = {};
+            tempQuery.vars = [];
+            tempQuery.vars.push('Kenny');
+            var tempBinding = {};
+            tempBinding.Kenny = _solidLogic.store.fromNT(predicates[_i].NT);
+            try {
+              addPredicateChoice(tempQuery)(tempBinding);
+            } catch (e) {
+              throw new Error("I'll deal with bnodes later...[Kenny]" + e);
+            } // I'll deal with bnodes later...
+          }
 
-            // @@ TODO: Write away the need for exception on next line
+          // @@ TODO: Write away the need for exception on next line
 
-            const entries = results[0];
-            if (entries.length === 0) {
-              console.log('cm length 0\n'); // hq
-              this.clearMenu();
-              return;
-            }
-            for (let i = 0; i < entries.length && i < 10; i++) {
-              // do not show more than 30 items
-              addMenuItem(entries[i][1]);
-            }
-            break;
+          var entries = results[0];
+          if (entries.length === 0) {
+            console.log('cm length 0\n'); // hq
+            this.clearMenu();
+            return;
+          }
+          for (var _i2 = 0; _i2 < entries.length && _i2 < 10; _i2++) {
+            // do not show more than 30 items
+            addMenuItem(entries[_i2][1]);
           }
+          break;
         case 'GeneralAutoComplete':
           {
             inputText = extraInformation.inputText;
-            let results;
             try {
               results = outline.labeller.search(inputText);
             } catch (e) {
               console.log('GeneralAutoComplete: debug me ' + extraInformation.selectedTd.textContent + '\n' + e + '\n');
             }
-            const entries = results[0]; // [label, subject,priority]
-            const types = results[1];
+            entries = results[0]; // [label, subject,priority]
+            var types = results[1];
             if (entries.length === 0) {
               console.log('cm length 0\n'); // hq
               this.clearMenu();
               return;
             }
-            for (let i = 0; i < entries.length && i < 10; i++) {
+            for (var _i3 = 0; _i3 < entries.length && _i3 < 10; _i3++) {
               // do not show more than 30 items
               // console.log("\nGEN ENTRIES["+i+"] = "+entries[i]+"\n");//hq
-              const thisNT = entries[i][1].toNT();
+              var thisNT = entries[_i3][1].toNT();
               // console.log("thisNT="+thisNT+"\n");
               tr = table.appendChild(myDocument.createElement('tr'));
               tr.setAttribute('about', thisNT);
               th = tr.appendChild(myDocument.createElement('th'));
-              th.appendChild(myDocument.createElement('div')).appendChild(myDocument.createTextNode(entries[i][0]));
+              th.appendChild(myDocument.createElement('div')).appendChild(myDocument.createTextNode(entries[_i3][0]));
               // var theTerm = entries[i][1]
               // var type=theTerm?kb.any(kb.fromNT(thisNT),rdf('type')):undefined;
-              const type = types[i];
-              const typeLabel = type ? UI.utils.label(type) : '';
+              var type = types[_i3];
+              var typeLabel = type ? UI.utils.label(type) : '';
               tr.appendChild(myDocument.createElement('td')).appendChild(myDocument.createTextNode(typeLabel));
             }
             /* var choices=extraInformation.choices;
@@ -1635,15 +1631,15 @@ function UserInput(outline) {
             console.log('\n===start JournalTitleAutoComplete\n');
 
             // Gets all the URI's with type Journal in the knowledge base
-            const juris = _solidLogic.store.each(undefined, rdf('type'), bibo('Journal'));
-            const matchedtitle = []; // debugging display before inserts into menu
+            var juris = _solidLogic.store.each(undefined, rdf('type'), bibo('Journal'));
+            var matchedtitle = []; // debugging display before inserts into menu
 
-            for (let i = 0; i < juris.length; i++) {
-              const juri = juris[i];
-              const jtitle = _solidLogic.store.each(juri, dcelems('title'), undefined);
-              const jtstr = jtitle + '';
-              const matchstr = inputText.toLowerCase();
-              const jTitleLowerCase = jtstr.toLowerCase();
+            for (var _i4 = 0; _i4 < juris.length; _i4++) {
+              var juri = juris[_i4];
+              var jtitle = _solidLogic.store.each(juri, dcelems('title'), undefined);
+              var jtstr = jtitle + '';
+              var matchstr = inputText.toLowerCase();
+              var jTitleLowerCase = jtstr.toLowerCase();
 
               // If the inputText as a whole is contained in a journal title
               if (jTitleLowerCase.search(matchstr) !== -1) {
@@ -1652,26 +1648,26 @@ function UserInput(outline) {
 
                 // Add it as a row to the menu:
                 // === Title, URI ==
-                const tr = table.appendChild(myDocument.createElement('tr'));
-                tr.setAttribute('about', 'journalTitle');
-                const th = tr.appendChild(myDocument.createElement('th'));
-                th.appendChild(myDocument.createElement('div')).appendChild(myDocument.createTextNode(jtitle));
-                tr.appendChild(myDocument.createElement('td')).appendChild(myDocument.createTextNode(juri));
+                var _tr = table.appendChild(myDocument.createElement('tr'));
+                _tr.setAttribute('about', 'journalTitle');
+                var _th = _tr.appendChild(myDocument.createElement('th'));
+                _th.appendChild(myDocument.createElement('div')).appendChild(myDocument.createTextNode(jtitle));
+                _tr.appendChild(myDocument.createElement('td')).appendChild(myDocument.createTextNode(juri));
               }
             }
             console.log('matched: ' + matchedtitle + '\n');
-            console.log('\\\\done showMenu\'s JTAutocomplete\n');
+            console.log("\\\\done showMenu's JTAutocomplete\n");
             break;
           }
         case 'LimitedPredicateChoice':
           {
-            const choiceTerm = UI.utils.getAbout(_solidLogic.store, extraInformation.clickedTd);
+            var choiceTerm = UI.utils.getAbout(_solidLogic.store, extraInformation.clickedTd);
             // because getAbout relies on kb.fromNT, which does not deal with
             // the 'Collection' termType. This termType is ambiguous anyway.
             choiceTerm.termType = 'Collection';
-            const choices = _solidLogic.store.each(choiceTerm, UI.ns.link('element'));
-            for (let i = 0; i < choices.length; i++) {
-              addMenuItem(choices[i]);
+            var choices = _solidLogic.store.each(choiceTerm, UI.ns.link('element'));
+            for (var _i5 = 0; _i5 < choices.length; _i5++) {
+              addMenuItem(choices[_i5]);
             }
             break;
           }
@@ -1684,11 +1680,11 @@ function UserInput(outline) {
             tr.appendChild(myDocument.createElement('td')).appendChild(myDocument.createTextNode('OK'));
             // var This = this
             tr.addEventListener('click', clearMenu, 'false');
-            const nullFetcher = function () {};
+            var nullFetcher = function nullFetcher() {};
             switch (inputQuery.constructor.name) {
               case 'Array':
-                for (let i = 0; i < inputQuery.length; i++) {
-                  _solidLogic.store.query(inputQuery[i], addPredicateChoice(inputQuery[i]), nullFetcher);
+                for (var _i6 = 0; _i6 < inputQuery.length; _i6++) {
+                  _solidLogic.store.query(inputQuery[_i6], addPredicateChoice(inputQuery[_i6]), nullFetcher);
                 }
                 break;
               case 'undefined':
@@ -1704,16 +1700,18 @@ function UserInput(outline) {
 
     /* When a blank is filled. This happens even for blue-cross editing. */
     fillInRequest: function fillInRequest(type, selectedTd, inputTerm) {
-      const tr = selectedTd.parentNode;
-      const stat = tr.AJAR_statement;
-      const isInverse = tr.AJAR_inverse;
-      const reqTerm = type === 'object' ? stat.object : stat.predicate;
-      let newStat;
-      let doNext = false;
+      var tr = selectedTd.parentNode;
+      var stat;
+      var isInverse;
+      stat = tr.AJAR_statement;
+      isInverse = tr.AJAR_inverse;
+      var reqTerm = type === 'object' ? stat.object : stat.predicate;
+      var newStat;
+      var doNext = false;
 
       // RDF Event
 
-      let eventhandler;
+      var eventhandler;
       if (_solidLogic.store.any(reqTerm, UI.ns.link('onfillin'))) {
         /*    2017 -- Not sure what is supposed to happen here -- timbl @@@@
         eventhandler = function(subject) {
@@ -1723,9 +1721,9 @@ function UserInput(outline) {
       }
       if (type === 'predicate') {
         // ToDo: How to link two things with an inverse relationship
-        const newTd = outline.outlinePredicateTD(inputTerm, tr, false, false);
+        var newTd = outline.outlinePredicateTD(inputTerm, tr, false, false);
         if (selectedTd.nextSibling.className !== 'undetermined') {
-          const s = new UI.rdf.Statement(stat.subject, inputTerm, stat.object, stat.why);
+          var s = new UI.rdf.Statement(stat.subject, inputTerm, stat.object, stat.why);
           try {
             _solidLogic.store.updater.update([], [s], function (uri, success, errorBody) {
               if (success) {
@@ -1755,43 +1753,43 @@ function UserInput(outline) {
         TempFormula.remove(stat);
       } else if (type === 'object') {
         // Object value has been edited
-        const newTd = outline.outlineObjectTD(inputTerm);
-        outline.replaceTD(newTd, selectedTd);
+        var _newTd = outline.outlineObjectTD(inputTerm);
+        outline.replaceTD(_newTd, selectedTd);
         if (!selectedTd.previousSibling || selectedTd.previousSibling.className !== 'undetermined') {
-          let s;
+          var _s;
           if (!isInverse) {
-            s = new UI.rdf.Statement(stat.subject, stat.predicate, inputTerm, stat.why);
+            _s = new UI.rdf.Statement(stat.subject, stat.predicate, inputTerm, stat.why);
           } else {
-            s = new UI.rdf.Statement(inputTerm, stat.predicate, stat.object, stat.why);
+            _s = new UI.rdf.Statement(inputTerm, stat.predicate, stat.object, stat.why);
           }
           try {
-            _solidLogic.store.updater.update([], [s], function (uri, success, _errorBody) {
-              UI.log.info('@@ usinput.js (object) callback ok=' + success + ' for statement:' + s + '\n ');
-              let newStats;
+            _solidLogic.store.updater.update([], [_s], function (uri, success, _errorBody) {
+              UI.log.info('@@ usinput.js (object) callback ok=' + success + ' for statement:' + _s + '\n ');
+              var newStats;
               if (success) {
-                newTd.className = newTd.className.replace(/ pendingedit/g, ''); // User feedback
+                _newTd.className = _newTd.className.replace(/ pendingedit/g, ''); // User feedback
                 if (!isInverse) {
                   newStats = _solidLogic.store.statementsMatching(stat.subject, stat.predicate, inputTerm, stat.why);
                 } else {
                   newStats = _solidLogic.store.statementsMatching(inputTerm, stat.predicate, stat.object, stat.why);
                 }
                 if (!newStats.length) {
-                  UI.log.error('userinput.js 1711: Can\'t find statememt!');
+                  UI.log.error("userinput.js 1711: Can't find statememt!");
                 }
                 tr.AJAR_statement = newStats[0];
               } else {
-                UI.log.warn('userinput.js (object): Fail trying to insert statement ' + s);
+                UI.log.warn('userinput.js (object): Fail trying to insert statement ' + _s);
                 // outline.UserInput.deleteTriple(newTd,true);
               }
             });
           } catch (e) {
             // outline.UserInput.deleteTriple(newTd,true);
-            UI.log.error('userinput.js (object): exception trying to insert statement ' + s + ': ' + UI.utils.stackString(e));
-            UI.log.warn('Error trying to insert statement ' + s + ':\n' + e);
+            UI.log.error('userinput.js (object): exception trying to insert statement ' + _s + ': ' + UI.utils.stackString(e));
+            UI.log.warn('Error trying to insert statement ' + _s + ':\n' + e);
             return;
           }
           this.lastModified = null;
-          newTd.className += ' pendingedit';
+          _newTd.className += ' pendingedit';
         } else {
           // ?this.formUndetStat(tr...)
           outline.walk('left');