ui_bibz 2.5.3 → 3.0.0.alpha5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (263) hide show
  1. checksums.yaml +4 -4
  2. data/.github/workflows/ruby.yml +2 -2
  3. data/.gitignore +3 -2
  4. data/.rubocop.yml +107 -1
  5. data/.ruby-gemset +1 -0
  6. data/.ruby-version +1 -0
  7. data/Gemfile +1 -0
  8. data/Gemfile.lock +102 -111
  9. data/README.md +9 -52
  10. data/Rakefile +3 -2
  11. data/bin/test +7 -0
  12. data/config/initializers/will_paginate.rb +2 -1
  13. data/lib/ui_bibz.rb +17 -3
  14. data/lib/ui_bibz/concerns/models/searchable.rb +3 -3
  15. data/lib/ui_bibz/helpers/ui/core/boxes_helper.rb +9 -1
  16. data/lib/ui_bibz/helpers/ui/core/forms_helper.rb +20 -1
  17. data/lib/ui_bibz/helpers/ui/core/layouts_helper.rb +10 -2
  18. data/lib/ui_bibz/helpers/ui/core/lists_helper.rb +1 -1
  19. data/lib/ui_bibz/helpers/ui/core/notifications_helper.rb +9 -5
  20. data/lib/ui_bibz/helpers/ui/ux_helper.rb +2 -6
  21. data/lib/ui_bibz/infos.rb +11 -5
  22. data/lib/ui_bibz/inputs/ui_bibz_form/ui_bibz_form_builder.rb +15 -2
  23. data/lib/ui_bibz/inputs/ui_bibz_inputs/base_input.rb +4 -7
  24. data/lib/ui_bibz/inputs/ui_bibz_inputs/collection_input.rb +6 -9
  25. data/lib/ui_bibz/inputs/ui_bibz_inputs/ui_checkbox_field_input.rb +5 -1
  26. data/lib/ui_bibz/inputs/ui_bibz_inputs/ui_choice_field_input.rb +23 -0
  27. data/lib/ui_bibz/inputs/ui_bibz_inputs/ui_multi_select_field_input.rb +3 -3
  28. data/lib/ui_bibz/inputs/ui_bibz_inputs/ui_slider_field_input.rb +12 -0
  29. data/lib/ui_bibz/rails/engine.rb +1 -16
  30. data/lib/ui_bibz/railtie.rb +6 -0
  31. data/lib/ui_bibz/ui/concerns/card_itemable_concern.rb +67 -0
  32. data/lib/ui_bibz/ui/concerns/html_concern.rb +16 -0
  33. data/lib/ui_bibz/ui/core/boxes/card.rb +5 -50
  34. data/lib/ui_bibz/ui/core/boxes/card_accordion.rb +2 -0
  35. data/lib/ui_bibz/ui/core/boxes/card_column.rb +3 -1
  36. data/lib/ui_bibz/ui/core/boxes/card_deck.rb +3 -1
  37. data/lib/ui_bibz/ui/core/boxes/card_grid.rb +60 -0
  38. data/lib/ui_bibz/ui/core/boxes/card_group.rb +3 -1
  39. data/lib/ui_bibz/ui/core/boxes/components/body/card_body_link.rb +0 -3
  40. data/lib/ui_bibz/ui/core/boxes/components/body/card_body_subtitle.rb +47 -0
  41. data/lib/ui_bibz/ui/core/boxes/components/body/card_body_text.rb +0 -3
  42. data/lib/ui_bibz/ui/core/boxes/components/body/card_body_title.rb +1 -4
  43. data/lib/ui_bibz/ui/core/boxes/components/card_body.rb +15 -0
  44. data/lib/ui_bibz/ui/core/boxes/components/card_col.rb +65 -0
  45. data/lib/ui_bibz/ui/core/boxes/components/card_footer.rb +0 -3
  46. data/lib/ui_bibz/ui/core/boxes/components/card_header.rb +2 -4
  47. data/lib/ui_bibz/ui/core/boxes/components/card_image.rb +1 -4
  48. data/lib/ui_bibz/ui/core/boxes/components/card_row.rb +65 -0
  49. data/lib/ui_bibz/ui/core/boxes/components/card_tab_group.rb +0 -4
  50. data/lib/ui_bibz/ui/core/boxes/jumbotron.rb +1 -4
  51. data/lib/ui_bibz/ui/core/component.rb +16 -9
  52. data/lib/ui_bibz/ui/core/forms/buttons/button.rb +1 -1
  53. data/lib/ui_bibz/ui/core/forms/buttons/button_group.rb +9 -11
  54. data/lib/ui_bibz/ui/core/forms/buttons/button_refresh.rb +0 -3
  55. data/lib/ui_bibz/ui/core/forms/buttons/components/button_group_dropdown.rb +0 -3
  56. data/lib/ui_bibz/ui/core/forms/buttons/components/button_group_split_dropdown.rb +0 -3
  57. data/lib/ui_bibz/ui/core/forms/choices/box_switch_field.rb +7 -10
  58. data/lib/ui_bibz/ui/core/forms/choices/checkbox_field.rb +14 -10
  59. data/lib/ui_bibz/ui/core/forms/choices/choice_group.rb +22 -2
  60. data/lib/ui_bibz/ui/core/forms/choices/components/choice.rb +24 -12
  61. data/lib/ui_bibz/ui/core/forms/choices/radio_field.rb +11 -6
  62. data/lib/ui_bibz/ui/core/forms/choices/switch_field.rb +1 -5
  63. data/lib/ui_bibz/ui/core/forms/dates/date_picker_field.rb +12 -15
  64. data/lib/ui_bibz/ui/core/forms/dropdowns/components/dropdown_divider.rb +0 -1
  65. data/lib/ui_bibz/ui/core/forms/dropdowns/components/dropdown_header.rb +0 -3
  66. data/lib/ui_bibz/ui/core/forms/dropdowns/dropdown.rb +19 -20
  67. data/lib/ui_bibz/ui/core/forms/dropdowns/split_dropdown.rb +7 -5
  68. data/lib/ui_bibz/ui/core/forms/files/file_field.rb +20 -10
  69. data/lib/ui_bibz/ui/core/forms/numbers/formula_field.rb +16 -8
  70. data/lib/ui_bibz/ui/core/forms/numbers/number_field.rb +20 -3
  71. data/lib/ui_bibz/ui/core/forms/numbers/range_field.rb +33 -5
  72. data/lib/ui_bibz/ui/core/forms/numbers/slider_field.rb +132 -0
  73. data/lib/ui_bibz/ui/core/forms/numbers/slider_header.rb +71 -0
  74. data/lib/ui_bibz/ui/core/forms/selects/abstract_select.rb +0 -3
  75. data/lib/ui_bibz/ui/core/forms/selects/dropdown_select_field.rb +41 -62
  76. data/lib/ui_bibz/ui/core/forms/selects/multi_column_field.rb +0 -3
  77. data/lib/ui_bibz/ui/core/forms/selects/select_field.rb +2 -5
  78. data/lib/ui_bibz/ui/core/forms/surrounds/components/surround_addon.rb +1 -4
  79. data/lib/ui_bibz/ui/core/forms/surrounds/components/surround_button.rb +0 -3
  80. data/lib/ui_bibz/ui/core/forms/surrounds/components/surround_button_group.rb +0 -3
  81. data/lib/ui_bibz/ui/core/forms/surrounds/components/surround_button_link.rb +0 -3
  82. data/lib/ui_bibz/ui/core/forms/surrounds/components/surround_button_refresh.rb +1 -12
  83. data/lib/ui_bibz/ui/core/forms/surrounds/components/surround_checkbox_field.rb +9 -4
  84. data/lib/ui_bibz/ui/core/forms/surrounds/components/surround_dropdown.rb +0 -3
  85. data/lib/ui_bibz/ui/core/forms/surrounds/components/surround_radio_field.rb +9 -4
  86. data/lib/ui_bibz/ui/core/forms/surrounds/components/surround_switch_field.rb +0 -3
  87. data/lib/ui_bibz/ui/core/forms/surrounds/surround_field.rb +1 -4
  88. data/lib/ui_bibz/ui/core/forms/textareas/markdown_editor_field.rb +4 -7
  89. data/lib/ui_bibz/ui/core/forms/texts/auto_complete_field.rb +2 -5
  90. data/lib/ui_bibz/ui/core/forms/texts/text_field.rb +0 -3
  91. data/lib/ui_bibz/ui/core/icons/components/glyph_counter.rb +0 -3
  92. data/lib/ui_bibz/ui/core/icons/components/glyph_text.rb +1 -4
  93. data/lib/ui_bibz/ui/core/icons/glyph.rb +1 -4
  94. data/lib/ui_bibz/ui/core/icons/star.rb +0 -3
  95. data/lib/ui_bibz/ui/core/layouts/col.rb +5 -42
  96. data/lib/ui_bibz/ui/core/layouts/container.rb +9 -6
  97. data/lib/ui_bibz/ui/core/layouts/row.rb +32 -2
  98. data/lib/ui_bibz/ui/core/lists/components/list.rb +6 -8
  99. data/lib/ui_bibz/ui/core/lists/components/list/list_body.rb +0 -3
  100. data/lib/ui_bibz/ui/core/lists/components/list/list_header.rb +0 -3
  101. data/lib/ui_bibz/ui/core/lists/list_group.rb +9 -6
  102. data/lib/ui_bibz/ui/core/navigations/breadcrumb.rb +3 -2
  103. data/lib/ui_bibz/ui/core/navigations/components/breadcrumb_link.rb +0 -3
  104. data/lib/ui_bibz/ui/core/navigations/components/nav_dropdown.rb +2 -5
  105. data/lib/ui_bibz/ui/core/navigations/components/nav_link.rb +3 -1
  106. data/lib/ui_bibz/ui/core/navigations/components/nav_link_link.rb +15 -6
  107. data/lib/ui_bibz/ui/core/navigations/components/nav_link_list.rb +0 -4
  108. data/lib/ui_bibz/ui/core/navigations/components/nav_link_span.rb +1 -4
  109. data/lib/ui_bibz/ui/core/navigations/components/nav_text.rb +0 -3
  110. data/lib/ui_bibz/ui/core/navigations/components/navbar_brand.rb +0 -3
  111. data/lib/ui_bibz/ui/core/navigations/components/navbar_form.rb +4 -4
  112. data/lib/ui_bibz/ui/core/navigations/components/navbar_nav.rb +1 -4
  113. data/lib/ui_bibz/ui/core/navigations/components/navbar_text.rb +0 -3
  114. data/lib/ui_bibz/ui/core/navigations/components/pagination_link.rb +0 -3
  115. data/lib/ui_bibz/ui/core/navigations/components/toolbar_form.rb +3 -3
  116. data/lib/ui_bibz/ui/core/navigations/link.rb +0 -3
  117. data/lib/ui_bibz/ui/core/navigations/nav.rb +37 -10
  118. data/lib/ui_bibz/ui/core/navigations/navbar.rb +28 -7
  119. data/lib/ui_bibz/ui/core/navigations/pagination.rb +3 -1
  120. data/lib/ui_bibz/ui/core/navigations/tab_group.rb +10 -5
  121. data/lib/ui_bibz/ui/core/navigations/toolbar.rb +2 -0
  122. data/lib/ui_bibz/ui/core/notifications/alert.rb +2 -2
  123. data/lib/ui_bibz/ui/core/notifications/badge.rb +2 -5
  124. data/lib/ui_bibz/ui/core/notifications/components/alert_body.rb +0 -3
  125. data/lib/ui_bibz/ui/core/notifications/components/alert_header.rb +4 -10
  126. data/lib/ui_bibz/ui/core/notifications/components/bar.rb +0 -3
  127. data/lib/ui_bibz/ui/core/notifications/components/toast_body.rb +0 -3
  128. data/lib/ui_bibz/ui/core/notifications/components/toast_header.rb +1 -6
  129. data/lib/ui_bibz/ui/core/notifications/progress_bar.rb +7 -5
  130. data/lib/ui_bibz/ui/core/notifications/spinner.rb +0 -3
  131. data/lib/ui_bibz/ui/core/notifications/toast.rb +14 -3
  132. data/lib/ui_bibz/ui/core/windows/components/modal_body.rb +0 -3
  133. data/lib/ui_bibz/ui/core/windows/components/modal_footer.rb +0 -3
  134. data/lib/ui_bibz/ui/core/windows/components/modal_header.rb +1 -7
  135. data/lib/ui_bibz/ui/core/windows/modal.rb +61 -14
  136. data/lib/ui_bibz/ui/extensions/core/component/glyph_extension.rb +4 -2
  137. data/lib/ui_bibz/ui/extensions/core/component/popover_extension.rb +9 -9
  138. data/lib/ui_bibz/ui/extensions/core/forms/connect_extension.rb +2 -2
  139. data/lib/ui_bibz/ui/ux/containers/components/panel_body.rb +0 -3
  140. data/lib/ui_bibz/ui/ux/containers/components/panel_column.rb +2 -0
  141. data/lib/ui_bibz/ui/ux/containers/components/panel_deck.rb +2 -0
  142. data/lib/ui_bibz/ui/ux/containers/components/panel_footer.rb +0 -3
  143. data/lib/ui_bibz/ui/ux/containers/components/panel_group.rb +2 -0
  144. data/lib/ui_bibz/ui/ux/containers/components/panel_header.rb +1 -4
  145. data/lib/ui_bibz/ui/ux/containers/components/panel_tab_group.rb +0 -4
  146. data/lib/ui_bibz/ui/ux/containers/components/panel_toolbar.rb +0 -3
  147. data/lib/ui_bibz/ui/ux/containers/panel.rb +4 -2
  148. data/lib/ui_bibz/ui/ux/tables/components/thead.rb +0 -3
  149. data/lib/ui_bibz/ui/ux/tables/table.rb +2 -4
  150. data/lib/ui_bibz/ui/ux/tables/table_card.rb +4 -3
  151. data/lib/ui_bibz/ui/ux/tables/table_search_field.rb +5 -5
  152. data/lib/ui_bibz/utils/breakdown_class_name_generator.rb +74 -0
  153. data/lib/ui_bibz/utils/internationalization.rb +1 -1
  154. data/lib/ui_bibz/utils/screwdriver.rb +16 -10
  155. data/test/dummy/Rakefile +1 -1
  156. data/test/dummy/app/javascripts/packs/index.js +3 -0
  157. data/test/dummy/app/models/user.rb +1 -0
  158. data/test/dummy/app/views/layouts/application.html.erb +4 -1
  159. data/{app/ui/.keep → test/dummy/app/views/users/index.html.erb} +0 -0
  160. data/test/dummy/bin/setup +17 -13
  161. data/test/dummy/config.ru +2 -1
  162. data/test/dummy/config/application.rb +1 -0
  163. data/test/dummy/config/cable.yml +10 -0
  164. data/test/dummy/config/database.yml +1 -1
  165. data/test/dummy/config/environment.rb +1 -1
  166. data/test/dummy/config/environments/development.rb +33 -12
  167. data/test/dummy/config/environments/production.rb +52 -19
  168. data/test/dummy/config/environments/test.rb +18 -12
  169. data/test/dummy/config/initializers/application_controller_renderer.rb +9 -0
  170. data/test/dummy/config/initializers/assets.rb +4 -3
  171. data/test/dummy/config/initializers/backtrace_silencers.rb +0 -1
  172. data/test/dummy/config/initializers/content_security_policy.rb +29 -0
  173. data/test/dummy/config/initializers/cookies_serializer.rb +2 -0
  174. data/test/dummy/config/initializers/inflections.rb +0 -1
  175. data/test/dummy/config/initializers/mime_types.rb +0 -1
  176. data/test/dummy/config/initializers/wrap_parameters.rb +2 -2
  177. data/test/dummy/config/puma.rb +40 -0
  178. data/test/dummy/config/routes.rb +3 -0
  179. data/test/dummy/config/spring.rb +8 -0
  180. data/test/dummy/config/storage.yml +34 -0
  181. data/test/dummy/db/migrate/20150123191805_create_users.rb +1 -1
  182. data/test/dummy/db/schema.rb +24 -24
  183. data/test/dummy/public/404.html +6 -6
  184. data/test/dummy/public/422.html +6 -6
  185. data/test/dummy/public/500.html +6 -6
  186. data/test/dummy/public/apple-touch-icon-precomposed.png +0 -0
  187. data/test/dummy/public/apple-touch-icon.png +0 -0
  188. data/test/dummy/storage/.keep +0 -0
  189. data/test/simple_form_test.rb +45 -44
  190. data/test/store_test.rb +5 -5
  191. data/test/test_helper.rb +18 -9
  192. data/test/ui/core/boxes/card_grid_test.rb +17 -0
  193. data/test/ui/core/boxes/card_test.rb +46 -12
  194. data/test/ui/core/boxes/jumbotron_test.rb +2 -2
  195. data/test/ui/core/component_test.rb +1 -1
  196. data/test/ui/core/forms/buttons/button_group_test.rb +1 -1
  197. data/test/ui/core/forms/buttons/button_link_test.rb +1 -1
  198. data/test/ui/core/forms/buttons/button_test.rb +2 -2
  199. data/test/ui/core/forms/choices/checkbox_field_test.rb +8 -1
  200. data/test/ui/core/forms/choices/choice_group_test.rb +11 -9
  201. data/test/ui/core/forms/choices/radio_field_test.rb +1 -1
  202. data/test/ui/core/forms/dates/date_picker_field_test.rb +1 -1
  203. data/test/ui/core/forms/dropdowns/dropdown_test.rb +2 -2
  204. data/test/ui/core/forms/files/file_field_test.rb +12 -0
  205. data/test/ui/core/forms/numbers/formula_field_test.rb +1 -1
  206. data/test/ui/core/forms/numbers/range_field_test.rb +23 -2
  207. data/test/ui/core/forms/numbers/slider_field_test.rb +26 -0
  208. data/test/ui/core/forms/selects/multi_column_field_test.rb +1 -1
  209. data/test/ui/core/forms/selects/multi_select_field_test.rb +7 -7
  210. data/test/ui/core/forms/selects/select_field_test.rb +3 -3
  211. data/test/ui/core/forms/surrounds/surround_field_test.rb +15 -3
  212. data/test/ui/core/forms/textareas/markdown_editor_field_test.rb +1 -1
  213. data/test/ui/core/forms/texts/auto_complete_field_test.rb +8 -8
  214. data/test/ui/core/forms/texts/text_field_test.rb +2 -2
  215. data/test/ui/core/layouts/col_test.rb +11 -2
  216. data/test/ui/core/layouts/container_test.rb +15 -1
  217. data/test/ui/core/layouts/row_test.rb +68 -3
  218. data/test/ui/core/lists/list_group_test.rb +1 -1
  219. data/test/ui/core/navigations/breadcrumb_test.rb +1 -1
  220. data/test/ui/core/navigations/link_test.rb +1 -1
  221. data/test/ui/core/navigations/nav_test.rb +17 -5
  222. data/test/ui/core/navigations/navbar_test.rb +5 -4
  223. data/test/ui/core/navigations/tab_group_test.rb +4 -4
  224. data/test/ui/core/notifications/alert_test.rb +2 -2
  225. data/test/ui/core/notifications/badge_test.rb +3 -3
  226. data/test/ui/core/notifications/progress_bar_test.rb +1 -1
  227. data/test/ui/core/notifications/toast_test.rb +10 -1
  228. data/test/ui/core/windows/modal_test.rb +15 -1
  229. data/test/ui/utils/breakdown_class_name_generator_test.rb +60 -0
  230. data/test/ui/ux/containers/panel_test.rb +5 -5
  231. data/test/ui/ux/tables/table_test.rb +6 -6
  232. data/test/ui_bibz_test.rb +1 -1
  233. data/ui_bibz.gemspec +16 -16
  234. metadata +99 -109
  235. data/.rubocop_todo.yml +0 -25
  236. data/app/assets/javascripts/fix_bootstrap.coffee +0 -7
  237. data/app/assets/javascripts/form.coffee +0 -83
  238. data/app/assets/javascripts/formula.coffee +0 -69
  239. data/app/assets/javascripts/input-connected.coffee +0 -101
  240. data/app/assets/javascripts/interface.coffee +0 -55
  241. data/app/assets/javascripts/jquery.multi-select-extend.coffee +0 -38
  242. data/app/assets/javascripts/table.coffee +0 -36
  243. data/app/assets/javascripts/ui_bibz.coffee.erb +0 -75
  244. data/app/assets/stylesheets/_custom_variables.sass +0 -20
  245. data/app/assets/stylesheets/_panel.scss +0 -315
  246. data/app/assets/stylesheets/bootstrap-switch.sass +0 -159
  247. data/app/assets/stylesheets/boxes.sass +0 -5
  248. data/app/assets/stylesheets/containers.sass +0 -2
  249. data/app/assets/stylesheets/fix-bootstrap-4.sass +0 -19
  250. data/app/assets/stylesheets/fix_addon.sass +0 -216
  251. data/app/assets/stylesheets/forms.sass +0 -91
  252. data/app/assets/stylesheets/navigations.sass +0 -17
  253. data/app/assets/stylesheets/notifications.sass +0 -42
  254. data/app/assets/stylesheets/tables.sass +0 -66
  255. data/app/assets/stylesheets/ui_bibz.sass.erb +0 -55
  256. data/lib/generators/ui_bibz/install_generator.rb +0 -17
  257. data/lib/generators/ui_bibz/templates/ui_bibz_initializer.rb +0 -5
  258. data/lib/ui_bibz/ui/core/forms/selects/multi_select_field.rb +0 -125
  259. data/lib/ui_bibz/ui/core/icons/glyph_group.rb +0 -101
  260. data/test/dummy/bin/bundle +0 -5
  261. data/test/ui/core/forms/files/text_field_test.rb +0 -12
  262. data/test/ui/core/forms/selects/dropdown_select_field_test.rb +0 -84
  263. data/test/ui/core/icons/glyph_group_test.rb +0 -37
