solid-ui/lib/test/test-matrix.js

UI library for writing Solid read-write-web applications

"use strict";

document.addEventListener('DOMContentLoaded', function () {
  /// ///////////////////////////////////////////
  var UI = require('mashlib');

  var kb = UI.store;
  var dom = document;
  var ICAL = $rdf.Namespace('http://www.w3.org/2002/12/cal/ical#');
  var SCHED = $rdf.Namespace('http://www.w3.org/ns/pim/schedule#');
  var DC = $rdf.Namespace('http://purl.org/dc/elements/1.1/');
  var uri = window.location.href;
  var base = window.document.title = uri.slice(0, uri.lastIndexOf('/') + 1);
  var testDocURI = base + 'test.ttl'; // imaginary doc - just use its URL

  var testDoc = $rdf.sym(testDocURI);
  var subjectURI = testDocURI + '#event1';
  var meURI = testDocURI + '#a0';
  var me = kb.sym(meURI); //    var forms_uri = window.document.title = base+ 'forms.ttl';

  var subject = kb.sym(subjectURI);
  var div = dom.getElementById('UITestArea');

  var showResults = function showResults() {
    //       Now the form for responsing to the poll
    //
    // div.appendChild(dom.createElement('hr'))
    var invitation = subject;
    var query = new $rdf.Query('Responses');
    var v = {};
    ['time', 'author', 'value', 'resp', 'cell'].map(function (x) {
      query.vars.push(v[x] = $rdf.variable(x));
    });
    query.pat.add(invitation, SCHED('response'), v.resp);
    query.pat.add(v.resp, DC('author'), v.author);
    query.pat.add(v.resp, SCHED('cell'), v.cell);
    query.pat.add(v.cell, SCHED('availabilty'), v.value);
    query.pat.add(v.cell, ICAL('dtstart'), v.time);
    /*
    var prologue = "    @prefix foaf:  <http://xmlns.com/foaf/0.1/>.\n\
    @prefix sched: <http://www.w3.org/ns/pim/schedule#>.\n\
    @prefix ical:  <http://www.w3.org/2002/12/cal/icaltzd#>.\n\
    @prefix dc:    <http://purl.org/dc/elements/1.1/>.\n";
    */

    var prologue = dom.getElementById('Prologue').textContent; // var config = dom.getElementById('Config').textContent;
    // $rdf.parse(prologue + config, kb, testDocURI, 'text/turtle') // str, kb, base, contentType

    var tests = dom.getElementById('TestData').children;

    var inputText = function inputText(tr) {
      return tr.children[0].children[0].textContent;
    };

    var output = function output(tr) {
      return tr.children[1];
    };

    var t = 0;
    $rdf.parse(prologue + inputText(tests[t]), kb, testDocURI, 'text/turtle'); // str, kb, base, contentType

    var options = {};

    var setAxes = function setAxes() {
      options.set_x = kb.each(subject, SCHED('option')); // @@@@@ option -> dtstart in future

      options.set_x = options.set_x.map(function (opt) {
        return kb.any(opt, ICAL('dtstart'));
      });
      options.set_y = kb.each(subject, SCHED('response'));
      options.set_y = options.set_y.map(function (resp) {
        return kb.any(resp, DC('author'));
      });
    };

    setAxes(); // var possibleTimes = kb.each(invitation, SCHED('option'))
    //         .map(function (opt) { return kb.any(opt, ICAL('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.textContent = 'refresh';
      refreshButton.addEventListener('click', function (e) {
        matrix.refresh();
      }, false);
      return matrix;
    }; // @@ Give other combos too-- see schedule ontology


    var possibleAvailabilities = [SCHED('No'), SCHED('Maybe'), SCHED('Yes')];
    var dataPointForNT = []; // var doc = testDoc

    options.set_y = options.set_y.filter(function (z) {
      return !z.sameTerm(me);
    });
    options.set_y.push(me); // Put me on the end

    options.cellFunction = function (cell, x, y, value) {
      var refreshColor = function refreshColor() {
        var bg = kb.any(value, UI.ns.ui('backgroundColor'));
        if (bg) cell.setAttribute('style', 'text-align: center; background-color: ' + bg + ';');
      };

      if (value !== null) {
        refreshColor();
      }

      if (y.sameTerm(me)) {
        var callback = function callback() {
          refreshColor();
        }; //  @@ may need that


        var selectOptions = {};
        var predicate = SCHED('availabilty');
        var cellSubject = dataPointForNT[x.toNT()];
        var selector = UI.widgets.makeSelectForOptions(dom, kb, cellSubject, predicate, possibleAvailabilities, selectOptions, testDoc, callback);
        cell.appendChild(selector);
      } else if (value !== null) {
        cell.textContent = UI.utils.label(value);
      }
    };

    var matrix = displayTheMatrix();
    var agenda = [];

    var nextTest = function nextTest() {
      // First take a copy of the DOM the klast test produced
      output(tests[t]).appendChild(matrix.cloneNode(true));
      t += 1;
      var test = tests[t];
      if (!test) return;
      kb.removeMany(undefined, undefined, undefined, testDoc); // Flush out previous test data

      $rdf.parse(prologue + inputText(tests[t]), kb, testDocURI, 'text/turtle');
      setAxes();
      matrix.refresh();
      setTimeout(nextTest, 2000);
    };

    agenda.push(nextTest);
    setTimeout(function () {
      agenda.shift()();
    }, 2000);
  }; // showResults


  showResults();
});
//# sourceMappingURL=test-matrix.js.map