tao_form 0.2.3 → 1.0.0.beta.1

data/lib/assets/javascripts/tao/form/index.coffee

@@ -1,11 +0,0 @@
-#= require moment
-#= require moment/zh-cn
-#= require tao/ui
-#= require tao/ui/icons/form
-#= require_self
-#= require tao/form/shared/init
-#= require ./element
-#= require ./fields
-
-Tao.Form =
-  Mixins: {}

data/lib/assets/javascripts/tao/form/mobile/element.coffee

@@ -1,5 +0,0 @@
-#= require tao/form/shared/element/base
-
-class Tao.Form.Element extends Tao.Form.ElementBase
-
-TaoComponent.register Tao.Form.Element

data/lib/assets/javascripts/tao/form/mobile/fields/checkbox.coffee

@@ -1,5 +0,0 @@
-#= require tao/form/shared/fields/checkbox
-
-class Tao.Form.Checkbox extends Tao.Form.CheckboxBase
-
-TaoComponent.register Tao.Form.Checkbox

data/lib/assets/javascripts/tao/form/mobile/fields/index.coffee

@@ -1,10 +0,0 @@
-#= require ./checkbox
-#= require ./switch
-#= require ./radio
-#= require ./select
-#= require ./moment_picker
-#= require tao/form/shared/fields/date_picker
-#= require tao/form/shared/fields/time_picker
-#= require tao/form/shared/fields/datetime_picker
-#= require tao/form/shared/fields/month_picker
-#= require tao/form/shared/fields/date_range_picker

data/lib/assets/javascripts/tao/form/mobile/fields/moment_picker/element.coffee

@@ -1,40 +0,0 @@
-#= require tao/form/shared/fields/moment_picker/element/base
-
-class Tao.Form.MomentPicker.Element extends Tao.Form.MomentPicker.ElementBase
-
-  _connected: ->
-    @slideBox = @findComponent '.slide-box'
-    super
-
-  _bind: ->
-    super
-
-    @slideBox.on 'tao:hide', (e) =>
-      @active = false if @active
-      null
-
-    @on 'click', '.header .link-close', (e) =>
-      @active = false
-      null
-
-    @on 'click', '.header .button-confirm', (e) =>
-      @active = false
-      @setMoment moment(@segmentList.momentData)
-      null
-
-    @on 'tao:clear', '.tao-moment-picker-segment-list', (e) =>
-      return if @disabled
-      @active = false
-      @setMoment null
-      @namespacedTrigger 'change', [@moment]
-      null
-
-  _activeChanged: ->
-    @slideBox.active = @active
-    if @active
-      @segmentList.setMoment @moment
-      @segmentList.clearable = !!@moment
-      @segmentList.refreshHeight()
-
-
-TaoComponent.register Tao.Form.MomentPicker.Element

data/lib/assets/javascripts/tao/form/mobile/fields/moment_picker/index.coffee

@@ -1,7 +0,0 @@
-#= require_self
-#= require tao/form/shared/fields/moment_picker/segments
-#= require ./element
-#= require ./result
-#= require ./segment_list
-
-Tao.Form.MomentPicker = {}

data/lib/assets/javascripts/tao/form/mobile/fields/moment_picker/result.coffee

@@ -1,5 +0,0 @@
-#= require tao/form/shared/fields/moment_picker/result/base
-
-class Tao.Form.MomentPicker.Result extends Tao.Form.MomentPicker.ResultBase
-
-TaoComponent.register Tao.Form.MomentPicker.Result

data/lib/assets/javascripts/tao/form/mobile/fields/moment_picker/segment_list.coffee

@@ -1,24 +0,0 @@
-#= require tao/form/shared/fields/moment_picker/segment_list/base
-
-MomentPicker = Tao.Form.MomentPicker
-
-class MomentPicker.SegmentList extends MomentPicker.SegmentListBase
-
-  @attribute 'clearable', type: 'boolean'
-
-  _bind: ->
-    super
-
-    @on 'click', '.link-clear', (e) =>
-      @namespacedTrigger 'clear'
-      null
-
-  refreshHeight: ->
-    return unless @activeSegment
-    winHeight = $(window).height()
-    offsetTop = @activeSegment.getBoundingClientRect().top
-
-    @activeSegment.jq.css
-      height: winHeight - offsetTop
-
-TaoComponent.register Tao.Form.MomentPicker.SegmentList