@@ -56,9 +56,6 @@ module UiBibz::Ui::Core::Forms::Dropdowns
56
56
  #
57
57
  class SplitDropdown < UiBibz::Ui::Core::Forms::Dropdowns::Dropdown
58
58
  # See UiBibz::Ui::Core::Forms::Dropdowns::Dropdown.initialize
59
- def initialize(name, options = nil, html_options = nil, &block)
60
- super
61
- end
62
59
 
63
60
  # Render html tag
64
61
  def pre_render
@@ -72,7 +69,7 @@ module UiBibz::Ui::Core::Forms::Dropdowns
72
69
  private
73
70
 
74
71
  def component_html_classes
75
- ['btn-group', type]
72
+ ['btn-group', position, alignement, open, inline, keep_open]
76
73
  end
77
74
 
78
75
  def button_html
@@ -80,13 +77,18 @@ module UiBibz::Ui::Core::Forms::Dropdowns
80
77
  end
81
78
 
82
79
  def split_html
83
- content_tag :button, split_content, class: join_classes('btn', button_status, size, 'dropdown-toggle', 'dropdown-toggle-split'), type: 'button', 'data-toggle' => 'dropdown', 'aria-haspopup' => true, 'aria-expanded' => false
80
+ content_tag :button, split_content, class: split_classes, type: 'button',
81
+ 'data-toggle' => 'dropdown', 'aria-haspopup' => true, 'aria-expanded' => false
84
82
  end
