headmin 0.2.5 → 0.3.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 (264) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +29 -3
  3. data/Gemfile.lock +13 -2
  4. data/README.md +64 -57
  5. data/app/assets/config/headmin_manifest.js +2 -0
  6. data/app/assets/javascripts/headmin/config/i18n.js +11 -0
  7. data/{src/js → app/assets/javascripts}/headmin/controllers/blocks_controller.js +1 -2
  8. data/app/assets/javascripts/headmin/controllers/date_range_controller.js +32 -0
  9. data/app/assets/javascripts/headmin/controllers/dropzone_controller.js +33 -0
  10. data/app/assets/javascripts/headmin/controllers/file_preview_controller.js +244 -0
  11. data/{src/js → app/assets/javascripts}/headmin/controllers/filter_controller.js +13 -7
  12. data/{src/js → app/assets/javascripts}/headmin/controllers/filters_controller.js +1 -1
  13. data/app/assets/javascripts/headmin/controllers/flatpickr_controller.js +39 -0
  14. data/app/assets/javascripts/headmin/controllers/hello_controller.js +7 -0
  15. data/app/assets/javascripts/headmin/controllers/notification_controller.js +8 -0
  16. data/{src/js → app/assets/javascripts}/headmin/controllers/popup_controller.js +1 -2
  17. data/app/assets/javascripts/headmin/controllers/redactorx_controller.js +13 -0
  18. data/{src/js → app/assets/javascripts}/headmin/controllers/repeater_controller.js +8 -9
  19. data/app/assets/javascripts/headmin/controllers/select_controller.js +48 -0
  20. data/app/assets/javascripts/headmin/controllers/table_actions_controller.js +98 -0
  21. data/app/assets/javascripts/headmin/controllers/table_controller.js +110 -0
  22. data/app/assets/javascripts/headmin/index.js +41 -0
  23. data/app/assets/javascripts/headmin.js +15934 -0
  24. data/{src/scss → app/assets/stylesheets}/headmin/filter.scss +0 -0
  25. data/{src/scss → app/assets/stylesheets}/headmin/filters.scss +0 -0
  26. data/{src/scss → app/assets/stylesheets}/headmin/form.scss +55 -2
  27. data/{src/scss → app/assets/stylesheets}/headmin/general.scss +0 -0
  28. data/{src/scss → app/assets/stylesheets}/headmin/layout/body.scss +0 -0
  29. data/{src/scss → app/assets/stylesheets}/headmin/layout/sidebar.scss +0 -0
  30. data/{src/scss → app/assets/stylesheets}/headmin/layout.scss +0 -0
  31. data/{src/scss → app/assets/stylesheets}/headmin/login.scss +0 -0
  32. data/{src/scss/vendor/bootstrap/variables.scss → app/assets/stylesheets/headmin/overrides/bootstrap.scss} +0 -0
  33. data/{src/scss/vendor/redactorx/override.css → app/assets/stylesheets/headmin/overrides/redactorx.css} +0 -0
  34. data/{src/scss → app/assets/stylesheets}/headmin/popup.scss +0 -0
  35. data/app/assets/stylesheets/headmin/syntax.scss +349 -0
  36. data/{src/scss → app/assets/stylesheets}/headmin/table.scss +1 -0
  37. data/app/assets/stylesheets/headmin/thumbnail.scss +20 -0
  38. data/app/assets/stylesheets/headmin/utilities.scss +68 -0
  39. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_accordion.scss +118 -0
  40. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_alert.scss +57 -0
  41. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_badge.scss +29 -0
  42. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_breadcrumb.scss +28 -0
  43. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_button-group.scss +139 -0
  44. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_buttons.scss +111 -0
  45. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_card.scss +216 -0
  46. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_carousel.scss +229 -0
  47. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_close.scss +40 -0
  48. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_containers.scss +41 -0
  49. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_dropdown.scss +240 -0
  50. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_forms.scss +9 -0
  51. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_functions.scss +302 -0
  52. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_grid.scss +33 -0
  53. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_helpers.scss +9 -0
  54. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_images.scss +42 -0
  55. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_list-group.scss +174 -0
  56. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_mixins.scss +43 -0
  57. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_modal.scss +209 -0
  58. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_nav.scss +139 -0
  59. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_navbar.scss +335 -0
  60. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_offcanvas.scss +83 -0
  61. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_pagination.scss +64 -0
  62. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_placeholders.scss +51 -0
  63. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_popover.scss +158 -0
  64. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_progress.scss +48 -0
  65. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_reboot.scss +625 -0
  66. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_root.scss +54 -0
  67. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_spinners.scss +69 -0
  68. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_tables.scss +155 -0
  69. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_toasts.scss +51 -0
  70. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_tooltip.scss +115 -0
  71. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_transitions.scss +27 -0
  72. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_type.scss +104 -0
  73. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_utilities.scss +630 -0
  74. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_variables.scss +1641 -0
  75. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/bootstrap-grid.scss +67 -0
  76. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/bootstrap-reboot.scss +13 -0
  77. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/bootstrap-utilities.scss +18 -0
  78. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/bootstrap.scss +53 -0
  79. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/forms/_floating-labels.scss +63 -0
  80. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/forms/_form-check.scss +152 -0
  81. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/forms/_form-control.scss +219 -0
  82. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/forms/_form-range.scss +91 -0
  83. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/forms/_form-select.scss +72 -0
  84. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/forms/_form-text.scss +11 -0
  85. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/forms/_input-group.scss +121 -0
  86. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/forms/_labels.scss +36 -0
  87. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/forms/_validation.scss +12 -0
  88. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/helpers/_clearfix.scss +3 -0
  89. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/helpers/_colored-links.scss +12 -0
  90. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/helpers/_position.scss +30 -0
  91. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/helpers/_ratio.scss +26 -0
  92. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/helpers/_stacks.scss +15 -0
  93. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/helpers/_stretched-link.scss +15 -0
  94. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/helpers/_text-truncation.scss +7 -0
  95. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/helpers/_visually-hidden.scss +8 -0
  96. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/helpers/_vr.scss +8 -0
  97. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_alert.scss +11 -0
  98. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_backdrop.scss +14 -0
  99. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_border-radius.scss +78 -0
  100. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_box-shadow.scss +18 -0
  101. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_breakpoints.scss +127 -0
  102. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_buttons.scss +133 -0
  103. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_caret.scss +64 -0
  104. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_clearfix.scss +9 -0
  105. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_color-scheme.scss +7 -0
  106. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_container.scss +9 -0
  107. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_deprecate.scss +10 -0
  108. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_forms.scss +144 -0
  109. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_gradients.scss +47 -0
  110. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_grid.scss +151 -0
  111. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_image.scss +16 -0
  112. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_list-group.scss +24 -0
  113. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_lists.scss +7 -0
  114. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_pagination.scss +31 -0
  115. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_reset-text.scss +17 -0
  116. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_resize.scss +6 -0
  117. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_table-variants.scss +21 -0
  118. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_text-truncate.scss +8 -0
  119. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_transition.scss +26 -0
  120. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_utilities.scss +89 -0
  121. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_visually-hidden.scss +29 -0
  122. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/utilities/_api.scss +47 -0
  123. data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/vendor/_rfs.scss +354 -0
  124. data/app/assets/stylesheets/headmin/vendor/flatpickr.css +903 -0
  125. data/{src/scss/vendor/redactorx → app/assets/stylesheets/headmin/vendor}/redactorx.css +0 -0
  126. data/app/assets/stylesheets/headmin/vendor/tom-select-bootstrap.css +537 -0
  127. data/app/assets/stylesheets/headmin.css +13454 -0
  128. data/app/assets/stylesheets/headmin.scss +65 -0
  129. data/app/helpers/headmin/admin_helper.rb +4 -59
  130. data/app/helpers/headmin/bootstrap_helper.rb +31 -0
  131. data/app/helpers/headmin/documentation_helper.rb +35 -0
  132. data/app/helpers/headmin/filter_helper.rb +7 -3
  133. data/app/helpers/headmin/form_helper.rb +40 -0
  134. data/app/helpers/headmin/request_helper.rb +34 -0
  135. data/app/models/concerns/headmin/fieldable.rb +3 -1
  136. data/app/models/headmin/documentation_renderer.rb +32 -0
  137. data/app/models/headmin/form/base.rb +79 -0
  138. data/app/models/headmin/form/text.rb +53 -0
  139. data/app/services/block_service.rb +8 -4
  140. data/app/views/examples/admin.html.erb +1 -1
  141. data/app/views/headmin/_blocks.html.erb +2 -2
  142. data/app/views/headmin/_breadcrumbs.html.erb +1 -1
  143. data/app/views/headmin/_card.html.erb +10 -6
  144. data/app/views/headmin/_dropdown.html.erb +1 -1
  145. data/app/views/headmin/_filters.html.erb +23 -11
  146. data/app/views/headmin/_form.html.erb +14 -14
  147. data/app/views/headmin/_heading.html.erb +1 -1
  148. data/app/views/headmin/_notifications.html.erb +1 -1
  149. data/app/views/headmin/_pagination.html.erb +3 -2
  150. data/app/views/headmin/_popup.html.erb +10 -4
  151. data/app/views/headmin/_table.html.erb +10 -4
  152. data/app/views/headmin/_thumbnail.html.erb +47 -0
  153. data/app/views/headmin/dropdown/_devise.html.erb +20 -10
  154. data/app/views/headmin/dropdown/_list.html.erb +14 -7
  155. data/app/views/headmin/filters/_date.html.erb +9 -13
  156. data/app/views/headmin/filters/_flatpickr.html.erb +57 -0
  157. data/app/views/headmin/filters/_search.html.erb +5 -5
  158. data/app/views/headmin/filters/_select.html.erb +6 -6
  159. data/app/views/headmin/filters/filter/_button.html.erb +7 -7
  160. data/app/views/headmin/filters/filter/_template.html.erb +1 -1
  161. data/app/views/headmin/forms/_actions.html.erb +1 -1
  162. data/app/views/headmin/forms/_base.html.erb +100 -46
  163. data/app/views/headmin/forms/_blocks.html.erb +14 -7
  164. data/app/views/headmin/forms/_checkbox.html.erb +3 -3
  165. data/app/views/headmin/forms/_date.html.erb +30 -34
  166. data/app/views/headmin/forms/_date_range.html.erb +42 -0
  167. data/app/views/headmin/forms/_email.html.erb +35 -26
  168. data/app/views/headmin/forms/_file.html.erb +186 -34
  169. data/app/views/headmin/forms/_flatpickr.html.erb +34 -0
  170. data/app/views/headmin/forms/_flatpickr_range.html.erb +50 -0
  171. data/app/views/headmin/forms/_hidden.html.erb +24 -0
  172. data/app/views/headmin/forms/_image.html.erb +11 -45
  173. data/app/views/headmin/forms/_label.html.erb +18 -12
  174. data/app/views/headmin/forms/_number.html.erb +40 -37
  175. data/app/views/headmin/forms/_password.html.erb +37 -58
  176. data/app/views/headmin/forms/_redactorx.html.erb +8 -7
  177. data/app/views/headmin/forms/_repeater.html.erb +11 -14
  178. data/app/views/headmin/forms/_select.html.erb +43 -45
  179. data/app/views/headmin/forms/_text.html.erb +94 -59
  180. data/app/views/headmin/forms/_textarea.html.erb +37 -26
  181. data/app/views/headmin/forms/_url.html.erb +35 -26
  182. data/app/views/headmin/forms/_validation.html.erb +3 -3
  183. data/app/views/headmin/forms/_video.html.erb +21 -0
  184. data/app/views/headmin/forms/fields/_base.html.erb +3 -3
  185. data/app/views/headmin/forms/fields/_file.html.erb +2 -2
  186. data/app/views/headmin/forms/fields/_group.html.erb +3 -3
  187. data/app/views/headmin/forms/fields/_image.html.erb +2 -2
  188. data/app/views/headmin/forms/fields/_list.html.erb +3 -3
  189. data/app/views/headmin/forms/fields/_text.html.erb +2 -2
  190. data/app/views/headmin/forms/repeater/_row.html.erb +1 -1
  191. data/app/views/headmin/heading/_title.html.erb +1 -1
  192. data/app/views/headmin/layout/_body.html.erb +1 -1
  193. data/app/views/headmin/layout/_content.html.erb +1 -1
  194. data/app/views/headmin/layout/_footer.html.erb +1 -1
  195. data/app/views/headmin/layout/_header.html.erb +1 -1
  196. data/app/views/headmin/layout/_main.html.erb +12 -6
  197. data/app/views/headmin/layout/_sidebar.html.erb +3 -3
  198. data/app/views/headmin/layout/sidebar/_bottom.html.erb +1 -1
  199. data/app/views/headmin/layout/sidebar/_nav.html.erb +1 -1
  200. data/app/views/headmin/nav/_dropdown.html.erb +34 -0
  201. data/app/views/headmin/nav/_item.html.erb +22 -13
  202. data/app/views/headmin/table/_actions.html.erb +35 -11
  203. data/app/views/headmin/table/_body.html.erb +1 -1
  204. data/app/views/headmin/table/_foot.html.erb +1 -1
  205. data/app/views/headmin/table/_footer.html.erb +1 -1
  206. data/app/views/headmin/table/_head.html.erb +1 -1
  207. data/app/views/headmin/table/_header.html.erb +1 -1
  208. data/app/views/headmin/table/actions/_action.html.erb +4 -4
  209. data/app/views/headmin/table/actions/_delete.html.erb +1 -1
  210. data/app/views/headmin/table/actions/_export.html.erb +1 -1
  211. data/app/views/headmin/table/body/_row.html.erb +15 -7
  212. data/app/views/headmin/views/devise/confirmations/_new.html.erb +1 -1
  213. data/app/views/headmin/views/devise/passwords/_edit.html.erb +2 -2
  214. data/app/views/headmin/views/devise/passwords/_new.html.erb +1 -1
  215. data/app/views/headmin/views/devise/registrations/_edit.html.erb +4 -4
  216. data/app/views/headmin/views/devise/registrations/_new.html.erb +3 -3
  217. data/app/views/headmin/views/devise/shared/_links.html.erb +7 -7
  218. data/app/views/headmin/views/devise/unlocks/_new.html.erb +1 -1
  219. data/config/importmap.rb +2 -0
  220. data/config/locales/activerecord/en.yml +9 -0
  221. data/config/locales/activerecord/nl.yml +9 -0
  222. data/config/locales/en.yml +0 -3
  223. data/config/locales/headmin/forms/en.yml +5 -0
  224. data/config/locales/headmin/forms/nl.yml +5 -0
  225. data/config/locales/headmin/popup/en.yml +4 -0
  226. data/config/locales/headmin/popup/nl.yml +4 -0
  227. data/config/locales/headmin/table/en.yml +5 -1
  228. data/config/locales/headmin/table/nl.yml +5 -1
  229. data/config/locales/headmin/thumbnail/en.yml +4 -0
  230. data/config/locales/headmin/thumbnail/nl.yml +4 -0
  231. data/config/locales/headmin/views/en.yml +1 -1
  232. data/config/locales/headmin/views/nl.yml +14 -14
  233. data/config/locales/nl.yml +0 -3
  234. data/docs/blocks.md +0 -7
  235. data/esbuild-css.js +25 -0
  236. data/esbuild-js.js +11 -0
  237. data/headmin.gemspec +4 -1
  238. data/lib/generators/headmin/blocks_generator.rb +4 -1
  239. data/lib/generators/headmin/devise_generator.rb +5 -1
  240. data/lib/generators/headmin/fields_generator.rb +4 -1
  241. data/lib/generators/templates/controllers/auth/confirmations_controller.rb +31 -0
  242. data/lib/generators/templates/controllers/auth/omniauth_callbacks_controller.rb +31 -0
  243. data/lib/generators/templates/controllers/auth/passwords_controller.rb +35 -0
  244. data/lib/generators/templates/controllers/auth/registrations_controller.rb +63 -0
  245. data/lib/generators/templates/controllers/auth/sessions_controller.rb +28 -0
  246. data/lib/generators/templates/controllers/auth/unlocks_controller.rb +31 -0
  247. data/lib/headmin/engine.rb +15 -0
  248. data/lib/headmin/version.rb +1 -1
  249. data/lib/headmin.rb +1 -1
  250. data/package.json +20 -35
  251. data/src/js/headmin.js +1 -1
  252. data/src/scss/headmin.scss +1 -61
  253. data/yarn.lock +443 -5345
  254. metadata +198 -30
  255. data/.nvmrc +0 -1
  256. data/app/controllers/concerns/headmin/ckeditor.rb +0 -27
  257. data/app/views/headmin/forms/_ckeditor.html.erb +0 -42
  258. data/dist/css/headmin.css +0 -12313
  259. data/dist/js/headmin.js +0 -1548
  260. data/src/js/headmin/controllers/table_actions_controller.js +0 -33
  261. data/src/js/headmin/controllers/table_controller.js +0 -119
  262. data/src/js/headmin/headmin.js +0 -141
  263. data/src/scss/headmin/utilities.scss +0 -19
  264. data/webpack.config.js +0 -30