data/lib/assets/javascripts/tao/form/mobile/fields/radio.coffee

@@ -1,5 +0,0 @@
-#= require tao/form/shared/fields/radio
-
-class Tao.Form.Radio extends Tao.Form.RadioBase
-
-TaoComponent.register Tao.Form.Radio

data/lib/assets/javascripts/tao/form/mobile/fields/select/element.coffee

@@ -1,74 +0,0 @@
-#= require tao/form/shared/fields/select/element/base
-
-class Tao.Form.Select.Element extends Tao.Form.Select.ElementBase
-
-  _connected: ->
-    @slideBox = @findComponent '.slide-box'
-    super
-
-  _bind: ->
-    super
-
-    @slideBox.on 'tao:hide', (e) =>
-      @active = false if @active
-      null
-
-    @on 'click', '.select-result-delegate', (e) =>
-      @_toggleActive()
-      null
-
-    @on 'click', '.header .link-close', (e) =>
-      @active = false
-      null
-
-    @on 'click', '.button-ok', (e) =>
-      @active = false
-      null
-
-    @on 'tao:change', =>
-      @_refreshListHeight() if @active
-      @_refreshSelectedText()
-
-  _bindListEvents: ->
-    super
-
-    @on 'tao:select', '.select-list', (e, option) =>
-      if @multiple
-        @list.reset()
-      else
-        @active = false
-      null
-
-  _childComponentsReady: ->
-    super
-    @_refreshSelectedText()
-
-  _refreshSelectedText: ->
-    text = if @multiple && @selectedOption.length > 0
-      @selectedOption.map (opt) ->
-        opt.text
-      .join ', '
-    else if @selectedOption
-      @selectedOption.text
-    else
-      ''
-
-    @jq.find('.select-result-delegate .selected-text').text text
-
-  _refreshListHeight: ->
-    $listWrapper = @list.jq.find('.list-wrapper')
-    winHeight = $(window).height()
-    offsetTop = $listWrapper[0].getBoundingClientRect().top
-    buttonsHeight = @slideBox.jq.find('.slide-box-content > .buttons').outerHeight() || 0
-
-    $listWrapper.css
-      height: winHeight - offsetTop - buttonsHeight
-
-  _activeChanged: ->
-    @slideBox.active = @active
-    if @active
-      @_refreshListHeight()
-    else
-      @list.reset()
-
-TaoComponent.register Tao.Form.Select.Element

data/lib/assets/javascripts/tao/form/mobile/fields/select/index.coffee

@@ -1,8 +0,0 @@
-#= require_self
-#= require tao/form/shared/fields/select/models
-#= require ./result
-#= require ./multiple_result
-#= require ./list
-#= require ./element
-
-Tao.Form.Select = {}

data/lib/assets/javascripts/tao/form/mobile/fields/select/list.coffee

@@ -1,5 +0,0 @@
-#= require tao/form/shared/fields/select/list/base
-
-class Tao.Form.Select.List extends Tao.Form.Select.ListBase
-
-TaoComponent.register Tao.Form.Select.List

data/lib/assets/javascripts/tao/form/mobile/fields/select/multiple_result.coffee

@@ -1,5 +0,0 @@
-#= require tao/form/shared/fields/select/multiple_result/base
-
-class Tao.Form.Select.MultipleResult extends Tao.Form.Select.MultipleResultBase
-
-TaoComponent.register Tao.Form.Select.MultipleResult

data/lib/assets/javascripts/tao/form/mobile/fields/select/result.coffee

@@ -1,5 +0,0 @@
-#= require tao/form/shared/fields/select/result/base
-
-class Tao.Form.Select.Result extends Tao.Form.Select.ResultBase
-
-TaoComponent.register Tao.Form.Select.Result

data/lib/assets/javascripts/tao/form/mobile/fields/switch.coffee

@@ -1,5 +0,0 @@
-#= require tao/form/shared/fields/switch
-
-class Tao.Form.Switch extends Tao.Form.SwitchBase
-
-TaoComponent.register Tao.Form.Switch

data/lib/assets/javascripts/tao/form/mobile/index.coffee

@@ -1,11 +0,0 @@
-#= require moment
-#= require moment/zh-cn
-#= require tao/ui/mobile
-#= require tao/ui/icons/form
-#= require_self
-#= require tao/form/shared/init
-#= require ./element
-#= require ./fields
-
-Tao.Form =
-  Mixins: {}