85
83
 
86
84
  def split_content
87
85
  src_only
88
86
  end
89
87
 
88
+ def split_classes
89
+ join_classes('btn', button_status, size, 'dropdown-toggle', 'dropdown-toggle-split')
90
+ end
91
+
90
92
  def src_only
91
93
  content_tag :span, 'Toggle Dropdown', class: 'sr-only'
92
94
  end
@@ -42,30 +42,40 @@ module UiBibz::Ui::Core::Forms::Files
42
42
  #
43
43
  class FileField < UiBibz::Ui::Core::Component
44
44
  # See UiBibz::Ui::Core::Component.initialize
45
- def initialize(content = nil, options = nil, html_options = nil, &block)
46
- super
47
- end
48
45
 
49
46
  # Render html tag
50
47
  def pre_render
51
48
  content_tag :div, html_options do
52
- concat file_field_tag content, class: 'custom-file-input', multiple: options[:multiple], disabled: disabled?
53
- concat label_tag label_name, label_content, class: 'custom-file-label'
49
+ concat file_field_tag content, class: 'form-file-input', multiple: options[:multiple], disabled: disabled?
50
+ concat label_text_and_button
54
51
  end
55
52
  end
56
53
 
57
54
  private
58
55
 
59
- def label_name
60
- html_options[:id] || content
56
+ def label_text_and_button
57
+ label_tag label_name, class: 'form-file-label' do
58
+ concat content_tag(:span, format_value(options[:input_text] || options[:value]), class: 'form-file-text')
59
+ concat content_tag(:span, options[:button_text] || 'Browse', class: 'form-file-button')
60
+ end
61
61
  end