@@ -2,9 +2,9 @@
2
2
  # headmin/forms/blocks
3
3
  #
4
4
  # ==== Options
5
- # * <tt>form</tt> - Form object
6
- # * <tt>path</tt> - Directory where to look for block templates
7
- # * <tt>allow</tt> - Names of block templates that can be added
5
+ # * +form</tt> - Form object
6
+ # * +path</tt> - Directory where to look for block templates
7
+ # * +allow</tt> - Names of block templates that can be added
8
8
  #
9
9
  # ==== Examples
10
10
  # Basic version. This will only look for blocks in 'admin/blocks'
@@ -22,11 +22,18 @@
22
22
  templates = allowed_block_names.map { |name| BlockService.form_view(name, path: path) }
23
23
  %>
24
24
 
25
- <%= render 'headmin/forms/repeater', form: form, attribute: :blocks, templates: templates, label: false do |block| %>
26
- <% view_path = BlockService.form_view(block.object.name, path: path).gsub('/_', '/') %>
27
- <%= render view_path, form: block, name: block.object.name %>
25
+ <%= render 'headmin/forms/repeater', form: form, attribute: :blocks, templates: templates, label: false do |block_form, template| %>
26
+ <% name = template ? BlockService.view_name(template) : block_form.object.name %>
28
27
 