data/lib/assets/javascripts/tao/form/shared/element/base.coffee

@@ -1,53 +0,0 @@
-class Tao.Form.ElementBase extends TaoComponent
-
-  @tag 'tao-form'
-
-  @attribute 'successMessage'
-
-  _connected: ->
-    @_bind()
-    @jq.find('.input-field[autofocus]').focus()
-
-  _bind: ->
-    @on 'ajax:beforeSend', '> form', (e) =>
-      @_clearErrors()
-      @namespacedTrigger 'beforeSubmit'
-
-    @on 'ajax:success', '> form', (e) =>
-      @_showSuccessMessage()
-      @namespacedTrigger 'success'
-
-  _disconnected: ->
-    @off()
-
-  _clearErrors: ->
-    @jq.find('.input-with-errors').each (i, input) =>
-      @_clearError input
-
-  _clearError: (input) ->
-    $(input).removeClass('input-with-errors')
-      .find('.error').remove()
-
-  _showSuccessMessage: ->
-    return unless @successMessage
-
-    $button = @jq.find('button[data-disable-with]:disabled, input[data-disable-with]:disabled')
-    $message = $('<div>')
-      .addClass('success-message')
-      .append([Tao.iconTag('success'), @successMessage])
-      .insertAfter $button.hide()
-
-    @_successTimer = setTimeout =>
-      $button.show()
-      $message.remove()
-    , 3000
-
-  beforeCache: ->
-    super
-    clearTimeout @_successTimer
-    @jq.find('.success-message').remove()
-    @jq.find('button[data-disable-with]:hidden, input[data-disable-with]:hidden').show()
-
-  submit: ->
-    @jq.find('> form').submit()
-    @

data/lib/assets/javascripts/tao/form/shared/fields/checkbox.coffee

@@ -1,31 +0,0 @@
-#= require tao/form/shared/mixins/checkable
-
-class Tao.Form.CheckboxBase extends TaoComponent
-
-  @include Tao.Form.Mixins.Checkable
-
-  @tag 'tao-check-box'
-
-  @get 'indeterminate', ->
-    @field?.prop 'indeterminate'
-
-  @set 'indeterminate', (value) ->
-    @field?.prop 'indeterminate', value
-
-  _connected: ->
-    @field = @jq.find('input:checkbox')
-    @_bind()
-
-  _bind: ->
-    @on 'change', 'input[type=checkbox]', (e) =>
-      @namespacedTrigger 'change'
-      null
-
-    @on 'click', '.checkbox-wrapper', (e) =>
-      if @field.is(':enabled')
-        @_toggleChecked()
-        @namespacedTrigger 'change'
-      false
-
-  _disconnected: ->
-    @off()

data/lib/assets/javascripts/tao/form/shared/fields/date_picker.coffee

@@ -1,10 +0,0 @@
-
-class Tao.Form.DatePicker extends Tao.Form.MomentPicker.Element
-
-  @tag 'tao-date-picker'
-
-  @attribute 'valueFormat', default: 'YYYY-MM-DD'
-
-  @attribute 'displayFormat', default: 'YYYY-MM-DD'
-
-TaoComponent.register Tao.Form.DatePicker

data/lib/assets/javascripts/tao/form/shared/fields/date_range_picker.coffee