62
62
 
63
- def label_content
64
- options[:value] || ''
63
+ def format_value(value)
64
+ if value.is_a? ActiveStorage::Attached::One
65
+ return '' unless value.attached?
66
+
67
+ return value.attachment.blob.filename
68
+ end
69
+
70
+ value.to_s
71
+ end
72
+
73
+ def label_name
74
+ html_options[:id] || content
65
75
  end
66
76
 
67
77
  def component_html_classes
68
- super << 'custom-file'
78
+ super << 'form-file'
69
79
  end
70
80
  end
71
81
  end
@@ -39,9 +39,6 @@ module UiBibz::Ui::Core::Forms::Numbers
39
39
  #
40
40
  class FormulaField < UiBibz::Ui::Core::Component
41
41
  # See UiBibz::Ui::Core::Component.initialize
42
- def initialize(content = nil, options = nil, html_options = nil, &block)
43
- super
44
- end
45
42
 
46
43
  # Render html tag
47
44
  def pre_render
@@ -51,7 +48,7 @@ module UiBibz::Ui::Core::Forms::Numbers
51
48
  private
52
49
 
53
50
  def formula_field_html_tag
54
- UiBibz::Ui::Core::Forms::Surrounds::SurroundField.new(class: join_classes('formula_field', status, size)).tap do |sf|
51
+ UiBibz::Ui::Core::Forms::Surrounds::SurroundField.new(class: join_classes('formula_field', state, size)).tap do |sf|
55
52
  sf.text_field formula_field_name, nil, text_field_formula_html_options
