solid-panes 3.5.27 → 3.5.28-59efa615

package/lib/outline/userInput.js

@@ -1,28 +1,25 @@
 "use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UserInput = UserInput;
 var UI = _interopRequireWildcard(require("solid-ui"));
-
 var _solidLogic = require("solid-logic");
-
 var panes = _interopRequireWildcard(require("pane-registry"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 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
 
-module.exports = function UserInput(outline) {
+function UserInput(outline) {
   var myDocument = outline.document; // is this ok?
   // UI.log.warn("myDocument when it's set is "+myDocument.location);
-
   this.menuId = 'predicateMenu1';
+
   /* //namespace information, as a subgraph of the knowledge base, is built in showMenu
     this.namespaces={};
      for (var name in UI.ns) {
@@ -30,39 +27,41 @@ module.exports = function UserInput(outline) {
     }
     var NameSpaces=this.namespaces;
     */
-  // hq, print and trim functions
 
+  // hq, print and trim functions
   var qp = function qp(str) {
     console.log(str + '\n');
-  }; // var tabont = UI.ns.tabont;
-  // var foaf = UI.ns.foaf
-
+  };
 
-  var rdf = UI.ns.rdf; // var RDFS = UI.ns.rdfs
+  // var tabont = UI.ns.tabont;
+  // var foaf = UI.ns.foaf
+  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
-
   var 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
+
   // var updateService=new updateCenter(kb);
 
   if (!UserInputFormula) {
     UserInputFormula = new UI.rdf.Formula();
-    UserInputFormula.superFormula = _solidLogic.store; // UserInputFormula.registerFormula("Your Work");
+    UserInputFormula.superFormula = _solidLogic.store;
+    // UserInputFormula.registerFormula("Your Work");
   }
 
-  if (!TempFormula) TempFormula = new UI.rdf.IndexedFormula(); // Use RDFIndexedFormula so add returns the statement
-
+  if (!TempFormula) TempFormula = new UI.rdf.IndexedFormula();
+  // Use RDFIndexedFormula so add returns the statement
   TempFormula.name = 'TempFormula';
   if (!_solidLogic.store.updater) _solidLogic.store.updater = new UI.rdf.UpdateManager(_solidLogic.store);
   return {
     // updateService: updateService,
+
     sparqler: _solidLogic.store.updater,
     lastModified: null,
     // the last <input> being modified, .isNew indicates whether it's a new input
@@ -75,36 +74,37 @@ module.exports = function UserInput(outline) {
      *  Triggering Events: event entry points, should be called only from outline.js but not anywhere else
      *                     in userinput.js, should be as short as possible, function names to be discussed
      */
+
     //  Called when the blue cross under the default pane is clicked.
     //  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); // UI.log.warn(ancestor(target,'TABLE').textContent);
+      var target = UI.utils.getTarget(e);
 
+      // UI.log.warn(ancestor(target,'TABLE').textContent);
       var 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);
       insertTr.appendChild(tempTr.firstChild);
       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
-      // Take the why of the last TR and write to it.
+      insertTr.appendChild(tempTr.firstChild);
+      // there should be an elegant way of doing this
 
-      if (UI.utils.ancestor(target, 'TR').previousSibling && // there is a previous predicate/object line
+      // Take the why of the last TR and write to it.
+      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; // This should always(?) input a non-inverse 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
         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);
       UI.log.info('addNewPredicateObject: selection = ' + outline.getSelection().map(function (item) {
         return item.textContent;
@@ -116,25 +116,25 @@ module.exports = 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; // var predicateTerm = UI.utils.getAbout(kb, predicateTd)
-
-      var isInverse = predicateTd.parentNode.AJAR_inverse; // var titleTerm=UI.utils.getAbout(kb,UI.utils.ancestor(predicateTd.parentNode,'TD'));
+      var predicateTd = UI.utils.getTarget(e).parentNode.parentNode;
+      // var predicateTerm = UI.utils.getAbout(kb, predicateTd)
+      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;
       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 {
         this.formUndetStat(insertTr, reqTerm, preStat.predicate, preStat.object, preStat.why, true);
       }
-
       outline.walk('moveTo', insertTr.lastChild);
-      this.startFillInText(insertTr.lastChild); // this.statIsInverse=false;
+      this.startFillInText(insertTr.lastChild);
+      // this.statIsInverse=false;
     },
+
     //  Called when delete is pressed
     Delete: function Delete(selectedTd) {
       this.deleteTriple(selectedTd, false);
@@ -147,8 +147,8 @@ module.exports = function UserInput(outline) {
     Click: function Click(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
-
+      this.literalModification(target);
+      // this prevents the generated inputbox to be clicked again
       e.preventDefault();
       e.stopPropagation();
     },
@@ -156,31 +156,25 @@ module.exports = function UserInput(outline) {
     pasteFromClipboard: function pasteFromClipboard(address, selectedTd) {
       function termFrom(fromCode) {
         var term = outline.clipboard[fromCode].shift();
-
         if (term === null) {
           UI.log.warn('no more element in clipboard!');
           return;
         }
-
         switch (fromCode) {
           case 'predicates':
           case 'objects':
             {
               var allArray = outline.clipboard.all;
-
               for (var i = 0; true; i++) {
                 if (term.sameTerm(allArray[i])) {
                   allArray.splice(i, 1);
                   break;
                 }
               }
-
               break;
             }
-
           case 'all':
             throw new Error('hostorical code not understood - what is theCollection?');
-
           /*
             var isObject = term.sameTerm(theCollection('objects').elements[0])
             isObject ? outline.clipboard.objecs.shift() : outline.clipboard.predicates.shift() // drop the corresponding term
@@ -191,21 +185,17 @@ module.exports = function UserInput(outline) {
 
         return term;
       }
-
       var term;
-
       switch (selectedTd.className) {
         case 'undetermined selected':
           term = selectedTd.nextSibling ? termFrom('predicates') : termFrom('objects');
           if (!term) return;
           break;
-
         case 'pred selected':
           // paste objects into this predicate
           term = termFrom('objects');
           if (!term) return;
           break;
-
         case 'selected':
           {
             // header <TD>, undetermined generated
@@ -216,13 +206,12 @@ module.exports = function UserInput(outline) {
             return;
           }
       }
-
       this.insertTermTo(selectedTd, term);
     },
-
     /**
      *  Intermediate Processing:
      */
+
     // a general entry point for any event except Click&Enter(goes to literalModification)
     // do a little inference to pick the right input box
     startFillInText: function startFillInText(selectedTd) {
@@ -235,14 +224,12 @@ module.exports = function UserInput(outline) {
           this.lastModified.isNew = false;
           this.lastModified.select();
           break;
-
         case 'predicate':
           // the goal is to bring back all the menus (with autocomplete functionality
           // this.performAutoCompleteEdit(selectedTd,['PredicateAutoComplete',
           //                        this.choiceQuery('SuggestPredicateByDomain')]);
           this.performAutoCompleteEdit(selectedTd, 'PredicateAutoComplete');
           break;
-
         case 'ObjectProperty-like':
         case 'no-idea':
           // menu should be either function that
@@ -260,21 +247,19 @@ module.exports = function UserInput(outline) {
                 */
       }
     },
-    literalModification: function literalModification(selectedTd) {
-      UI.log.debug('entering literal Modification with ' + selectedTd + selectedTd.textContent); // var This=outline.UserInput;
 
+    literalModification: function literalModification(selectedTd) {
+      UI.log.debug('entering literal Modification with ' + selectedTd + selectedTd.textContent);
+      // var This=outline.UserInput;
       if (selectedTd.className.indexOf(' pendingedit') !== -1) {
         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
-
       if (!about) return;
       var obj;
       var trNode;
-
       try {
         obj = UI.utils.getTerm(target);
         trNode = UI.utils.ancestor(target, 'TR');
@@ -282,15 +267,13 @@ module.exports = function UserInput(outline) {
         UI.log.warn('userinput.js: ' + e + UI.utils.getAbout(_solidLogic.store, selectedTd));
         UI.log.error(target + ' getStatement Error:' + e);
       }
-
       var tdNode;
-
       try {
         tdNode = trNode.lastChild;
       } catch (e) {
         UI.log.error(e + '@' + target);
-      } // seems to be a event handling problem of firefox3
-
+      }
+      // seems to be a event handling problem of firefox3
       /*
         if (e.type!='keypress'&&(selectedTd.className=='undetermined selected'||selectedTd.className=='undetermined')){
             this.Refill(e,selectedTd);
@@ -300,7 +283,6 @@ module.exports = function UserInput(outline) {
       // ignore clicking trNode.firstChild (be careful for <div> or <span>)
       // if (e.type!='keypress'&&target!=tdNode && UI.utils.ancestor(target,'TD')!=tdNode) return;
 
-
       if (obj.termType === 'Literal') {
         tdNode.removeChild(tdNode.firstChild); // remove the text
 
@@ -308,21 +290,20 @@ module.exports = function UserInput(outline) {
           // match a line feed and require <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(??)
-
+          textBox.setAttribute('rows', (obj.value.match(/\n/g).length + 1).toString());
+          // g is for global(??)
           textBox.setAttribute('cols', '100'); // should be the size of <TD>
-
           textBox.setAttribute('class', 'textinput');
           tdNode.appendChild(textBox);
           this.lastModified = textBox;
         } else {
           this.lastModified = this.createInputBoxIn(tdNode, obj.value);
         }
-
-        this.lastModified.isNew = false; // Kenny: What should be expected after you click a editable text element?
+        this.lastModified.isNew = false;
+        // Kenny: What should be expected after you click a editable text element?
         // Choice 1
-
-        this.lastModified.select(); // Choice 2 - direct the key cursor to where you click (failed attempt)
+        this.lastModified.select();
+        // Choice 2 - direct the key cursor to where you click (failed attempt)
         // --------------------------------------------------------------------------
         // duplicate the event so user can edit without clicking twice
         // var e2=myDocument.createEvent("MouseEvents");
@@ -350,7 +331,6 @@ module.exports = function UserInput(outline) {
       // this pops up the autocomplete menu
       // Pops up the menu even though no keypress has occurred
       // 1 is a dummy variable for the "enterEvent"
-
       this.getAutoCompleteHandler(menu)(1);
     },
     backOut: function backOut() {
@@ -359,9 +339,9 @@ module.exports = function UserInput(outline) {
     },
     clearMenu: function clearMenu() {
       var menu = myDocument.getElementById(this.menuID);
-
       if (menu) {
-        menu.parentNode.removeChild(menu); // emptyNode(menu);
+        menu.parentNode.removeChild(menu);
+        // emptyNode(menu);
       }
     },
 
@@ -369,7 +349,6 @@ module.exports = function UserInput(outline) {
     clearInputAndSave: function clearInputAndSave(e) {
       var obj;
       if (!this.lastModified) return;
-
       if (!this.lastModified.isNew) {
         try {
           obj = this.getStatementAbout(this.lastModified).object;
@@ -377,33 +356,29 @@ module.exports = function UserInput(outline) {
           return;
         }
       }
-
       var s = this.lastModifiedStat; // when 'isNew' this is set at addNewObject()
 
       var defaultpropview;
       var trNode;
       var reqTerm;
       var preStat;
-
       if (this.lastModified.value !== this.lastModified.defaultValue) {
         var trCache;
-
         if (this.lastModified.value === '') {
           // ToDo: remove this
           this.lastModified.value = this.lastModified.defaultValue;
           this.clearInputAndSave();
           return;
         } else if (this.lastModified.isNew) {
-          s = new UI.rdf.Statement(s.subject, s.predicate, _solidLogic.store.literal(this.lastModified.value), s.why); // TODO: DEFINE ERROR CALLBACK
-
+          s = new UI.rdf.Statement(s.subject, s.predicate, _solidLogic.store.literal(this.lastModified.value), s.why);
+          // TODO: DEFINE ERROR CALLBACK
           defaultpropview = this.views.defaults[s.predicate.uri];
           trCache = UI.utils.ancestor(this.lastModified, 'TR');
-
           try {
             _solidLogic.store.updater.update([], [s], function (uri, success, errorBody) {
               if (!success) {
-                UI.log.error('Error occurs while inserting ' + s + '\n\n' + errorBody + '\n'); // UI.log.warn("Error occurs while inserting "+s+'\n\n'+errorBody);
-
+                UI.log.error('Error occurs while inserting ' + s + '\n\n' + errorBody + '\n');
+                // UI.log.warn("Error occurs while inserting "+s+'\n\n'+errorBody);
                 outline.UserInput.deleteTriple(trCache.lastChild, true);
               }
             });
@@ -411,7 +386,6 @@ module.exports = function UserInput(outline) {
             UI.log.error('Error inserting fact ' + s + ':\n\t' + e + '\n');
             return;
           }
-
           s = _solidLogic.store.add(s.subject, s.predicate, _solidLogic.store.literal(this.lastModified.value), s.why);
         } else {
           if (this.statIsInverse) {
@@ -419,19 +393,17 @@ module.exports = function UserInput(outline) {
             this.backOut();
             return;
           }
-
           var s1, s2, s3;
-
           switch (obj.termType) {
             case 'Literal':
               {
                 // generate path and nailing from current values
+
                 // TODO: DEFINE ERROR CALLBACK
                 var valueCache = this.lastModified.value;
                 trCache = UI.utils.ancestor(this.lastModified, 'TR');
                 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) {
                     if (success) {
@@ -440,30 +412,25 @@ module.exports = function UserInput(outline) {
                       UI.log.warn('Error occurs while editing ' + s + '\n\n' + errorBody);
                       trCache.lastChild.textContent = oldValue;
                     }
-
                     trCache.lastChild.className = trCache.lastChild.className.replace(/ pendingedit/g, '');
                   });
                 } catch (e) {
                   UI.log.warn('Error occurs while editing ' + s + ':\n\t' + e);
                   return;
-                } // obj.value=this.lastModified.value;
+                }
+                // obj.value=this.lastModified.value;
                 // UserInputFormula.statements.push(s);
-
-
                 break;
               }
-
             case 'BlankNode':
               {
                 // a request refill with text
                 // var newStat
-                var textTerm = _solidLogic.store.literal(this.lastModified.value, ''); // <Feature about="labelChoice">
-
-
+                var 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??
-
                   if (_solidLogic.store.any(undefined, selectedPredicate, textTerm)) {
                     if (!e) {
                       // keyboard
@@ -472,7 +439,6 @@ module.exports = function UserInput(outline) {
                       e.pageX = UI.utils.findPos(tdNode)[0];
                       e.pageY = UI.utils.findPos(tdNode)[1] + tdNode.clientHeight;
                     }
-
                     this.showMenu(e, 'DidYouMeanDialog', undefined, {
                       dialogTerm: _solidLogic.store.any(undefined, selectedPredicate, textTerm),
                       bnodeTerm: s.subject
@@ -480,14 +446,11 @@ module.exports = 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'));
-
-                    s3 = _solidLogic.store.anyStatementMatching(s.subject, rdf('type'), type, s.why); // TODO: DEFINE ERROR CALLBACK
+                    s3 = _solidLogic.store.anyStatementMatching(s.subject, rdf('type'), type, s.why);
+                    // TODO: DEFINE ERROR CALLBACK
                     // because the table is repainted, so...
-
                     trCache = UI.utils.ancestor(UI.utils.ancestor(this.lastModified, 'TR'), 'TD').parentNode;
-
                     try {
                       _solidLogic.store.updater.update([], [s1, s2, s3], function (uri, success, errorBody) {
                         if (!success) {
@@ -499,23 +462,20 @@ module.exports = function UserInput(outline) {
                       console.log('Error occurs while editing ' + s1 + ':\n\t' + e);
                       return;
                     }
-
                     _solidLogic.store.remove(s);
-
                     _solidLogic.store.add(s.subject, selectedPredicate, textTerm, s.why); // was: newStat =
                     // 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
-
                   outline.outlineExpand(enclosingTd, s.subject, {
                     pane: defaultPane,
                     already: true
                   });
-                  outline.walk('right', outline.focusTd); // </Feature>
+                  outline.walk('right', outline.focusTd);
+                  // </Feature>
                 } else {
                   this.fillInRequest('object', this.lastModified.parentNode, _solidLogic.store.literal(this.lastModified.value));
                   return; // The new Td is already generated by fillInRequest, so it's done.
@@ -530,15 +490,14 @@ module.exports = function UserInput(outline) {
         trNode = UI.utils.ancestor(this.lastModified, 'TR');
         reqTerm = this.generateRequest('(To be determined. Re-type of drag an object onto this field)');
         preStat = trNode.previousSibling.AJAR_statement; // the statement of the same predicate
+        this.formUndetStat(trNode, preStat.subject, preStat.predicate, reqTerm, preStat.why, false);
+        // this why being the same as the previous statement
+        this.lastModified = null;
 
-        this.formUndetStat(trNode, preStat.subject, preStat.predicate, reqTerm, preStat.why, false); // this why being the same as the previous statement
-
-        this.lastModified = null; // UI.log.warn("test .isNew)");
-
+        // UI.log.warn("test .isNew)");
         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');
         preStat = upperTr.AJAR_statement;
         reqTerm = this.generateRequest('(To be determined. Re-type of drag an object onto this field)');
@@ -562,10 +521,10 @@ module.exports = function UserInput(outline) {
           this.backOut();
           return;
         }
-      } // case modified - literal modification only(for now).
-
-
-      trNode = UI.utils.ancestor(this.lastModified, 'TR'); // var defaultpropview = this.views.defaults[s.predicate.uri]
+      }
+      // case modified - literal modification only(for now).
+      trNode = UI.utils.ancestor(this.lastModified, 'TR');
+      // var defaultpropview = this.views.defaults[s.predicate.uri]
 
       if (!this.statIsInverse) {
         // this is for an old feature
@@ -574,35 +533,31 @@ module.exports = function UserInput(outline) {
       } else {
         outline.replaceTD(outline.outlineObjectTD(s.subject, defaultpropview), trNode.lastChild);
       }
-
       if (this.lastModified.value !== this.lastModified.defaultValue) {
         trNode.lastChild.className += ' pendingedit';
-      } // trNode.AJAR_statement=s;//you don't have to set AJAR_inverse because it's not changed
+      }
+      // trNode.AJAR_statement=s;//you don't have to set AJAR_inverse because it's not changed
       // This is going to be painful when predicate-edit allowed
-
-
       this.lastModified = null;
     },
-
     /* deletes the triple corresponding to selectedTd, remove that Td. */
     deleteTriple: function deleteTriple(selectedTd, isBackOut) {
       // ToDo: complete deletion of a node
-      UI.log.debug('deleteTriple entered'); // allow a pending node to be deleted if it's a backout sent by SPARQL update callback
+      UI.log.debug('deleteTriple entered');
 
+      // allow a pending node to be deleted if it's a backout sent by SPARQL update callback
       if (!isBackOut && selectedTd.className.indexOf(' pendingedit') !== -1) {
         console.log('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.');
         outline.walk('up');
         return;
       }
-
-      var removedTr; // var afterTr
-
+      var removedTr;
+      // var afterTr
       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?
+      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'))) {
         UI.log.debug('about to send SPARQLUpdate');
-
         try {
           _solidLogic.store.updater.update([s], [], function (uri, success, errorBody) {
             if (success) {
@@ -613,43 +568,34 @@ module.exports = function UserInput(outline) {
               selectedTd.className = selectedTd.className.replace(/ pendingedit/g, '');
             }
           });
-
           selectedTd.className += ' pendingedit';
         } catch (e) {
           UI.log.error(e);
           UI.log.warn('Error deleting statement ' + s + ':\n\t' + e);
           return;
         }
-
         UI.log.debug('SPARQLUpdate sent');
-      } else {// removal of an undetermined statement associated with pending TRs
+      } else {
+        // removal of an undetermined statement associated with pending TRs
         // TempFormula.remove(s);
       }
-
       UI.log.debug('about to remove ' + s);
       UI.log.debug('removed');
-      outline.walk('up'); // eslint-disable-next-line prefer-const
-
-      removedTr = selectedTd.parentNode; // afterTr = removedTr.nextSibling
-
+      outline.walk('up');
+      // eslint-disable-next-line prefer-const
+      removedTr = selectedTd.parentNode;
+      // afterTr = removedTr.nextSibling
       function removefromview() {
         var trIterator;
-
-        for (trIterator = removedTr; trIterator.childNodes.length === 1; trIterator = trIterator.previousSibling) {
-          ;
-        }
-
+        for (trIterator = removedTr; trIterator.childNodes.length === 1; trIterator = trIterator.previousSibling);
         var predicateTd;
-
         if (trIterator === removedTr) {
           var theNext = trIterator.nextSibling;
-
           if (theNext.nextSibling && theNext.childNodes.length === 1) {
             predicateTd = trIterator.firstChild;
             predicateTd.setAttribute('rowspan', parseInt(predicateTd.getAttribute('rowspan')) - 1);
             theNext.insertBefore(trIterator.firstChild, theNext.firstChild);
           }
-
           removedTr.parentNode.removeChild(removedTr);
         } else {
           // !DisplayOptions["display:block on"].enabled){
@@ -658,10 +604,8 @@ module.exports = function UserInput(outline) {
           removedTr.parentNode.removeChild(removedTr);
         }
       }
-
       if (isBackOut) removefromview();
     },
-
     /* clipboard principle: copy wildly, paste carefully
       ToDoS:
       1. register Subcollection?
@@ -690,49 +634,42 @@ module.exports = function UserInput(outline) {
         trans.setTransferData("text/x-mox-url", str, copytext.length * 2);
          clip.setData(trans, null, clipid.kGlobalClipboard);
         */
-      var term = UI.utils.getTerm(selectedTd);
 
+      var term = UI.utils.getTerm(selectedTd);
       switch (selectedTd.className) {
         case 'selected': // table header
-
         case 'obj selected':
           // var objects = outline.clipboard.objects
           outline.clipboard.objects.unshift(term);
           break;
-
         case 'pred selected':
         case 'pred internal selected':
           outline.clipboard.predicates.unshift(term);
       }
-
       outline.clipboard.all.unshift(term);
     },
     insertTermTo: function insertTermTo(selectedTd, term, isObject) {
       var defaultpropview;
       var preStat;
-
       switch (selectedTd.className) {
         case 'undetermined selected':
           defaultpropview = this.views.defaults[selectedTd.parentNode.AJAR_statement.predicate.uri];
           this.fillInRequest(selectedTd.nextSibling ? 'predicate' : 'object', selectedTd, term);
           break;
-
         case 'pred selected':
           {
             // paste objects into this predicate
             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
-
+            insertTr.appendChild(outline.outlineObjectTD(term, defaultpropview));
+            // modify store and update here
             var isInverse = selectedTd.parentNode.AJAR_inverse;
-
             if (!isInverse) {
               insertTr.AJAR_statement = _solidLogic.store.add(preStat.subject, preStat.predicate, term, preStat.why);
             } else {
               insertTr.AJAR_statemnet = _solidLogic.store.add(term, preStat.predicate, preStat.object, preStat.why);
             }
-
             try {
               _solidLogic.store.updater.update([], [insertTr.AJAR_statement], function (uri, success, errorBody) {
                 if (!success) {
@@ -743,25 +680,22 @@ module.exports = function UserInput(outline) {
               UI.log.error('Exception trying to insert statement ' + insertTr.AJAR_statement + ': ' + UI.utils.stackString(e));
               return;
             }
-
             insertTr.AJAR_inverse = isInverse;
             UserInputFormula.statements.push(insertTr.AJAR_statement);
             break;
           }
-
         case 'selected':
           {
             // header <TD>, undetermined generated
             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'));
-
+            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;
-
             if (isObject) {
               // object inserted
-              this.formUndetStat(newTr, preStat.subject, this.generateRequest('(TBD)', newTr, true), term, preStat.why, false); // defaultpropview temporaily not dealt with
-
+              this.formUndetStat(newTr, preStat.subject, this.generateRequest('(TBD)', newTr, true), term, preStat.why, false);
+              // defaultpropview temporaily not dealt with
               newTr.appendChild(outline.outlineObjectTD(term));
               outline.walk('moveTo', newTr.firstChild);
               this.startFillInText(newTr.firstChild);
@@ -774,7 +708,6 @@ module.exports = function UserInput(outline) {
               outline.walk('moveTo', newTr.lastChild);
               this.startFillInText(newTr.lastChild);
             }
-
             break;
           }
       }
@@ -783,13 +716,11 @@ module.exports = function UserInput(outline) {
       UI.log.info('Refill' + selectedTd.textContent);
       var isPredicate = selectedTd.nextSibling;
       var predicateQuery;
-
       if (isPredicate) {
         // predicateTd
         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
@@ -803,7 +734,6 @@ module.exports = function UserInput(outline) {
                    ?pred rdfs:domain subjectClass.
                }
             */
-
           /*  SELECT ?pred ?class
                 WHERE{
                    ?pred a rdf:Property.
@@ -811,7 +741,6 @@ module.exports = function UserInput(outline) {
                    ?pred rdfs:domain ?class.
                }
             */
-
           /*  SELECT ?pred
                 WHERE{
                    subject a ?subjectClass.
@@ -823,13 +752,11 @@ module.exports = function UserInput(outline) {
           sparqlText = [];
           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 + '}';
           predicateQuery = sparqlText.map($rdf.SPARQLToQuery);
         } else {
           // ------selector
-
           /* SELECT ?pred
                WHERE{
                    ?pred a rdf:Property.
@@ -838,7 +765,6 @@ module.exports = function UserInput(outline) {
                }
             */
           // Candidate
-
           /* SELECT ?pred
                WHERE{
                    subject a ?subjectClass.
@@ -848,18 +774,17 @@ module.exports = 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; // var objectClass = (object.termType === 'Literal') ? UI.ns.rdfs('Literal') : kb.any(object, rdf('type'))
+          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"+
           //               "?pred "+UI.ns.rdfs('range')+objectClass+".\n}"; // \n is required? SPARQL parser bug?
-
           sparqlText = 'SELECT ?pred WHERE{' + subject + rdf('type') + '?subjectClass' + '.\n' + object + rdf('type') + '?objectClass' + '.\n' + '?pred ' + UI.ns.rdfs('domain') + '?subjectClass' + '.\n' + '?pred ' + UI.ns.rdfs('range') + '?objectClass' + '.\n}'; // \n is required? SPARQL parser bug?
-
           predicateQuery = $rdf.SPARQLToQuery(sparqlText);
-        } // -------presenter
-        // ToDo: how to sort selected predicates?
-
+        }
 
+        // -------presenter
+        // ToDo: how to sort selected predicates?
         this.showMenu(e, 'GeneralPredicateChoice', predicateQuery, {
           isPredicate: isPredicate,
           selectedTd: selectedTd
@@ -867,20 +792,18 @@ module.exports = function UserInput(outline) {
       } else {
         // objectTd
         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);
           this.lastModified = this.createInputBoxIn(selectedTd, ' (Please Input) ');
           this.lastModified.isNew = false;
           this.lastModified.select();
-        } // show menu for rdf:type
-
+        }
 
+        // 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') + '.}'; // I should just use kb.each
-
-
+          var _sparqlText = 'SELECT ?class WHERE{?class ' + rdf('type') + UI.ns.rdfs('Class') + '.}';
+          // I should just use kb.each
           var classQuery = $rdf.SPARQLToQuery(_sparqlText);
           this.showMenu(e, 'TypeChoice', classQuery, {
             isPredicate: isPredicate,
@@ -892,32 +815,27 @@ module.exports = function UserInput(outline) {
     // This is where pubsPane.js comes in, with: outline.UserInput.getAutoCompleteHandler("JournalTAC")(e);
     getAutoCompleteHandler: function getAutoCompleteHandler(mode) {
       qp('\n\n***** In getAutoCompleteHandler ****** mode = ' + mode);
-
       if (mode === 'PredicateAutoComplete') {
         mode = 'predicate';
       } else if (mode !== 'JournalTAC') {
         // hq  // why? -tim  - not 'predicate' below
         mode = 'all';
       }
-
       var InputBox;
-
       if (mode === 'JournalTAC') {
         // hq  // Better to pass in InputBox as a param
         InputBox = myDocument.getElementById('inpid_journal_title');
       } else {
         InputBox = this.lastModified || outline.getSelection()[0].firstChild;
       }
-
       qp('InputBox=' + InputBox); // hq
-
       qp('InputBox.value=' + InputBox.value); // hq
 
       return function (enterEvent) {
-        qp('ENTER EVENT=' + enterEvent); // Firefox 2.0.0.6 makes this not working? 'this' becomes [object HTMLInputElement]
+        qp('ENTER EVENT=' + enterEvent);
+        // Firefox 2.0.0.6 makes this not working? 'this' becomes [object HTMLInputElement]
         //                                           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;
@@ -926,60 +844,48 @@ module.exports = function UserInput(outline) {
         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);
-
         function setHighlightItem(item) {
           if (!item) return; // do not make changes
-
           if (menu.lastHighlight) menu.lastHighlight.className = '';
           menu.lastHighlight = item;
           menu.lastHighlight.className = 'activeItem';
           outline.showURI(UI.utils.getAbout(_solidLogic.store, menu.lastHighlight));
         }
-
         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('3. in typeof enterEvent is object, will switch to keys, arrows, etc. keycode = ' + enterEvent.keyCode);
             enterEvent.stopPropagation();
-
             if (menu && !menu.lastHighlight) {
               // this ensures the following operation valid
               setHighlightItem(menu.firstChild.firstChild);
             }
-
             switch (enterEvent.keyCode) {
               case 13: // enter
-
               case 9:
                 // tab
                 qp('handler: Enter or Tab');
-
                 if (!menu) {
                   outline.UserInput.clearInputAndSave();
                   return;
                 }
-
                 if (!menu.lastHighlight) {
                   if (mode === 'JournalTAC') {
                     outline.UserInput.clearMenu();
                     qp('no lastH');
                     return 'no lastH';
                   }
-
                   return;
                 } // warning?
 
-
                 if (menu.lastHighlight.tagName === 'INPUT') {
                   switch (menu.lastHighlight.value) {
                     case 'New...':
                       qp('subcase New');
                       outline.UserInput.createNew();
                       break;
-
                     case 'GiveURI':
                       qp('subcase GiveURI');
                       outline.UserInput.inputURI();
@@ -988,65 +894,55 @@ module.exports = function UserInput(outline) {
                 } else {
                   // pubsPane Stuff:
                   if (mode === 'JournalTAC') {
-                    qp('movedArrow? ' + movedArrow); // Enter only works if arrows have been moved
-
+                    qp('movedArrow? ' + movedArrow);
+                    // Enter only works if arrows have been moved
                     if (movedArrow && menu.lastHighlight) {
                       // Get the title from the DOM
                       // tr, th, div, innerHTML
-                      var jtitle = menu.lastHighlight.firstChild.firstChild.innerHTML; // tr, th, td, innerHTML
-
-                      var juri = menu.lastHighlight.firstChild.nextSibling.innerHTML; // clearing out the &lt; and &gt; from juri
-
+                      var jtitle = menu.lastHighlight.firstChild.firstChild.innerHTML;
+                      // tr, th, td, 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];
-                    } // If doesn't qualify to be autocomplete, return this random string, since pubsPane checks for "gotdptitle"
-
-
+                    }
+                    // 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';
                   outline.UserInput.clearMenu();
-                  outline.UserInput.fillInRequest(fillInType, InputBox.parentNode, inputTerm); // if (outline.UserInput.fillInRequest(fillInType,InputBox.parentNode,inputTerm))
+                  outline.UserInput.fillInRequest(fillInType, InputBox.parentNode, inputTerm);
+                  // if (outline.UserInput.fillInRequest(fillInType,InputBox.parentNode,inputTerm))
                   //    outline.UserInput.clearMenu();
                 }
 
                 qp('outside');
                 return;
-
               case 38:
                 // up
                 qp('handler: Arrow UP');
                 movedArrow = true; // hq
-
                 if (newText === '' && menu.lastHighlight.tagName === 'TR' && !menu.lastHighlight.previousSibling) {
                   setHighlightItem(menu.firstChild.firstChild);
                 } else {
                   setHighlightItem(menu.lastHighlight.previousSibling);
                 }
-
                 return "I'm a little Arrow Up";
-
               case 40:
                 // down
                 qp('handler: Arrow Down');
                 movedArrow = true; // hq
-
                 if (menu.lastHighlight.tagName === 'INPUT') {
                   setHighlightItem(menu.childNodes[1].firstChild);
                 } else {
                   setHighlightItem(menu.lastHighlight.nextSibling);
                 }
-
                 return "I'm a little Down Arrow";
-
               case 37: // left
-
               case 39:
                 // right
                 qp('handler: Arrow left, right');
-
                 if (menu.lastHighlight.tagName === 'INPUT') {
                   if (enterEvent.keyCode === 37) {
                     setHighlightItem(menu.lastHighlight.previousSibling);
@@ -1054,35 +950,28 @@ module.exports = function UserInput(outline) {
                     setHighlightItem(menu.lastHighlight.nextSibling);
                   }
                 }
-
                 return;
-
               case 8:
                 // backspace
                 qp('handler: Backspace');
                 newText = newText.slice(0, -1);
                 break;
-
               case 27:
                 // esc to enter literal
                 qp('handler: Esc');
-
                 if (!menu) {
                   outline.UserInput.backOut();
                   return;
                 }
-
-                outline.UserInput.clearMenu(); // Not working? I don't know.
+                outline.UserInput.clearMenu();
+                // Not working? I don't know.
                 // InputBox.removeEventListener('keypress',outline.UserInput.Autocomplete,false);
-
                 return;
               // break
-
               default:
                 qp('handler: Default');
                 movedArrow = false; // hq
                 // we need this because it is keypress, seeAlso performAutoCompleteEdit
-
                 qp('oldtext=' + newText);
                 newText += String.fromCharCode(enterEvent.charCode);
                 qp('charcodent=' + enterEvent.charCode);
@@ -1091,14 +980,13 @@ module.exports = function UserInput(outline) {
               // hq
             }
           } // endif typeof(event) === object
+
           // UI.log.warn(InputBox.choices.length);
           // for(i=0;InputBox.choices[i].label<newText;i++); //O(n) ToDo: O(log n)
-
-
           if (mode === 'all') {
             qp('generalAC after switch, newText=' + newText + 'mode is all');
-            outline.UserInput.clearMenu(); // outline.UserInput.showMenu(e,'GeneralAutoComplete',undefined,{'isPredicate':false,'selectedTd':tdNode,'choices':InputBox.choices, 'index':i});
-
+            outline.UserInput.clearMenu();
+            // outline.UserInput.showMenu(e,'GeneralAutoComplete',undefined,{'isPredicate':false,'selectedTd':tdNode,'choices':InputBox.choices, 'index':i});
             outline.UserInput.showMenu(e, 'GeneralAutoComplete', undefined, {
               inputText: newText,
               selectedTd: tdNode
@@ -1115,20 +1003,17 @@ module.exports = function UserInput(outline) {
           } else if (mode === 'JournalTAC') {
             // hq
             qp('JouralTAC after switch, newText=' + newText);
-            outline.UserInput.clearMenu(); // Goto showMenu
-
+            outline.UserInput.clearMenu();
+            // Goto showMenu
             outline.UserInput.showMenu(e, 'JournalTitleAutoComplete', undefined, {
               inputText: newText
             }, 'orderisuseless');
           }
-
           menu = myDocument.getElementById(outline.UserInput.menuID);
-
           if (!menu) {
             qp('No menu element.  Do not show menu.');
             return;
           }
-
           qp('at end of handler\n^^^^^^^^^^^^^^^^^\n\n');
           setHighlightItem(menu.firstChild.firstChild);
           outline.showURI(UI.utils.getAbout(_solidLogic.store, menu.lastHighlight));
@@ -1136,6 +1021,7 @@ module.exports = function UserInput(outline) {
         }
       }; // end of return function
     },
+
     // Add the buttons which allow the suer to craete a new object
     // Or reference an exiting one with a URI.
     //
@@ -1148,17 +1034,14 @@ module.exports = function UserInput(outline) {
       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);
         if (menu.lastHighlight) menu.lastHighlight.className = '';
         menu.lastHighlight = UI.utils.ancestor(UI.utils.getTarget(e), 'INPUT');
         if (!menu.lastHighlight) return; // mouseover <TABLE>
-
         menu.lastHighlight.className = 'activeItem';
       }
-
       div.addEventListener('mouseover', highlightInput, false);
       input1.addEventListener('click', this.createNew, false);
       input2.addEventListener('click', this.inputURI, false);
@@ -1174,29 +1057,27 @@ module.exports = function UserInput(outline) {
           this.lastModified.setAttribute('rows', (preRows + 1).toString());
           e.stopPropagation();
         }
-      } // Remark by Kenny: If the user wants to input more lines into an one-line-only blank.
+      }
+      // 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) {
-      qp('MOUSING DOWN'); // temporary key ctrl+s or q for swiching mode
+      qp('MOUSING DOWN');
+      // temporary key ctrl+s or q for swiching mode
       // This was in HCIOptions "right click to switch mode":
-
       window.addEventListener('keypress', function (e) {
         if (e.ctrlKey && (e.charCode === 115 || e.charCode === 113)) {
           UserInput.switchMode();
         }
       }, false);
       window.addEventListener('mousedown', UserInput.Mousedown, false);
-
       document.getElementById('outline').oncontextmenu = function () {
         return false;
       };
-
       if (e.button === 2) {
         // right click
         UserInput.switchMode();
-
         if (e) {
           e.preventDefault();
           e.stopPropagation();
@@ -1205,7 +1086,6 @@ module.exports = function UserInput(outline) {
     },
     Mouseover: function Mouseover(e) {
       this.className = 'bottom-border-active';
-
       if (this._tabulatorMode === 1) {
         switch (UI.utils.getTarget(e).tagName) {
           case 'TD':
@@ -1215,43 +1095,37 @@ module.exports = function UserInput(outline) {
               break;
             }
           // Uh...I think I might have to give up this
-
           case 'DIV':
             {
               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';
               }
-
               break;
             }
-
           default:
         }
       }
     },
     Mouseout: function Mouseout(e) {
       this.className = 'bottom-border';
-
       if (this._tabulatorMode === 1) {
         var border = UI.utils.getTarget(e);
-
         if (UI.utils.getTarget(e).className === 'bottom-border') {
           border.style.borderColor = 'transparent';
           border.style.cursor = 'auto';
         }
       }
     },
-
     /**
      * Utilities
      */
+
     whatSortOfEditCell: function whatSortOfEditCell(selectedTd) {
       if (selectedTd.nextSibling) return 'predicate';
-      var predicateTerm = this.getStatementAbout(selectedTd).predicate; // var predicateTerm=selectedTd.parentNode.AJAR_statement.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';
       } else if (_solidLogic.store.whether(predicateTerm, rdf('type'), UI.ns.owl('ObjectProperty'))) {
@@ -1263,21 +1137,17 @@ module.exports = function UserInput(outline) {
     getStatementAbout: function getStatementAbout(something) {
       // var trNode=something.parentNode;
       var trNode = UI.utils.ancestor(something, 'TR');
-
       if (!trNode) {
         throw new Error('No ancestor TR for the TD we clicked on:' + something);
       }
-
       var statement;
-
       try {
         statement = trNode.AJAR_statement;
       } catch (e) {
         throw new Error('No AJAR_statement!' + something + something.textContent + ' has ancestor ' + trNode); // was commented out @@
         // throw 'TR not a statement TR' // was commented out @@
-      } // Set last modified here, I am not sure this will be ok.
-
-
+      }
+      // Set last modified here, I am not sure this will be ok.
       this.lastModifiedStat = trNode.AJAR_statement;
       this.statIsInverse = trNode.AJAR_inverse;
       return statement;
@@ -1289,19 +1159,16 @@ module.exports = function UserInput(outline) {
           outline.UserInput.clearInputAndSave();
         }
       }
-
       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');
       inputBox.setAttribute('value', defaultText);
-      inputBox.setAttribute('class', 'textinput'); // inputBox.setAttribute('size','100');//should be the size of <TD>
-
+      inputBox.setAttribute('class', 'textinput');
+      // inputBox.setAttribute('size','100');//should be the size of <TD>
       if (tdNode.className !== 'undetermined selected') {
         inputBox.setAttribute('size', '100'); // should be the size of <TD>
-
         inputBox.addEventListener('keypress', UpAndDown, false);
       }
-
       tdNode.appendChild(inputBox);
       return inputBox;
     },
@@ -1310,11 +1177,9 @@ module.exports = function UserInput(outline) {
       outline.UserInput.clearMenu();
       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.UserInput.fillInRequest('object', selectedTd, newTerm);
+      // selection is changed
       outline.outlineExpand(outline.getSelection()[0], newTerm);
     },
     inputURI: function inputURI(_e) {
@@ -1325,25 +1190,19 @@ module.exports = function UserInput(outline) {
       var tiptext = ' (Type a URI) ';
       This.lastModified = This.createInputBoxIn(selectedTd, tiptext);
       This.lastModified.select();
-
       function typeURIhandler(e) {
         e.stopPropagation();
-
         switch (e.keyCode) {
           case 13: // enter
-
           case 9:
             // tab
             // this is input box
             if (this.value !== tiptext) {
               var newuri = this.value; // @@ Removed URI "fixup" code
-
               This.fillInRequest('object', selectedTd, _solidLogic.store.sym(newuri));
             }
-
         }
       }
-
       This.lastModified.addEventListener('keypress', typeURIhandler, false);
       /*
         if (false && UI.isExtension){
@@ -1359,45 +1218,42 @@ module.exports = function UserInput(outline) {
          }
         */
     },
+
     appendToPredicate: function appendToPredicate(predicateTd) {
       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
-        trIterator = trIterator.nextSibling) {// ..
+        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
+        trIterator = trIterator.nextSibling) {
+          // ..
         }
       } catch (e) {
         isEnd = true;
-      } // if(!isEnd && HCIoptions["bottom insert highlights"].enabled) trIterator=trIterator.previousSibling;
-
-
-      var insertTr = myDocument.createElement('tr'); // style stuff, I'll have to investigate appendPropertyTRs() somehow
+      }
+      // if(!isEnd && HCIoptions["bottom insert highlights"].enabled) trIterator=trIterator.previousSibling;
 
+      var insertTr = myDocument.createElement('tr');
+      // style stuff, I'll have to investigate appendPropertyTRs() somehow
       insertTr.style.colspan = '1';
       insertTr.style.display = 'block';
       insertTr.style.display = '';
-
       if (predicateTd.hasAttribute('rowspan')) {
         predicateTd.setAttribute('rowspan', parseInt(predicateTd.getAttribute('rowspan')) + 1);
       }
-
       if (!predicateTd.hasAttribute('rowspan')) {
         predicateTd.setAttribute('rowspan', '2');
       }
-
       if (!isEnd) {
         trIterator.parentNode.insertBefore(insertTr, trIterator);
       } else {
         var table = predicateTd.parentNode.parentNode;
-
         if (table.className === 'defaultPane') {
           table.insertBefore(insertTr, table.lastChild);
         } else {
           table.appendChild(insertTr);
         }
       }
-
       return insertTr;
     },
     bnode2symbol: function bnode2symbol(bnode, symbol) {
@@ -1405,51 +1261,46 @@ module.exports = function UserInput(outline) {
     },
     generateRequest: function generateRequest(tipText, trNew, isPredicate, notShow) {
       var trNode;
-
       if (!notShow) {
         if (trNew) {
           trNode = trNew;
         } else {
           trNode = UI.utils.ancestor(this.lastModified, 'TR');
         }
-
         UI.utils.emptyNode(trNode);
-      } // create the undetermined term
+      }
+
+      // create the undetermined term
       // Choice 1:
       // var reqTerm=kb.literal("TBD");
       // this is troblesome since RDFIndexedFormula does not allow me to add <x> <y> "TBD". twice
       // Choice 2: Use a variable.
       // Agreed. Kenny wonders whether there is RDF/XML representation of a variable.
       // 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
-
 
+      // 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();
       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));
       } else {
         tp.add(reqTerm, UI.ns.link('message'), tp.literal(tipText));
       }
-
       tp.add(reqTerm, UI.ns.link('to'), tp.literal('The User'));
-      tp.add(reqTerm, UI.ns.link('from'), tp.literal('The User')); // append the undetermined td
+      tp.add(reqTerm, UI.ns.link('from'), tp.literal('The User'));
 
+      // append the undetermined td
       if (!notShow) {
         var newNode;
-
         if (isPredicate) {
           newNode = trNode.appendChild(outline.outlinePredicateTD(reqTerm, trNode, false, false));
         } else {
           newNode = trNode.appendChild(outline.outlineObjectTD(reqTerm));
         }
-
         newNode.className = 'undetermined';
         newNode.textContent = tipText;
       }
-
       return reqTerm;
     },
     showMenu: function showMenu(e, menuType, inputQuery, extraInformation, _order) {
@@ -1459,58 +1310,54 @@ module.exports = function UserInput(outline) {
       var This = this;
       var menu = myDocument.createElement('div');
       qp('\n**** In showMenu, menuType = ' + menuType + '\n');
-
       if (extraInformation) {
         for (var x in extraInformation) {
           console.log('\t extra ' + x + ': ' + extraInformation[x] + '\n');
         }
       }
-
       console.log('CREATED MENU\n'); // hq
-
       menu.id = this.menuID;
-      menu.className = 'outlineMenu'; // menu.addEventListener('click',false);
-
+      menu.className = 'outlineMenu';
+      // menu.addEventListener('click',false);
       menu.style.top = e.pageY + 'px';
-      menu.style.left = e.pageX + 'px'; /// /For pubsPane
+      menu.style.left = e.pageX + 'px';
+
+      /// /For pubsPane
       // 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; // repeatedly get ancestor's positions
-        // TODO: STILL a small offset/bug
+        var newtp = 0;
 
+        // repeatedly get ancestor's positions
+        // TODO: STILL a small offset/bug
         while (el && !isNaN(el.offsetLeft) && !isNaN(el.offsetTop)) {
           newlf = el.offsetLeft;
-          newtp = el.offsetTop; // only change if the new parent's offset is different
+          newtp = el.offsetTop;
 
+          // only change if the new parent's offset is different
           if (newlf !== oldlf) {
             _lf += el.offsetLeft - el.scrollLeft;
           }
-
           if (newtp !== oldtp) {
             _tp += el.offsetTop - el.scrollTop;
           }
-
           oldlf = newlf;
           oldtp = newtp;
           el = el.parentNode;
-        } // there is a constant offset
-
-
+        }
+        // there is a constant offset
         return {
           top: _tp + 54,
           left: _lf - 38
         };
-      }; // Change the position of menu in pubsPane's journal Title AC
-
-
+      };
+      // Change the position of menu in pubsPane's journal Title AC
       if (menuType === 'JournalTitleAutoComplete') {
         // hql
         var loc = getOffset(myDocument.getElementById('inpid_journal_title'));
@@ -1518,203 +1365,168 @@ module.exports = function UserInput(outline) {
         menu.style.top = loc.top + 'px';
         menu.style.left = loc.left + 'px';
       }
-
       console.log('menu at top=' + menu.style.top + ' left=' + menu.style.left + '\n'); // hql
       // \\\\\\\hql
 
       myDocument.body.appendChild(menu);
       var table = menu.appendChild(myDocument.createElement('table'));
       menu.lastHighlight = null;
-
       function highlightTr(e) {
         if (menu.lastHighlight) menu.lastHighlight.className = '';
         menu.lastHighlight = UI.utils.ancestor(UI.utils.getTarget(e), 'TR');
         if (!menu.lastHighlight) return; // mouseover <TABLE>
-
         menu.lastHighlight.className = 'activeItem';
       }
+      table.addEventListener('mouseover', highlightTr, false);
 
-      table.addEventListener('mouseover', highlightTr, false); // setting for action after selecting item
-
+      // setting for action after selecting item
       var 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');
-
             if (target.childNodes.length === 2 && target.nextSibling) {
               // Yes
               _solidLogic.store.add(bnodeTerm, IDpredicate, IDterm); // used to connect the two
-
-
               outline.UserInput.clearMenu();
             } else if (target.childNodes.length === 2) {
               outline.UserInput.clearMenu();
             }
           };
-
           break;
-
         case 'LimitedPredicateChoice':
           {
             var 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++) {
                 if (predicateChoices[i].sameTerm(selectedPredicate)) {
                   predicateChoices.unshift(predicateChoices.splice(i, 1)[0]);
                 }
               }
+              outline.UserInput.clearMenu();
 
-              outline.UserInput.clearMenu(); // refresh the choice
-
+              // refresh the choice
               var tr = clickedTd.parentNode;
               var newTd = outline.outlinePredicateTD(tr.AJAR_statement.predicate, tr);
               tr.insertBefore(newTd, clickedTd);
               tr.removeChild(clickedTd);
               This.lastModified.select();
             };
-
             break;
           }
-
         case 'PredicateAutoComplete':
         case 'GeneralAutoComplete':
         case 'GeneralPredicateChoice':
         case 'JournalTitleAutoComplete': // hql
-
         case 'TypeChoice':
           {
             // Clickable menu
             var isPredicate = extraInformation.isPredicate;
             var selectedTd = extraInformation.selectedTd;
-
             selectItem = function selectItem(e) {
               qp('WOOHOO');
               var inputTerm = UI.utils.getAbout(_solidLogic.store, UI.utils.getTarget(e));
               qp('GENERAL SELECT ITEM!!!!!!=' + inputTerm);
               qp('target=' + UI.utils.getTarget(e));
-
               if (isPredicate) {
                 qp('1');
-
                 if (outline.UserInput.fillInRequest('predicate', selectedTd, inputTerm)) {
                   qp('2');
                   outline.UserInput.clearMenu();
                 }
               } else {
-                qp('3'); // thisInput.fillInRequest('object',selectedTd,inputTerm); //why is this not working?
-
+                qp('3');
+                // thisInput.fillInRequest('object',selectedTd,inputTerm); //why is this not working?
                 if (outline.UserInput.fillInRequest('object', selectedTd, inputTerm)) {
                   qp('4');
                   outline.UserInput.clearMenu();
                 }
               }
             };
-
             break;
           }
-
         default:
           throw new Error('userinput: unexpected mode');
-      } // hq: this line makes the menu clickable
-
+      }
+      // hq: this line makes the menu clickable
+      table.addEventListener('click', selectItem, false);
 
-      table.addEventListener('click', selectItem, false); // Add Items to the list
+      // Add Items to the list
       // build NameSpaces here from knowledge base
-
-      var NameSpaces = {}; // for each (ontology in ontologies)
-
+      var 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);
-        if (!label) return; // this is like extracting metadata from URI. Maybe it's better not to take the abbrevs.
-
+        if (!label) return;
+        // this is like extracting metadata from URI. Maybe it's better not to take the abbrevs.
         var match = label.value.match(/\((.+?)\)/);
-
         if (match) {
           NameSpaces[match[1]] = ontology.uri;
         } else {
           NameSpaces[label.value] = ontology.uri;
         }
       });
-
       function addMenuItem(predicate) {
         if (table.firstChild && table.firstChild.className === 'no-suggest') {
           table.removeChild(table.firstChild);
         }
-
-        var Label = UI.utils.predicateLabelForXML(predicate, false); // Label = Label.slice(0,1).toUpperCase() + Label.slice(1);
+        var 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) {
           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'));
         tr.setAttribute('about', predicate);
         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) {
           var predicate = bindings[selectedQuery.vars[0]];
           addMenuItem(predicate);
         };
       }
-
       function clearMenu(e) {
         This.clearMenu();
         e.stopPropagation();
       }
-
       var inputText;
       var bnodeTerm;
       var IDpredicate;
       var IDterm;
       var tr;
       var th;
-
       switch (menuType) {
         case 'DidYouMeanDialog':
           {
             var dialogTerm = extraInformation.dialogTerm;
-            bnodeTerm = extraInformation.bnodeTerm; // have to do style instruction passing
-
+            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'));
             h1th.appendChild(myDocument.createTextNode('Did you mean...'));
-
             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;
               }
             }
-
             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'));
@@ -1729,85 +1541,68 @@ module.exports = function UserInput(outline) {
             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
           // eslint-disable-next-line no-case-declarations
-
-          var 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
           // eslint-disable-next-line no-case-declarations
-
           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
           // eslint-disable-next-line no-case-declarations
-
-
           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;
-
             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];
-
             if (entries.length === 0) {
               console.log('cm length 0\n'); // hq
-
               this.clearMenu();
               return;
             }
-
             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
-              var thisNT = entries[_i3][1].toNT(); // console.log("thisNT="+thisNT+"\n");
-
-
+              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[_i3][0])); // var theTerm = entries[i][1]
+              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;
-
               var type = types[_i3];
               var typeLabel = type ? UI.utils.label(type) : '';
               tr.appendChild(myDocument.createElement('td')).appendChild(myDocument.createTextNode(typeLabel));
@@ -1828,98 +1623,80 @@ module.exports = function UserInput(outline) {
                       tr.appendChild(myDocument.createElement('td')).appendChild(myDocument.createTextNode(typeLabel));
                   }
                   */
-
-
             break;
           }
-
         case 'JournalTitleAutoComplete':
           {
             // hql
             // HEART OF JOURNAL TITLE AUTOCOMPLETE
+
             // extraInformatin is from above getAutoCompleteHandler
             inputText = extraInformation.inputText;
             console.log('testing searching text= ' + inputText + ' =====\n');
-            console.log('\n===start JournalTitleAutoComplete\n'); // Gets all the URI's with type Journal in the knowledge base
+            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
 
             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
+              var jTitleLowerCase = jtstr.toLowerCase();
 
+              // If the inputText as a whole is contained in a journal title
               if (jTitleLowerCase.search(matchstr) !== -1) {
                 qp('FOUND A Journal Title Match!!!!!!');
-                matchedtitle.push(jtitle); // Add it as a row to the menu:
-                // === Title, URI ==
+                matchedtitle.push(jtitle);
 
+                // 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));
               }
             }
-
             console.log('matched: ' + matchedtitle + '\n');
             console.log("\\\\done showMenu's JTAutocomplete\n");
             break;
           }
-
         case 'LimitedPredicateChoice':
           {
-            var choiceTerm = UI.utils.getAbout(_solidLogic.store, extraInformation.clickedTd); // because getAbout relies on kb.fromNT, which does not deal with
+            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';
-
             var choices = _solidLogic.store.each(choiceTerm, UI.ns.link('element'));
-
             for (var _i5 = 0; _i5 < choices.length; _i5++) {
               addMenuItem(choices[_i5]);
             }
-
             break;
           }
-
         default:
           {
             tr = table.appendChild(myDocument.createElement('tr'));
             tr.className = 'no-suggest';
             th = tr.appendChild(myDocument.createElement('th'));
             th.appendChild(myDocument.createElement('div')).appendChild(myDocument.createTextNode('No suggested choices. Try to type instead.'));
-            tr.appendChild(myDocument.createElement('td')).appendChild(myDocument.createTextNode('OK')); // var This = this
-
+            tr.appendChild(myDocument.createElement('td')).appendChild(myDocument.createTextNode('OK'));
+            // var This = this
             tr.addEventListener('click', clearMenu, 'false');
-
             var nullFetcher = function nullFetcher() {};
-
             switch (inputQuery.constructor.name) {
               case 'Array':
                 for (var _i6 = 0; _i6 < inputQuery.length; _i6++) {
                   _solidLogic.store.query(inputQuery[_i6], addPredicateChoice(inputQuery[_i6]), nullFetcher);
                 }
-
                 break;
-
               case 'undefined':
                 throw new Error('addPredicateChoice: query is not defined');
               // break
-
               default:
                 _solidLogic.store.query(inputQuery, addPredicateChoice(inputQuery), nullFetcher);
-
             }
           }
       }
@@ -1930,17 +1707,18 @@ module.exports = function UserInput(outline) {
     fillInRequest: function fillInRequest(type, selectedTd, inputTerm) {
       var tr = selectedTd.parentNode;
       var stat;
-      var isInverse; // eslint-disable-next-line prefer-const
-
-      stat = tr.AJAR_statement; // eslint-disable-next-line prefer-const
-
+      var isInverse;
+      // eslint-disable-next-line prefer-const
+      stat = tr.AJAR_statement;
+      // eslint-disable-next-line prefer-const
       isInverse = tr.AJAR_inverse;
       var reqTerm = type === 'object' ? stat.object : stat.predicate;
       var newStat;
-      var doNext = false; // RDF Event
+      var doNext = false;
 
-      var eventhandler;
+      // RDF Event
 
+      var eventhandler;
       if (_solidLogic.store.any(reqTerm, UI.ns.link('onfillin'))) {
         /*    2017 -- Not sure what is supposed to happen here -- timbl @@@@
         eventhandler = function(subject) {
@@ -1948,14 +1726,11 @@ module.exports = function UserInput(outline) {
         }
         */
       }
-
       if (type === 'predicate') {
         // ToDo: How to link two things with an inverse relationship
         var 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);
-
           try {
             _solidLogic.store.updater.update([], [s], function (uri, success, errorBody) {
               if (success) {
@@ -1969,12 +1744,11 @@ module.exports = function UserInput(outline) {
               }
             });
           } catch (e) {
-            UI.log.error(e); // Warn the user that the write has failed.
-
+            UI.log.error(e);
+            // Warn the user that the write has failed.
             UI.log.warn('Error when insert (#2) of statement ' + s + ':\n\t' + e);
             return;
           }
-
           newTd.className += ' pendingedit';
           this.lastModified = null;
         } else {
@@ -1982,45 +1756,37 @@ module.exports = function UserInput(outline) {
           outline.walk('right');
           doNext = true;
         }
-
         outline.replaceTD(newTd, selectedTd);
         TempFormula.remove(stat);
       } else if (type === 'object') {
         // Object value has been edited
         var _newTd = outline.outlineObjectTD(inputTerm);
-
         outline.replaceTD(_newTd, selectedTd);
-
         if (!selectedTd.previousSibling || selectedTd.previousSibling.className !== 'undetermined') {
           var _s;
-
           if (!isInverse) {
             _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);
           }
-
           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;
-
               if (success) {
                 _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!");
                 }
-
                 tr.AJAR_statement = newStats[0];
               } else {
-                UI.log.warn('userinput.js (object): Fail trying to insert statement ' + _s); // outline.UserInput.deleteTriple(newTd,true);
+                UI.log.warn('userinput.js (object): Fail trying to insert statement ' + _s);
+                // outline.UserInput.deleteTriple(newTd,true);
               }
             });
           } catch (e) {
@@ -2029,35 +1795,31 @@ module.exports = function UserInput(outline) {
             UI.log.warn('Error trying to insert statement ' + _s + ':\n' + e);
             return;
           }
-
           this.lastModified = null;
           _newTd.className += ' pendingedit';
         } else {
           // ?this.formUndetStat(tr...)
           outline.walk('left');
           doNext = true;
-        } // removal of the undetermined statement
-
-
+        }
+        // removal of the undetermined statement
         TempFormula.remove(stat);
-      } // do not throw away user's work even update fails
-
-
+      }
+      // do not throw away user's work even update fails
       UserInputFormula.statements.push(newStat);
       if (eventhandler) eventhandler(stat.subject);
-
       if (doNext) {
         this.startFillInText(outline.getSelection()[0]);
       } else {
         return true;
       } // can clearMenu
-
     },
+
     formUndetStat: function formUndetStat(trNode, subject, predicate, object, why, inverse) {
       trNode.AJAR_inverse = inverse;
       trNode.AJAR_statement = TempFormula.add(subject, predicate, object, why);
       return trNode.AJAR_statement;
     }
   };
-};
+}
 //# sourceMappingURL=userInput.js.map