ko.bindingHandlers.numericInput

ko.bindingHandlers.numericValue.js

'use strict'

const ko = require('knockout')
const _ = require('lodash')

ko.bindingHandlers.numericValue = {
  init(el, valueAccessor, allBindings) {
    const vstr = ko.pureComputed(() => ko.unwrap(valueAccessor()).toString())

    ko.applyBindingsToNode(el, {
      textInput: ko.pureComputed({
        read() {
          if (isNaNvstr() === 'NaN') return

          if (allBindings.has('numericValuePadding')) {
            const padWidth = allBindings.get('numericValuePadding')
            const padding = _.repeat('0', padWidth - vstr().length)
            return padding + vstr()
          }
          else
            return vstr()
        },
        write(v) {
          valueAccessor()(parseFloat(v))
        }
      })
    })
  }
}