56
53
  sf.addon '=', class: 'formula-field-sign'
57
54
  sf.text_field content, nil, text_field_input_html_options
@@ -75,7 +72,7 @@ module UiBibz::Ui::Core::Forms::Numbers
75
72
  end
76
73
 
77
74
  def component_html_options
78
- options[:state] == :disabled ? { disabled: 'disabled' } : {}
75
+ disabled? ? { disabled: 'disabled' } : {}
79
76
  end
80
77
 
81
78
  def formula_field_alert_glyph
@@ -87,16 +84,27 @@ module UiBibz::Ui::Core::Forms::Numbers
87
84
  end
88
85
 
89
86
  def content_formula_name
90
- content.to_s.split('').select { |i| i == ']' }.count.positive? ? content.to_s.gsub(/]$/, '_formula]') : "#{content}_formula"
87
+ content.to_s.split('').count { |i| i == ']' }.positive? ? content.to_s.gsub(/]$/, '_formula]') : "#{content}_formula"
91
88
  end
92
89
 
93
- def status
94
- "has-#{options[:status]}" if options[:status]
90
+ def state
91
+ states_matching[@options[:status] || @options[:state]] if @options[:status] || @options[:state]
95
92
  end
96
93
 
97
94
  # :lg, :sm or :xs
98
95
  def size
