michielbdejong/solid-panes

/*   Form building/editing Pane
 **
 */

const UI = require('solid-ui')
const $rdf = require('rdflib')
const ns = UI.ns

module.exports = {
  // noun_170702.svg' builder   noun_122196.svg form
  icon: UI.icons.iconBase + 'noun_170702.svg',

  name: 'ui',

  audience: [ns.solid('PowerUser')],

  // Does the subject deserve this pane?
  label: function (subject, context) {
    var ns = UI.ns
    var kb = context.session.store
    var t = kb.findTypeURIs(subject)
    if (t[ns.rdfs('Class').uri]) return 'creation forms'
    // if (t[ns.rdf('Property').uri]) return "user interface";
    if (t[ns.ui('Form').uri]) return 'edit form'

    return null // No under other circumstances (while testing at least!)
  },

  render: function (subject, context) {
    var dom = context.dom
    var kb = context.session.store
    var ns = UI.ns

    var box = dom.createElement('div')
    box.setAttribute('class', 'formPane') // Share styles
    var label = UI.utils.label(subject)

    var mention = function complain (message, style) {
      var pre = dom.createElement('p')
      pre.setAttribute('style', style || 'color: grey; background-color: white')
      box.appendChild(pre).textContent = message
      return pre
    }

    var complain = function complain (message, style) {
      mention(message, 'style', style || 'color: grey; background-color: #fdd')
    }

    var complainIfBad = function (ok, body) {
      if (ok) {
        // setModifiedDate(store, kb, store);
        // rerender(box);   // Deleted forms at the moment
      } else complain('Sorry, failed to save your change:\n' + body)
    }

    // //////////////////////////////////////////////////////////////////////////////

    var t = kb.findTypeURIs(subject)

    var store = null
    if (subject.uri) {
      var docuri = $rdf.Util.uri.docpart(subject.uri)
      if (subject.uri !== docuri && kb.updater.editable(docuri)) {
        store = kb.sym($rdf.Util.uri.docpart(subject.uri))
      } // an editable ontology with hash
    }
    if (!store) store = kb.any(kb.sym(docuri), ns.link('annotationStore'))
    if (!store) store = UI.widgets.defaultAnnotationStore(subject)

    if (!store) {
      store = kb.sym(
        'https://formsregistry.solid.community/public/formRegistry/'
      ) // fallback
    }
    // if (!store) store = kb.sym('http://tabulator.org/wiki/ontologyAnnotation/common') // fallback

    // A fallback which gives a different store page for each ontology would be good @@

    var pred
    if (t[ns.rdfs('Class').uri]) {
      // Stuff we can do before we load the store
    }

    var wait = mention('(Loading data from: ' + store + ')')

    kb.fetcher.nowOrWhenFetched(store.uri, subject, function (ok, body) {
      if (!ok) {
        complain('Cannot load store ' + store + ' :' + body)
        return
      }
      box.removeChild(wait)

      //              Render a Class -- the forms associated with it

      if (t[ns.rdfs('Class').uri]) {
        // For each creation form, allow one to create a new object with it, and also to edit the form.
        var displayFormsForRelation = function displayFormsForRelation (
          pred,
          allowCreation
        ) {
          var sts = kb.statementsMatching(subject, pred)
          const outliner = context.getOutliner(dom)
          if (sts.length) {
            for (var i = 0; i < sts.length; i++) {
              outliner.appendPropertyTRs(box, [sts[i]])
              var form = sts[i].object
              var cell = dom.createElement('td')
              box.lastChild.appendChild(cell)
              if (allowCreation) {
                cell.appendChild(
                  UI.widgets.newButton(
                    dom,
                    kb,
                    null,
                    null,
                    subject,
                    form,
                    store,
                    function (ok, body) {
                      if (ok) {
                        // dom.outlineManager.GotoSubject(newThing@@, true, undefined, true, undefined);
                        // rerender(box);   // Deleted forms at the moment
                      } else {
                        complain('Sorry, failed to save your change:\n' + body)
                      }
                    }
                  )
                )
              }
              var formdef = kb.statementsMatching(form, ns.rdf('type'))
              if (!formdef.length) formdef = kb.statementsMatching(form)
              if (!formdef.length) complain('No data about form')
              else {
                UI.widgets.editFormButton(
                  dom,
                  box,
                  form,
                  formdef[0].why,
                  complainIfBad
                )
              }
            }
            box.appendChild(dom.createElement('hr'))
          } else {
            mention(
              'There are currently no known forms to make a ' + label + '.'
            )
          }
        }

        pred = ns.ui('creationForm')
        box.appendChild(dom.createElement('h2')).textContent = UI.utils.label(
          pred
        )
        mention(
          'Creation forms allow you to add information about a new thing,' +
            ' in this case a new ' +
            label +
            '.'
        )
        displayFormsForRelation(pred, true)
        box.appendChild(dom.createElement('hr'))
        mention('You can make a new creation form:')
        box.appendChild(
          UI.widgets.newButton(
            dom,
            kb,
            subject,
            pred,
            ns.ui('Form'),
            null,
            store,
            complainIfBad
          )
        )

        box.appendChild(dom.createElement('hr'))

        pred = ns.ui('annotationForm')
        box.appendChild(dom.createElement('h2')).textContent = UI.utils.label(
          pred
        )
        mention(
          'Annotaion forms allow you to add extra information about a ,' +
            label +
            ' we already know about.'
        )
        displayFormsForRelation(pred, false)
        box.appendChild(dom.createElement('hr'))
        mention('You can make a new annotation form:')
        box.appendChild(
          UI.widgets.newButton(
            dom,
            kb,
            subject,
            pred,
            ns.ui('Form'),
            null,
            store,
            complainIfBad
          )
        )

        mention('(Storing new forms in: ' + store + ')')

        // Render a Form
      } else if (t[ns.ui('Form').uri]) {
        UI.widgets.appendForm(
          dom,
          box,
          kb,
          subject,
          ns.ui('FormForm'),
          store,
          complainIfBad
        )
      } else {
        complain('ui/pane internal error -- Eh?')
      }
    }) // end: when store loded

    return box
  }
}
// ends