solid-panes 3.7.3-cc40de56 → 3.7.3-f251a0e3

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

@@ -7,8 +7,9 @@ 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 _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
+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
 //
 // Kenny's Notes:
 /* places to generate SPARQL update: clearInputAndSave() pasteFromClipboard()->insertTermTo();
@@ -19,13 +20,14 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
     clipboard: 'predicates' 'objects' 'all'(internal)
     request: 'from' 'to' 'message' 'Request'
 */
-var $rdf = UI.rdf;
-var UserInputFormula; // Formula to store references of user's work
-var TempFormula; // Formula to store incomplete triples (Requests),
+
+const $rdf = UI.rdf;
+let UserInputFormula; // Formula to store references of user's work
+let TempFormula; // Formula to store incomplete triples (Requests),
 // temporarily disjoint with kb to avoid bugs
 
 function UserInput(outline) {
-  var myDocument = outline.document; // is this ok?
+  const myDocument = outline.document; // is this ok?
   // UI.log.warn("myDocument when it's set is "+myDocument.location);
   this.menuId = 'predicateMenu1';
 
@@ -38,23 +40,23 @@ function UserInput(outline) {
     */
 
   // hq, print and trim functions
-  var qp = function qp(str) {
+  const qp = function qp(str) {
     console.log(str + '\n');
   };
 
   // var tabont = UI.ns.tabont;
   // var foaf = UI.ns.foaf
-  var rdf = UI.ns.rdf;
+  const 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
-  var bibo = UI.rdf.Namespace('http://purl.org/ontology/bibo/'); // hql for pubsPane
+  const bibo = UI.rdf.Namespace('http://purl.org/ontology/bibo/'); // hql for pubsPane
   // var dcterms = UI.rdf.Namespace('http://purl.org/dc/terms/')
-  var dcelems = UI.rdf.Namespace('http://purl.org/dc/elements/1.1/');
-  var movedArrow = false; // hq
+  const dcelems = UI.rdf.Namespace('http://purl.org/dc/elements/1.1/');
+  let movedArrow = false; // hq
 
   // var updateService=new updateCenter(kb);
 
@@ -87,16 +89,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;
-      var This = outline.UserInput;
-      var target = UI.utils.getTarget(e);
+      const This = outline.UserInput;
+      const target = UI.utils.getTarget(e);
 
       // UI.log.warn(ancestor(target,'TABLE').textContent);
-      var insertTr = myDocument.createElement('tr');
+      const insertTr = myDocument.createElement('tr');
       UI.utils.ancestor(target, 'DIV').insertBefore(insertTr, UI.utils.ancestor(target, 'TR'));
-      var tempTr = myDocument.createElement('tr');
-      var reqTerm1 = This.generateRequest('(TBD)', tempTr, true);
+      const tempTr = myDocument.createElement('tr');
+      const reqTerm1 = This.generateRequest('(TBD)', tempTr, true);
       insertTr.appendChild(tempTr.firstChild);
-      var reqTerm2 = This.generateRequest('(Enter text or drag an object onto this field)', tempTr, false);
+      const 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
 
@@ -104,13 +106,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) {
-        var preStat = UI.utils.ancestor(target, 'TR').previousSibling.AJAR_statement;
+        const 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
-        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));
+        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));
         This.formUndetStat(insertTr, subject, reqTerm1, reqTerm2, doc, false);
       }
       outline.walk('moveTo', insertTr.firstChild);