99
96
  "input-group-#{options[:size]}" if options[:size]
100
97
  end
98
+
99
+ def states_matching
100
+ {
101
+ success: 'is-valid',
102
+ danger: 'is-invalid',
103
+ valid: 'is-valid',
104
+ invalid: 'is-invalid',
105
+ active: 'active',
106
+ disabled: 'disabled'
107
+ }
108
+ end
101
109
  end
102
110
  end
@@ -48,9 +48,6 @@ module UiBibz::Ui::Core::Forms::Numbers
48
48
  #
49
49
  class NumberField < UiBibz::Ui::Core::Forms::Texts::TextField
50
50
  # See UiBibz::Ui::Core::Component.initialize
51
- def initialize(content = nil, options = nil, html_options = nil, &block)
52
- super
53
- end
54
51
 
55
52
  # Render html tag
56
53
  def pre_render
@@ -73,5 +70,25 @@ module UiBibz::Ui::Core::Forms::Numbers
73
70
  within: options[:within]
74
71
  }
75
72
  end
73
+
74
+ def html_max
75
+ options[:max] || 100
76
+ end
77
+
78
+ def html_min
79
+ options[:min] || 0
80
+ end
81
+
82
+ def html_step
83
+ options[:step] || 1
84
+ end
85
+
86
+ def html_in
87
+ options[:in]
88
+ end
89
+
90
+ def html_within
91
+ options[:within]
92
+ end
76
93
  end
