solid-panes 3.5.28-alpha → 3.5.29-alpha

package/lib/schedule/schedulePane.js

@@ -1,41 +1,37 @@
 "use strict";
 
 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 UI = _interopRequireWildcard(require("solid-ui"));
-
 var _solidLogic = require("solid-logic");
-
 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; }
-
 /*   Scheduler Pane
  **
  **
  */
-
 /* global alert */
+
 var $rdf = UI.rdf;
-var ns = UI.ns; // @@ Give other combos too-- see schedule ontology
+var ns = UI.ns;
 
+// @@ Give other combos too-- see schedule ontology
 var possibleAvailabilities = [ns.sched('No'), ns.sched('Maybe'), ns.sched('Yes')];
 module.exports = {
   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);
-
     if (t['http://www.w3.org/ns/pim/schedule#SchedulableEvent']) {
       return 'Scheduling poll';
     }
-
     return null; // No under other circumstances
   },
+
   //  Mint a new Schedule poll
   mintClass: ns.sched('SchedulableEvent'),
   mintNew: function mintNew(context, options) {
@@ -44,16 +40,17 @@ module.exports = {
       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) {
         if (ok) return;
         console.log('Error in Schedule Pane: Error constructing new scheduler: ' + body);
         reject(new Error(body));
-      }; // ////////////////////// Accesss control
+      };
+
+      // ////////////////////// Accesss control
+
       // 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#');
@@ -71,13 +68,12 @@ module.exports = {
         g.add(a, auth('accessTo'), doc, acl);
         g.add(a, auth('agentClass'), ns.foaf('Agent'), acl);
         g.add(a, auth('mode'), auth('Read'), acl);
-
         if (allWrite) {
           g.add(a, auth('mode'), auth('Write'), acl);
         }
-
         return $rdf.serialize(acl, g, aclURI, 'text/turtle');
       };
+
       /*
           const setACL3 = function (docURI, allWrite, callbackFunction) {
             const aclText = genACLtext(docURI, aclDoc.uri, allWrite)
@@ -85,7 +81,6 @@ module.exports = {
           }
           */
 
-
       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
 
@@ -105,12 +100,10 @@ module.exports = {
             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'));
-
             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);
             return fetcher.webOperation('PUT', aclDoc.uri, {
               data: aclText,
@@ -122,52 +115,47 @@ module.exports = {
             callbackFunction(false, err.message);
           });
         }
-      }; // Body of mintNew
-
+      };
 
+      // Body of mintNew
       var fetcher = kb.fetcher;
       var updater = kb.updater;
-
       var 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
 
       if (options.useExisting) {
         newInstance = options.useExisting;
         newBase = thisInstance.dir().uri;
-        newDetailsDoc = newInstance.doc(); // newIndexDoc = null
-
+        newDetailsDoc = newInstance.doc();
+        // newIndexDoc = null
         if (options.newBase) {
           throw new Error('mint new scheduler: Illegal - have both new base and existing event');
         }
       } else {
-        newDetailsDoc = kb.sym(newBase + 'details.ttl'); // newIndexDoc = kb.sym(newBase + 'index.html')
-
+        newDetailsDoc = kb.sym(newBase + 'details.ttl');
+        // newIndexDoc = kb.sym(newBase + 'index.html')
         newInstance = kb.sym(newDetailsDoc.uri + '#event');
       }
-
       var newResultsDoc = kb.sym(newBase + 'results.ttl');
       var toBeCopied = options.noIndexHTML ? {} : [{
         local: 'index.html',
         contentType: 'text/html'
       }];
-      var agenda = []; //   @@ This needs some form of visible progress bar
+      var 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) {
           agenda.push(function () {
             var newURI = newBase + item.local;
             console.log('Copying ' + base + item.local + ' to ' + newURI);
-
             var setThatACL = function setThatACL() {
               setACL2(newURI, false, function (ok, message) {
                 if (!ok) {
@@ -190,16 +178,12 @@ module.exports = {
             });
           });
         };
-
         fun(item);
       }
-
       agenda.push(function createDetailsFile() {
         kb.add(newInstance, ns.rdf('type'), ns.sched('SchedulableEvent'), newDetailsDoc);
-
         if (me) {
           kb.add(newInstance, ns.dc('author'), me, newDetailsDoc); // Who is sending the invitation?
-
           kb.add(newInstance, ns.foaf('maker'), me, newDetailsDoc); // Uneditable - wh is allowed to edit this?
         }
 
@@ -242,10 +226,13 @@ module.exports = {
         options.newInstance = newInstance;
         resolve(options);
       });
-      agenda.shift()(); // Created new data files.
+      agenda.shift()();
+      // Created new data files.
     }); // promise
   },
