tao_form 0.2.3 → 1.0.0.beta.1

data/lib/assets/icons/search.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-  <path fill="#9B9B9B" fill-rule="evenodd" d="M16.6262932,16.0904129 L22.8402784,21.8382529 C23.0438968,22.0265968 23.0482516,22.3387618 22.8607428,22.5248371 L22.5286336,22.8544073 C22.3363174,23.0452534 22.0152795,23.0472113 21.8117305,22.8589237 L15.5610109,17.0768647 C14.0302194,18.2814309 12.0990251,19 10,19 C5.02943725,19 1,14.9705627 1,10 C1,5.02943725 5.02943725,1 10,1 C14.9705627,1 19,5.02943725 19,10 C19,12.3489613 18.1001192,14.4877442 16.6262932,16.0904129 Z M10,18 C14.418278,18 18,14.418278 18,10 C18,5.581722 14.418278,2 10,2 C5.581722,2 2,5.581722 2,10 C2,14.418278 5.581722,18 10,18 Z"/>
-</svg>

data/lib/assets/icons/success.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-  <path fill="#9B9B9B" fill-rule="evenodd" d="M12,23 C5.92486775,23 1,18.0751322 1,12 C1,5.92486775 5.92486775,1 12,1 C18.0751322,1 23,5.92486775 23,12 C23,18.0751322 18.0751322,23 12,23 Z M12,22 C17.5228475,22 22,17.5228475 22,12 C22,6.4771525 17.5228475,2 12,2 C6.4771525,2 2,6.4771525 2,12 C2,17.5228475 6.4771525,22 12,22 Z M18.0734953,9.10417138 L11.0041681,16.1734985 C10.8122026,16.365464 10.4903696,16.3685474 10.2937708,16.1719486 L6.05597058,11.9341484 C5.8646839,11.7428617 5.85828819,11.4198835 6.05355034,11.2246214 C6.24310191,11.0350698 6.56254737,11.0265116 6.75429682,11.2182611 L10.6497444,15.1137087 L17.3604356,8.40301751 C17.5598374,8.20361571 17.8791035,8.20093212 18.0743656,8.39619427 C18.2639172,8.58574584 18.2692381,8.90842856 18.0734953,9.10417138 Z"/>
-</svg>

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

@@ -1,16 +0,0 @@
-#= require tao/form/shared/element/base
-
-class Tao.Form.Element extends Tao.Form.ElementBase
-
-  _bind: ->
-    super
-
-    @on 'focus', '.input-field', (e) =>
-      $field = $ e.currentTarget
-      $field.closest('.form-input').addClass 'focus'
-
-    @on 'blur', '.input-field', (e) =>
-      $field = $ e.currentTarget
-      $field.closest('.form-input').removeClass 'focus'
-
-TaoComponent.register Tao.Form.Element

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

@@ -1,15 +0,0 @@
-#= require tao/form/shared/fields/checkbox
-
-class Tao.Form.Checkbox extends Tao.Form.CheckboxBase
-
-  _bind: ->
-    super
-
-    @on 'keydown', '.checkbox-wrapper', (e) =>
-      return unless e.which == 13 && @field.is(':enabled')
-      @_toggleChecked()
-      @namespacedTrigger 'change'
-
-      false
-
-TaoComponent.register Tao.Form.Checkbox

data/lib/assets/javascripts/tao/form/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/fields/moment_picker/element.coffee

@@ -1,38 +0,0 @@
-#= require tao/form/shared/fields/moment_picker/element/base
-
-class Tao.Form.MomentPicker.Element extends Tao.Form.MomentPicker.ElementBase
-
-  _bind: ->
-    super
-
-    @on 'tao:show', '.tao-moment-picker-segment-list', (e) =>
-      @_positionList()
-
-  _activeChanged: ->
-    @_unbindDocumentMousedown()
-    if @active
-      @segmentList.setMoment(@moment)
-      @_bindDocumentMousedown()
-
-    @result.active = @active
-    @segmentList.active = @active
-
-  _unbindDocumentMousedown: ->
-    $(document).off "mousedown.tao-moment-picker-#{@taoId}"
-
-  _bindDocumentMousedown: ->
-    $(document).on "mousedown.tao-moment-picker-#{@taoId}", (e) =>
-      return if $.contains(@, e.target) && !(@multiple && @result == e.target)
-      @active = false
-      @_unbindDocumentMousedown()
-
-  _positionList: ->
-    rect = @getBoundingClientRect()
-    offsetToWindowTop = rect.top
-    offsetToWindowBottom = $(window).height() - rect.bottom
-    listHeight = @segmentList.jq.outerHeight()
-
-    @segmentList.direction = if offsetToWindowBottom < listHeight && offsetToWindowTop > offsetToWindowBottom
-      'up'
-    else
-      'down'

data/lib/assets/javascripts/tao/form/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/fields/moment_picker/result.coffee

