tao_form 0.2.3 → 1.0.0.beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (158) hide show
  1. checksums.yaml +4 -4
  2. data/lib/tao_form/components/select/multiple_result_component.rb +4 -6
  3. data/lib/tao_form/components/select/result_component.rb +4 -6
  4. data/lib/tao_form/components/select_component.rb +3 -7
  5. data/lib/tao_form/inputs/collection_select_input.rb +3 -1
  6. data/lib/tao_form/version.rb +1 -1
  7. data/lib/views/components/tao_form/components/select/_list.html.erb +1 -16
  8. data/lib/views/components/tao_form/components/select/_list_content.html.erb +16 -0
  9. data/lib/views/components/tao_form/components/select/_multiple_result.html.erb +1 -1
  10. metadata +12 -201
  11. data/lib/assets/icons/arrow_down.svg +0 -3
  12. data/lib/assets/icons/arrow_left.svg +0 -3
  13. data/lib/assets/icons/arrow_right.svg +0 -3
  14. data/lib/assets/icons/calendar.svg +0 -3
  15. data/lib/assets/icons/check.svg +0 -3
  16. data/lib/assets/icons/clock.svg +0 -3
  17. data/lib/assets/icons/search.svg +0 -3
  18. data/lib/assets/icons/success.svg +0 -3
  19. data/lib/assets/javascripts/tao/form/element.coffee +0 -16
  20. data/lib/assets/javascripts/tao/form/fields/checkbox.coffee +0 -15
  21. data/lib/assets/javascripts/tao/form/fields/index.coffee +0 -10
  22. data/lib/assets/javascripts/tao/form/fields/moment_picker/element.coffee +0 -38
  23. data/lib/assets/javascripts/tao/form/fields/moment_picker/index.coffee +0 -7
  24. data/lib/assets/javascripts/tao/form/fields/moment_picker/result.coffee +0 -25
  25. data/lib/assets/javascripts/tao/form/fields/moment_picker/segment_list.coffee +0 -14
  26. data/lib/assets/javascripts/tao/form/fields/radio.coffee +0 -14
  27. data/lib/assets/javascripts/tao/form/fields/select/element.coffee +0 -79
  28. data/lib/assets/javascripts/tao/form/fields/select/index.coffee +0 -8
  29. data/lib/assets/javascripts/tao/form/fields/select/list.coffee +0 -103
  30. data/lib/assets/javascripts/tao/form/fields/select/multiple_result.coffee +0 -41
  31. data/lib/assets/javascripts/tao/form/fields/select/result.coffee +0 -39
  32. data/lib/assets/javascripts/tao/form/fields/switch.coffee +0 -14
  33. data/lib/assets/javascripts/tao/form/index.coffee +0 -11
  34. data/lib/assets/javascripts/tao/form/mobile/element.coffee +0 -5
  35. data/lib/assets/javascripts/tao/form/mobile/fields/checkbox.coffee +0 -5
  36. data/lib/assets/javascripts/tao/form/mobile/fields/index.coffee +0 -10
  37. data/lib/assets/javascripts/tao/form/mobile/fields/moment_picker/element.coffee +0 -40
  38. data/lib/assets/javascripts/tao/form/mobile/fields/moment_picker/index.coffee +0 -7
  39. data/lib/assets/javascripts/tao/form/mobile/fields/moment_picker/result.coffee +0 -5
  40. data/lib/assets/javascripts/tao/form/mobile/fields/moment_picker/segment_list.coffee +0 -24
  41. data/lib/assets/javascripts/tao/form/mobile/fields/radio.coffee +0 -5
  42. data/lib/assets/javascripts/tao/form/mobile/fields/select/element.coffee +0 -74
  43. data/lib/assets/javascripts/tao/form/mobile/fields/select/index.coffee +0 -8
  44. data/lib/assets/javascripts/tao/form/mobile/fields/select/list.coffee +0 -5
  45. data/lib/assets/javascripts/tao/form/mobile/fields/select/multiple_result.coffee +0 -5
  46. data/lib/assets/javascripts/tao/form/mobile/fields/select/result.coffee +0 -5
  47. data/lib/assets/javascripts/tao/form/mobile/fields/switch.coffee +0 -5
  48. data/lib/assets/javascripts/tao/form/mobile/index.coffee +0 -11
  49. data/lib/assets/javascripts/tao/form/shared/element/base.coffee +0 -53
  50. data/lib/assets/javascripts/tao/form/shared/fields/checkbox.coffee +0 -31
  51. data/lib/assets/javascripts/tao/form/shared/fields/date_picker.coffee +0 -10
  52. data/lib/assets/javascripts/tao/form/shared/fields/date_range_picker.coffee +0 -75
  53. data/lib/assets/javascripts/tao/form/shared/fields/datetime_picker.coffee +0 -78
  54. data/lib/assets/javascripts/tao/form/shared/fields/moment_picker/element/base.coffee +0 -70
  55. data/lib/assets/javascripts/tao/form/shared/fields/moment_picker/result/base.coffee +0 -39
  56. data/lib/assets/javascripts/tao/form/shared/fields/moment_picker/segment_list/base.coffee +0 -88
  57. data/lib/assets/javascripts/tao/form/shared/fields/moment_picker/segments/base.coffee +0 -30
  58. data/lib/assets/javascripts/tao/form/shared/fields/moment_picker/segments/date_segment.coffee +0 -107
  59. data/lib/assets/javascripts/tao/form/shared/fields/moment_picker/segments/hour_segment.coffee +0 -28
  60. data/lib/assets/javascripts/tao/form/shared/fields/moment_picker/segments/index.coffee +0 -1
  61. data/lib/assets/javascripts/tao/form/shared/fields/moment_picker/segments/minute_segment.coffee +0 -28
  62. data/lib/assets/javascripts/tao/form/shared/fields/moment_picker/segments/month_segment.coffee +0 -46
  63. data/lib/assets/javascripts/tao/form/shared/fields/moment_picker/segments/year_segment.coffee +0 -57
  64. data/lib/assets/javascripts/tao/form/shared/fields/month_picker.coffee +0 -10
  65. data/lib/assets/javascripts/tao/form/shared/fields/radio.coffee +0 -23
  66. data/lib/assets/javascripts/tao/form/shared/fields/select/element/base.coffee +0 -132
  67. data/lib/assets/javascripts/tao/form/shared/fields/select/list/base.coffee +0 -97
  68. data/lib/assets/javascripts/tao/form/shared/fields/select/models/data_provider.coffee +0 -76
  69. data/lib/assets/javascripts/tao/form/shared/fields/select/models/index.coffee +0 -2
  70. data/lib/assets/javascripts/tao/form/shared/fields/select/models/option.coffee +0 -37
  71. data/lib/assets/javascripts/tao/form/shared/fields/select/multiple_result/base.coffee +0 -90
  72. data/lib/assets/javascripts/tao/form/shared/fields/select/result/base.coffee +0 -57
  73. data/lib/assets/javascripts/tao/form/shared/fields/switch.coffee +0 -23
  74. data/lib/assets/javascripts/tao/form/shared/fields/time_picker.coffee +0 -10
  75. data/lib/assets/javascripts/tao/form/shared/init.coffee +0 -23
  76. data/lib/assets/javascripts/tao/form/shared/mixins/checkable.coffee +0 -11
  77. data/lib/assets/javascripts/tao/ui/icons/form.coffee +0 -11
  78. data/lib/assets/stylesheets/tao/form/_globals.scss +0 -3
  79. data/lib/assets/stylesheets/tao/form/_mixins.scss +0 -28
  80. data/lib/assets/stylesheets/tao/form/_variables.scss +0 -3
  81. data/lib/assets/stylesheets/tao/form/fields/checkbox.scss +0 -36
  82. data/lib/assets/stylesheets/tao/form/fields/date_range_picker.scss +0 -20
  83. data/lib/assets/stylesheets/tao/form/fields/datetime_picker.scss +0 -22
  84. data/lib/assets/stylesheets/tao/form/fields/index.scss +0 -7
  85. data/lib/assets/stylesheets/tao/form/fields/moment_picker/index.scss +0 -10
  86. data/lib/assets/stylesheets/tao/form/fields/moment_picker/result.scss +0 -61
  87. data/lib/assets/stylesheets/tao/form/fields/moment_picker/segment_list.scss +0 -53
  88. data/lib/assets/stylesheets/tao/form/fields/moment_picker/segments/date_segment.scss +0 -17
  89. data/lib/assets/stylesheets/tao/form/fields/moment_picker/segments/hour_segment.scss +0 -15
  90. data/lib/assets/stylesheets/tao/form/fields/moment_picker/segments/minute_segment.scss +0 -17
  91. data/lib/assets/stylesheets/tao/form/fields/moment_picker/segments/month_segment.scss +0 -15
  92. data/lib/assets/stylesheets/tao/form/fields/moment_picker/segments/year_segment.scss +0 -15
  93. data/lib/assets/stylesheets/tao/form/fields/radio.scss +0 -33
  94. data/lib/assets/stylesheets/tao/form/fields/select/index.scss +0 -14
  95. data/lib/assets/stylesheets/tao/form/fields/select/list.scss +0 -55
  96. data/lib/assets/stylesheets/tao/form/fields/select/multiple_result.scss +0 -76
  97. data/lib/assets/stylesheets/tao/form/fields/select/result.scss +0 -101
  98. data/lib/assets/stylesheets/tao/form/fields/switch.scss +0 -14
  99. data/lib/assets/stylesheets/tao/form/index.scss +0 -5
  100. data/lib/assets/stylesheets/tao/form/inputs/boolean.scss +0 -8
  101. data/lib/assets/stylesheets/tao/form/inputs/group.scss +0 -2
  102. data/lib/assets/stylesheets/tao/form/inputs/index.scss +0 -1
  103. data/lib/assets/stylesheets/tao/form/inputs/text.scss +0 -2
  104. data/lib/assets/stylesheets/tao/form/layouts/default.scss +0 -146
  105. data/lib/assets/stylesheets/tao/form/layouts/index.scss +0 -2
  106. data/lib/assets/stylesheets/tao/form/layouts/narrow.scss +0 -35
  107. data/lib/assets/stylesheets/tao/form/mobile/_globals.scss +0 -3
  108. data/lib/assets/stylesheets/tao/form/mobile/_mixins.scss +0 -22
  109. data/lib/assets/stylesheets/tao/form/mobile/_variables.scss +0 -3
  110. data/lib/assets/stylesheets/tao/form/mobile/fields/checkbox.scss +0 -2
  111. data/lib/assets/stylesheets/tao/form/mobile/fields/date_range_picker.scss +0 -18
  112. data/lib/assets/stylesheets/tao/form/mobile/fields/datetime_picker.scss +0 -18
  113. data/lib/assets/stylesheets/tao/form/mobile/fields/index.scss +0 -1
  114. data/lib/assets/stylesheets/tao/form/mobile/fields/moment_picker/index.scss +0 -9
  115. data/lib/assets/stylesheets/tao/form/mobile/fields/moment_picker/result.scss +0 -19
  116. data/lib/assets/stylesheets/tao/form/mobile/fields/moment_picker/segment_list.scss +0 -52
  117. data/lib/assets/stylesheets/tao/form/mobile/fields/moment_picker/segments/date_segment.scss +0 -14
  118. data/lib/assets/stylesheets/tao/form/mobile/fields/moment_picker/segments/hour_segment.scss +0 -14
  119. data/lib/assets/stylesheets/tao/form/mobile/fields/moment_picker/segments/minute_segment.scss +0 -14
  120. data/lib/assets/stylesheets/tao/form/mobile/fields/moment_picker/segments/month_segment.scss +0 -14
  121. data/lib/assets/stylesheets/tao/form/mobile/fields/moment_picker/segments/year_segment.scss +0 -14
  122. data/lib/assets/stylesheets/tao/form/mobile/fields/radio.scss +0 -2
  123. data/lib/assets/stylesheets/tao/form/mobile/fields/select/index.scss +0 -80
  124. data/lib/assets/stylesheets/tao/form/mobile/fields/select/list.scss +0 -10
  125. data/lib/assets/stylesheets/tao/form/mobile/fields/select/multiple_result.scss +0 -12
  126. data/lib/assets/stylesheets/tao/form/mobile/fields/select/result.scss +0 -28
  127. data/lib/assets/stylesheets/tao/form/mobile/fields/switch.scss +0 -2
  128. data/lib/assets/stylesheets/tao/form/mobile/index.scss +0 -5
  129. data/lib/assets/stylesheets/tao/form/mobile/inputs/boolean.scss +0 -7
  130. data/lib/assets/stylesheets/tao/form/mobile/inputs/group.scss +0 -6
  131. data/lib/assets/stylesheets/tao/form/mobile/inputs/index.scss +0 -1
  132. data/lib/assets/stylesheets/tao/form/mobile/inputs/text.scss +0 -18
  133. data/lib/assets/stylesheets/tao/form/mobile/layout.scss +0 -137
  134. data/lib/assets/stylesheets/tao/form/mobile/reset.scss +0 -29
  135. data/lib/assets/stylesheets/tao/form/mobile/variables/_base.scss +0 -12
  136. data/lib/assets/stylesheets/tao/form/mobile/variables/_moment_picker.scss +0 -9
  137. data/lib/assets/stylesheets/tao/form/mobile/variables/_select.scss +0 -9
  138. data/lib/assets/stylesheets/tao/form/reset.scss +0 -31
  139. data/lib/assets/stylesheets/tao/form/shared/fields/_checkbox.scss +0 -61
  140. data/lib/assets/stylesheets/tao/form/shared/fields/_radio.scss +0 -53
  141. data/lib/assets/stylesheets/tao/form/shared/fields/_switch.scss +0 -56
  142. data/lib/assets/stylesheets/tao/form/shared/fields/moment_picker/_result.scss +0 -46
  143. data/lib/assets/stylesheets/tao/form/shared/fields/moment_picker/_segment_list.scss +0 -93
  144. data/lib/assets/stylesheets/tao/form/shared/fields/moment_picker/segments/_date_segment.scss +0 -56
  145. data/lib/assets/stylesheets/tao/form/shared/fields/moment_picker/segments/_hour_segment.scss +0 -35
  146. data/lib/assets/stylesheets/tao/form/shared/fields/moment_picker/segments/_minute_segment.scss +0 -23
  147. data/lib/assets/stylesheets/tao/form/shared/fields/moment_picker/segments/_month_segment.scss +0 -27
  148. data/lib/assets/stylesheets/tao/form/shared/fields/moment_picker/segments/_year_segment.scss +0 -27
  149. data/lib/assets/stylesheets/tao/form/shared/fields/select/_list.scss +0 -140
  150. data/lib/assets/stylesheets/tao/form/shared/fields/select/_multiple_result.scss +0 -50
  151. data/lib/assets/stylesheets/tao/form/shared/inputs/_boolean.scss +0 -5
  152. data/lib/assets/stylesheets/tao/form/shared/inputs/_group.scss +0 -25
  153. data/lib/assets/stylesheets/tao/form/shared/inputs/_text.scss +0 -35
  154. data/lib/assets/stylesheets/tao/form/variables/_base.scss +0 -15
  155. data/lib/assets/stylesheets/tao/form/variables/_moment_picker.scss +0 -9
  156. data/lib/assets/stylesheets/tao/form/variables/_select.scss +0 -10
  157. data/vendor/assets/javascripts/moment.js +0 -4463
  158. data/vendor/assets/javascripts/moment/zh-cn.js +0 -112