+
   // mintNew
+
   //  Render one meeting schedule poll
   render: function render(subject, context) {
     var dom = context.dom;
@@ -253,6 +240,7 @@ module.exports = {
     var ns = UI.ns;
     var invitation = subject;
     var appPathSegment = 'app-when-can-we.w3.org'; // how to allocate this string and connect to
+
     // ////////////////////////////////////////////
 
     var fetcher = kb.fetcher;
@@ -262,60 +250,51 @@ module.exports = {
     var detailsDoc = subject.doc();
     var baseDir = detailsDoc.dir();
     var base = baseDir.uri;
-    var resultsDoc = $rdf.sym(base + 'results.ttl'); // const formsURI = base + 'forms.ttl'
+    var 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');
-
     var formText = require('./formsForSchedule.js');
-
     $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;';
 
-    var buttonIconStyle = 'width: 1.8em; height: 1.8em;'; // Utility functions
+    // Utility functions
 
     var complainIfBad = function complainIfBad(ok, message) {
       if (!ok) {
         div.appendChild(UI.widgets.errorMessageBlock(dom, message, 'pink'));
       }
     };
-
     var clearElement = function clearElement(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'));
-
       if (bg) {
         cell.setAttribute('style', 'padding: 0.3em; text-align: center; background-color: ' + bg + ';');
       }
     };
-
     var me;
-
     _solidLogic.authn.checkUser().then(function (webId) {
       me = webId;
-
       if (logInOutButton) {
         logInOutButton.refresh();
       }
-
       if (webId && waitingForLogin) {
         waitingForLogin = false;
         showAppropriateDisplay();
       }
     });
-
     console.log('me: ' + me); // @@ curently not actually used elsewhere
+
     // //////////////////////////////  Reproduction: spawn a new instance
     //
     // Viral growth path: user of app decides to make another instance
@@ -328,30 +307,25 @@ module.exports = {
       b.firstChild.setAttribute('style', inputStyle);
       return b;
     }; // newInstanceButton
-    // ///////////////////////  Create new document files for new instance of app
 
+    // ///////////////////////  Create new document files for new instance of app
 
     var initializeNewInstanceInWorkspace = function initializeNewInstanceInWorkspace(ws) {
       var newBase = kb.any(ws, ns.space('uriPrefix'));
-
       if (!newBase) {
         newBase = ws.uri.split('#')[0];
       } else {
         newBase = newBase.value;
       }
-
       if (newBase.slice(-1) !== '/') {
         $rdf.log.error(appPathSegment + ': No / at end of uriPrefix ' + newBase); // @@ paramater?
-
         newBase = newBase + '/';
       }
-
       var now = new Date();
       newBase += appPathSegment + '/id' + now.getTime() + '/'; // unique id
 
       initializeNewInstanceAtBase(thisInstance, newBase);
     };
-
     var initializeNewInstanceAtBase = function initializeNewInstanceAtBase(thisInstance, newBase) {
       var options = {
         thisInstance: thisInstance,
@@ -364,8 +338,9 @@ module.exports = {
       })["catch"](function (error) {
         complainIfBad(false, 'Error createing new scheduler at ' + options.newInstance + ': ' + error);
       });
-    }; // ///////////////////////
+    };
 
+    // ///////////////////////
 
     var getForms = function getForms() {
       console.log('getforms()');
@@ -381,32 +356,28 @@ module.exports = {
 
     var getDetails = function getDetails() {
       console.log('getDetails()'); // Looking for blank screen hang-up
-
       fetcher.nowOrWhenFetched(detailsDoc.uri, undefined, function (ok, body) {
         console.log('getDetails() ok? ' + ok);
         if (!ok) return complainIfBad(ok, body);
         showAppropriateDisplay();
       });
     };
-
     var showAppropriateDisplay = function showAppropriateDisplay() {
       console.log('showAppropriateDisplay()');
-
       _solidLogic.authn.checkUser().then(function (webId) {
         if (!webId) {
           return showSignon();
-        } // On gh-pages, the turtle will not load properly (bad mime type)
-        // but we can trap it as being a non-editable server.
+        }
 
+        // On gh-pages, the turtle will not load properly (bad mime type)
+        // but we can trap it as being a non-editable server.
 
         if (!kb.updater.editable(detailsDoc.uri, kb) || kb.holds(subject, ns.rdf('type'), ns.wf('TemplateInstance'))) {
           // This is read-only example e.g. on github pages, etc
           showBootstrap(div);
           return;
         }
-
         var ready = kb.any(subject, ns.sched('ready'));
-
         if (!ready) {
           showForms();
         } else {
@@ -415,7 +386,6 @@ module.exports = {
         }
       });
     };
-
     var showSignon = function showSignon() {
       clearElement(naviMain);
       var signonContext = {
@@ -425,11 +395,9 @@ module.exports = {
       UI.login.ensureLoggedIn(signonContext).then(function (context) {
         me = context.me;
         waitingForLogin = false; // untested
-
         showAppropriateDisplay();
       });
     };
-
     var showBootstrap = function showBootstrap() {
       var div = clearElement(naviMain);
       div.appendChild(UI.login.newAppInstance(dom, {
@@ -442,7 +410,6 @@ module.exports = {
       var 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')); // @@
@@ -452,62 +419,50 @@ module.exports = {
       button.textContent = 'Start new poll at this URI';
       button.addEventListener('click', function (_e) {
         var newBase = baseField.value;
-
         if (newBase.slice(-1) !== '/') {
           newBase += '/';
         }
-
         initializeNewInstanceAtBase(thisInstance, newBase);
       });
-    }; // ///////////// The forms to configure the poll
+    };
 
+    // ///////////// The forms to configure the poll
 
     var doneButton = dom.createElement('button');
-
     var showForms = function showForms() {
       clearElement(naviCenter); // Remove refresh button if nec
-
       var div = naviMain;
       var wizard = true;
       var currentSlide = 0;
       var gotDoneButton = false;
-
       if (wizard) {
         var forms = [form1, form2, form3];
         var slides = [];
         currentSlide = 0;
-
         for (var f = 0; f < forms.length; f++) {
           var slide = dom.createElement('div');
           UI.widgets.appendForm(document, slide, {}, subject, forms[f], detailsDoc, complainIfBad);
           slides.push(slide);
         }
-
         var refresh = function refresh() {
           clearElement(naviMain).appendChild(slides[currentSlide]);
-
           if (currentSlide === 0) {
             b1.setAttribute('disabled', '');
           } else {
             b1.removeAttribute('disabled');
           }
-
           if (currentSlide === slides.length - 1) {
             b2.setAttribute('disabled', '');
-
             if (!gotDoneButton) {
               // Only expose at last slide seen
               naviCenter.appendChild(emailButton); // could also check data shape
-
               naviCenter.appendChild(doneButton); // could also check data shape
-
               gotDoneButton = true;
             }
           } else {
             b2.removeAttribute('disabled');
           }
         };
-
         var b1 = clearElement(naviLeft).appendChild(dom.createElement('button'));
         b1.setAttribute('style', inputStyle);
         b1.textContent = '<- go back';
@@ -535,8 +490,8 @@ module.exports = {
         UI.widgets.appendForm(document, table, {}, subject, form2, detailsDoc, complainIfBad);
         UI.widgets.appendForm(document, table, {}, subject, form3, detailsDoc, complainIfBad);
         naviCenter.appendChild(doneButton); // could also check data shape
-      } // @@@  link config to results
-
+      }
+      // @@@  link config to results
 
       var insertables = [];
       insertables.push($rdf.st(subject, ns.sched('availabilityOptions'), ns.sched('YesNoMaybe'), detailsDoc));
@@ -566,22 +521,22 @@ module.exports = {
       emailButton.setAttribute('style', inputStyle);
       var 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'
-
+      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'));
           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
+        }).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
 
         console.log('Mail: ' + mailto);
         window.location.href = mailto;
       }, false);
     }; // showForms
-    // Ask for each day, what times .. @@ to be added some time
 
+    // Ask for each day, what times .. @@ to be added some time
     /*
     const setTimesOfDay = function () {
       const i, j, x, y, slot, cell, day
@@ -700,9 +655,8 @@ module.exports = {
     }
     */
     // end setTimesOfDay
-    // Read or create empty results file
-
 
+    // Read or create empty results file
     function getResults() {
       fetcher.nowOrWhenFetched(resultsDoc.uri, function (ok, body, response) {
         if (!ok) {
@@ -729,36 +683,31 @@ module.exports = {
         }
       });
     }
-
     function showResults() {
       //       Now the form for responsing to the poll
       //
+
       // 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;
       if (title) div.appendChild(dom.createElement('h3')).textContent = title;
-
       if (location) {
         div.appendChild(dom.createElement('address')).textContent = location.value;
       }
-
       if (comment) {
         div.appendChild(dom.createElement('p')).textContent = comment.value;
       }
-
       var author = kb.any(invitation, ns.dc('author'));
-
       if (author) {
         var 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'];
@@ -769,11 +718,12 @@ module.exports = {
       query.pat.add(v.resp, ns.dc('author'), v.author);
       query.pat.add(v.resp, ns.sched('cell'), v.cell);
       query.pat.add(v.cell, ns.sched('availabilty'), v.value);
-      query.pat.add(v.cell, ns.cal('dtstart'), v.time); // Sort by by person @@@
+      query.pat.add(v.cell, ns.cal('dtstart'), v.time);
+
+      // Sort by by person @@@
 
       var 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'));
       });
@@ -784,13 +734,12 @@ module.exports = {
       var 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 () {}));
         matrix.setAttribute('class', 'matrix');
         var refreshButton = dom.createElement('button');
-        refreshButton.setAttribute('style', inputStyle); // refreshButton.textContent = 'refresh' // noun_479395.svg
-
+        refreshButton.setAttribute('style', inputStyle);
+        // refreshButton.textContent = 'refresh' // noun_479395.svg
         var refreshIcon = dom.createElement('img');
         refreshIcon.setAttribute('src', UI.icons.iconBase + 'noun_479395.svg');
         refreshIcon.setAttribute('style', buttonIconStyle);
@@ -808,10 +757,12 @@ module.exports = {
         }, false);
         clearElement(naviCenter);
         naviCenter.appendChild(refreshButton);
-      }; // @@ Give other combos too-- see schedule ontology
+      };
+
+      // @@ Give other combos too-- see schedule ontology
       // const possibleAvailabilities = [ SCHED('No'), SCHED('Maybe'), SCHED('Yes') ]
-      // const me = authn.currentUser()
 
+      // const me = authn.currentUser()
 
       var dataPointForNT = [];
       var loginContext = {
@@ -832,13 +783,10 @@ module.exports = {
               if (ok) refreshCellColor(cell, value);
             });
           }
-
           if (y.sameTerm(me)) {
             var callbackFunction = function callbackFunction() {
               refreshCellColor(cell, value);
             }; //  @@ may need that
-
-
             var selectOptions = {};
             var predicate = ns.sched('availabilty');
             var cellSubject = dataPointForNT[x.toNT()];
@@ -848,7 +796,6 @@ module.exports = {
             cell.textContent = UI.utils.label(value);
           }
         };
-
         var responses = kb.each(invitation, ns.sched('response'));
         var myResponse = null;
         responses.forEach(function (r) {
@@ -859,7 +806,6 @@ module.exports = {
         var insertables = []; // list of statements to be stored
 
         var id = UI.widgets.newThing(doc).uri;
-
         if (myResponse === null) {
           myResponse = $rdf.sym(id + '_response');
           insertables.push($rdf.st(invitation, ns.sched('response'), myResponse, doc));
@@ -871,16 +817,13 @@ module.exports = {
             dataPointForNT[time.toNT()] = dataPoint;
           });
         }
-
         for (var j = 0; j < possibleTimes.length; j++) {
           if (dataPointForNT[possibleTimes[j].toNT()]) continue;
           var 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;
         }
-
         if (insertables.length) {
           kb.updater.update([], insertables, function (uri, success, errorBody) {
             if (!success) {
@@ -894,15 +837,14 @@ module.exports = {
           displayTheMatrix();
         }
       }); // @@@@ end of .then
+
       // 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?
-
       if (!instanceCreator || instanceCreator.sameTerm(me)) {
         var editButton = dom.createElement('button');
-        editButton.setAttribute('style', inputStyle); // editButton.textContent = '(Modify the poll)' // noun_344563.svg
-
+        editButton.setAttribute('style', inputStyle);
+        // editButton.textContent = '(Modify the poll)' // noun_344563.svg
         var editIcon = dom.createElement('img');
         editIcon.setAttribute('src', UI.icons.iconBase + 'noun_344563.svg');
         editIcon.setAttribute('style', buttonIconStyle);
@@ -913,17 +855,16 @@ module.exports = {
         }, false);
         clearElement(naviLeft);
         naviLeft.appendChild(editButton);
-      } // div.appendChild(editButton)
+      }
 
+      // div.appendChild(editButton)
 
       clearElement(naviRight);
       naviRight.appendChild(newInstanceButton());
     } // showResults
 
-
     var div = dom.createElement('div');
     var 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'));
     naviLoginoutTR.appendChild(dom.createElement('td'));
@@ -943,15 +884,14 @@ module.exports = {
     naviMain.setAttribute('colspan', '3');
     var 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;')
-
+    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'));
     getForms();
     return div;
   } // render
-
 }; // property list
 // ends
 //# sourceMappingURL=schedulePane.js.map