@@ -1,25 +0,0 @@
-#= require tao/form/shared/fields/moment_picker/result/base
-
-class Tao.Form.MomentPicker.Result extends Tao.Form.MomentPicker.ResultBase
-
-  @attribute 'active', type: 'boolean'
-
-  _connected: ->
-    super
-    @jq.attr('tabindex', '0') unless @disabled
-
-  _bind: ->
-    super
-
-    @on 'click', '.link-clear', (e) =>
-      return if @disabled
-      @clear() && @namespacedTrigger('clear')
-      false
-
-  _disabledChanged: ->
-    if @disabled
-      @jq.removeAttr 'tabindex'
-    else
-      @jq.attr 'tabindex', '0'
-
-TaoComponent.register Tao.Form.MomentPicker.Result

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

@@ -1,14 +0,0 @@
-#= require tao/form/shared/fields/moment_picker/segment_list/base
-
-MomentPicker = Tao.Form.MomentPicker
-
-class MomentPicker.SegmentList extends MomentPicker.SegmentListBase
-
-  @attribute 'active', type: 'boolean', observe: true
-
-  @attribute 'direction', default: 'down'
-
-  _activeChanged: ->
-    @namespacedTrigger('show') if @active
-
-TaoComponent.register Tao.Form.MomentPicker.SegmentList

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

@@ -1,14 +0,0 @@
-#= require tao/form/shared/fields/radio
-
-class Tao.Form.Radio extends Tao.Form.RadioBase
-
-  _bind: ->
-    super
-
-    @on 'keydown', '.radio-wrapper', (e) =>
-      return unless e.which == 13 && @field.is(':enabled')
-      @_toggleChecked()
-      @namespacedTrigger 'change'
-      false
-
-TaoComponent.register Tao.Form.Radio

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

@@ -1,79 +0,0 @@
-#= require tao/form/shared/fields/select/element/base
-
-class Tao.Form.Select.Element extends Tao.Form.Select.ElementBase
-
-  _disconnected: ->
-    super
-    @_unbindDocumentMousedown()
-
-  _bindResultEvents: ->
-    super
-
-    @on 'tao:enterPress', '.select-result', (e) =>
-      if @active
-        if @selectOption @list.highlightedOption
-          @namespacedTrigger 'change', @selectedOption
-      else
-        @active = true
-      null
-
-    @on 'tao:arrowPress', '.select-result', (e, direction) =>
-      if @active
-        if direction == 'up'
-          @list.highlightPrevOption()
-        else
-          @list.highlightNextOption()
-      else
-        @active = true
-      null
-
-  _bindListEvents: ->
-    super
-
-    @on 'tao:select', '.select-list', (e, option) =>
-      @active = false
-      null
-
-    @on 'tao:show', '.select-list', (e) =>
-      @_positionList()
-
-    @on 'tao:cancel', '.select-list', (e) =>
-      @active = false
-      null
-
-  _activeChanged: ->
-    @list.active = @active
-    @result.active = @active
-
-    @_unbindDocumentMousedown()
-    if @active
-      @_bindDocumentMousedown()
-    else
-      @result.focus()
-
-  _unbindDocumentMousedown: ->
-    $(document).off "mousedown.tao-select-#{@taoId}"
-
-  _bindDocumentMousedown: ->
-    $(document).on "mousedown.tao-select-#{@taoId}", (e) =>
-      return if $.contains(@, e.target) && !(@multiple && @result == e.target)
-      @active = false
-      @_unbindDocumentMousedown()
-
-  _positionList: ->
-    rect = @getBoundingClientRect()
-    offsetToWindowTop = rect.top
-    offsetToWindowBottom = $(window).height() - rect.bottom
-
-    @list.setMaxHeight false
-    @reflow()
-    listHeight = @list.jq.outerHeight()
-
-    if offsetToWindowBottom < listHeight && offsetToWindowTop > offsetToWindowBottom
-      @list.setMaxHeight offsetToWindowTop - 20
-      @list.direction = 'up'
-    else
-      @list.setMaxHeight offsetToWindowBottom - 20
-      @list.direction = 'down'
-
-TaoComponent.register Tao.Form.Select.Element

data/lib/assets/javascripts/tao/form/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/fields/select/list.coffee

