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
@@ -0,0 +1,39 @@
1
+ import {Controller} from "@hotwired/stimulus"
2
+ import flatpickr from "flatpickr";
3
+ import {Dutch} from "flatpickr/dist/esm/l10n/nl.js"
4
+ import I18n from "../config/i18n";
5
+
6
+ export default class extends Controller {
7
+ static get targets() {
8
+ return ["input"]
9
+ }
10
+
11
+ connect() {
12
+ const options = {...this.defaultOptions(), ...this.options()}
13
+ flatpickr(this.inputTarget, options);
14
+ }
15
+
16
+ options() {
17
+ return JSON.parse(this.inputTarget.getAttribute('data-flatpickr-options'))
18
+ }
19
+
20
+ defaultOptions() {
21
+ return {
22
+ allowInput: true,
23
+ dateFormat: 'd/m/Y',
24
+ locale: this.getLocale(I18n.locale)
25
+ }
26
+ }
27
+
28
+ getLocale(locale) {
29
+ const locales = this.locales()
30
+ return locales[locale]
31
+ }
32
+
33
+ locales() {
34
+ return {
35
+ en: null,
36
+ nl: Dutch
37
+ }
38
+ }
39
+ }
@@ -0,0 +1,7 @@
1
+ import {Controller} from "@hotwired/stimulus"
2
+
3
+ export default class extends Controller {
4
+ connect() {
5
+ this.element.textContent = "Hello world"
6
+ }
7
+ }
@@ -0,0 +1,8 @@
1
+ import {Controller} from "@hotwired/stimulus"
2
+ import {Toast} from "bootstrap";
3
+
4
+ export default class extends Controller {
5
+ connect() {
6
+ new Toast(this.element, {})
7
+ }
8
+ }
@@ -1,5 +1,4 @@
1
- import {Controller} from "stimulus"
2
- import Sortable from "sortablejs";
1
+ import {Controller} from "@hotwired/stimulus"
3
2
  import {createPopper} from '@popperjs/core';
4
3
 