28
+ <!-- Name input of the block -->
29
+ <%= block_form.hidden_field :name, value: name %>
30
+
31
+ <!-- Render block form fields -->
32
+ <% view_path = BlockService.form_view(name, path: path).gsub('/_', '/').split('.')[0] %>
33
+ <%= render view_path, form: block_form %>
34
+
35
+ <!-- Label -->
29
36
  <span class="position-absolute top-0 end-0 badge bg-light text-dark">
30
- <%= block.object.name.titleize %>
37
+ <%= name.titleize %>
31
38
  </span>
32
39
  <% end %>
@@ -2,9 +2,9 @@
2
2
  # headmin/forms/checkbox
3
3
  #
4
4
  # ==== Options
5
- # * <tt>form<tt> - Form object
6
- # * <tt>attribute<tt> - Name of the attribute of the form model
7
- # * <tt>label<tt> - Text to show as label. Label will be hidden if value is false
5
+ # * +form+ - Form object
6
+ # * +attribute+ - Name of the attribute of the form model
7
+ # * +label+ - Text to show as label. Label will be hidden if value is false
8
8
  #
9
9
  # ==== Examples
10
10
  # Basic version
@@ -1,45 +1,41 @@
1
1
  <%
2
2
  # headmin/forms/date
3
3
  #