@@ -1,103 +0,0 @@
-#= require tao/form/shared/fields/select/list/base
-
-class Tao.Form.Select.List extends Tao.Form.Select.ListBase
-
-  @attribute 'active', type: 'boolean', observe: true
-
-  @attribute 'direction', default: 'down'
-
-  _connected: ->
-    super
-
-    @highlightedOption = null
-
-  _bind: ->
-    super
-
-    @on 'keydown', '.search-field', (e) =>
-      if e.which == 13
-        @namespacedTrigger('select', [@highlightedOption]) if @highlightedOption
-        false
-      else if e.which == 27
-        @namespacedTrigger 'cancel'
-        false
-      else if e.which == 38
-        @highlightPrevOption()
-        false
-      else if e.which == 40
-        @highlightNextOption()
-        false
-
-    @on 'mouseenter', '.option', (e) =>
-      $option = $ e.currentTarget
-      @highlightOption $option
-      null
-
-  _activeChanged: ->
-    if @active
-      @namespacedTrigger 'show'
-      @searchField.focus() if @searchable
-      @_refreshScrollPosition()
-    else
-      @reset()
-
-  _refreshScrollPosition: ->
-    return unless @active
-
-    @reflow()
-
-    $list = @jq.find('.list-wrapper')
-    if @direction == 'up'
-      $list.scrollTop $list[0].scrollHeight
-    else
-      $list.scrollTop 0
-
-  setOptions: (options, totalSize) ->
-    super
-    if @options.length > 0
-      @highlightFirstOption()
-    else
-      @highlightedOption = null
-
-  setMaxHeight: (maxHeight) ->
-    maxHeight = if maxHeight
-      searchHeight = if @searchable then @jq.find('.search-input').outerHeight() else 0
-      optionHeight = @jq.find('.options-list .option:first').outerHeight()
-      Math.floor((maxHeight - searchHeight) / optionHeight) * optionHeight
-    else
-      ''
-
-    @jq.find('.list-wrapper').css
-      maxHeight: maxHeight
-
-  highlightNextOption: ->
-    if @highlightedOption
-      method = if @direction == 'up' then 'prev' else 'next'
-      $option = @jq.find(".option[data-value='#{@highlightedOption.value}']")[method]('.option')
-      @highlightOption($option) if $option.length > 0
-    else
-      @highlightFirstOption()
-
-  highlightPrevOption: ->
-    if @highlightedOption
-      method = if @direction == 'up' then 'next' else 'prev'
-      $option = @jq.find(".option[data-value='#{@highlightedOption.value}']")[method]('.option')
-      @highlightOption($option) if $option.length > 0
-    else
-      @highlightFirstOption()
-
-  highlightFirstOption: ->
-    @highlightOption @jq.find('.option:first')
-
-  highlightOption: (option) ->
-    if option instanceof Option
-      $option = @jq.find(".option[data-value='#{option.value}']")
-    else
-      $option = option
-
-    return false unless $option && !$option.hasClass('highlighted')
-    $option.addClass('highlighted')
-      .siblings('.option').removeClass('highlighted')
-    @highlightedOption = $option.data 'option'
-
-TaoComponent.register Tao.Form.Select.List

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

@@ -1,41 +0,0 @@
-#= require tao/form/shared/fields/select/multiple_result/base
-
-class Tao.Form.Select.MultipleResult extends Tao.Form.Select.MultipleResultBase
-
-  @attribute 'active', type: 'boolean'
-
-  _connected: ->
-    super
-    @linkAdd = @jq.find '.link-add'
-    @linkAdd.attr('tabindex', '0') unless @disabled
-
-  _bind: ->
-    super
-
-    @on 'click', '.link-add', (e) =>
-      return if @disabled
-      @namespacedTrigger 'activeClick'
-      false
-
-    @on 'keydown', '.link-add', (e) =>
-      return if @disabled
-      if e.which == 13
-        @namespacedTrigger 'enterPress'
-        false
-      else if e.which == 38
-        @namespacedTrigger 'arrowPress', ['up']
-        false
-      else if e.which == 40
-        @namespacedTrigger 'arrowPress', ['down']
-        false
-
-  _disabledChanged: ->
-    if @disabled
-      @linkAdd.removeAttr 'tabindex'
-    else
-      @linkAdd.attr 'tabindex', '0'
-
-  focus: ->
-    @linkAdd.focus()
-
-TaoComponent.register Tao.Form.Select.MultipleResult

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

@@ -1,39 +0,0 @@
-#= require tao/form/shared/fields/select/result/base
-
-class Tao.Form.Select.Result extends Tao.Form.Select.ResultBase
-
-  @attribute 'active', type: 'boolean'
-
-  _connected: ->
-    super
-    @jq.attr('tabindex', '0') unless @disabled
-
-  _bind: ->
-    super
-
-    @on 'click', (e) =>
-      return if @disabled
-      @namespacedTrigger 'activeClick'
-
-    @on 'keydown', (e) =>
-      return if @disabled
-      if e.which == 13
-        @namespacedTrigger 'enterPress'
-        false
-      else if e.which == 8 || e.which == 46
-        @clearSelected() && @namespacedTrigger('clear')
-        false
-      else if e.which == 38
-        @namespacedTrigger 'arrowPress', ['up']
-        false
-      else if e.which == 40
-        @namespacedTrigger 'arrowPress', ['down']
-        false
-
-  _disabledChanged: ->
-    if @disabled
-      @jq.removeAttr 'tabindex'
-    else
-      @jq.attr 'tabindex', '0'
-
-TaoComponent.register Tao.Form.Select.Result

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

@@ -1,14 +0,0 @@
-#= require tao/form/shared/fields/switch
-
-class Tao.Form.Switch extends Tao.Form.SwitchBase
-
-  _bind: ->
-    super
-
-    @on 'keydown', '.switch-wrapper', (e) =>
-      return unless e.which == 13 && @field.is(':enabled')
-      @_toggleChecked()
-      @namespacedTrigger 'change'
-      false
-
-TaoComponent.register Tao.Form.Switch