@@ -1,75 +0,0 @@
-class Tao.Form.DateRangePicker extends TaoComponent
-
-  @tag 'tao-date-range-picker'
-
-  @attribute 'dateValueFormat', default: 'YYYY-MM-DD'
-
-  @attribute 'dateDisplayFormat', default: 'YYYY-MM-DD'
-
-  @get 'value', ->
-    @field?.val()
-
-  @set 'value', (val) ->
-    @field.val val
-    @_initMoment()
-
-  _connected: ->
-    @field = @jq.find '> input'
-    @startDatePicker = @findComponent '.start-date-picker'
-    @endDatePicker = @findComponent '.end-date-picker'
-    @_bind()
-
-  _disconnected: ->
-    @off()
-
-  _bind: ->
-    @on 'tao-date-picker:change', '.tao-moment-picker', (e, m) =>
-      datePicker = e.currentTarget
-      if datePicker == @startDatePicker
-        @endDatePicker.disableBefore datePicker.moment
-      else
-        @startDatePicker.disableAfter datePicker.moment
-      @_syncMoment()
-      @namespacedTrigger('change', [@value]) if @value
-
-    startDatePickerDeferred = $.Deferred()
-    endDatePickerDeferred = $.Deferred()
-
-    @on 'tao-date-picker:ready', '.start-date-picker', ->
-      startDatePickerDeferred.resolve()
-
-    @on 'tao-date-picker:ready', '.end-date-picker', ->
-      endDatePickerDeferred.resolve()
-
-    $.when(startDatePickerDeferred, endDatePickerDeferred).done =>
-      @_initMoment()
-      @namespacedTrigger 'ready'
-
-  _initMoment: ->
-    dates = @field.val().split(',')
-
-    if dates.length > 0
-      @startDate = moment _.trim(dates[0]), @dateValueFormat
-      @endDate = moment _.trim(dates[1]), @dateValueFormat
-      @startDatePicker.setMoment @startDate.clone()
-      @endDatePicker.setMoment @endDate.clone()
-    else
-      @startDatePicker.setMoment ''
-      @endDatePicker.setMoment ''
-      @startDate = null
-      @endDate = null
-
-  _syncMoment: ->
-    if @startDatePicker.moment && @endDatePicker.moment
-      startDateValue = @startDatePicker.moment.format(@dateValueFormat)
-      endDateValue = @endDatePicker.moment.format(@dateValueFormat)
-
-      @field.val "#{startDateValue},#{endDateValue}"
-      @startDate = @startDatePicker.moment.clone()
-      @endDate = @endDatePicker.moment.clone()
-    else
-      @field.val ''
-      @startDate = null
-      @endDate = null
-
-TaoComponent.register Tao.Form.DateRangePicker

data/lib/assets/javascripts/tao/form/shared/fields/datetime_picker.coffee

@@ -1,78 +0,0 @@
-
-class Tao.Form.DatetimePicker extends TaoComponent
-
-  @tag 'tao-datetime-picker'
-
-  @attribute 'valueFormat', default: 'YYYY-MM-DDTHH:mm:ss'
-
-  @attribute 'dateValueFormat', default: 'YYYY-MM-DD'
-
-  @attribute 'dateDisplayFormat', default: 'YYYY-MM-DD'
-
-  @attribute 'timeValueFormat', default: 'HH:mm'
-
-  @attribute 'timeDisplayFormat', default: 'HH:mm'
-
-  @get 'value', ->
-    @field.val()
-
-  @set 'value', (val) ->
-    @field.val val
-    @_initMoment()
-
-  _connected: ->
-    @field = @jq.find '> input'
-    @datePicker = @findComponent 'tao-date-picker'
-    @timePicker = @findComponent 'tao-time-picker'
-    @_bind()
-
-  _disconnected: ->
-    @off()
-
-  _bind: ->
-    @on 'tao-date-picker:change tao-time-picker:change', '.tao-moment-picker', (e, m) =>
-      @_syncMoment()
-      @namespacedTrigger 'change', [@moment]
-
-    datePickerDeferred = $.Deferred()
-    timePickerDeferred = $.Deferred()
-
-    @on 'tao-date-picker:ready', 'tao-date-picker', ->
-      datePickerDeferred.resolve()
-
-    @on 'tao-time-picker:ready', 'tao-time-picker', ->
-      timePickerDeferred.resolve()
-
-    $.when(datePickerDeferred, timePickerDeferred).done =>
-      @_initMoment()
-      @namespacedTrigger 'ready'
-
-  _initMoment: ->
-    m = moment @field.val(), @valueFormat
-
-    if m && m.isValid()
-      @datePicker.setMoment m.format(@dateValueFormat)
-      @timePicker.setMoment m.format(@timeValueFormat)
-      @moment = m
-    else
-      @datePicker.setMoment ''
-      @timePicker.setMoment ''
-      @moment = null
-
-  _syncMoment: ->
-    if @datePicker.moment
-      dateValue = @datePicker.moment.format(@dateValueFormat)
-      timeValue = if @timePicker.moment
-        @timePicker.moment.format(@timeValueFormat)
-      else
-        moment().startOf('day').format(@timeValueFormat)
-
-      value = _.trim "#{dateValue} #{timeValue}"
-      m = moment value, "#{@dateValueFormat} #{@timeValueFormat}"
-      @field.val m.format(@valueFormat)
-      @moment = m
-    else
-      @field.val ''
-      @moment = null
-
-TaoComponent.register Tao.Form.DatetimePicker