4
- # ==== Options
5
- # * <tt>form<tt> - Form object
6
- # * <tt>attribute<tt> - Name of the attribute of the form model
7
- # * <tt>label<tt> - Text to show as label. Label will be hidden if value is false
8
- # * <tt>float<tt> - Set to true if you want to show floating labels
9
- # * <tt>append<tt> - Text or icon to be shown on the left hand side of the input, Doesn't work with float
10
- # * <tt>prepend<tt> - Text or icon to be shown on the right hand side of the input, Doesn't work with float
4
+ # ==== Required parameters
5
+ # * +form+ - Form object
6
+ # * +attribute+ - Name of the attribute of the form model
7
+ #
8
+ # ==== Optional parameters
9
+ # * +aria+ - Provide a hash to define all aria attributes
10
+ # * +autocomplete+ - Value to be autofilled by the browser
11
+ # * +autofocus+ - Set to true to focus on this field when the page renders
12
+ # * +data+ - Optional HTML data attributes
13
+ # * +disabled+ - Set to true if the input should be shown as disabled
14
+ # * +id+ - Input identifier
15
+ # * +list+ - Add array of options to show in a data list
16
+ # * +readonly+ - Set to true if the value of the field can only be read and not be modified
17
+ # * +required+ - Set to true to mark as required
18
+ # * +step+ - The acceptable value granularity
19
+ # * +value+ - Overrides the value of the form
20
+ #
21
+ # ==== Extra parameters
22
+ # Listed in 'headmin/forms/base'
23
+ #
24
+ # ==== References
25
+ # https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date
26
+ # https://apidock.com/rails/ActionView/Helpers/FormHelper/date_field
11
27
  #
12
28
  # ==== Examples
13
29
  # Basic version
14
- # <%= render 'headmin/forms/date', form: form, attribute: :title %#>
15
- #
16
- # With datepicker
17
- # <%= render 'headmin/forms/text', form: form, attribute: :title, datepicker: true %#>
18
-
19
- append = local_assigns.has_key?(:append) ? append : nil
20
- class_names = local_assigns.has_key?(:class) ? local_assigns[:class] : false
21
- data = local_assigns.has_key?(:data) ? data : nil
22
- disabled = local_assigns.has_key?(:disabled) ? disabled : false
23
- float = local_assigns.has_key?(:float) ? float : false
24
- label = local_assigns.has_key?(:label) ? label : nil
25
- prepend = local_assigns.has_key?(:prepend) ? prepend : nil
26
- readonly = local_assigns.has_key?(:readonly) ? readonly : false
27
- required = local_assigns.has_key?(:required) ? required : false
28
- datepicker = local_assigns.has_key?(:datepicker) ? local_assigns[:datepicker] : false
29
-
30
- class_names = "#{class_names} flatpicker" if datepicker
30
+ # <%= render 'headmin/forms/date', form: form, attribute: :date %#>
31
31
 
32
- options = {
33
- 'aria-describedby': form_field_validation_id(form, attribute),
34
- class: "form-control #{form_field_validation_class(form, attribute)} #{class_names}",
35
- data: data,
36
- disabled: disabled,
37
- placeholder: attribute,
38
- readonly: readonly,
39
- required: required,
40
- }
32
+ option_keys = %i(aria autocomplete autofocus data disabled id list readonly required step value)
33
+ options = local_assigns.slice(*option_keys).merge(
34
+ aria: { describedby: form_field_validation_id(form, attribute) },
35
+ class: ['form-control', form_field_validation_class(form, attribute)].join(' '),
36
+ )
41
37
  %>
42
38
 
43
- <%= render 'headmin/forms/base', form: form, attribute: attribute, append: append, prepend: prepend, float: float, label: label, required: required do |form| %>
39
+ <%= render 'headmin/forms/base', local_assigns do |form| %>
44
40
  <%= form.date_field(attribute, options) %>
45
41
  <% end %>