@@ -124,15 +126,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) {
-      var predicateTd = UI.utils.getTarget(e).parentNode.parentNode;
+      const predicateTd = UI.utils.getTarget(e).parentNode.parentNode;
       // var predicateTerm = UI.utils.getAbout(kb, predicateTd)
-      var isInverse = predicateTd.parentNode.AJAR_inverse;
+      const 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;
-      var insertTr = this.appendToPredicate(predicateTd);
-      var reqTerm = this.generateRequest(' (Error) ', insertTr, false);
-      var preStat = insertTr.previousSibling.AJAR_statement;
+      const insertTr = this.appendToPredicate(predicateTd);
+      const reqTerm = this.generateRequest(' (Error) ', insertTr, false);
+      const preStat = insertTr.previousSibling.AJAR_statement;
       if (!isInverse) {
         this.formUndetStat(insertTr, preStat.subject, preStat.predicate, reqTerm, preStat.why, false);
       } else {
@@ -152,7 +154,7 @@ function UserInput(outline) {
     },
     //  Called when a selected cell is clicked again
     Click: function Click(e) {
-      var target = UI.utils.getTarget(e);
+      const 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
@@ -162,7 +164,7 @@ function UserInput(outline) {
     //  Called when paste is called (Ctrl+v)
     pasteFromClipboard: function pasteFromClipboard(address, selectedTd) {
       function termFrom(fromCode) {
-        var term = outline.clipboard[fromCode].shift();
+        const term = outline.clipboard[fromCode].shift();
         if (term === null) {
           UI.log.warn('no more element in clipboard!');
           return;
@@ -171,8 +173,8 @@ function UserInput(outline) {
           case 'predicates':
           case 'objects':
             {
-              var allArray = outline.clipboard.all;
-              for (var i = 0; true; i++) {
+              const allArray = outline.clipboard.all;
+              for (let i = 0; true; i++) {
                 if (term.sameTerm(allArray[i])) {
                   allArray.splice(i, 1);
                   break;
@@ -191,7 +193,7 @@ function UserInput(outline) {
         }
         return term;
       }
-      var term;
+      let term;
       switch (selectedTd.className) {
         case 'undetermined selected':
           term = selectedTd.nextSibling ? termFrom('predicates') : termFrom('objects');
@@ -205,7 +207,7 @@ function UserInput(outline) {
         case 'selected':
           {
             // header <TD>, undetermined generated
-            var returnArray = termFrom('all');
+            const returnArray = termFrom('all');
             if (!returnArray) return;
             term = returnArray[0];
             this.insertTermTo(selectedTd, term, returnArray[1]);
@@ -260,11 +262,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;
       }
-      var target = selectedTd;
-      var about = this.getStatementAbout(target); // timbl - to avoid alert from random clicks
+      const target = selectedTd;
+      const about = this.getStatementAbout(target); // timbl - to avoid alert from random clicks
       if (!about) return;
-      var obj;
-      var trNode;
+      let obj;
+      let trNode;
       try {
         obj = UI.utils.getTerm(target);
         trNode = UI.utils.ancestor(target, 'TR');
@@ -272,7 +274,7 @@ function UserInput(outline) {
         UI.log.warn('userinput.js: ' + e + UI.utils.getAbout(_solidLogic.store, selectedTd));
         UI.log.error(target + ' getStatement Error:' + e);
       }
-      var tdNode;
+      let tdNode;
       try {
         tdNode = trNode.lastChild;
       } catch (e) {
@@ -293,7 +295,7 @@ function UserInput(outline) {
 
         if (obj.value.match('\n')) {
           // match a line feed and require <TEXTAREA>
-          var textBox = myDocument.createElement('textarea');
+          const 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(??)
@@ -341,7 +343,7 @@ function UserInput(outline) {
       this.lastModified = null;
     },
     clearMenu: function clearMenu() {
-      var menu = myDocument.getElementById(this.menuID);
+      const menu = myDocument.getElementById(this.menuID);
       if (menu) {
         menu.parentNode.removeChild(menu);
         // emptyNode(menu);
@@ -349,7 +351,7 @@ function UserInput(outline) {
     },
     /* goes here when either this is a literal or escape from menu and then input text */
     clearInputAndSave: function clearInputAndSave(e) {
-      var obj;
+      let obj;
       if (!this.lastModified) return;
       if (!this.lastModified.isNew) {
         try {
@@ -358,14 +360,14 @@ function UserInput(outline) {
           return;
         }
       }
-      var s = this.lastModifiedStat; // when 'isNew' this is set at addNewObject()
+      let s = this.lastModifiedStat; // when 'isNew' this is set at addNewObject()
 
-      var defaultpropview;
-      var trNode;
-      var reqTerm;
-      var preStat;
+      let defaultpropview;
+      let trNode;
+      let reqTerm;
+      let preStat;
       if (this.lastModified.value !== this.lastModified.defaultValue) {
-        var trCache;
+        let trCache;
         if (this.lastModified.value === '') {
           // ToDo: remove this
           this.lastModified.value = this.lastModified.defaultValue;
@@ -391,20 +393,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;
           }
-          var s1, s2, s3;
+          let s1, s2, s3;
           switch (obj.termType) {
             case 'Literal':
               {
                 // generate path and nailing from current values
 
                 // TODO: DEFINE ERROR CALLBACK
-                var valueCache = this.lastModified.value;
+                const valueCache = this.lastModified.value;
                 trCache = UI.utils.ancestor(this.lastModified, 'TR');
-                var oldValue = this.lastModified.defaultValue;
+                const 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) {
@@ -428,15 +430,15 @@ function UserInput(outline) {
               {
                 // a request refill with text
                 // var newStat
-                var textTerm = _solidLogic.store.literal(this.lastModified.value, '');
+                const textTerm = _solidLogic.store.literal(this.lastModified.value, '');
                 // <Feature about="labelChoice">
                 if (s.predicate.termType === 'Collection') {
                   // case: add triple   ????????? Weird - tbl
-                  var selectedPredicate = s.predicate.elements[0]; //    @@ TBL elements is a list on the predicate??
+                  const selectedPredicate = s.predicate.elements[0]; //    @@ TBL elements is a list on the predicate??
                   if (_solidLogic.store.any(undefined, selectedPredicate, textTerm)) {
                     if (!e) {
                       // keyboard
-                      var tdNode = this.lastModified.parentNode;
+                      const tdNode = this.lastModified.parentNode;
                       e = {};
                       e.pageX = UI.utils.findPos(tdNode)[0];
                       e.pageY = UI.utils.findPos(tdNode)[1] + tdNode.clientHeight;
@@ -448,7 +450,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);
-                    var type = _solidLogic.store.the(s.subject, rdf('type'));
+                    const 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...
@@ -469,8 +471,8 @@ function UserInput(outline) {
                     // a subtle bug occurs here, if foaf:nick hasn't been dereferneced,
                     // this add will cause a repainting
                   }
-                  var enclosingTd = UI.utils.ancestor(this.lastModified.parentNode.parentNode, 'TD');
-                  var defaultPane = panes.byName('default'); // @@ check
+                  const enclosingTd = UI.utils.ancestor(this.lastModified.parentNode.parentNode, 'TD');
+                  const defaultPane = panes.byName('default'); // @@ check
                   outline.outlineExpand(enclosingTd, s.subject, {
                     pane: defaultPane,
                     already: true
@@ -498,7 +500,7 @@ function UserInput(outline) {
         return;
       } else if (s.predicate.termType === 'Collection') {
         _solidLogic.store.removeMany(s.subject);
-        var upperTr = UI.utils.ancestor(UI.utils.ancestor(this.lastModified, 'TR').parentNode, 'TR');
+        const 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);
@@ -551,9 +553,8 @@ function UserInput(outline) {
         outline.walk('up');
         return;
       }
-      var removedTr;
       // var afterTr
-      var s = this.getStatementAbout(selectedTd);
+      const 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'))) {
@@ -582,14 +583,14 @@ function UserInput(outline) {
       UI.log.debug('about to remove ' + s);
       UI.log.debug('removed');
       outline.walk('up');
-      removedTr = selectedTd.parentNode;
+      const removedTr = selectedTd.parentNode;
       // afterTr = removedTr.nextSibling
       function removefromview() {
-        var trIterator;
+        let trIterator;
         for (trIterator = removedTr; trIterator.childNodes.length === 1; trIterator = trIterator.previousSibling);
-        var predicateTd;
+        let predicateTd;
         if (trIterator === removedTr) {
-          var theNext = trIterator.nextSibling;
+          const theNext = trIterator.nextSibling;
           if (theNext.nextSibling && theNext.childNodes.length === 1) {
             predicateTd = trIterator.firstChild;
             predicateTd.setAttribute('rowspan', parseInt(predicateTd.getAttribute('rowspan')) - 1);
@@ -634,7 +635,7 @@ function UserInput(outline) {
          clip.setData(trans, null, clipid.kGlobalClipboard);
         */
 
-      var term = UI.utils.getTerm(selectedTd);
+      const term = UI.utils.getTerm(selectedTd);
       switch (selectedTd.className) {
         case 'selected': // table header
         case 'obj selected':
@@ -648,8 +649,8 @@ function UserInput(outline) {
       outline.clipboard.all.unshift(term);
     },
     insertTermTo: function insertTermTo(selectedTd, term, isObject) {
-      var defaultpropview;
-      var preStat;
+      let defaultpropview;
+      let preStat;
       switch (selectedTd.className) {
         case 'undetermined selected':
           defaultpropview = this.views.defaults[selectedTd.parentNode.AJAR_statement.predicate.uri];
@@ -658,12 +659,12 @@ function UserInput(outline) {
         case 'pred selected':
           {
             // paste objects into this predicate
-            var insertTr = this.appendToPredicate(selectedTd);
+            const 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
-            var isInverse = selectedTd.parentNode.AJAR_inverse;
+            const isInverse = selectedTd.parentNode.AJAR_inverse;
             if (!isInverse) {
               insertTr.AJAR_statement = _solidLogic.store.add(preStat.subject, preStat.predicate, term, preStat.why);
             } else {
@@ -686,8 +687,8 @@ function UserInput(outline) {
         case 'selected':
           {
             // header <TD>, undetermined generated
-            var paneDiv = UI.utils.ancestor(selectedTd, 'TABLE').lastChild;
-            var newTr = paneDiv.insertBefore(myDocument.createElement('tr'), paneDiv.lastChild);
+            const paneDiv = UI.utils.ancestor(selectedTd, 'TABLE').lastChild;
+            const 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;
@@ -701,7 +702,7 @@ function UserInput(outline) {
             } else {
               // predicate inserted
               // existing predicate not expected
-              var reqTerm = this.generateRequest('(To be determined. Re-type of drag an object onto this field)', newTr);
+              const 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);
@@ -713,13 +714,13 @@ function UserInput(outline) {
     },
     Refill: function Refill(e, selectedTd) {
       UI.log.info('Refill' + selectedTd.textContent);
-      var isPredicate = selectedTd.nextSibling;
-      var predicateQuery;
+      const isPredicate = selectedTd.nextSibling;
+      let predicateQuery;
       if (isPredicate) {
         // predicateTd
-        var subject;
-        var subjectClass;
-        var sparqlText;
+        let subject;
+        let subjectClass;
+        let 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
@@ -749,7 +750,7 @@ function UserInput(outline) {
           subject = UI.utils.getAbout(_solidLogic.store, UI.utils.ancestor(selectedTd, 'TABLE').parentNode);
           subjectClass = _solidLogic.store.any(subject, rdf('type'));
           sparqlText = [];
-          var endl = '.\n';
+          const 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 + '}';
@@ -773,7 +774,7 @@ function UserInput(outline) {
             */
           subject = UI.utils.getAbout(_solidLogic.store, UI.utils.ancestor(selectedTd, 'TABLE').parentNode);
           subjectClass = _solidLogic.store.any(subject, rdf('type'));
-          var object = selectedTd.parentNode.AJAR_statement.object;
+          const 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"+
@@ -785,12 +786,12 @@ function UserInput(outline) {
         // -------presenter
         // ToDo: how to sort selected predicates?
         this.showMenu(e, 'GeneralPredicateChoice', predicateQuery, {
-          isPredicate: isPredicate,
-          selectedTd: selectedTd
+          isPredicate,
+          selectedTd
         });
       } else {
         // objectTd
-        var predicateTerm = selectedTd.parentNode.AJAR_statement.predicate;
+        const 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);
@@ -801,12 +802,12 @@ function UserInput(outline) {
 
         // show menu for rdf:type
         if (selectedTd.parentNode.AJAR_statement.predicate.sameTerm(rdf('type'))) {
-          var _sparqlText = 'SELECT ?class WHERE{?class ' + rdf('type') + UI.ns.rdfs('Class') + '.}';
+          const sparqlText = 'SELECT ?class WHERE{?class ' + rdf('type') + UI.ns.rdfs('Class') + '.}';
           // I should just use kb.each
-          var classQuery = $rdf.SPARQLToQuery(_sparqlText);
+          const classQuery = $rdf.SPARQLToQuery(sparqlText);
           this.showMenu(e, 'TypeChoice', classQuery, {
-            isPredicate: isPredicate,
-            selectedTd: selectedTd
+            isPredicate,
+            selectedTd
           });
         }
       }
@@ -820,7 +821,7 @@ function UserInput(outline) {
         // hq  // why? -tim  - not 'predicate' below
         mode = 'all';
       }
-      var InputBox;
+      let InputBox;
       if (mode === 'JournalTAC') {
         // hq  // Better to pass in InputBox as a param
         InputBox = myDocument.getElementById('inpid_journal_title');
@@ -836,13 +837,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)');
-        var e = {};
-        var tdNode = InputBox.parentNode;
+        const e = {};
+        const 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);
-        var menu = myDocument.getElementById(outline.UserInput.menuID);
+        let menu = myDocument.getElementById(outline.UserInput.menuID);
         function setHighlightItem(item) {
           if (!item) return; // do not make changes
           if (menu.lastHighlight) menu.lastHighlight.className = '';
@@ -852,9 +853,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));
-          var newText = InputBox.value;
-          if (_typeof(enterEvent) === 'object') {
+          qp('2. in (if enterEvent).  with type = ' + typeof enterEvent);
+          let 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) {
@@ -898,9 +899,9 @@ function UserInput(outline) {
                     if (movedArrow && menu.lastHighlight) {
                       // Get the title from the DOM
                       // tr, th, div, innerHTML
-                      var jtitle = menu.lastHighlight.firstChild.firstChild.innerHTML;
+                      const jtitle = menu.lastHighlight.firstChild.firstChild.innerHTML;
                       // tr, th, td, innerHTML
-                      var juri = menu.lastHighlight.firstChild.nextSibling.innerHTML;
+                      let juri = menu.lastHighlight.firstChild.nextSibling.innerHTML;
                       // clearing out the &lt; and &gt; from juri
                       juri = juri.slice(4, -4);
                       return ['gotdptitle', jtitle, juri];
@@ -908,8 +909,8 @@ function UserInput(outline) {
                     // If doesn't qualify to be autocomplete, return this random string, since pubsPane checks for "gotdptitle"
                     return 'asGivenTxt';
                   }
-                  var inputTerm = UI.utils.getAbout(_solidLogic.store, menu.lastHighlight);
-                  var fillInType = mode === 'predicate' ? 'predicate' : 'object';
+                  const inputTerm = UI.utils.getAbout(_solidLogic.store, menu.lastHighlight);
+                  const fillInType = mode === 'predicate' ? 'predicate' : 'object';
                   outline.UserInput.clearMenu();
                   outline.UserInput.fillInRequest(fillInType, InputBox.parentNode, inputTerm);
                   // if (outline.UserInput.fillInRequest(fillInType,InputBox.parentNode,inputTerm))
@@ -926,7 +927,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');
@@ -936,7 +937,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
@@ -1023,17 +1024,17 @@ function UserInput(outline) {
     // Or reference an exiting one with a URI.
     //
     WildCardButtons: function WildCardButtons() {
-      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'));
+      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'));
       input1.type = 'button';
       input1.value = 'New...';
       input2.type = 'button';
       input2.value = 'Know its URI';
       function highlightInput(e) {
         // same as the one in newMenu()
-        var menu = myDocument.getElementById(outline.UserInput.menuID);
+        const 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>
@@ -1044,13 +1045,13 @@ function UserInput(outline) {
       input2.addEventListener('click', this.inputURI, false);
     },
     // ToDo: shrink rows when \n+backspace
-    Keypress: function Keypress(e) {
+    Keypress: function (e) {
       if (e.keyCode === 13) {
         if (outline.targetOf(e).tagName !== 'TEXTAREA') {
           this.clearInputAndSave();
         } else {
           // <TEXTAREA>
-          var preRows = parseInt(this.lastModified.getAttribute('rows'));
+          const preRows = parseInt(this.lastModified.getAttribute('rows'));
           this.lastModified.setAttribute('rows', (preRows + 1).toString());
           e.stopPropagation();
         }
@@ -1058,7 +1059,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 Mousedown(e) {
+    Mousedown: function (e) {
       qp('MOUSING DOWN');
       // temporary key ctrl+s or q for swiching mode
       // This was in HCIOptions "right click to switch mode":
@@ -1086,14 +1087,14 @@ function UserInput(outline) {
         switch (UI.utils.getTarget(e).tagName) {
           case 'TD':
             {
-              var preTd = UI.utils.getTarget(e);
+              const 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':
             {
-              var border = UI.utils.getTarget(e);
+              const border = UI.utils.getTarget(e);
               if (UI.utils.getTarget(e).className === 'bottom-border') {
                 border.style.borderColor = 'rgb(100%,65%,0%)';
                 border.style.cursor = 'copy';
@@ -1104,10 +1105,10 @@ function UserInput(outline) {
         }
       }
     },
-    Mouseout: function Mouseout(e) {
+    Mouseout: function (e) {
       this.className = 'bottom-border';
       if (this._tabulatorMode === 1) {
-        var border = UI.utils.getTarget(e);
+        const border = UI.utils.getTarget(e);
         if (UI.utils.getTarget(e).className === 'bottom-border') {
           border.style.borderColor = 'transparent';
           border.style.cursor = 'auto';
@@ -1120,7 +1121,7 @@ function UserInput(outline) {
 
     whatSortOfEditCell: function whatSortOfEditCell(selectedTd) {
       if (selectedTd.nextSibling) return 'predicate';
-      var predicateTerm = this.getStatementAbout(selectedTd).predicate;
+      const 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';
@@ -1132,11 +1133,11 @@ function UserInput(outline) {
     },
     getStatementAbout: function getStatementAbout(something) {
       // var trNode=something.parentNode;
-      var trNode = UI.utils.ancestor(something, 'TR');
+      const trNode = UI.utils.ancestor(something, 'TR');
       if (!trNode) {
         throw new Error('No ancestor TR for the TD we clicked on:' + something);
       }
-      var statement;
+      let statement;
       try {
         statement = trNode.AJAR_statement;
       } catch (e) {
@@ -1157,7 +1158,7 @@ function UserInput(outline) {
       }
       UI.log.info('myDocument in createInputBoxIn is now ' + myDocument.location);
       UI.log.info('outline.document is now ' + outline.document.location);
-      var inputBox = myDocument.createElement('input');
+      const inputBox = myDocument.createElement('input');
       inputBox.setAttribute('value', defaultText);
       inputBox.setAttribute('class', 'textinput');
       // inputBox.setAttribute('size','100');//should be the size of <TD>
@@ -1171,19 +1172,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();
-      var selectedTd = outline.getSelection()[0];
-      var targetdoc = selectedTd.parentNode.AJAR_statement.why;
-      var newTerm = _solidLogic.store.nextSymbol(targetdoc);
+      const selectedTd = outline.getSelection()[0];
+      const targetdoc = selectedTd.parentNode.AJAR_statement.why;
+      const newTerm = _solidLogic.store.nextSymbol(targetdoc);
       outline.UserInput.fillInRequest('object', selectedTd, newTerm);
       // selection is changed
       outline.outlineExpand(outline.getSelection()[0], newTerm);
     },
     inputURI: function inputURI(_e) {
-      var This = outline.UserInput;
+      const This = outline.UserInput;
       This.clearMenu();
-      var selectedTd = outline.getSelection()[0];
+      const selectedTd = outline.getSelection()[0];
       UI.utils.emptyNode(selectedTd);
-      var tiptext = ' (Type a URI) ';
+      const tiptext = ' (Type a URI) ';
       This.lastModified = This.createInputBoxIn(selectedTd, tiptext);
       This.lastModified.select();
       function typeURIhandler(e) {
@@ -1194,7 +1195,7 @@ function UserInput(outline) {
             // tab
             // this is input box
             if (this.value !== tiptext) {
-              var newuri = this.value; // @@ Removed URI "fixup" code
+              const newuri = this.value; // @@ Removed URI "fixup" code
               This.fillInRequest('object', selectedTd, _solidLogic.store.sym(newuri));
             }
         }
@@ -1215,8 +1216,8 @@ function UserInput(outline) {
         */
     },
     appendToPredicate: function appendToPredicate(predicateTd) {
-      var isEnd = false;
-      var trIterator;
+      let isEnd = false;
+      let 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
@@ -1228,7 +1229,7 @@ function UserInput(outline) {
       }
       // if(!isEnd && HCIoptions["bottom insert highlights"].enabled) trIterator=trIterator.previousSibling;
 
-      var insertTr = myDocument.createElement('tr');
+      const insertTr = myDocument.createElement('tr');
       // style stuff, I'll have to investigate appendPropertyTRs() somehow
       insertTr.style.colspan = '1';
       insertTr.style.display = 'block';
@@ -1242,7 +1243,7 @@ function UserInput(outline) {
       if (!isEnd) {
         trIterator.parentNode.insertBefore(insertTr, trIterator);
       } else {
-        var table = predicateTd.parentNode.parentNode;
+        const table = predicateTd.parentNode.parentNode;
         if (table.className === 'defaultPane') {
           table.insertBefore(insertTr, table.lastChild);
         } else {
@@ -1255,7 +1256,7 @@ function UserInput(outline) {
       _solidLogic.store.copyTo(bnode, symbol, ['two-direction', 'delete']);
     },
     generateRequest: function generateRequest(tipText, trNew, isPredicate, notShow) {
-      var trNode;
+      let trNode;
       if (!notShow) {
         if (trNew) {
           trNode = trNew;
@@ -1274,8 +1275,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
-      var tp = TempFormula;
-      var reqTerm = tp.bnode();
+      const tp = TempFormula;
+      const 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));
@@ -1287,7 +1288,7 @@ function UserInput(outline) {
 
       // append the undetermined td
       if (!notShow) {
-        var newNode;
+        let newNode;
         if (isPredicate) {
           newNode = trNode.appendChild(outline.outlinePredicateTD(reqTerm, trNode, false, false));
         } else {
@@ -1302,11 +1303,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);
-      var This = this;
-      var menu = myDocument.createElement('div');
+      const This = this;
+      const menu = myDocument.createElement('div');
       qp('\n**** In showMenu, menuType = ' + menuType + '\n');
       if (extraInformation) {
-        for (var x in extraInformation) {
+        for (const x in extraInformation) {
           console.log('\t extra ' + x + ': ' + extraInformation[x] + '\n');
         }
       }
@@ -1321,13 +1322,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
-      var getOffset = function getOffset(el) {
-        var _lf = 0;
-        var _tp = 0;
-        var oldlf = 0;
-        var oldtp = 0;
-        var newlf = 0;
-        var newtp = 0;
+      const getOffset = function getOffset(el) {
+        let _lf = 0;
+        let _tp = 0;
+        let oldlf = 0;
+        let oldtp = 0;
+        let newlf = 0;
+        let newtp = 0;
 
         // repeatedly get ancestor's positions
         // TODO: STILL a small offset/bug
@@ -1355,7 +1356,7 @@ function UserInput(outline) {
       // Change the position of menu in pubsPane's journal Title AC
       if (menuType === 'JournalTitleAutoComplete') {
         // hql
-        var loc = getOffset(myDocument.getElementById('inpid_journal_title'));
+        const 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';
@@ -1364,7 +1365,7 @@ function UserInput(outline) {
       // \\\\\\\hql
 
       myDocument.body.appendChild(menu);
-      var table = menu.appendChild(myDocument.createElement('table'));
+      const table = menu.appendChild(myDocument.createElement('table'));
       menu.lastHighlight = null;
       function highlightTr(e) {
         if (menu.lastHighlight) menu.lastHighlight.className = '';
@@ -1375,12 +1376,12 @@ function UserInput(outline) {
       table.addEventListener('mouseover', highlightTr, false);
 
       // setting for action after selecting item
-      var selectItem;
+      let selectItem;
       switch (menuType) {
         case 'DidYouMeanDialog':
           selectItem = function selectItem(e) {
             qp('DID YOU MEAN SELECT ITEM!!!!!');
-            var target = UI.utils.ancestor(UI.utils.getTarget(e), 'TR');
+            const 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
@@ -1392,12 +1393,12 @@ function UserInput(outline) {
           break;
         case 'LimitedPredicateChoice':
           {
-            var clickedTd = extraInformation.clickedTd;
+            const clickedTd = extraInformation.clickedTd;
             selectItem = function selectItem(e) {
               qp('LIMITED P SELECT ITEM!!!!');
-              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++) {
+              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++) {
                 if (predicateChoices[i].sameTerm(selectedPredicate)) {
                   predicateChoices.unshift(predicateChoices.splice(i, 1)[0]);
                 }
@@ -1405,8 +1406,8 @@ function UserInput(outline) {
               outline.UserInput.clearMenu();
 
               // refresh the choice
-              var tr = clickedTd.parentNode;
-              var newTd = outline.outlinePredicateTD(tr.AJAR_statement.predicate, tr);
+              const tr = clickedTd.parentNode;
+              const newTd = outline.outlinePredicateTD(tr.AJAR_statement.predicate, tr);
               tr.insertBefore(newTd, clickedTd);
               tr.removeChild(clickedTd);
               This.lastModified.select();
@@ -1420,11 +1421,11 @@ function UserInput(outline) {
         case 'TypeChoice':
           {
             // Clickable menu
-            var isPredicate = extraInformation.isPredicate;
-            var selectedTd = extraInformation.selectedTd;
+            const isPredicate = extraInformation.isPredicate;
+            const selectedTd = extraInformation.selectedTd;
             selectItem = function selectItem(e) {
               qp('WOOHOO');
-              var inputTerm = UI.utils.getAbout(_solidLogic.store, UI.utils.getTarget(e));
+              const inputTerm = UI.utils.getAbout(_solidLogic.store, UI.utils.getTarget(e));
               qp('GENERAL SELECT ITEM!!!!!!=' + inputTerm);
               qp('target=' + UI.utils.getTarget(e));
               if (isPredicate) {
@@ -1452,13 +1453,13 @@ function UserInput(outline) {
 
       // Add Items to the list
       // build NameSpaces here from knowledge base
-      var NameSpaces = {};
+      const NameSpaces = {};
       // for each (ontology in ontologies)
       _solidLogic.store.each(undefined, UI.ns.rdf('type'), UI.ns.owl('Ontology')).forEach(function (ontology) {
-        var label = UI.utils.label(ontology);
+        const label = UI.utils.label(ontology);
         if (!label) return;
         // this is like extracting metadata from URI. Maybe it's better not to take the abbrevs.
-        var match = label.value.match(/\((.+?)\)/);
+        const match = label.value.match(/\((.+?)\)/);
         if (match) {
           NameSpaces[match[1]] = ontology.uri;
         } else {
@@ -1469,27 +1470,27 @@ function UserInput(outline) {
         if (table.firstChild && table.firstChild.className === 'no-suggest') {
           table.removeChild(table.firstChild);
         }
-        var Label = UI.utils.predicateLabelForXML(predicate, false);
+        const Label = UI.utils.predicateLabelForXML(predicate, false);
         // Label = Label.slice(0,1).toUpperCase() + Label.slice(1);
 
         if (!predicate.uri) return; // bnode
-        var theNamespace = '??';
-        for (var name in NameSpaces) {
+        let theNamespace = '??';
+        for (const name in NameSpaces) {
           UI.log.debug(NameSpaces[name]);
           if (UI.rdf.Util.string_startswith(predicate.uri, NameSpaces[name])) {
             theNamespace = name;
             break;
           }
         }
-        var tr = table.appendChild(myDocument.createElement('tr'));
+        const tr = table.appendChild(myDocument.createElement('tr'));
         tr.setAttribute('about', predicate);
-        var th = tr.appendChild(myDocument.createElement('th'));
+        const 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) {
-          var predicate = bindings[selectedQuery.vars[0]];
+          const predicate = bindings[selectedQuery.vars[0]];
           addMenuItem(predicate);
         };
       }
@@ -1497,109 +1498,112 @@ function UserInput(outline) {
         This.clearMenu();
         e.stopPropagation();
       }
-      var inputText;
-      var bnodeTerm;
-      var IDpredicate;
-      var IDterm;
-      var tr;
-      var th;
+      let inputText;
+      let bnodeTerm;
+      let IDpredicate;
+      let IDterm;
+      let tr;
+      let th;
       switch (menuType) {
         case 'DidYouMeanDialog':
           {
-            var dialogTerm = extraInformation.dialogTerm;
+            const dialogTerm = extraInformation.dialogTerm;
             bnodeTerm = extraInformation.bnodeTerm;
             // have to do style instruction passing
             menu.style.width = 'auto';
-            var h1 = table.appendChild(myDocument.createElement('tr'));
-            var h1th = h1.appendChild(myDocument.createElement('th'));
+            const h1 = table.appendChild(myDocument.createElement('tr'));
+            const h1th = h1.appendChild(myDocument.createElement('th'));
             h1th.appendChild(myDocument.createTextNode('Did you mean...'));
-            var plist = _solidLogic.store.statementsMatching(dialogTerm);
-            var i;
+            const plist = _solidLogic.store.statementsMatching(dialogTerm);
+            let i;
             for (i = 0; i < plist.length; i++) {
               if (_solidLogic.store.whether(plist[i].predicate, rdf('type'), UI.ns.owl('InverseFunctionalProperty'))) {
                 break;
               }
             }
-            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'));
+            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'));
             h2th.appendChild(myDocument.createTextNode(text));
             h1th.setAttribute('colspan', '2');
             h2th.setAttribute('colspan', '2');
-            var ans1 = table.appendChild(myDocument.createElement('tr'));
+            const ans1 = table.appendChild(myDocument.createElement('tr'));
             ans1.appendChild(myDocument.createElement('th')).appendChild(myDocument.createTextNode('Yes'));
             ans1.appendChild(myDocument.createElement('td')).appendChild(myDocument.createTextNode('BOOLEAN'));
-            var ans2 = table.appendChild(myDocument.createElement('tr'));
+            const 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
 
-          var predicates = outline.labeller.searchAdv(inputText, undefined, 'predicate');
-          // @@ 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 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...
-          }
+            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...
+            }
 
-          // @@ TODO: Write away the need for exception on next line
+            // @@ TODO: Write away the need for exception on next line
 
-          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]);
+            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;
           }
-          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');
             }
-            entries = results[0]; // [label, subject,priority]
-            var types = results[1];
+            const entries = results[0]; // [label, subject,priority]
+            const types = results[1];
             if (entries.length === 0) {
               console.log('cm length 0\n'); // hq
               this.clearMenu();
               return;
             }
-            for (var _i3 = 0; _i3 < entries.length && _i3 < 10; _i3++) {
+            for (let i = 0; i < entries.length && i < 10; i++) {
               // do not show more than 30 items
               // console.log("\nGEN ENTRIES["+i+"] = "+entries[i]+"\n");//hq
-              var thisNT = entries[_i3][1].toNT();
+              const thisNT = entries[i][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[_i3][0]));
+              th.appendChild(myDocument.createElement('div')).appendChild(myDocument.createTextNode(entries[i][0]));
               // var theTerm = entries[i][1]
               // var type=theTerm?kb.any(kb.fromNT(thisNT),rdf('type')):undefined;
-              var type = types[_i3];
-              var typeLabel = type ? UI.utils.label(type) : '';
+              const type = types[i];
+              const typeLabel = type ? UI.utils.label(type) : '';
               tr.appendChild(myDocument.createElement('td')).appendChild(myDocument.createTextNode(typeLabel));
             }
             /* var choices=extraInformation.choices;
@@ -1631,15 +1635,15 @@ function UserInput(outline) {
             console.log('\n===start JournalTitleAutoComplete\n');
 
             // Gets all the URI's with type Journal in the knowledge base
-            var juris = _solidLogic.store.each(undefined, rdf('type'), bibo('Journal'));
-            var matchedtitle = []; // debugging display before inserts into menu
+            const juris = _solidLogic.store.each(undefined, rdf('type'), bibo('Journal'));
+            const matchedtitle = []; // debugging display before inserts into menu
 
-            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();
+            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();
 
               // If the inputText as a whole is contained in a journal title
               if (jTitleLowerCase.search(matchstr) !== -1) {
@@ -1648,26 +1652,26 @@ function UserInput(outline) {
 
                 // Add it as a row to the menu:
                 // === Title, URI ==
-                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));
+                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));
               }
             }
             console.log('matched: ' + matchedtitle + '\n');
-            console.log("\\\\done showMenu's JTAutocomplete\n");
+            console.log('\\\\done showMenu\'s JTAutocomplete\n');
             break;
           }
         case 'LimitedPredicateChoice':
           {
-            var choiceTerm = UI.utils.getAbout(_solidLogic.store, extraInformation.clickedTd);
+            const 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';
-            var choices = _solidLogic.store.each(choiceTerm, UI.ns.link('element'));
-            for (var _i5 = 0; _i5 < choices.length; _i5++) {
-              addMenuItem(choices[_i5]);
+            const choices = _solidLogic.store.each(choiceTerm, UI.ns.link('element'));
+            for (let i = 0; i < choices.length; i++) {
+              addMenuItem(choices[i]);
             }
             break;
           }
@@ -1680,11 +1684,11 @@ function UserInput(outline) {
             tr.appendChild(myDocument.createElement('td')).appendChild(myDocument.createTextNode('OK'));
             // var This = this
             tr.addEventListener('click', clearMenu, 'false');
-            var nullFetcher = function nullFetcher() {};
+            const nullFetcher = function () {};
             switch (inputQuery.constructor.name) {
               case 'Array':
-                for (var _i6 = 0; _i6 < inputQuery.length; _i6++) {
-                  _solidLogic.store.query(inputQuery[_i6], addPredicateChoice(inputQuery[_i6]), nullFetcher);
+                for (let i = 0; i < inputQuery.length; i++) {
+                  _solidLogic.store.query(inputQuery[i], addPredicateChoice(inputQuery[i]), nullFetcher);
                 }
                 break;
               case 'undefined':
@@ -1700,18 +1704,16 @@ function UserInput(outline) {
 
     /* When a blank is filled. This happens even for blue-cross editing. */
     fillInRequest: function fillInRequest(type, selectedTd, inputTerm) {
-      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;
+      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;
 
       // RDF Event
 
-      var eventhandler;
+      let eventhandler;
       if (_solidLogic.store.any(reqTerm, UI.ns.link('onfillin'))) {
         /*    2017 -- Not sure what is supposed to happen here -- timbl @@@@
         eventhandler = function(subject) {
@@ -1721,9 +1723,9 @@ function UserInput(outline) {
       }
       if (type === 'predicate') {
         // ToDo: How to link two things with an inverse relationship
-        var newTd = outline.outlinePredicateTD(inputTerm, tr, false, false);
+        const newTd = outline.outlinePredicateTD(inputTerm, tr, false, false);
         if (selectedTd.nextSibling.className !== 'undetermined') {
-          var s = new UI.rdf.Statement(stat.subject, inputTerm, stat.object, stat.why);
+          const s = new UI.rdf.Statement(stat.subject, inputTerm, stat.object, stat.why);
           try {
             _solidLogic.store.updater.update([], [s], function (uri, success, errorBody) {
               if (success) {
@@ -1753,43 +1755,43 @@ function UserInput(outline) {
         TempFormula.remove(stat);
       } else if (type === 'object') {
         // Object value has been edited
-        var _newTd = outline.outlineObjectTD(inputTerm);
-        outline.replaceTD(_newTd, selectedTd);
+        const newTd = outline.outlineObjectTD(inputTerm);
+        outline.replaceTD(newTd, selectedTd);
         if (!selectedTd.previousSibling || selectedTd.previousSibling.className !== 'undetermined') {
-          var _s;
+          let 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 ');
-              var newStats;
+            _solidLogic.store.updater.update([], [s], function (uri, success, _errorBody) {
+              UI.log.info('@@ usinput.js (object) callback ok=' + success + ' for statement:' + s + '\n ');
+              let 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');