5
4
  export default class extends Controller {
@@ -0,0 +1,13 @@
1
+ import {Controller} from "@hotwired/stimulus"
2
+
3
+ export default class extends Controller {
4
+ connect() {
5
+ if (typeof RedactorX == 'undefined') {
6
+ console.error("RedactorX is a paid module and is not included in Headmin. Please purchase it and import it as a JS module")
7
+ return false;
8
+ }
9
+
10
+ const options = JSON.parse(this.element.getAttribute('data-redactor-options'))
11
+ RedactorX(this.element, options);
12
+ }
13
+ }
@@ -1,4 +1,4 @@
1
- import {Controller} from "stimulus"
1
+ import {Controller} from "@hotwired/stimulus"
2
2
  import Sortable from "sortablejs";
3
3
 
4
4
  export default class extends Controller {
@@ -52,8 +52,8 @@ export default class extends Controller {
52
52
  let rowIndex = button.dataset.rowIndex
53
53
 
54
54
  // Prepare html from template
55
- let html = this.getTemplateHTML(templateName)
56
- html = this.replaceIdsWithTimestamps(html)
55
+ const template = this.getTemplate(templateName)
56
+ const html = this.replaceIdsWithTimestamps(template)
57
57
 
58
58
  // Fallback to last row if no index is set
59
59
  if (rowIndex) {
@@ -92,16 +92,15 @@ export default class extends Controller {
92
92
  this.toggleEmpty()
93
93
  }
94
94
 
95
- getTemplateHTML(name) {
96
- const template = this.templateTargets.filter((template) => {
95
+ getTemplate(name) {
96
+ return this.templateTargets.filter((template) => {
97
97
  return template.dataset.templateName === name
98
98
  })[0]
99
- return template.innerHTML
100
99
  }
101
100
 
102
- replaceIdsWithTimestamps(html) {
103
- const regex = new RegExp('template_id', "g");
104
- return html.replace(regex, new Date().getTime())
101
+ replaceIdsWithTimestamps(template) {
102
+ const regex = new RegExp(template.dataset.templateIdRegex, "g")
103
+ return template.innerHTML.replace(regex, new Date().getTime())
105
104
  }
106
105
 
107
106
  visibleRowsCount() {
@@ -0,0 +1,48 @@
1
+ import {Controller} from "@hotwired/stimulus"
2
+ import TomSelect from "tom-select";
3
+ import I18n from "../config/i18n";
4
+
5
+ export default class extends Controller {
6
+ connect() {
7
+ if (this.element.hasAttribute('multiple')) {
8
+ this.initTomSelect()
9
+ }
10
+ }
11
+
12
+ defaultOptions(locale) {
13
+ const defaultOptions = {
14
+ en: {
15
+ render: {
16
+ option_create: function (data, escape) {
17
+ return '<div class="create">Add <strong>' + escape(data.input) + '</strong>&hellip;</div>'
18
+ },
19
+ no_results: function (data, escape) {
20
+ return '<div class="no-results">No results found</div>'
21
+ }
22
+ }
23
+ },
24
+ nl: {
25
+ render: {
26
+ option_create: function (data, escape) {
27
+ return '<div class="create">Voeg <strong>' + escape(data.input) + '</strong> toe &hellip;</div>'
28
+ },
29
+ no_results: function (data, escape) {
30
+ return '<div class="no-results">Geen resultaten gevonden</div>'
31
+ }
32
+ }
33
+ }
34
+ }
35
+ return defaultOptions[locale]
36
+ }
37
+
38
+ hasTags() {
39
+ return this.element.dataset['tags'] === "true"
40
+ }
41
+
42
+ initTomSelect() {
43
+ const defaultOptions = this.defaultOptions(I18n.locale)
44
+ const options = {create: this.hasTags()}
45
+
46
+ new TomSelect(this.element, {...defaultOptions, ...options})
47
+ }
48
+ }
@@ -0,0 +1,98 @@
1
+ import {Controller} from "@hotwired/stimulus"
2
+
3
+ export default class extends Controller {
4
+ static get targets() {
5
+ return ["wrapper", "form", "select", "method", "button", "idInputTemplate", "id", "counter"]
6
+ }
7
+
8
+ connect() {
9
+ this.wrapperTarget.addEventListener('idSelectionChanged', (event) => {
10
+ this.updateIdFields(event.detail.ids)
11
+ this.updateCounter(event.detail.count)
12
+ this.toggleCounter(event.detail.count)
13
+ })
14
+
15
+ }
16
+
17
+ update(event) {
18
+ event.preventDefault()
19
+ this.updateFormAction()
20
+ this.updateFormMethod()
21
+ this.updateButton()
22
+ }
23
+
24
+ updateIdFields(ids) {
25
+ this.removeIds()
26
+ if (ids instanceof Array) {
27
+ ids.forEach((id) => {
28
+ this.addId(id)
29
+ })
30
+ } else {
31
+ this.addId('')
32
+ }
33
+ }
34
+
35
+ updateCounter(count) {
36
+ let htmlString = ''
37
+ switch (count) {
38
+ case 0:
39
+ htmlString = this.counterTarget.getAttribute('data-items-zero')
40
+ break;
41
+ case 1:
42
+ htmlString = this.counterTarget.getAttribute('data-items-one')
43
+ break;
44
+ default:
45
+ htmlString = this.counterTarget.getAttribute('data-items-other')
46
+ htmlString = htmlString.replace(/<b>[\s\S]*?<\/b>/, `<b>${count}<\/b>`);
47
+ }
48
+ this.counterTarget.innerHTML = htmlString;
49
+ }
50
+
51
+ toggleCounter(count) {
52
+ if (count > 0) {
53
+ this.wrapperTarget.classList.remove('d-none')
54
+ } else {
55
+ this.wrapperTarget.classList.add('d-none')
56
+ }
57
+ }
58
+
59
+ updateFormAction() {
60
+ this.formTarget.action = this.selectTarget.value
61
+ }
62
+
63
+ updateFormMethod() {
64
+ const option = this.selectedOption()
65
+ this.methodTarget.value = option.dataset.method
66
+ }
67
+
68
+ updateButton() {
69
+ const option = this.selectedOption()
70
+ const confirm = option.dataset.confirm
71
+ if (confirm) {
72
+ this.buttonTarget.dataset.confirm = confirm
73
+ } else {
74
+ this.buttonTarget.removeAttribute('data-confirm')
75
+ }
76
+ this.enableButton()
77
+ }
78
+
79
+ selectedOption() {
80
+ return this.selectTarget.options[this.selectTarget.selectedIndex]
81
+ }
82
+
83
+ enableButton() {
84
+ this.buttonTarget.removeAttribute('disabled')
85
+ }
86
+
87
+ addId(id) {
88
+ const template = this.idInputTemplateTarget
89
+ const input = template.innerHTML.replace(/ID/g, id)
90
+ this.formTarget.insertAdjacentHTML('afterbegin', input)
91
+ }
92
+
93
+ removeIds() {
94
+ this.idTargets.forEach((input) => {
95
+ this.formTarget.removeChild(input)
96
+ });
97
+ }
98
+ }
@@ -0,0 +1,110 @@
1
+ import {Controller} from "@hotwired/stimulus"
2
+ import Sortable from "sortablejs";
3
+ import Rails from "@rails/ujs";
4
+
5
+ export default class extends Controller {
6
+ static get values() {
7
+ return {
8
+ url: String,
9
+ count: Number
10
+ }
11
+ }
12
+
13
+ static get targets() {
14
+ return ["table", "body", "actions", "idCheckbox", "idsCheckbox", "row"]
15
+ }
16
+
17
+ connect() {
18
+ new Sortable(this.bodyTarget, {
19
+ handle: '.table-drag-sort-handle',
20
+ onEnd: (event) => {
21
+ Rails.ajax({
22
+ url: this.urlValue,
23
+ type: "PATCH",
24
+ data: this.getIdsDataString(),
25
+ });
26
+ }
27
+ })
28
+ }
29
+
30
+ getIdsDataString() {
31
+ const table = this.tableTarget
32
+ let data = ""
33
+ const handles = [...table.querySelectorAll(".table-drag-sort-handle")]
34
+ handles.map(handle => {
35
+ data += `ids[]=${handle.dataset.id}&`
36
+ })
37
+ return data
38
+ }
39
+
40
+ toggleIds(event) {
41
+ const checkbox = event.target
42
+ this.toggleIdsCheckboxes(checkbox.checked)
43
+ this.toggleIdCheckboxes(checkbox.checked)
44
+ this.updateActions()
45
+ }
46
+
47
+ toggleId(event) {
48
+ this.toggleIdsCheckboxes(false)
49
+ this.updateActions()
50
+ }
51
+
52
+ updateActions() {
53
+ this.actionsTarget.dispatchEvent(
54
+ new CustomEvent(
55
+ 'idSelectionChanged',
56
+ {
57
+ detail: {
58
+ ids: this.ids(),
59
+ count: this.selectedIdsCount()
60
+ }
61
+ }
62
+ )
63
+ )
64
+ }
65
+
66
+ selectedIdsCount() {
67
+ if (this.ids() instanceof Array) {
68
+ return this.ids().length
69
+ } else {
70
+ return this.totalCount()
71
+ }
72
+ }
73
+
74
+ totalCount() {
75
+ if (this.countValue === 0) {
76
+ return this.rowTargets.length
77
+ } else {
78
+ return this.countValue
79
+ }
80
+ }
81
+
82
+ ids() {
83
+ if (this.idsCheckboxTarget.checked) {
84
+ return null
85
+ } else {
86
+ return this.selectedIdCheckboxes().map((checkbox) => {
87
+ return checkbox.value
88
+ })
89
+ }
90
+ }
91
+
92
+ selectedIdCheckboxes() {
93
+ return this.idCheckboxTargets.filter((checkbox) => {
94
+ return checkbox.checked
95
+ })
96
+ }
97
+
98
+ toggleIdsCheckboxes(checked) {
99
+ this.idsCheckboxTargets.forEach((checkbox) => {
100
+ checkbox.checked = checked
101
+ });
102
+ }
103
+
104
+ toggleIdCheckboxes(checked) {
105
+ this.idCheckboxTargets.forEach((checkbox) => {
106
+ checkbox.checked = checked
107
+ });
108
+ }
109
+
110
+ }
@@ -0,0 +1,41 @@
1
+ import {Application} from "@hotwired/stimulus"
2
+ import BlocksController from "./controllers/blocks_controller"
3
+ import DateRangeController from "./controllers/date_range_controller"
4
+ import DropzoneController from "./controllers/dropzone_controller"
5
+ import FilePreviewController from "./controllers/file_preview_controller"
6
+ import FilterController from "./controllers/filter_controller"
7
+ import FiltersController from "./controllers/filters_controller"
8
+ import FlatpickrController from "./controllers/flatpickr_controller"
9
+ import HelloController from "./controllers/hello_controller"
10
+ import NotificationController from "./controllers/notification_controller"
11
+ import PopupController from "./controllers/popup_controller"
12
+ import RedactorxController from "./controllers/redactorx_controller"
13
+ import RepeaterController from "./controllers/repeater_controller"
14
+ import SelectController from "./controllers/select_controller"
15
+ import TableActionsController from "./controllers/table_actions_controller"
16
+ import TableController from "./controllers/table_controller"
17
+ import Rails from "@rails/ujs";
18
+
19
+ export class Headmin {
20
+ static start() {
21
+ window.Stimulus = window.Stimulus || Application.start()
22
+ Stimulus.register("blocks", BlocksController)
23
+ Stimulus.register("date_range", DateRangeController)
24
+ Stimulus.register("dropzone", DropzoneController)
25
+ Stimulus.register("file-preview", FilePreviewController)
26
+ Stimulus.register("filter", FilterController)
27
+ Stimulus.register("filters", FiltersController)
28
+ Stimulus.register("flatpickr", FlatpickrController)
29
+ Stimulus.register("hello", HelloController)
30
+ Stimulus.register("notification", NotificationController)
31
+ Stimulus.register("popup", PopupController)
32
+ Stimulus.register("redactorx", RedactorxController)
33
+ Stimulus.register("repeater", RepeaterController)
34
+ Stimulus.register("select", SelectController)
35
+ Stimulus.register("table", TableController)
36
+ Stimulus.register("table-actions", TableActionsController)
37
+
38
+ // Init Rails UJS
39
+ Rails.start()
40
+ }
41
+ }