tao_form 0.2.3 → 1.0.0.beta.1

Sign up to get free protection for your applications and to get access to all the features.
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
- }