@@ -0,0 +1,42 @@
1
+ <%
2
+ # headmin/forms/date_range
3
+ #
4
+ # ==== Required parameters
5
+ # * +form+ - Form object
6
+ # * +start_attribute+ - Name of the start date attribute of the form model
7
+ # * +end_attribute+ - Name of the end date attribute of the form model
8
+ #
9
+ # ==== Optional parameters
10
+ # * +end_label+ - Label for the end attribute
11
+ # * +start_label+ - Label for the start attribute
12
+ #
13
+ # ==== Extra parameters
14
+ # Listed in 'headmin/forms/date'
15
+ # Listed in 'headmin/forms/base'
16
+ #
17
+ # ==== Examples
18
+ # Basic version
19
+ # <%= render 'headmin/forms/date_range', form: form, start_attribute: :start_date, end_attribute: :end_date %#>
20
+ #
21
+ # With custom labels
22
+ # <%= render 'headmin/forms/date_range', form: form, start_attribute: :start_date_2, start_label: :start_date, end_attribute: :end_date_2, end_label: :end_date %#>
23
+
24
+ start_date_options = local_assigns.merge(
25
+ attribute: local_assigns[:start_attribute],
26
+ label: local_assigns[:start_label]
27
+ )
28
+ end_date_options = local_assigns.merge(
29
+ attribute: local_assigns[:end_attribute],
30
+ label: local_assigns[:end_label]
31
+ )
32
+ %>
33
+
34
+ <div class="row">
35
+ <div class="col">
36
+ <%= render 'headmin/forms/date', start_date_options %>
37
+ </div>
38
+ <div class="col">
39
+ <%= render 'headmin/forms/date', end_date_options %>
40
+ </div>
41
+ </div>
42
+
@@ -1,39 +1,48 @@
1
1
  <%
2
2
  # headmin/forms/email
3
3
  #
4
- # ==== Options
5
- # * <tt>form<tt> - Form object
6
- # * <tt>attribute<tt> - Name of the attribute of the form model
7
- # * <tt>label<tt> - Text to show as label. Label will be hidden if value is false
8
- # * <tt>float<tt> - Set to true if you want to show floating labels
9
- # * <tt>append<tt> - Text or icon to be shown on the left hand side of the input, Doesn't work with float
10
- # * <tt>prepend<tt> - Text or icon to be shown on the right hand side of the input, Doesn't work with float
4
+ # ==== Required parameters
5
+ # * +form+ - Form object
6
+ # * +attribute+ - Name of the attribute of the form model
7
+ #
8
+ # ==== Optional parameters
9
+ # * +aria+ - Provide a hash to define all aria attributes
10
+ # * +autocomplete+ - Value to be autofilled by the browser
11
+ # * +data+ - Provide a hash to define all data attributes
12
+ # * +disabled+ - Sets the placeholder of the field
13
+ # * +id+ - Input identifier
14
+ # * +list+ - Add array of options to show in a data list
15
+ # * +maxlength+ - Maximum amount of characters to be used
16
+ # * +minlength+ - Minimum amount of characters to be used
17
+ # * +multiple+ - Allow multiple comma-separated email addresses to be entered
18
+ # * +pattern+ -a A regular expression that the input's value must match
19
+ # * +placeholder+ - Sets the placeholder of the field
20
+ # * +readonly+ - Sets the placeholder of the field
21
+ # * +required+ - Set to true to mark as required
22
+ # * +size+ - How much of the input should be shown
23
+ # * +value+ - Overrides the value of the form
24
+ #
25
+ # ==== Extra parameters
26
+ # Listed in 'headmin/forms/base'
27
+ #
28
+ # ==== References
29
+ # https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/text
30
+ # https://apidock.com/rails/ActionView/Helpers/FormHelper/text_field
11
31
  #
12
32
  # ==== Examples
13
33
  # Basic version
14
34
  # <%= render 'headmin/forms/email', form: form, attribute: :email_address %#>
15
35
 
16
- append = local_assigns.has_key?(:append) ? append : nil
17
- class_names = local_assigns.has_key?(:class) ? local_assigns[:class] : false
18
- data = local_assigns.has_key?(:data) ? data : nil
19
- disabled = local_assigns.has_key?(:disabled) ? disabled : false
20
- float = local_assigns.has_key?(:float) ? float : false
21
- label = local_assigns.has_key?(:label) ? label : nil
22
- prepend = local_assigns.has_key?(:prepend) ? prepend : nil
23
- readonly = local_assigns.has_key?(:readonly) ? readonly : false
24
- required = local_assigns.has_key?(:required) ? required : false
36
+ placeholder = local_assigns[:float] ? local_assigns[:placeholder] || attribute : local_assigns[:placeholder]
25
37
 
26
- options = {
27
- 'aria-describedby': form_field_validation_id(form, attribute),
28
- class: "form-control #{form_field_validation_class(form, attribute)} #{class_names}",
29
- data: data,
30
- disabled: disabled,
31
- placeholder: attribute,
32
- readonly: readonly,
33
- required: required,
34
- }
38
+ option_keys = %i(aria autocomplete data disabled id maxlenght minlength multiple pattern placeholder readonly required size value)
39
+ options = local_assigns.slice(*option_keys).merge(
40
+ aria: { describedby: form_field_validation_id(form, attribute) },
41
+ class: ['form-control', form_field_validation_class(form, attribute)].join(' '),
42
+ placeholder: placeholder
43
+ )
35
44
  %>
36
45
 
37
- <%= render 'headmin/forms/base', form: form, attribute: attribute, append: append, prepend: prepend, float: float, label: label, required: required do |form| %>
46
+ <%= render 'headmin/forms/base', local_assigns do |form| %>
38
47
  <%= form.email_field(attribute, options) %>
39
48
  <% end %>