77
94
  end
@@ -47,19 +47,47 @@ module UiBibz::Ui::Core::Forms::Numbers
47
47
  #
48
48
  class RangeField < UiBibz::Ui::Core::Forms::Numbers::NumberField
49
49
  # See UiBibz::Ui::Core::Component.initialize
50
- def initialize(content = nil, options = nil, html_options = nil, &block)
51
- super
52
- end
53
50
 
54
51
  # Render html tag
55
52
  def pre_render
56
- range_field_tag content, options[:value] || html_options[:value], html_options
53
+ capture do
54
+ concat range_field_tag(content, options[:value] || html_options[:value], html_options)
55
+ concat datalist_tag if options[:tick]
56
+ end
57
+ end
58
+
59
+ def html_id
60
+ @html_id ||= html_options[:id] || generate_id('range')
57
61
  end
58
62
 
59
63
  private
60
64
 
65
+ def datalist_tag
66
+ content_tag :datalist, id: datalist_id do
67
+ (html_min..html_max).step(html_step).map do |i|
68
+ content_tag :option, option_label(i), value: i, label: option_label(i)
69
+ end.join.html_safe
70
+ end
71
+ end
72
+
73
+ def component_html_options
74
+ options[:tick] ? super.merge(list: datalist_id) : super
75
+ end
76
+
61
77
  def component_html_classes
62
- 'custom-range'
78
+ 'form-range'
79
+ end
80
+
81
+ def option_label(value)
82
+ value if [html_min, middle_range_value, html_max].include?(value)
83
+ end
84
+
85
+ def middle_range_value
86
+ (html_min..html_max).to_a[(html_min..html_max).size / 2]
87
+ end
88
+
89
+ def datalist_id
90
+ "#{html_id}-list"
63
91
  end
64
92
  end
65
93
  end
