JavaScriptSolidServer
diff --git a/‎src/widgets/forms.js‎
Lines changed: 1 addition & 177 deletions b/‎src/widgets/forms.js‎
Lines changed: 1 addition & 177 deletions
@@ -7,6 +7,7 @@
 
 import { fieldParams } from './forms/fieldParams'
 import { field, mostSpecificClassURI, fieldFunction } from './forms/fieldFunction'
+import { basicField } from './forms/basic'
 
 module.exports = {}
 
@@ -545,183 +546,6 @@ forms.field[ns.ui('Multiple').uri] = function (
 
 forms.fieldParams = fieldParams
 
-/** Render a basic form field
- *
- ** @param {Document} dom The HTML Document object aka Document Object Model
- ** @param {Element?} container  If present, the created widget will be appended to this
- ** @param {Map} already A hash table of (form, subject) kept to prevent recursive forms looping
- ** @param {Node} subject The thing about which the form displays/edits data
- ** @param {Node} form The form or field to be rendered
- ** @param {Node} store The web document in which the data is
- ** @param {function(ok, errorMessage)} callbackFunction Called when data is changed?
- **
- ** @returns {Element} The HTML widget created
- **
- ** The same function is used for many similar one-value fields, with different
- ** regexps used to validate.
- */
-function basicField (
-  dom,
-  container,
-  already,
-  subject,
-  form,
-  store,
-  callbackFunction
-) {
-  const ui = UI.ns.ui
-  const kb = UI.store
-
-  var box = dom.createElement('tr')
-  if (container) container.appendChild(box)
-  var lhs = dom.createElement('td')
-  lhs.setAttribute('class', 'formFieldName')
-  lhs.setAttribute('style', '  vertical-align: middle;')
-  box.appendChild(lhs)
-  var rhs = dom.createElement('td')
-  rhs.setAttribute('class', 'formFieldValue')
-  box.appendChild(rhs)
-
-  var property = kb.any(form, ui('property'))
-  if (!property) {
-    box.appendChild(
-      dom.createTextNode('Error: No property given for text field: ' + form)
-    )
-    return box
-  }
-  lhs.appendChild(forms.fieldLabel(dom, property, form))
-  var uri = mostSpecificClassURI(form)
-  var params = forms.fieldParams[uri]
-  if (params === undefined) params = {} // non-bottom field types can do this
-  var style = params.style || UI.style.textInputStyle || 'font-size: 100%; margin: 0.1em; padding: 0.1em;'
-  // box.appendChild(dom.createTextNode(' uri='+uri+', pattern='+ params.pattern))
-  var field = dom.createElement('input')
-  field.style = UI.style.textInputStyle // Do we have to override length etc?
-  rhs.appendChild(field)
-  field.setAttribute('type', params.type ? params.type : 'text')
-
-  var size = kb.any(form, ui('size')) // Form has precedence
-  field.setAttribute(
-    'size',
-    size ? '' + size : params.size ? '' + params.size : '20'
-  )
-  var maxLength = kb.any(form, ui('maxLength'))
-  field.setAttribute('maxLength', maxLength ? '' + maxLength : '4096')
-
-  store = store || forms.fieldStore(subject, property, store)
-
-  var obj = kb.any(subject, property, undefined, store)
-  if (!obj) {
-    obj = kb.any(form, ui('default'))
-  }
-  if (obj && obj.uri && params.uriPrefix) {
-    // eg tel: or mailto:
-    field.value = decodeURIComponent(obj.uri.replace(params.uriPrefix, '')) // should have no spaces but in case
-      .replace(/ /g, '')
-  } else if (obj) {
-    field.value = obj.value || obj.uri || ''
-  }
-  field.setAttribute('style', style)
-
-  if (!kb.updater.editable(store.uri)) {
-    field.readonly = true // was: disabled. readonly is better
-    return box
-  }
-
-  // read-write:
-  field.addEventListener(
-    'keyup',
-    function (_e) {
-      if (params.pattern) {
-        field.setAttribute(
-          'style',
-          style +
-            (field.value.match(params.pattern)
-              ? 'color: green;'
-              : 'color: red;')
-        )
-      }
-    },
-    true
-  )
-  field.addEventListener(
-    'change',
-    function (_e) {
-      // i.e. lose focus with changed data
-      if (params.pattern && !field.value.match(params.pattern)) return
-      field.disabled = true // See if this stops getting two dates from fumbling e.g the chrome datepicker.
-      field.setAttribute('style', style + 'color: gray;') // pending
-      var ds = kb.statementsMatching(subject, property) // remove any multiple values
-      var result
-      if (params.namedNode) {
-        result = kb.sym(field.value)
-      } else if (params.uriPrefix) {
-        result = encodeURIComponent(field.value.replace(/ /g, ''))
-        result = kb.sym(params.uriPrefix + field.value)
-      } else {
-        if (params.dt) {
-          result = new $rdf.Literal(
-            field.value.trim(),
-            undefined,
-            ns.xsd(params.dt)
-          )
-        } else {
-          result = new $rdf.Literal(field.value)
-        }
-      }
-      var is = ds.map(st => $rdf.st(st.subject, st.predicate, result, st.why)) // can include >1 doc
-      if (is.length === 0) {
-        // or none
-        is = [$rdf.st(subject, property, result, store)]
-      }
-
-      function updateMany (ds, is, callback) {
-        var docs = []
-        is.forEach(st => {
-          if (!docs.includes(st.why.uri)) docs.push(st.why.uri)
-        })
-        ds.forEach(st => {
-          if (!docs.includes(st.why.uri)) docs.push(st.why.uri)
-        })
-        if (docs.length === 0) {
-          throw new Error('updateMany has no docs to patch')
-        }
-        if (docs.length === 1) {
-          return kb.updater.update(ds, is, callback)
-        }
-        // return kb.updater.update(ds, is, callback)
-
-        const doc = docs.pop()
-        const is1 = is.filter(st => st.why.uri === doc)
-        const is2 = is.filter(st => st.why.uri !== doc)
-        const ds1 = ds.filter(st => st.why.uri === doc)
-        const ds2 = ds.filter(st => st.why.uri !== doc)
-        kb.updater.update(ds1, is1, function (uri, ok, body) {
-          if (ok) {
-            updateMany(ds2, is2, callback)
-          } else {
-            console.log('Update many failed on: ' + doc)
-            callback(uri, ok, body)
-          }
-        })
-      }
-
-      updateMany(ds, is, function (uri, ok, body) {
-        // kb.updater.update(ds, is, function (uri, ok, body) {
-        if (ok) {
-          field.disabled = false
-          field.setAttribute('style', style)
-        } else {
-          box.appendChild(error.errorMessageBlock(dom, body))
-        }
-        callbackFunction(ok, body)
-      })
-    },
-    true
-  )
-  return box
-}
-
 forms.field[ns.ui('PhoneField').uri] = basicField
 forms.field[ns.ui('EmailField').uri] = basicField
 forms.field[ns.ui('ColorField').uri] = basicField