solid-panes 3.7.3 → 4.0.0-cc645f25

package/{lib → dist}/schedule/schedulePane.js

@@ -1,35 +1,34 @@
 "use strict";
 
-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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.schedulePane = void 0;
 var UI = _interopRequireWildcard(require("solid-ui"));
 var _solidLogic = require("solid-logic");
-var _formsForSchedule = _interopRequireDefault(require("./formsForSchedule.js"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-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); }
+var $rdf = _interopRequireWildcard(require("rdflib"));
+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); }
 /*   Scheduler Pane
  **
  **
  */
 /* global alert */
+/* babel-plugin-inline-import './formsForSchedule.ttl' */
+const formText = "@prefix dc: <http://purl.org/dc/elements/1.1/>.\n@prefix foaf: <http://xmlns.com/foaf/0.1/>.\n@prefix cal: <http://www.w3.org/2002/12/cal/ical#>.\n@prefix ui: <http://www.w3.org/ns/ui#>.\n@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#>.\n@prefix sched: <http://www.w3.org/ns/pim/schedule#>.\n\n   cal:Vevent ui:annotationForm <#form2>, <#form3>; ui:creationForm <#form1> .\n\n<#bigForm>\n    dc:title\n       \"Schedule event (single form).\";\n    a    ui:Group;\n    ui:parts ( <#form1> <#form2> <#form3> ).\n\n<#form1>\n    dc:title\n       \"Schedule an event (wizard)\";\n    a    ui:Form;\n    ui:parts (\n        <#form1header>\n        <#eventTitle>\n        <#eventLocation>\n        <#eventType>\n        <#eventSwitch>\n        <#eventComment>\n        <#eventAuthor> ).\n\n<#form1header> a ui:Heading; ui:contents \"Schedule an event\" .\n\n<#eventTitle>\n    a    ui:SingleLineTextField;\n    ui:maxLength\n       \"128\";\n    ui:property\n       cal:summary;\n    ui:size\n       \"40\".\n\n<#eventLocation>\n    a    ui:SingleLineTextField;\n    ui:maxLength\n       \"512\";\n    ui:property\n       cal:location;\n    ui:size\n       \"40\".\n\n<#eventType> a ui:BooleanField;\n  ui:property sched:allDay;\n  ui:default true . # Used to be the only way\n\n<#eventSwitch> a ui:Options;\n  ui:dependingOn sched:allDay;\n  ui:case [ ui:for true; ui:use <#AllDayForm> ];\n  ui:case [ ui:for false; ui:use <#NotAllDayForm> ].\n\n  <#AllDayForm> a ui:IntegerField ;\n    ui:property sched:durationInDays;\n    ui:label \"How many days?\";\n    ui:min 1;\n    ui:default 1 .\n\n  <#NotAllDayForm> a ui:IntegerField ;\n    ui:property sched:durationInMinutes;\n    ui:label \"Duration (mins)\";\n    ui:min 5;\n    ui:default 55 .\n\n<#eventComment>\n    a    ui:MultiLineTextField;\n#    ui:maxLength\n#       \"1048\";\n#    ui:size\n#       \"40\".\n    ui:property\n       cal:comment.\n\n<#eventAuthor>\n   a ui:Multiple; ui:min 1; ui:part <#eventAuthorGroup>; ui:property dc:author.\n\n   <#eventAuthorGroup> a ui:Group; ui:parts ( <#authorName> <#authorEmail> ) .\n   <#authorName> a ui:SingleLineTextField; ui:property foaf:name .\n   <#authorEmail> a ui:EmailField; ui:label \"email\"; ui:property foaf:mbox .\n\n\n#####################\n\n<#form2> dc:title \"Select possible days or times\"; a ui:Form;\n        ui:parts ( <#id1118132113134> <#possibleSwitch> ).\n\n    <#id1118132113134> a ui:Heading; ui:contents \"Time proposals\" .\n\n    <#possibleSwitch> a ui:Options;\n      ui:dependingOn sched:allDay;\n      ui:case [ ui:for true; ui:use <#AllDayForm2> ];\n      ui:case [ ui:for false; ui:use <#NotAllDayForm2> ].\n\n      <#AllDayForm2>\n      a ui:Multiple; ui:min 2; ui:part <#posssibleDate>; ui:property sched:option.\n        <#posssibleDate> a ui:DateField; ui:property cal:dtstart; ui:label \"date\".\n\n      <#NotAllDayForm2>\n      a ui:Multiple; ui:min 2; ui:part <#posssibleTime>; ui:property sched:option.\n        <#posssibleTime> a ui:DateTimeField; ui:property cal:dtstart; ui:label \"date and time\".\n\n   ##################################\n\n   <#form3> dc:title \"Select invited people\"; a ui:Form; ui:parts  ( <#id1118132113135> <#id1417314641301b> ) .\n<#id1417314641301b>\n   a ui:Multiple; ui:min 1; ui:part <#id1417314674292b>; ui:property sched:invitee.\n   <#id1417314674292b> a ui:EmailField; ui:label \"email\"; ui:property foaf:mbox .\n   <#id1118132113135> a ui:Heading; ui:contents \"Who to invite\" .\n\n# ENDS\n";
+const ns = UI.ns;
 
