OJ = require '../oj'
nodeFactory = require '../dom/nodeFactory'
enums = require '../tools/enums'

nodeName = 'textarea'

node = (options, owner = OJ.body, calledFromFactory = false) ->

  defaults =
    props:
      name: ''
      placeholder: ''
      value: ''
      text: ''
      maxlength: ''
      autofocus: false
      isRequired: false
      rows: 3
      cols: 25
      disabled: false
      readonly: false
      form: ''
      wrap: ''
    styles: {}
    events:
      click: OJ.noop

  OJ.extend defaults, options, true

  value = defaults.props.value

  syncValue = ->
    switch defaults.props.type
      when enums.inputTypes.checkbox
        value = ret.$.is(':checked')
      when enums.inputTypes.radio
        value = ret.$.find(':checked').val()
      else
        value = ret.val()

  # Click binding
  if defaults.events.click isnt OJ.noop
    click = defaults.events.click
    newClick = (event...) ->
      retval = click event...
      syncValue()
      retval
    defaults.events.click = newClick

  # Change binding
  if defaults.events.change isnt OJ.noop
    change = defaults.events.change
    newChange = (event...) ->
      retval = change event...
      syncValue()
      retval
    defaults.events.change = newChange

  ret = nodeFactory nodeName, defaults, owner, calledFromFactory


 

  ret

OJ.nodes.register nodeName, node
module.exports = node