@@ -0,0 +1,132 @@
1
+ # frozen_string_literal: true
2
+
3
+ module UiBibz::Ui::Core::Forms::Numbers
4
+ # Create a SliderField
5
+ #
6
+ # This element is an extend of UiBibz::Ui::Core::Component.
7
+ #
8
+ # ==== Attributes
9
+ #
10
+ # * +content+ - Content of element
11
+ # * +options+ - Options of element
12
+ # * +html_options+ - Html Options of element
13
+ #
14
+ # ==== Options
15
+ #
16
+ # You can add HTML attributes using the +html_options+.
17
+ # You can pass arguments in options attribute:
18
+ # * +max+ - [Float, Integer]
19
+ # * +min+ - [Float, Integer]
20
+ # * +step+ - [Float, Integer]
21
+ # * +in+ - Array
22
+ # * +within+ - Array
23
+ #
24
+ # ==== Signatures
25
+ #
26
+ # UiBibz::Ui::Core::Forms::Numbers::SliderField.new(content, options = {}, html_options = {}).render
27
+ #
28
+ # UiBibz::Ui::Core::Forms::Numbers::SliderField.new(options = {}, html_options = {}) do
29
+ # content
30
+ # end.render
31
+ #
32
+ # ==== Examples
33
+ #
34
+ # UiBibz::Ui::Core::Forms::Numbers::SliderField.new(4, max: 20, min: 0, step: 2)
35
+ #
36
+ # UiBibz::Ui::Core::Forms::Numbers::SliderField.new(max: 2, min: -3, step: 0.5) do
37
+ # 5
38
+ # end
39
+ #
40
+ # ==== Helper
41
+ #
42
+ # ui_slider_field(content, options = {}, html_options = {})
43
+ #
44
+ # ui_slider_field(options = {}, html_options = {}) do
45
+ # # content
46
+ # end
47
+ #
48
+ class SliderField < UiBibz::Ui::Core::Forms::Numbers::NumberField
49
+ # See UiBibz::Ui::Core::Component.initialize
50
+
51
+ private
52
+
53
+ # Render html tag
54
+ def pre_render
55
+ content_tag :div, html_options do
56
+ concat slider_html
57
+ concat range_field_tag(options[:input_name_min] || range_name('_min'), options[:thumb_min] || 0, range_html_options)
58
+ concat range_field_tag(options[:input_name_max] || range_name('_max'), options[:thumb_max] || 100, range_html_options)
59
+ end
60
+ end
61
+
62
+ def slider_html
63
+ content_tag :div do
64
+ concat content_tag :div, '', class: 'slider-inverse-left', style: 'width: 100%'
65
+ concat content_tag :div, '', class: 'slider-inverse-right', style: 'width: 100%'
66
+ concat content_tag :div, '', class: 'slider-range', style: "left: #{left_percentage}%; right: #{100 - right_percentage}%"
67
+ concat content_tag :div, '', class: 'slider-thumb slider-thumb-left', style: "left: #{left_percentage}%"
68
+ concat content_tag :div, '', class: 'slider-thumb slider-thumb-right', style: "left: #{right_percentage}%"
69
+ end
70
+ end
71
+
72
+ def range_html_options
73
+ { max: options[:max] || 100, min: options[:min] || 0, step: options[:step] || 1, disabled: disabled }
74
+ end
75
+
76
+ def not_on_hundred_percent?
77
+ options[:max].present? && options[:max] != 100 || options[:min].present? && options[:min] != 0
78
+ end
79
+
80
+ def absolute_total
81
+ @absolute_total ||= min.abs + max.abs
82
+ end
83
+
84
+ def absolute_min
85
+ (min - thumb_min).abs
86
+ end
87
+
88
+ def absolute_max
89
+ (max - thumb_max).abs
90
+ end
91
+
92
+ def min
93
+ options[:min] || 0
94
+ end
95
+
96
+ def max
97
+ options[:max] || 100
98
+ end
99
+
100
+ def thumb_min
101
+ options[:thumb_min] || 0
102
+ end
103
+
104
+ def thumb_max
105
+ options[:thumb_max] || 100
106
+ end
107
+
108
+ def left_percentage
109
+ @left_percentage ||= not_on_hundred_percent? ? 100 * absolute_min / absolute_total : thumb_min
110
+ end
111
+
112
+ def right_percentage
113
+ @right_percentage ||= not_on_hundred_percent? ? 100 - (100 * absolute_max / absolute_total) : thumb_max
114
+ end
115
+
116
+ def component_html_classes
117
+ ['slider', ('disabled' if disabled)]
118
+ end
119
+
120
+ def disabled
121
+ 'disabled' if options[:state] == :disabled || html_options[:disabled]
122
+ end
123
+
124
+ def range_name(suffix)
125
+ if content.end_with?(']')
126
+ content.dup.insert(-2, suffix)
127
+ else
128
+ "#{content}#{suffix}"
129
+ end
130
+ end
131
+ end
132
+ end
@@ -0,0 +1,71 @@
1
+ # frozen_string_literal: true
2
+
3
+ module UiBibz::Ui::Core::Forms::Numbers
4
+ # Create a SliderHeader
5
+ #
6
+ # This element is an extend of UiBibz::Ui::Core::Component.
7
+ #
8
+ # ==== Attributes
9
+ #
10
+ # * +content+ - Content of element
11
+ # * +options+ - Options of element
12
+ # * +html_options+ - Html Options of element
13
+ #
14
+ # ==== Options
15
+ #
16
+ # You can add HTML attributes using the +html_options+.
17
+ # You can pass arguments in options attribute:
18
+ # * +max+ - [Float, Integer]
19
+ # * +min+ - [Float, Integer]
20
+ # * +step+ - [Float, Integer]
21
+ # * +in+ - Array
22
+ # * +within+ - Array
23
+ #
24
+ # ==== Signatures
25
+ #
26
+ # UiBibz::Ui::Core::Forms::Numbers::SliderHeader.new(content, options = {}, html_options = {}).render
27
+ #
28
+ # UiBibz::Ui::Core::Forms::Numbers::SliderHeader.new(options = {}, html_options = {}) do
29
+ # content
30
+ # end.render
31
+ #
32
+ # ==== Examples
33
+ #
34
+ # UiBibz::Ui::Core::Forms::Numbers::SliderHeader.new(nil, max: 20, min: 0)
35
+ #
36
+ # ==== Helper
37
+ #
38
+ # ui_slider_header(content, options = {}, html_options = {})
39
+ #
40
+ class SliderHeader < UiBibz::Ui::Core::Component
41
+ # See UiBibz::Ui::Core::Component.initialize
42
+
43
+ # Render html tag
44
+ def pre_render
45
+ content_tag :div, html_options do
46
+ concat header_min
47
+ concat header_max
48
+ end
49
+ end
50
+
51
+ private
52
+
53
+ def header_min
54
+ content_tag :div, class: 'slider-header-min' do
55
+ concat content_tag :label, options[:label_min] || 'Min: '
56
+ concat content_tag :span, options[:thumb_min], "data-unit": options[:unit] || options[:unit_min]
57
+ end
58
+ end
59
+
60
+ def header_max
61
+ content_tag :div, class: 'slider-header-max' do
62
+ concat content_tag :label, options[:label_max] || 'max: '
63
+ concat content_tag :span, options[:thumb_max], "data-unit": options[:unit] || options[:unit_max]
64
+ end
65
+ end
66
+
67
+ def component_html_classes
68
+ 'slider-header'
69
+ end
70
+ end
71
+ end
@@ -71,9 +71,6 @@ module UiBibz::Ui::Core::Forms::Selects
71
71
  include SurroundExtension
72
72
 
73
73
  # See UiBibz::Ui::Core::Component.initialize
74
- def initialize(content = nil, options = nil, html_options = nil, &block)
75
- super
76
- end
77
74
 
78
75
  # Render html tag
79
76
  def pre_render