-var $rdf = UI.rdf;
-var ns = UI.ns;
 // @@ Give other combos too-- see schedule ontology
-var possibleAvailabilities = [ns.sched('No'), ns.sched('Maybe'), ns.sched('Yes')];
-var schedulePane = exports.schedulePane = {
+const possibleAvailabilities = [ns.sched('No'), ns.sched('Maybe'), ns.sched('Yes')];
+const schedulePane = exports.schedulePane = {
   icon: UI.icons.iconBase + 'noun_346777.svg',
   // @@ better?
 
   name: 'schedule',
   audience: [ns.solid('PowerUser')],
   // Does the subject deserve an Scheduler pane?
-  label: function label(subject, context) {
-    var kb = context.session.store;
-    var t = kb.findTypeURIs(subject);
+  label: function (subject, context) {
+    const kb = context.session.store;
+    const t = kb.findTypeURIs(subject);
     if (t['http://www.w3.org/ns/pim/schedule#SchedulableEvent']) {
       return 'Scheduling poll';
     }
@@ -37,13 +36,13 @@ var schedulePane = exports.schedulePane = {
   },
   //  Mint a new Schedule poll
   mintClass: ns.sched('SchedulableEvent'),
-  mintNew: function mintNew(context, options) {
+  mintNew: function (context, options) {
     return new Promise(function (resolve, reject) {
-      var ns = UI.ns;
-      var kb = context.session.store;
-      var newBase = options.newBase;
-      var thisInstance = options.useExisting || $rdf.sym(options.newBase + 'index.ttl#this');
-      var complainIfBad = function complainIfBad(ok, body) {
+      const ns = UI.ns;
+      const kb = context.session.store;
+      let newBase = options.newBase;
+      const thisInstance = options.useExisting || $rdf.sym(options.newBase + 'index.ttl#this');
+      const complainIfBad = function (ok, body) {
         if (ok) return;
         console.log('Error in Schedule Pane: Error constructing new scheduler: ' + body);
         reject(new Error(body));
@@ -54,12 +53,12 @@ var schedulePane = exports.schedulePane = {
       // Two constiations of ACL for this app, public read and public read/write
       // In all cases owner has read write control
 
-      var genACLtext = function genACLtext(docURI, aclURI, allWrite) {
-        var g = $rdf.graph();
-        var auth = $rdf.Namespace('http://www.w3.org/ns/auth/acl#');
-        var a = g.sym(aclURI + '#a1');
-        var acl = g.sym(aclURI);
-        var doc = g.sym(docURI);
+      const genACLtext = function (docURI, aclURI, allWrite) {
+        const g = $rdf.graph();
+        const auth = $rdf.Namespace('http://www.w3.org/ns/auth/acl#');
+        let a = g.sym(aclURI + '#a1');
+        const acl = g.sym(aclURI);
+        const doc = g.sym(docURI);
         g.add(a, UI.ns.rdf('type'), auth('Authorization'), acl);
         g.add(a, auth('accessTo'), doc, acl);
         g.add(a, auth('agent'), me, acl);
@@ -84,53 +83,49 @@ var schedulePane = exports.schedulePane = {
           }
           */
 
-      var setACL2 = function setACL2(docURI, allWrite, callbackFunction) {
-        var aclDoc = kb.any(kb.sym(docURI), kb.sym('http://www.iana.org/assignments/link-relations/acl')); // @@ check that this get set by web.js
+      const setACL2 = function setACL2(docURI, allWrite, callbackFunction) {
+        const aclDoc = kb.any(kb.sym(docURI), kb.sym('http://www.iana.org/assignments/link-relations/acl')); // @@ check that this get set by web.js
 
         if (aclDoc) {
           // Great we already know where it is
-          var aclText = genACLtext(docURI, aclDoc.uri, allWrite);
+          const aclText = genACLtext(docURI, aclDoc.uri, allWrite);
           return fetcher.webOperation('PUT', aclDoc.uri, {
             data: aclText,
             contentType: 'text/turtle'
-          }).then(function (_result) {
-            return callbackFunction(true);
-          })["catch"](function (err) {
+          }).then(_result => callbackFunction(true)).catch(err => {
             callbackFunction(false, err.message);
           });
         } else {
-          return fetcher.load(docURI)["catch"](function (err) {
+          return fetcher.load(docURI).catch(err => {
             callbackFunction(false, 'Getting headers for ACL: ' + err);
-          }).then(function () {
-            var aclDoc = kb.any(kb.sym(docURI), kb.sym('http://www.iana.org/assignments/link-relations/acl'));
+          }).then(() => {
+            const aclDoc = kb.any(kb.sym(docURI), kb.sym('http://www.iana.org/assignments/link-relations/acl'));
             if (!aclDoc) {
               // complainIfBad(false, "No Link rel=ACL header for " + docURI)
               throw new Error('No Link rel=ACL header for ' + docURI);
             }
-            var aclText = genACLtext(docURI, aclDoc.uri, allWrite);
+            const aclText = genACLtext(docURI, aclDoc.uri, allWrite);
             return fetcher.webOperation('PUT', aclDoc.uri, {
               data: aclText,
               contentType: 'text/turtle'
             });
-          }).then(function (_result) {
-            return callbackFunction(true);
-          })["catch"](function (err) {
+          }).then(_result => callbackFunction(true)).catch(err => {
             callbackFunction(false, err.message);
           });
         }
       };
 
       // Body of mintNew
-      var fetcher = kb.fetcher;
-      var updater = kb.updater;
-      var me = options.me || _solidLogic.authn.currentUser();
+      const fetcher = kb.fetcher;
+      const updater = kb.updater;
+      let me = options.me || _solidLogic.authn.currentUser();
       if (!me) {
         console.log('MUST BE LOGGED IN');
         alert('NOT LOGGED IN');
         return;
       }
-      var base = thisInstance.dir().uri;
-      var newDetailsDoc, newInstance; // , newIndexDoc
+      const base = thisInstance.dir().uri;
+      let newDetailsDoc, newInstance; // , newIndexDoc
 
       if (options.useExisting) {
         newInstance = options.useExisting;
@@ -145,21 +140,21 @@ var schedulePane = exports.schedulePane = {
         // newIndexDoc = kb.sym(newBase + 'index.html')
         newInstance = kb.sym(newDetailsDoc.uri + '#event');
       }
-      var newResultsDoc = kb.sym(newBase + 'results.ttl');
-      var toBeCopied = options.noIndexHTML ? {} : [{
+      const newResultsDoc = kb.sym(newBase + 'results.ttl');
+      const toBeCopied = options.noIndexHTML ? {} : [{
         local: 'index.html',
         contentType: 'text/html'
       }];
-      var agenda = [];
+      const agenda = [];
 
       //   @@ This needs some form of visible progress bar
-      for (var f = 0; f < toBeCopied.length; f++) {
-        var item = toBeCopied[f];
-        var fun = function copyItem(item) {
+      for (let f = 0; f < toBeCopied.length; f++) {
+        const item = toBeCopied[f];
+        const fun = function copyItem(item) {
           agenda.push(function () {
-            var newURI = newBase + item.local;
+            const newURI = newBase + item.local;
             console.log('Copying ' + base + item.local + ' to ' + newURI);
-            var setThatACL = function setThatACL() {
+            const setThatACL = function () {
               setACL2(newURI, false, function (ok, message) {
                 if (!ok) {
                   complainIfBad(ok, 'FAILED to set ACL ' + newURI + ' : ' + message);
@@ -169,12 +164,10 @@ var schedulePane = exports.schedulePane = {
                 }
               });
             };
-            kb.fetcher.webCopy(base + item.local, newBase + item.local, item.contentType).then(function () {
-              return _solidLogic.authn.checkUser();
-            }).then(function (webId) {
+            kb.fetcher.webCopy(base + item.local, newBase + item.local, item.contentType).then(() => _solidLogic.authn.checkUser()).then(webId => {
               me = webId;
               setThatACL();
-            })["catch"](function (err) {
+            }).catch(err => {
               console.log('FAILED to copy ' + base + item.local + ' : ' + err.message);
               complainIfBad(false, 'FAILED to copy ' + base + item.local + ' : ' + err.message);
             });
@@ -203,9 +196,9 @@ var schedulePane = exports.schedulePane = {
         kb.fetcher.webOperation('PUT', newResultsDoc.uri, {
           data: '',
           contentType: 'text/turtle'
-        }).then(function () {
+        }).then(() => {
           agenda.shift()();
-        })["catch"](function (err) {
+        }).catch(err => {
           complainIfBad(false, 'Failed to initialize empty results file: ' + err.message);
         });
       });
@@ -234,55 +227,55 @@ var schedulePane = exports.schedulePane = {
   // mintNew
 
   //  Render one meeting schedule poll
-  render: function render(subject, context) {
-    var dom = context.dom;
-    var kb = context.session.store;
-    var ns = UI.ns;
-    var invitation = subject;
-    var appPathSegment = 'app-when-can-we.w3.org'; // how to allocate this string and connect to
+  render: function (subject, context) {
+    const dom = context.dom;
+    const kb = context.session.store;
+    const ns = UI.ns;
+    const invitation = subject;
+    const appPathSegment = 'app-when-can-we.w3.org'; // how to allocate this string and connect to
 
     // ////////////////////////////////////////////
 
-    var fetcher = kb.fetcher;
-    var updater = kb.updater;
-    var waitingForLogin = false;
-    var thisInstance = subject;
-    var detailsDoc = subject.doc();
-    var baseDir = detailsDoc.dir();
-    var base = baseDir.uri;
-    var resultsDoc = $rdf.sym(base + 'results.ttl');
+    const fetcher = kb.fetcher;
+    const updater = kb.updater;
+    let waitingForLogin = false;
+    const thisInstance = subject;
+    const detailsDoc = subject.doc();
+    const baseDir = detailsDoc.dir();
+    const base = baseDir.uri;
+    const resultsDoc = $rdf.sym(base + 'results.ttl');
     // const formsURI = base + 'forms.ttl'
     // We can't in fact host stuff from there because of CORS
-    var formsURI = 'https://solidos.github.io/solid-panes/schedule/formsForSchedule.ttl';
-    var form1 = kb.sym(formsURI + '#form1');
-    var form2 = kb.sym(formsURI + '#form2');
-    var form3 = kb.sym(formsURI + '#form3');
-    $rdf.parse(_formsForSchedule["default"], kb, formsURI, 'text/turtle'); // Load forms directly
+    const formsURI = 'https://solidos.github.io/solid-panes/schedule/formsForSchedule.ttl';
+    const form1 = kb.sym(formsURI + '#form1');
+    const form2 = kb.sym(formsURI + '#form2');
+    const form3 = kb.sym(formsURI + '#form3');
+    $rdf.parse(formText, kb, formsURI, 'text/turtle'); // Load forms directly
 
-    var inputStyle = 'background-color: #eef; padding: 0.5em;  border: .5em solid white; font-size: 100%'; //  font-size: 120%
-    var buttonIconStyle = 'width: 1.8em; height: 1.8em;';
+    const inputStyle = 'background-color: #eef; padding: 0.5em;  border: .5em solid white; font-size: 100%'; //  font-size: 120%
+    const buttonIconStyle = 'width: 1.8em; height: 1.8em;';
 
     // Utility functions
 
-    var complainIfBad = function complainIfBad(ok, message) {
+    const complainIfBad = function (ok, message) {
       if (!ok) {
         div.appendChild(UI.widgets.errorMessageBlock(dom, message, 'pink'));
       }
     };
-    var clearElement = function clearElement(ele) {
+    const clearElement = function (ele) {
       while (ele.firstChild) {
         ele.removeChild(ele.firstChild);
       }
       return ele;
     };
-    var refreshCellColor = function refreshCellColor(cell, value) {
-      var bg = kb.any(value, UI.ns.ui('backgroundColor'));
+    const refreshCellColor = function (cell, value) {
+      const bg = kb.any(value, UI.ns.ui('backgroundColor'));
       if (bg) {
         cell.setAttribute('style', 'padding: 0.3em; text-align: center; background-color: ' + bg + ';');
       }
     };
-    var me;
-    _solidLogic.authn.checkUser().then(function (webId) {
+    let me;
+    _solidLogic.authn.checkUser().then(webId => {
       me = webId;
       if (logInOutButton) {
         logInOutButton.refresh();
@@ -299,8 +292,8 @@ var schedulePane = exports.schedulePane = {
     // Viral growth path: user of app decides to make another instance
     //
 
-    var newInstanceButton = function newInstanceButton() {
-      var b = UI.login.newAppInstance(dom, {
+    const newInstanceButton = function () {
+      const b = UI.login.newAppInstance(dom, {
         noun: 'scheduler'
       }, initializeNewInstanceInWorkspace);
       b.firstChild.setAttribute('style', inputStyle);
@@ -309,8 +302,8 @@ var schedulePane = exports.schedulePane = {
 
     // ///////////////////////  Create new document files for new instance of app
 
-    var initializeNewInstanceInWorkspace = function initializeNewInstanceInWorkspace(ws) {
-      var newBase = kb.any(ws, ns.space('uriPrefix'));
+    const initializeNewInstanceInWorkspace = function (ws) {
+      let newBase = kb.any(ws, ns.space('uriPrefix'));
       if (!newBase) {
         newBase = ws.uri.split('#')[0];
       } else {
@@ -320,28 +313,28 @@ var schedulePane = exports.schedulePane = {
         $rdf.log.error(appPathSegment + ': No / at end of uriPrefix ' + newBase); // @@ paramater?
         newBase = newBase + '/';
       }
-      var now = new Date();
+      const now = new Date();
       newBase += appPathSegment + '/id' + now.getTime() + '/'; // unique id
 
       initializeNewInstanceAtBase(thisInstance, newBase);
     };
-    var initializeNewInstanceAtBase = function initializeNewInstanceAtBase(thisInstance, newBase) {
-      var options = {
-        thisInstance: thisInstance,
-        newBase: newBase
+    const initializeNewInstanceAtBase = function (thisInstance, newBase) {
+      const options = {
+        thisInstance,
+        newBase
       };
       this.mintNew(context, options).then(function (options) {
-        var p = div.appendChild(dom.createElement('p'));
+        const p = div.appendChild(dom.createElement('p'));
         p.setAttribute('style', 'font-size: 140%;');
-        p.innerHTML = "Your <a href='" + options.newInstance.uri + "'><b>new scheduler</b></a> is ready to be set up. " + "<br/><br/><a href='" + options.newInstance.uri + "'>Say when you what days work for you.</a>";
-      })["catch"](function (error) {
+        p.innerHTML = 'Your <a href=\'' + options.newInstance.uri + '\'><b>new scheduler</b></a> is ready to be set up. ' + '<br/><br/><a href=\'' + options.newInstance.uri + '\'>Say when you what days work for you.</a>';
+      }).catch(function (error) {
         complainIfBad(false, 'Error createing new scheduler at ' + options.newInstance + ': ' + error);
       });
     };
 
     // ///////////////////////
 
-    var getForms = function getForms() {
+    const getForms = function () {
       console.log('getforms()');
       getDetails();
       /*
@@ -352,7 +345,7 @@ var schedulePane = exports.schedulePane = {
       })
       */
     };
-    var getDetails = function getDetails() {
+    const getDetails = function () {
       console.log('getDetails()'); // Looking for blank screen hang-up
       fetcher.nowOrWhenFetched(detailsDoc.uri, undefined, function (ok, body) {
         console.log('getDetails() ok? ' + ok);
@@ -360,9 +353,9 @@ var schedulePane = exports.schedulePane = {
         showAppropriateDisplay();
       });
     };
-    var showAppropriateDisplay = function showAppropriateDisplay() {
+    const showAppropriateDisplay = function showAppropriateDisplay() {
       console.log('showAppropriateDisplay()');
-      _solidLogic.authn.checkUser().then(function (webId) {
+      _solidLogic.authn.checkUser().then(webId => {
         if (!webId) {
           return showSignon();
         }
@@ -375,7 +368,7 @@ var schedulePane = exports.schedulePane = {
           showBootstrap(div);
           return;
         }
-        var ready = kb.any(subject, ns.sched('ready'));
+        const ready = kb.any(subject, ns.sched('ready'));
         if (!ready) {
           showForms();
         } else {
@@ -384,39 +377,39 @@ var schedulePane = exports.schedulePane = {
         }
       });
     };
-    var showSignon = function showSignon() {
+    const showSignon = function showSignon() {
       clearElement(naviMain);
-      var signonContext = {
-        div: div,
-        dom: dom
+      const signonContext = {
+        div,
+        dom
       };
-      UI.login.ensureLoggedIn(signonContext).then(function (context) {
+      UI.login.ensureLoggedIn(signonContext).then(context => {
         me = context.me;
         waitingForLogin = false; // untested
         showAppropriateDisplay();
       });
     };
-    var showBootstrap = function showBootstrap() {
-      var div = clearElement(naviMain);
+    const showBootstrap = function showBootstrap() {
+      const div = clearElement(naviMain);
       div.appendChild(UI.login.newAppInstance(dom, {
         noun: 'poll'
       }, initializeNewInstanceInWorkspace));
       div.appendChild(dom.createElement('hr')); // @@
 
-      var p = div.appendChild(dom.createElement('p'));
+      const p = div.appendChild(dom.createElement('p'));
       p.textContent = 'Where would you like to store the data for the poll?  ' + 'Give the URL of the directory where you would like the data stored.';
-      var baseField = div.appendChild(dom.createElement('input'));
+      const baseField = div.appendChild(dom.createElement('input'));
       baseField.setAttribute('type', 'text');
       baseField.size = 80; // really a string
       baseField.label = 'base URL';
       baseField.autocomplete = 'on';
       div.appendChild(dom.createElement('br')); // @@
 
-      var button = div.appendChild(dom.createElement('button'));
+      const button = div.appendChild(dom.createElement('button'));
       button.setAttribute('style', inputStyle);
       button.textContent = 'Start new poll at this URI';
       button.addEventListener('click', function (_e) {
-        var newBase = baseField.value;
+        let newBase = baseField.value;
         if (newBase.slice(-1) !== '/') {
           newBase += '/';
         }
@@ -426,23 +419,23 @@ var schedulePane = exports.schedulePane = {
 
     // ///////////// The forms to configure the poll
 
-    var doneButton = dom.createElement('button');
-    var showForms = function showForms() {
+    const doneButton = dom.createElement('button');
+    const showForms = function () {
       clearElement(naviCenter); // Remove refresh button if nec
-      var div = naviMain;
-      var wizard = true;
-      var currentSlide = 0;
-      var gotDoneButton = false;
+      const div = naviMain;
+      const wizard = true;
+      let currentSlide = 0;
+      let gotDoneButton = false;
       if (wizard) {
-        var forms = [form1, form2, form3];
-        var slides = [];
+        const forms = [form1, form2, form3];
+        const slides = [];
         currentSlide = 0;
-        for (var f = 0; f < forms.length; f++) {
-          var slide = dom.createElement('div');
+        for (let f = 0; f < forms.length; f++) {
+          const slide = dom.createElement('div');
           UI.widgets.appendForm(document, slide, {}, subject, forms[f], detailsDoc, complainIfBad);
           slides.push(slide);
         }
-        var refresh = function refresh() {
+        const refresh = function () {
           clearElement(naviMain).appendChild(slides[currentSlide]);
           if (currentSlide === 0) {
             b1.setAttribute('disabled', '');
@@ -461,7 +454,7 @@ var schedulePane = exports.schedulePane = {
             b2.removeAttribute('disabled');
           }
         };
-        var b1 = clearElement(naviLeft).appendChild(dom.createElement('button'));
+        const b1 = clearElement(naviLeft).appendChild(dom.createElement('button'));
         b1.setAttribute('style', inputStyle);
         b1.textContent = '<- go back';
         b1.addEventListener('click', function (_e) {
@@ -470,7 +463,7 @@ var schedulePane = exports.schedulePane = {
             refresh();
           }
         }, false);
-        var b2 = clearElement(naviRight).appendChild(dom.createElement('button'));
+        const b2 = clearElement(naviRight).appendChild(dom.createElement('button'));
         b2.setAttribute('style', inputStyle);
         b2.textContent = 'continue ->';
         b2.addEventListener('click', function (_e) {
@@ -483,7 +476,7 @@ var schedulePane = exports.schedulePane = {
       } else {
         // not wizard one big form
         // @@@ create the initial config doc if not exist
-        var table = div.appendChild(dom.createElement('table'));
+        const table = div.appendChild(dom.createElement('table'));
         UI.widgets.appendForm(document, table, {}, subject, form1, detailsDoc, complainIfBad);
         UI.widgets.appendForm(document, table, {}, subject, form2, detailsDoc, complainIfBad);
         UI.widgets.appendForm(document, table, {}, subject, form3, detailsDoc, complainIfBad);
@@ -491,7 +484,7 @@ var schedulePane = exports.schedulePane = {
       }
       // @@@  link config to results
 
-      var insertables = [];
+      const insertables = [];
       insertables.push($rdf.st(subject, ns.sched('availabilityOptions'), ns.sched('YesNoMaybe'), detailsDoc));
       insertables.push($rdf.st(subject, ns.sched('ready'), new Date(), detailsDoc));
       insertables.push($rdf.st(subject, ns.sched('results'), resultsDoc, detailsDoc)); // @@ also link in results
@@ -515,16 +508,16 @@ var schedulePane = exports.schedulePane = {
           });
         }
       }, false);
-      var emailButton = dom.createElement('button');
+      const emailButton = dom.createElement('button');
       emailButton.setAttribute('style', inputStyle);
-      var emailIcon = emailButton.appendChild(dom.createElement('img'));
+      const emailIcon = emailButton.appendChild(dom.createElement('img'));
       emailIcon.setAttribute('src', UI.icons.iconBase + 'noun_480183.svg'); // noun_480183.svg
       emailIcon.setAttribute('style', buttonIconStyle);
       // emailButton.textContent = 'email invitations'
       emailButton.addEventListener('click', function (_e) {
-        var title = kb.anyValue(subject, ns.cal('summary')) || kb.anyValue(subject, ns.dc('title')) || '';
-        var mailto = 'mailto:' + kb.each(subject, ns.sched('invitee')).map(function (who) {
-          var mbox = kb.any(who, ns.foaf('mbox'));
+        const title = kb.anyValue(subject, ns.cal('summary')) || kb.anyValue(subject, ns.dc('title')) || '';
+        const mailto = 'mailto:' + kb.each(subject, ns.sched('invitee')).map(function (who) {
+          const mbox = kb.any(who, ns.foaf('mbox'));
           return mbox ? mbox.uri.replace('mailto:', '') : '';
         }).join(',') + '?subject=' + encodeURIComponent(title + '-- When can we meet?') + '&body=' + encodeURIComponent(title + '\n\nWhen can you?\n\nSee ' + subject + '\n');
         // @@ assumed there is a data browser
@@ -656,7 +649,7 @@ var schedulePane = exports.schedulePane = {
 
     // Read or create empty results file
     function getResults() {
-      fetcher.nowOrWhenFetched(resultsDoc.uri, function (ok, body, response) {
+      fetcher.nowOrWhenFetched(resultsDoc.uri, (ok, body, response) => {
         if (!ok) {
           if (response.status === 404) {
             // /  Check explicitly for 404 error
@@ -688,10 +681,10 @@ var schedulePane = exports.schedulePane = {
       // div.appendChild(dom.createElement('hr'))
 
       // const invitation = subject
-      var title = kb.any(invitation, ns.cal('summary'));
-      var comment = kb.any(invitation, ns.cal('comment'));
-      var location = kb.any(invitation, ns.cal('location'));
-      var div = naviMain;
+      const title = kb.any(invitation, ns.cal('summary'));
+      const comment = kb.any(invitation, ns.cal('comment'));
+      const location = kb.any(invitation, ns.cal('location'));
+      const div = naviMain;
       if (title) div.appendChild(dom.createElement('h3')).textContent = title;
       if (location) {
         div.appendChild(dom.createElement('address')).textContent = location.value;
@@ -699,16 +692,16 @@ var schedulePane = exports.schedulePane = {
       if (comment) {
         div.appendChild(dom.createElement('p')).textContent = comment.value;
       }
-      var author = kb.any(invitation, ns.dc('author'));
+      const author = kb.any(invitation, ns.dc('author'));
       if (author) {
-        var authorName = kb.any(author, ns.foaf('name'));
+        const authorName = kb.any(author, ns.foaf('name'));
         if (authorName) {
           div.appendChild(dom.createElement('p')).textContent = authorName;
         }
       }
-      var query = new $rdf.Query('Responses');
-      var v = {};
-      var vs = ['time', 'author', 'value', 'resp', 'cell'];
+      const query = new $rdf.Query('Responses');
+      const v = {};
+      const vs = ['time', 'author', 'value', 'resp', 'cell'];
       vs.forEach(function (x) {
         query.vars.push(v[x] = $rdf.variable(x));
       });
@@ -720,7 +713,7 @@ var schedulePane = exports.schedulePane = {
 
       // Sort by by person @@@
 
-      var options = {};
+      const options = {};
       options.set_x = kb.each(subject, ns.sched('option')); // @@@@@ option -> dtstart in future
       options.set_x = options.set_x.map(function (opt) {
         return kb.any(opt, ns.cal('dtstart'));
@@ -729,16 +722,16 @@ var schedulePane = exports.schedulePane = {
       options.set_y = options.set_y.map(function (resp) {
         return kb.any(resp, ns.dc('author'));
       });
-      var possibleTimes = kb.each(invitation, ns.sched('option')).map(function (opt) {
+      const possibleTimes = kb.each(invitation, ns.sched('option')).map(function (opt) {
         return kb.any(opt, ns.cal('dtstart'));
       });
-      var displayTheMatrix = function displayTheMatrix() {
-        var matrix = div.appendChild(UI.matrix.matrixForQuery(dom, query, v.time, v.author, v.value, options, function () {}));
+      const displayTheMatrix = function () {
+        const matrix = div.appendChild(UI.matrix.matrixForQuery(dom, query, v.time, v.author, v.value, options, function () {}));
         matrix.setAttribute('class', 'matrix');
-        var refreshButton = dom.createElement('button');
+        const refreshButton = dom.createElement('button');
         refreshButton.setAttribute('style', inputStyle);
         // refreshButton.textContent = 'refresh' // noun_479395.svg
-        var refreshIcon = dom.createElement('img');
+        const refreshIcon = dom.createElement('img');
         refreshIcon.setAttribute('src', UI.icons.iconBase + 'noun_479395.svg');
         refreshIcon.setAttribute('style', buttonIconStyle);
         refreshButton.appendChild(refreshIcon);
@@ -762,14 +755,14 @@ var schedulePane = exports.schedulePane = {
 
       // const me = authn.currentUser()
 
-      var dataPointForNT = [];
-      var loginContext = {
+      const dataPointForNT = [];
+      const loginContext = {
         div: naviCenter,
-        dom: dom
+        dom
       };
-      UI.login.ensureLoggedIn(loginContext).then(function (context) {
-        var me = context.me;
-        var doc = resultsDoc;
+      UI.login.ensureLoggedIn(loginContext).then(context => {
+        const me = context.me;
+        const doc = resultsDoc;
         options.set_y = options.set_y.filter(function (z) {
           return !z.sameTerm(me);
         });
@@ -782,42 +775,42 @@ var schedulePane = exports.schedulePane = {
             });
           }
           if (y.sameTerm(me)) {
-            var callbackFunction = function callbackFunction() {
+            const callbackFunction = function () {
               refreshCellColor(cell, value);
             }; //  @@ may need that
-            var selectOptions = {};
-            var predicate = ns.sched('availabilty');
-            var cellSubject = dataPointForNT[x.toNT()];
-            var selector = UI.widgets.makeSelectForOptions(dom, kb, cellSubject, predicate, possibleAvailabilities, selectOptions, resultsDoc, callbackFunction);
+            const selectOptions = {};
+            const predicate = ns.sched('availabilty');
+            const cellSubject = dataPointForNT[x.toNT()];
+            const selector = UI.widgets.makeSelectForOptions(dom, kb, cellSubject, predicate, possibleAvailabilities, selectOptions, resultsDoc, callbackFunction);
             cell.appendChild(selector);
           } else if (value !== null) {
             cell.textContent = UI.utils.label(value);
           }
         };
-        var responses = kb.each(invitation, ns.sched('response'));
-        var myResponse = null;
+        const responses = kb.each(invitation, ns.sched('response'));
+        let myResponse = null;
         responses.forEach(function (r) {
           if (kb.holds(r, ns.dc('author'), me)) {
             myResponse = r;
           }
         });
-        var insertables = []; // list of statements to be stored
+        const insertables = []; // list of statements to be stored
 
-        var id = UI.widgets.newThing(doc).uri;
+        const id = UI.widgets.newThing(doc).uri;
         if (myResponse === null) {
           myResponse = $rdf.sym(id + '_response');
           insertables.push($rdf.st(invitation, ns.sched('response'), myResponse, doc));
           insertables.push($rdf.st(myResponse, ns.dc('author'), me, doc));
         } else {
-          var dps = kb.each(myResponse, ns.sched('cell'));
+          const dps = kb.each(myResponse, ns.sched('cell'));
           dps.forEach(function (dataPoint) {
-            var time = kb.any(dataPoint, ns.cal('dtstart'));
+            const time = kb.any(dataPoint, ns.cal('dtstart'));
             dataPointForNT[time.toNT()] = dataPoint;
           });
         }
-        for (var j = 0; j < possibleTimes.length; j++) {
+        for (let j = 0; j < possibleTimes.length; j++) {
           if (dataPointForNT[possibleTimes[j].toNT()]) continue;
-          var dataPoint = $rdf.sym(id + '_' + j);
+          const dataPoint = $rdf.sym(id + '_' + j);
           insertables.push($rdf.st(myResponse, ns.sched('cell'), dataPoint, doc));
           insertables.push($rdf.st(dataPoint, ns.cal('dtstart'), possibleTimes[j], doc)); // @@
           dataPointForNT[possibleTimes[j].toNT()] = dataPoint;
@@ -838,12 +831,12 @@ var schedulePane = exports.schedulePane = {
 
       // If I made this in the first place, allow me to edit it.
       // @@ optionally -- allows others to if according to original
-      var instanceCreator = kb.any(subject, ns.foaf('maker')); // owner?
+      const instanceCreator = kb.any(subject, ns.foaf('maker')); // owner?
       if (!instanceCreator || instanceCreator.sameTerm(me)) {
-        var editButton = dom.createElement('button');
+        const editButton = dom.createElement('button');
         editButton.setAttribute('style', inputStyle);
         // editButton.textContent = '(Modify the poll)' // noun_344563.svg
-        var editIcon = dom.createElement('img');
+        const editIcon = dom.createElement('img');
         editIcon.setAttribute('src', UI.icons.iconBase + 'noun_344563.svg');
         editIcon.setAttribute('style', buttonIconStyle);
         editButton.appendChild(editIcon);
@@ -861,14 +854,14 @@ var schedulePane = exports.schedulePane = {
       naviRight.appendChild(newInstanceButton());
     } // showResults
 
-    var div = dom.createElement('div');
-    var structure = div.appendChild(dom.createElement('table')); // @@ make responsive style
+    const div = dom.createElement('div');
+    const structure = div.appendChild(dom.createElement('table')); // @@ make responsive style
     structure.setAttribute('style', 'background-color: white; min-width: 40em; min-height: 13em;');
-    var naviLoginoutTR = structure.appendChild(dom.createElement('tr'));
+    const naviLoginoutTR = structure.appendChild(dom.createElement('tr'));
     naviLoginoutTR.appendChild(dom.createElement('td'));
     naviLoginoutTR.appendChild(dom.createElement('td'));
     naviLoginoutTR.appendChild(dom.createElement('td'));
-    var logInOutButton = null;
+    const logInOutButton = null;
     /*
     const logInOutButton = UI.login.loginStatusBox(dom, setUser)
     // floating divs lead to a mess
@@ -877,16 +870,16 @@ var schedulePane = exports.schedulePane = {
     logInOutButton.setAttribute('style', 'margin-right: 0em;')
     */
 
-    var naviTop = structure.appendChild(dom.createElement('tr'));
-    var naviMain = naviTop.appendChild(dom.createElement('td'));
+    const naviTop = structure.appendChild(dom.createElement('tr'));
+    const naviMain = naviTop.appendChild(dom.createElement('td'));
     naviMain.setAttribute('colspan', '3');
-    var naviMenu = structure.appendChild(dom.createElement('tr'));
+    const naviMenu = structure.appendChild(dom.createElement('tr'));
     naviMenu.setAttribute('class', 'naviMenu');
     naviMenu.setAttribute('style', ' text-align: middle; vertical-align: middle; padding-top: 4em; ');
     //    naviMenu.setAttribute('style', 'margin-top: 3em;')
-    var naviLeft = naviMenu.appendChild(dom.createElement('td'));
-    var naviCenter = naviMenu.appendChild(dom.createElement('td'));
-    var naviRight = naviMenu.appendChild(dom.createElement('td'));
+    const naviLeft = naviMenu.appendChild(dom.createElement('td'));
+    const naviCenter = naviMenu.appendChild(dom.createElement('td'));
+    const naviRight = naviMenu.appendChild(dom.createElement('td'));
     getForms();
     return div;
   } // render