@@ -1,57 +0,0 @@
1
-
2
- class Tao.Form.Select.ResultBase extends TaoComponent
3
-
4
- @tag 'tao-select-result'
5
-
6
- @attribute 'selected', 'clearable', type: 'boolean'
7
-
8
- @attribute 'disabled', type: 'boolean', observe: true
9
-
10
- _connected: ->
11
- @field = @jq.find 'select'
12
- @_bind()
13
-
14
- _disconnected: ->
15
- @off()
16
-
17
- _bind: ->
18
- @on 'click', 'select', =>
19
- @namespacedTrigger 'activeClick'
20
- false
21
-
22
- @on 'click', '.link-clear', (e) =>
23
- return if @disabled
24
- @clearSelected() && @namespacedTrigger('clear')
25
- false
26
-
27
- selectOption: (option) ->
28
- return false unless option
29
- @selectedOption = option
30
- @selected = true
31
- @_setSelectedOption option
32
- @jq.find('.selected-text').text option.text
33
- true
34
-
35
- unselectOption: (option = @selectedOption) ->
36
- return false unless option
37
- @selectedOption = null
38
- @selected = false
39
- @_setSelectedOption false
40
- @jq.find('.selected-text').text ''
41
- true
42
-
43
- clearSelected: ->
44
- @unselectOption()
45
-
46
- _setSelectedOption: (option) ->
47
- @field.find('option:selected').prop 'selected', false
48
- return unless option
49
-
50
- $option = @field.find("option[value='#{option.value}']")
51
- $option = @_generateOption(option) unless $option.length > 0
52
- $option.prop 'selected', true
53
-
54
- _generateOption: (option) ->
55
- $option = $('<option>', test: option.text, value: option.value).appendTo(@field)
56
- @field.trigger 'tao:addOption', option, $option
57
- $option
@@ -1,23 +0,0 @@
1
- class Tao.Form.SwitchBase extends TaoComponent
2
-
3
- @include Tao.Form.Mixins.Checkable
4
-
5
- @tag 'tao-switch'
6
-
7
- _connected: ->
8
- @field = @jq.find('input:checkbox')
9
- @_bind()
10
-
11
- _bind: ->
12
- @on 'change', 'input[type=checkbox]', (e) =>
13
- @namespacedTrigger 'change'
14
- null
15
-
16
- @on 'click', '.switch-wrapper', (e) =>
17
- if @field.is(':enabled')
18
- @_toggleChecked()
19
- @namespacedTrigger 'change'
20
- false
21
-
22
- _disconnected: ->
23
- @off()
@@ -1,10 +0,0 @@
1
-
2
- class Tao.Form.TimePicker extends Tao.Form.MomentPicker.Element
3
-
4
- @tag 'tao-time-picker'
5
-
6
- @attribute 'valueFormat', default: 'HH:mm:ss'
7
-
8
- @attribute 'displayFormat', default: 'HH:mm'
9
-
10
- TaoComponent.register Tao.Form.TimePicker
@@ -1,23 +0,0 @@
1
- Tao.Application.initializer 'moment', (app) ->
2
- if moment? && app.locale
3
- moment.locale(app.locale.toLowerCase())
4
-
5
- if moment?.tz? && app.timeZone
6
- moment.tz.setDefault(app.timeZone)
7
-
8
- Tao.AttributeManager.registerAttribute 'moment',
9
- get: (element, name, options) ->
10
- value = element.getAttribute name
11
- if _.isString value
12
- try
13
- moment value
14
- catch e
15
- options.default || null
16
- else
17
- options.default || null
18
- set: (element, name, val, options) ->
19
- val = try
20
- val.format()
21
- catch e
22
- ''
23
- element.setAttribute name, val
@@ -1,11 +0,0 @@
1
-
2
- Tao.Form.Mixins.Checkable = ->
3
-
4
- @get 'checked', ->
5
- @field?.prop 'checked'
6
-
7
- @set 'checked', (value) ->
8
- @field?.prop 'checked', value
9
-
10
- _toggleChecked: ->
11
- @checked = !@checked
@@ -1,11 +0,0 @@
1
- Tao._icons += '''
2
- <symbol id="icon-arrow-down" viewBox="0 0 24 24" width="100%" height="100%"><path fill-rule="evenodd" d="M17.7085048,11.4024829 L7.15016345,0.844141595 C6.95909459,0.653072735 6.64086921,0.651429839 6.44560706,0.846691985 C6.25605549,1.03624356 6.24920306,1.35739477 6.44305667,1.55124838 L16.6953499,11.8035417 L6.44305667,22.0558349 C6.25198781,22.2469038 6.25034491,22.5651292 6.44560706,22.7603913 C6.63515863,22.9499429 6.95630985,22.9567953 7.15016345,22.7629417 L17.7076855,12.2054197 C17.7256635,12.1917981 17.7429228,12.1767932 17.7593156,12.1604005 C17.8288679,12.0908482 17.8738219,12.0035776 17.893288,11.9113789 C17.9293796,11.7501025 17.8853932,11.5727605 17.7593156,11.4466828 C17.7432693,11.4306366 17.7262801,11.4158997 17.7085048,11.4024829 Z" transform="matrix(0 1 1 0 .3 -.3)"/></symbol>
3
- <symbol id="icon-arrow-left" viewBox="0 0 24 24" width="100%" height="100%"><path fill-rule="evenodd" d="M17.4090472,11.7019404 L6.85070591,1.14359913 C6.65963705,0.952530272 6.34141167,0.950887376 6.14614952,1.14614952 C5.95659795,1.3357011 5.94974553,1.65685231 6.14359913,1.85070591 L16.3958924,12.1029992 L6.14359913,22.3552925 C5.95253027,22.5463613 5.95088738,22.8645867 6.14614952,23.0598489 C6.3357011,23.2494004 6.65685231,23.2562529 6.85070591,23.0623993 L17.4082279,12.5048772 C17.4262059,12.4912557 17.4434653,12.4762507 17.459858,12.459858 C17.5294103,12.3903057 17.5743643,12.3030351 17.5938305,12.2108364 C17.6299221,12.04956 17.5859357,11.872218 17.459858,11.7461404 C17.4438118,11.7300942 17.4268225,11.7153572 17.4090472,11.7019404 Z" transform="rotate(180 11.803 12.102)"/></symbol>
4
- <symbol id="icon-arrow-right" viewBox="0 0 24 24" width="100%" height="100%"><path fill-rule="evenodd" d="M17.4090472,11.7019404 L6.85070591,1.14359913 C6.65963705,0.952530272 6.34141167,0.950887376 6.14614952,1.14614952 C5.95659795,1.3357011 5.94974553,1.65685231 6.14359913,1.85070591 L16.3958924,12.1029992 L6.14359913,22.3552925 C5.95253027,22.5463613 5.95088738,22.8645867 6.14614952,23.0598489 C6.3357011,23.2494004 6.65685231,23.2562529 6.85070591,23.0623993 L17.4082279,12.5048772 C17.4262059,12.4912557 17.4434653,12.4762507 17.459858,12.459858 C17.5294103,12.3903057 17.5743643,12.3030351 17.5938305,12.2108364 C17.6299221,12.04956 17.5859357,11.872218 17.459858,11.7461404 C17.4438118,11.7300942 17.4268225,11.7153572 17.4090472,11.7019404 Z" transform="matrix(1 0 0 -1 0 24.205)"/></symbol>
5
- <symbol id="icon-calendar" viewBox="0 0 24 24" width="100%" height="100%"><path fill-rule="evenodd" d="M1,2.49839123 C1,2.22313735 1.21484375,2 1.49769878,2 L5.50230122,2 C5.77717266,2 6,2.23298088 6,2.50225774 L6,2.50225774 C6,2.77964703 5.78494263,3.00451548 5.50952148,3.00451548 L2,3.00451548 L2,22 L22.0012503,22 L22.0012503,3.00451548 L18.4832825,3.00451548 C18.2117468,3.00451548 17.9916235,2.77153459 17.9916235,2.50225774 L17.9916235,2.50225774 C17.9916235,2.22486845 18.2068272,2 18.4901561,2 L22.5014674,2 C22.7767994,2 23,2.22163089 23,2.49839123 L23,22.5016088 C23,22.7768626 22.7822583,23 22.4991639,23 L1.50083613,23 C1.22423198,23 1,22.7783691 1,22.5016088 L1,2.49839123 Z M2,7 L22,7 L22,8 L2,8 L2,7 Z M5,12.5 C5,12.7761424 5.21403503,13 5.50468445,13 L6.49531555,13 C6.77404508,13 7,12.7680664 7,12.5 L7,12.5 C7,12.2238576 6.78596497,12 6.49531555,12 L5.50468445,12 C5.22595492,12 5,12.2319336 5,12.5 L5,12.5 Z M5,15.5 C5,15.7761424 5.21403503,16 5.50468445,16 L6.49531555,16 C6.77404508,16 7,15.7680664 7,15.5 L7,15.5 C7,15.2238576 6.78596497,15 6.49531555,15 L5.50468445,15 C5.22595492,15 5,15.2319336 5,15.5 L5,15.5 Z M5,18.5 C5,18.7761424 5.21403503,19 5.50468445,19 L6.49531555,19 C6.77404508,19 7,18.7680664 7,18.5 L7,18.5 C7,18.2238576 6.78596497,18 6.49531555,18 L5.50468445,18 C5.22595492,18 5,18.2319336 5,18.5 L5,18.5 Z M9,12.5 C9,12.7761424 9.21403503,13 9.50468445,13 L10.4953156,13 C10.7740451,13 11,12.7680664 11,12.5 L11,12.5 C11,12.2238576 10.785965,12 10.4953156,12 L9.50468445,12 C9.22595492,12 9,12.2319336 9,12.5 L9,12.5 Z M9,15.5 C9,15.7761424 9.21403503,16 9.50468445,16 L10.4953156,16 C10.7740451,16 11,15.7680664 11,15.5 L11,15.5 C11,15.2238576 10.785965,15 10.4953156,15 L9.50468445,15 C9.22595492,15 9,15.2319336 9,15.5 L9,15.5 Z M9,18.5 C9,18.7761424 9.21403503,19 9.50468445,19 L10.4953156,19 C10.7740451,19 11,18.7680664 11,18.5 L11,18.5 C11,18.2238576 10.785965,18 10.4953156,18 L9.50468445,18 C9.22595492,18 9,18.2319336 9,18.5 L9,18.5 Z M13,12.5 C13,12.7761424 13.214035,13 13.5046844,13 L14.4953156,13 C14.7740451,13 15,12.7680664 15,12.5 L15,12.5 C15,12.2238576 14.785965,12 14.4953156,12 L13.5046844,12 C13.2259549,12 13,12.2319336 13,12.5 L13,12.5 Z M13,15.5 C13,15.7761424 13.214035,16 13.5046844,16 L14.4953156,16 C14.7740451,16 15,15.7680664 15,15.5 L15,15.5 C15,15.2238576 14.785965,15 14.4953156,15 L13.5046844,15 C13.2259549,15 13,15.2319336 13,15.5 L13,15.5 Z M13,18.5 C13,18.7761424 13.214035,19 13.5046844,19 L14.4953156,19 C14.7740451,19 15,18.7680664 15,18.5 L15,18.5 C15,18.2238576 14.785965,18 14.4953156,18 L13.5046844,18 C13.2259549,18 13,18.2319336 13,18.5 L13,18.5 Z M17,12.5 C17,12.7761424 17.214035,13 17.5046844,13 L18.4953156,13 C18.7740451,13 19,12.7680664 19,12.5 L19,12.5 C19,12.2238576 18.785965,12 18.4953156,12 L17.5046844,12 C17.2259549,12 17,12.2319336 17,12.5 L17,12.5 Z M17,15.5 C17,15.7761424 17.214035,16 17.5046844,16 L18.4953156,16 C18.7740451,16 19,15.7680664 19,15.5 L19,15.5 C19,15.2238576 18.785965,15 18.4953156,15 L17.5046844,15 C17.2259549,15 17,15.2319336 17,15.5 L17,15.5 Z M9,2.5 C9,2.22385763 9.22788048,2 9.49100518,2 L14.5089948,2 C14.7801695,2 15,2.23193359 15,2.5 L15,2.5 C15,2.77614237 14.7721195,3 14.5089948,3 L9.49100518,3 C9.21983051,3 9,2.76806641 9,2.5 L9,2.5 Z M7,1.49047852 C7,1.21959471 7.23193359,1 7.5,1 L7.5,1 C7.77614237,1 8,1.21505737 8,1.49047852 L8,4.50952148 C8,4.78040529 7.76806641,5 7.5,5 L7.5,5 C7.22385763,5 7,4.78494263 7,4.50952148 L7,1.49047852 Z M16,1.49047852 C16,1.21959471 16.2319336,1 16.5,1 L16.5,1 C16.7761424,1 17,1.21505737 17,1.49047852 L17,4.50952148 C17,4.78040529 16.7680664,5 16.5,5 L16.5,5 C16.2238576,5 16,4.78494263 16,4.50952148 L16,1.49047852 Z"/></symbol>
6
- <symbol id="icon-check" viewBox="0 0 24 24" width="100%" height="100%"><path fill-rule="evenodd" d="M1.46015511,6.45725615 C1.46015511,5.63043007 2.12595234,4.96015511 2.96015511,4.96015511 L2.96015511,4.96015511 C3.78858223,4.96015511 4.46015511,5.63134454 4.46015511,6.46183073 L4.46015511,11.9601551 L20.9564452,11.9601551 C21.7869212,11.9601551 22.4601551,12.6259523 22.4601551,13.4601551 L22.4601551,13.4601551 C22.4601551,14.2885822 21.785232,14.9601551 20.9667219,14.9601551 L2.95358834,14.9601551 C2.12878794,14.9601551 1.46015511,14.2884991 1.46015511,13.4630541 L1.46015511,6.45725615 Z" transform="rotate(-45 11.96 9.96)"/></symbol>
7
- <symbol id="icon-clock" viewBox="0 0 24 24" width="100%" height="100%"><path 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 M11.5,4.00966585 C11.5,3.72818517 11.7319336,3.5 12,3.5 C12.2761424,3.5 12.5,3.73079681 12.5,4.00043583 L12.5,11.5 L17.0023012,11.5 C17.2771727,11.5 17.5,11.7319336 17.5,12 C17.5,12.2761424 17.2721195,12.5 17.0089948,12.5 L11.9910052,12.5 C11.7198305,12.5 11.5,12.2775269 11.5,11.9903342 L11.5,4.00966585 Z"/></symbol>
8
- <symbol id="icon-search" viewBox="0 0 24 24" width="100%" height="100%"><path 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"/></symbol>
9
- <symbol id="icon-success" viewBox="0 0 24 24" width="100%" height="100%"><path 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"/></symbol>
10
-
11
- '''
@@ -1,3 +0,0 @@
1
- @import 'tao/ui/globals';
2
- @import 'tao/form/variables';
3
- @import 'tao/form/mixins';
@@ -1,28 +0,0 @@
1
- @mixin text-field-style {
2
- width: $form-field-width;
3
- padding: $form-field-padding-v $form-field-padding-h;
4
- background: $white-color;
5
- border: 1px solid $border-color;
6
- border-radius: $border-radius-s;
7
- font-size: $form-field-font-size;
8
- color: $form-field-text-color;
9
- line-height: $form-field-line-height;
10
- transition: border-color 300ms;
11
- outline: none;
12
-
13
- &:hover,
14
- &:focus {
15
- border-color: $form-field-active-border-color;
16
- }
17
-
18
- &[readonly] {
19
- color: $light-grey-color;
20
- }
21
-
22
- &[disabled] {
23
- cursor: not-allowed;
24
- background: $grey-bg-color;
25
- border-color: $light-border-color;
26
- color: $lightest-grey-color;
27
- }
28
- }
@@ -1,3 +0,0 @@
1
- @import 'tao/form/variables/base';
2
- @import 'tao/form/variables/select';
3
- @import 'tao/form/variables/moment_picker';
@@ -1,36 +0,0 @@
1
- @import 'tao/form/globals';
2
- @import 'tao/form/shared/fields/checkbox';
3
-
4
- .tao-check-box {
5
- .checkbox-wrapper {
6
- &:hover {
7
- border-color: #63D65C;
8
- }
9
-
10
- &:focus {
11
- border-color: #63D65C;
12
- box-shadow: 0px 0px 4px 0px rgba(#4A90E2, 0.5);
13
- }
14
- }
15
-
16
- input[type=checkbox] {
17
- &:indeterminate + .checkbox-wrapper,
18
- &:checked + .checkbox-wrapper {
19
- &:hover {
20
- background-color: #63D65C;
21
- border-color: #63D65C;
22
- }
23
- }
24
-
25
- &:disabled + .checkbox-wrapper {
26
- &:hover {
27
- border: 1px #DDDDDD solid;
28
- background-color: #F6F6F6;
29
- }
30
-
31
- &:focus {
32
- box-shadow: none;
33
- }
34
- }
35
- }
36
- }
@@ -1,20 +0,0 @@
1
- @import 'tao/form/globals';
2
-
3
- .tao-date-range-picker {
4
- display: inline-flex;
5
- width: 23rem;
6
- align-items: center;
7
-
8
- .start-date-picker.tao-moment-picker,
9
- .end-date-picker.tao-moment-picker {
10
- flex: 1 1 auto;
11
- width: 50%;
12
- }
13
-
14
- .to {
15
- font-size: 0.875rem;
16
- color: $lightest-grey-color;
17
- margin: 0 0.5rem;
18
- }
19
-
20
- }
@@ -1,22 +0,0 @@
1
- @import 'tao/form/globals';
2
-
3
- .tao-datetime-picker {
4
- display: inline-flex;
5
- width: $form-field-width;
6
-
7
- & > input[type='datetime-local'] {
8
- display: none;
9
- }
10
-
11
- .tao-date-picker.tao-moment-picker {
12
- flex: 0 0 auto;
13
- width: 11rem;
14
- margin-right: 0.5rem;
15
- }
16
-
17
- .tao-time-picker.tao-moment-picker {
18
- flex: 1 1 auto;
19
- width: auto;
20
- }
21
-
22
- }
@@ -1,7 +0,0 @@
1
- //= require ./checkbox
2
- //= require ./radio
3
- //= require ./switch
4
- //= require ./select
5
- //= require ./moment_picker
6
- //= require ./datetime_picker
7
- //= require ./date_range_picker
@@ -1,10 +0,0 @@
1
- //= require_self
2
- //= require_tree ./
3
-
4
- @import 'tao/form/globals';
5
-
6
- .tao-moment-picker {
7
- display: inline-block;
8
- width: $form-field-width;
9
- position: relative;
10
- }
@@ -1,61 +0,0 @@
1
- @import 'tao/form/globals';
2
- @import 'tao/form/shared/fields/moment_picker/result';
3
-
4
- .tao-moment-picker-result {
5
- justify-content: space-between;
6
- background: $white-color;
7
- border: 1px solid $border-color;
8
- border-radius: $border-radius-s;
9
- transition: border-color 300ms;
10
- cursor: pointer;
11
-
12
- &:hover {
13
- border-color: $form-field-active-border-color;
14
- }
15
-
16
- &[active],
17
- &:focus {
18
- border-color: $form-field-active-border-color;
19
- outline: none;
20
- }
21
-
22
- &[disabled] {
23
- cursor: not-allowed;
24
- background: $grey-bg-color;
25
- border-color: $light-border-color;
26
-
27
- &[selected]:hover .link-clear {
28
- display: none;
29
- }
30
- }
31
-
32
- .icon-wrapper,
33
- .link-clear {
34
- display: flex;
35
- align-items: center;
36
- justify-content: center;
37
- flex: 0 0 auto;
38
- width: $form-field-height - 0.125rem;
39
- height: $form-field-height - 0.125rem;
40
- fill: $lighter-grey-color;
41
- }
42
-
43
- .link-clear {
44
- display: none;
45
- text-decoration: none;
46
- outline: none;
47
-
48
- &:hover {
49
- fill: $grey-color;
50
- }
51
- }
52
-
53
- &[selected] {
54
- &:hover,
55
- &[active] {
56
- .link-clear {
57
- display: flex;
58
- }
59
- }
60
- }
61
- }
@@ -1,53 +0,0 @@
1
- @import 'tao/form/globals';
2
- @import 'tao/form/shared/fields/moment_picker/segment_list';
3
-
4
- $select-list-offset: 0.375rem;
5
-
6
- .tao-moment-picker-segment-list {
7
- display: none;
8
- flex-direction: column;
9
- position: absolute;
10
- top: 100%;
11
- left: 0;
12
- background: $white-color;
13
- border: 1px solid $border-color;
14
- box-shadow: 0 0 6px 0 rgba(0,0,0,0.2);
15
- z-index: $z-index-popover;
16
- margin-top: $select-list-offset;
17
-
18
- &[active] {
19
- display: block;
20
- }
21
-
22
- &[direction='up'] {
23
- top: auto;
24
- bottom: 100%;
25
- margin-top: 0;
26
- margin-bottom: $select-list-offset;
27
- }
28
-
29
- .segment-labels {
30
- .segment-label {
31
- &:focus,
32
- &:hover {
33
- background: $white-color;
34
- border-color: $border-color;
35
- }
36
- }
37
- }
38
-
39
- .segments {
40
- .tao-moment-picker-segment {
41
- margin: 0 0.5rem;
42
- padding: 0.5rem 0;
43
-
44
- .link-prev,
45
- .link-next {
46
- &:focus,
47
- &:hover {
48
- fill: $grey-color;
49
- }
50
- }
51
- }
52
- }
53
- }
@@ -1,17 +0,0 @@
1
- @import 'tao/form/globals';
2
- @import 'tao/form/shared/fields/moment_picker/segments/date_segment';
3
-
4
- .tao-moment-picker-date-segment {
5
- .calendar {
6
- width: 15rem;
7
- margin-top: -0.5rem;
8
-
9
- .days {
10
- margin: 0.5rem 0 0 0;
11
-
12
- .day:hover {
13
- background: $grey-bg-color;
14
- }
15
- }
16
- }
17
- }
@@ -1,15 +0,0 @@
1
- @import 'tao/form/globals';
2
- @import 'tao/form/shared/fields/moment_picker/segments/hour_segment';
3
-
4
- .tao-moment-picker-hour-segment {
5
- .hours {
6
- width: 12rem;
7
-
8
- .hour {
9
- &:focus,
10
- &:hover {
11
- background: $grey-bg-color;
12
- }
13
- }
14
- }
15
- }
@@ -1,17 +0,0 @@
1
- @import 'tao/form/globals';
2
- @import 'tao/form/shared/fields/moment_picker/segments/minute_segment';
3
-
4
- .tao-moment-picker-minute-segment {
5
- .minutes {
6
- width: 12rem;
7
- max-height: 12rem;
8
- overflow: auto;
9
-
10
- .minute {
11
- &:focus,
12
- &:hover {
13
- background: $grey-bg-color;
14
- }
15
- }
16
- }
17
- }