@@ -1,40 +1,192 @@
1
+ <!--
2
+ <% documentation do %>
3
+ # File
4
+ This is a wrapper around the form helper `file_field()`.
5
+ You can pass all valid input attributes as parameters to this template and
6
+ they will be added directly to the input field.
7
+
8
+ ```erbx
9
+ <%= form_with do |form| %>
10
+ <%= render "headmin/forms/file", form: form, attribute: "basic_example" %>
11
+ <% end %>
12
+ ```
13
+
14
+ ## Parameters
15
+ | Name | Required | Type | Description |
16
+ | ------------ | -------- | ---------------- | ----------- |
17
+ | form | yes | Object | Form object |
18
+ | attribute | yes | String, Symbol | Name of the attribute of the form model |
19
+ | accept | no | String | A comma-separated list of allowed file extensions or MIME types |
20
+ | aria | no | Hash | Provide a hash to define all aria attributes |
21
+ | autocomplete | no | String | Hint for form autofill feature |
22
+ | autofocus | no | Boolean | Automatically focus the form control when the page is loaded |
23
+ | capture | no | String | Allows selection of capturing device. Accepted: user, environment |
24
+ | data | no | Hash | Provide a hash to define all data attributes |
25
+ | disabled | no | Boolean | Whether the form control is disabled |
26
+ | destroy | no | Boolean | Adds delete buttons to the preview thumbnails |
27
+ | dropzone | no | Boolean | Add drag&drop interface. This setting automatically enables previews |
28
+ | id | no | String | Input identifier |
29
+ | multiple | no | Boolean | Allows the user to select more than one file. |
30
+ | preview | no | Boolean | Show file previews after selection and after upload |
31
+ | required | no | Boolean | A value is required or must be check for the form to be submittable |
32
+ | value | no | String | The initial value of the control |
33
+
34
+ **Additional parameters**
35
+
36
+ This view makes use of [headmin/forms/base](https://headmin.test/forms/base) for labels and appendages.
37
+ Take a look at its documentation to get a complete overview of all additional parameters.
38
+
39
+ ## Examples
40
+
41
+ ### Preview
42
+ ```erbx
43
+ <%= form_with do |form| %>
44
+ <div class="row">
45
+ <div class="col-md-4">
46
+ <%= render "headmin/forms/file", form: form, attribute: "single", preview: true %>
47
+ </div>
48
+ <div class="col-md-4">
49
+ <%= render "headmin/forms/file", form: form, attribute: "multiple", preview: true, multiple: true %>
50
+ </div>
51
+ <div class="col-md-4">
52
+ <%= render "headmin/forms/file", form: form, attribute: "with_delete_button", preview: true, multiple: true, destroy: true %>
53
+ </div>
54
+ </div>
55
+ <% end %>
56
+ ```
57
+
58
+ ### Drag & Drop
59
+ ```erbx
60
+ <%= form_with do |form| %>
61
+ <%= render "headmin/forms/file", form: form, attribute: "single", dropzone: true %>
62
+ <%= render "headmin/forms/file", form: form, attribute: "multiple", dropzone: true, multiple: true %>
63
+ <%= render "headmin/forms/file", form: form, attribute: "with_delete_button", dropzone: true, multiple: true, destroy: true %>
64
+ <% end %>
65
+ ```
66
+
67
+ ### States
68
+ ```erbx
69
+ <%= form_with do |form| %>
70
+ <%= render "headmin/forms/file", form: form, attribute: "disabled", disabled: true %>
71
+ <%= render "headmin/forms/file", form: form, attribute: "readonly", readonly: true %>
72
+ <%= render "headmin/forms/file", form: form, attribute: "disabled_and_readonly", disabled: true, readonly: true %>
73
+ <% end %>
74
+ ```
75
+
76
+ ## References
77
+ - [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file)
78
+ - [APIdock](https://apidock.com/rails/v5.2.3/ActionView/Helpers/FormHelper/file_field)
79
+ <% end %>
80
+ -->
1
81
  <%
2
- # name: headmin/forms/file
82
+ # ==== Examples
83
+ # Limit file types (e.g. only Microsoft Word files)
84
+ # <%= render 'headmin/forms/file', form: form, attribute: :file, accept: '.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document' %#>
3
85
  #
4
- # ==== Options
5
- # * <tt>form<tt> - Form object
6
- # * <tt>attribute<tt> - Name of the attribute of the form model
7
- # * <tt>label<tt> - Text to show as label. Label will be hidden if value is false
86
+ # Allow multiple file selection
87
+ # <%= render 'headmin/forms/file', form: form, attribute: :file, multiple: true %#>
8
88
  #
9
- # ==== Examples
10
- # Basic version
11
- # <%= render 'headmin/forms/image', form: form, attribute: :image %#>
12
-
13
- class_names = local_assigns.has_key?(:class) ? local_assigns[:class] : false
14
- data = local_assigns.has_key?(:data) ? data : nil
15
- disabled = local_assigns.has_key?(:disabled) ? disabled : false
16
- label = local_assigns.has_key?(:label) ? label : nil
17
- readonly = local_assigns.has_key?(:readonly) ? readonly : false
18
- required = local_assigns.has_key?(:required) ? required : false
19
-
20
- options = {
21
- 'aria-describedby': form_field_validation_id(form, attribute),
22
- class: "form-control #{form_field_validation_class(form, attribute)} #{class_names}",
23
- data: data,
24
- disabled: disabled,
25
- placeholder: attribute,
26
- readonly: readonly,
27
- required: required,
28
- }
29
-
30
- show_label = label != false
89
+ # Allows specification of capturing device
90
+ # <%= render 'headmin/forms/file', form: form, attribute: :file, capture: 'user' %#>
91
+ #
92
+ # Show preview thumbnails
93
+ # <%= render 'headmin/forms/file', form: form, attribute: :file, preview: true %#>
94
+ #
95
+ # Allow deleting file(s). This makes use of nested attributes. Add the definition to your model and add them to the list of strong parameters.
96
+ # <%= render 'headmin/forms/file', form: form, attribute: :file, preview: true %#>
97
+
98
+ placeholder = local_assigns[:float] ? local_assigns[:placeholder] || attribute : local_assigns[:placeholder]
99
+ attached = form.object&.send(attribute)
100
+ attachments = attached&.attachments || []
101
+ dropzone = local_assigns[:dropzone]
102
+ preview = local_assigns[:preview] || dropzone
103
+ destroy = local_assigns[:destroy] || false
104
+ number_of_files = local_assigns[:multiple] ? 2 : 1
105
+
106
+ nested_attribute = attached.is_a?(ActiveStorage::Attached::Many) ? :"#{attribute.to_s}_attachments" : :"#{attribute.to_s}_attachment"
107
+
108
+ option_keys = %i(accept aria autocomplete autofocus capture data disabled id multiple required value)
109
+ options = local_assigns.slice(*option_keys).merge(
110
+ aria: { describedby: form_field_validation_id(form, attribute) },
111
+ class: ['form-control', form_field_validation_class(form, attribute)].join(' '),
112
+ list: local_assigns[:list] ? "#{attribute}_list" : nil,
113
+ placeholder: placeholder,
114
+ required: attached ? false : local_assigns[:required]
115
+ )
116
+
117
+ if preview
118
+ local_assigns = local_assigns.merge(
119
+ data: {
120
+ controller: 'file-preview'
121
+ }
122
+ )
123
+ options = options.merge(
124
+ data: {
125
+ 'file-preview-target': 'input',
126
+ 'dropzone-target': 'input',
127
+ action: 'change->file-preview#preview dropEnd->file-preview#preview'
128
+ }
129
+ )
130
+ end
131
+
132
+ thumbnail_width = 100
133
+ thumbnail_height = 100
31
134
  %>
32
135
 
33
- <div class="<%= ('mb-3 text-start' if show_label) %>">
34
- <% if show_label %>
35
- <%= render 'headmin/forms/label', form: form, attribute: attribute, name: label, required: required %>
36
- <% end %>
136
+ <%= render 'headmin/forms/base', local_assigns do |form| %>
137
+ <div class="h-form-file" data-controller="<%= 'filePreview' if preview %> <%= 'dropzone' if dropzone %>">
138
+
139
+ <% if preview %>
140
+ <div class="h-form-file-thumbnails" data-file-preview-target="thumbnails">
141
+
142
+ <!-- Render previews for attachments -->
143
+ <%= form.fields_for(nested_attribute) do |ff| %>
144
+ <%
145
+ attachment = ff.object
146
+ next unless attachment
147
+ filename = attachment.blob.filename.to_s
148
+ size = number_to_human_size(attachment.blob.byte_size)
149
+ src = attachment.image? ? url_for(attachment.variant(resize_to_fill: [thumbnail_width, thumbnail_height], quality: 70)) : url_for(attachment)
150
+ %>
151
+ <div class="h-form-file-thumbnail" title="<%= "#{filename} (#{size})" %>" data-file-preview-target="thumbnail">
152
+ <%= ff.hidden_field(:id, disabled: destroy) %>
153
+ <%= ff.hidden_field(:_destroy, data: { 'file-preview-target': 'thumbnailDestroy' }, disabled: destroy) %>
154
+ <%= render 'headmin/thumbnail', src: src, width: thumbnail_width, height: thumbnail_height %>
155
+
156
+ <% if destroy %>
157
+ <div class="h-form-file-thumbnail-remove" data-action="click->file-preview#remove" data-file-preview-name-param="<%= filename %>">
158
+ <%= bootstrap_icon('x') %>
159
+ </div>
160
+ <% end %>
161
+ </div>
162
+ <% end %>
163
+
164
+ <!-- Placeholder -->
165
+ <% if dropzone %>
166
+ <div class="h-dropzone-placeholder <%= 'd-none' if attachments.any? %>" data-file-preview-target="placeholder" style="height: <%= thumbnail_height %>px;">
167
+ <%= t('headmin.forms.file.placeholder', count: number_of_files) %>
168
+ </div>
169
+ <% else %>
170
+ <div class="h-form-file-thumbnail <%= 'd-none' if attachments.any? %>" title="<%= t('headmin.forms.file.not_found') %>" data-file-preview-target="placeholder">
171
+ <%= render 'headmin/thumbnail', src: nil, width: thumbnail_width, height: thumbnail_height %>
172
+ </div>
173
+ <% end %>
174
+ </div>
175
+ <% end %>
176
+
177
+ <!-- Template -->
178
+ <template data-file-preview-target="template">
179
+ <div class="h-form-file-thumbnail" title="" data-file-preview-target="thumbnail">
180
+ <%= render 'headmin/thumbnail', src: nil, width: thumbnail_width, height: thumbnail_height %>
181
+
182
+ <% if destroy %>
183
+ <div class="h-form-file-thumbnail-remove" data-action="click->file-preview#remove">
184
+ <%= bootstrap_icon('x') %>
185
+ </div>
186
+ <% end %>
187
+ </div>
188
+ </template>
37
189
 
38
- <%= form.file_field(attribute, options) %>
39
- <%= render 'headmin/forms/validation', form: form, attribute: attribute %>
40
- </div>
190
+ <%= form.file_field(attribute, options) %>
191
+ </div>
192
+ <% end %>
@@ -0,0 +1,34 @@
1
+ <%
2
+ # headmin/forms/flatpickr
3
+ #
4
+ # ==== Required parameters
5
+ # * +form+ - Form object
6
+ # * +attribute+ - Name of the attribute of the form model
7
+ #
8
+ # ==== Optional parameters
9
+ # * +aria+ - Provide a hash to define all aria attributes
10
+ # * +data+ - Optional HTML data attributes
11
+ # * +disabled+ - Set to true if the input should be shown as disabled
12
+ # * +readonly+ - Set to true if the value of the field can only be read and not be modified
13
+ # * +value+ - Overrides the value of the form
14
+ #
15
+ # ==== Extra parameters
16
+ # Listed in 'headmin/forms/base'
17
+ #
18
+ # ==== Examples
19
+ # Basic version
20
+ # <%= render 'headmin/forms/flatpickr', form: form, attribute: :date %#>
21
+
22
+ options = local_assigns.merge(
23
+ data: {
24
+ 'flatpickr-target': 'input',
25
+ 'flatpickr-options': {
26
+ defaultDate: form.object&.send(attribute)&.strftime('%d/%m/%Y')
27
+ }
28
+ }
29
+ )
30
+ %>
31
+
32
+ <div data-controller="flatpickr">
33
+ <%= render 'headmin/forms/date', options %>
34
+ </div>
@@ -0,0 +1,50 @@
1
+ <%
2
+ # headmin/forms/flatpickr_range
3
+ #
4
+ # ==== Required parameters
5
+ # * +form+ - Form object
6
+ # * +start_attribute+ - Name of the start date attribute of the form model
7
+ # * +end_attribute+ - Name of the end date attribute of the form model
8
+ #
9
+ # ==== Optional parameters
10
+ # * +aria+ - Provide a hash to define all aria attributes
11
+ # * +data+ - Optional HTML data attributes
12
+ # * +disabled+ - Set to true if the input should be shown as disabled
13
+ # * +end_label+ - Label for the end attribute
14
+ # * +label+ - Text to show as label. Label will be hidden if value is false
15
+ # * +readonly+ - Set to true if the value of the field can only be read and not be modified
16
+ # * +start_label+ - Label for the start attribute
17
+ # * +value+ - Overrides the value of the form
18
+ #
19
+ # ==== Extra parameters
20
+ # Listed in 'headmin/forms/base'
21
+ #
22
+ # ==== Examples
23
+ # Basic version
24
+ # <%= render 'headmin/forms/flatpickr_range', form: form, start_attribute: :start_date, end_attribute: :end_date %#>
25
+
26
+ start_attribute = local_assigns[:start_attribute]
27
+ end_attribute = local_assigns[:end_attribute]
28
+ options = local_assigns.merge(
29
+ attribute: local_assigns[:attribute] || :period,
30
+ data: {
31
+ action: 'change->date-range#update',
32
+ 'flatpickr-target': 'input',
33
+ 'flatpickr-options': {
34
+ mode: 'range',
35
+ defaultDate: [
36
+ form.object&.send(start_attribute)&.strftime('%d/%m/%Y'),
37
+ form.object&.send(end_attribute)&.strftime('%d/%m/%Y'),
38
+ ]
39
+ }
40
+ }
41
+ )
42
+ %>
43
+
44
+ <div data-controller="flatpickr">
45
+ <div data-controller="date-range">
46
+ <%= render 'headmin/forms/hidden', form: form, attribute: start_attribute, data: { 'date-range-target': 'startDateInput' } %>
47
+ <%= render 'headmin/forms/hidden', form: form, attribute: end_attribute, data: { 'date-range-target': 'endDateInput' } %>
48
+ <%= render 'headmin/forms/date', options %>
49
+ </div>
50
+ </div>
@@ -0,0 +1,24 @@
1
+ <%
2
+ # headmin/forms/hidden
3
+ #
4
+ # ==== Required parameters
5
+ # * +form+ - Form object
6
+ # * +attribute+ - Name of the attribute of the form model
7
+ #
8
+ # ==== Optional parameters
9
+ # * +autocomplete+ - Value to be autofilled by the browser
10
+ # * +data+ - Optional HTML data attributes
11
+ #
12
+ # ==== References
13
+ # https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/hidden
14
+ # https://apidock.com/rails/ActionView/Helpers/FormHelper/text_field
15
+ #
16
+ # ==== Examples
17
+ # Basic version
18
+ # <%= render 'headmin/forms/hidden', form: form, attribute: :title %#>
19
+
20
+ option_keys = %i(autocomplete data)
21
+ options = local_assigns.slice(*option_keys)
22
+ %>
23
+
24
+ <%= form.hidden_field(attribute, options) %>
@@ -1,55 +1,21 @@
1
1
  <%
2
2
  # name: headmin/forms/image
3
3
  #
4
- # ==== Options
5
- # * <tt>form<tt> - Form object
6
- # * <tt>attribute<tt> - Name of the attribute of the form model
7
- # * <tt>label<tt> - Text to show as label. Label will be hidden if value is false
4
+ # ==== Required parameters
5
+ # * +form+ - Form object
6
+ # * +attribute+ - Name of the attribute of the form model
7
+ #
8
+ # ==== Extra parameters
9
+ # Listed in 'headmin/forms/file'
10
+ # Listed in 'headmin/forms/base'
8
11
  #
9
12
  # ==== Examples
10
13
  # Basic version
11
14
  # <%= render 'headmin/forms/image', form: form, attribute: :image %#>
12
15
 
13
- class_names = local_assigns.has_key?(:class) ? local_assigns[:class] : false
14
- data = local_assigns.has_key?(:data) ? data : nil
15
- disabled = local_assigns.has_key?(:disabled) ? disabled : false
16
- label = local_assigns.has_key?(:label) ? label : nil
17
- readonly = local_assigns.has_key?(:readonly) ? readonly : false
18
- required = local_assigns.has_key?(:required) ? required : false
19
-
20
- has_image = form.object.send(attribute).attached?
21
-
22
- options = {
23
- 'aria-describedby': form_field_validation_id(form, attribute),
24
- class: "form-control #{form_field_validation_class(form, attribute)} #{class_names}",
25
- data: data,
26
- disabled: disabled,
27
- placeholder: attribute,
28
- readonly: readonly,
29
- required: has_image ? false : required,
30
- }
31
-
32
- show_label = label != false
16
+ options = local_assigns.merge(
17
+ accept: 'image/*'
18
+ )
33
19
  %>
34
20
 
35
- <div class="<%= ('mb-3 text-start' if show_label) %>">
36
-
37
- <% if show_label %>
38
- <%= render 'headmin/forms/label', form: form, attribute: attribute, name: label, required: required %>
39
- <% end %>
40
-
41
- <div class="mb-2">
42
- <% if has_image %>
43
- <%= image_tag(form.object.send(attribute).variant(resize_to_limit: [200, 200], quality: 70), class: 'img-thumbnail') %>
44
- <% else %>
45
- <svg class="img-thumbnail" width="200" height="200" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera: 200x200" preserveAspectRatio="xMidYMid slice" focusable="false">
46
- <title>A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera</title>
47
- <rect width="100%" height="100%" fill="#e9ecef"></rect>
48
- <text x="35%" y="50%" fill="#212529" dy=".3em">200x200</text>
49
- </svg>
50
- <% end %>
51
- </div>
52
-
53
- <%= form.file_field(attribute, options) %>
54
- <%= render 'headmin/forms/validation', form: form, attribute: attribute %>
55
- </div>
21
+ <%= render 'headmin/forms/file', options %>