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.
- checksums.yaml +4 -4
- data/CHANGELOG.md +29 -3
- data/Gemfile.lock +13 -2
- data/README.md +64 -57
- data/app/assets/config/headmin_manifest.js +2 -0
- data/app/assets/javascripts/headmin/config/i18n.js +11 -0
- data/{src/js → app/assets/javascripts}/headmin/controllers/blocks_controller.js +1 -2
- data/app/assets/javascripts/headmin/controllers/date_range_controller.js +32 -0
- data/app/assets/javascripts/headmin/controllers/dropzone_controller.js +33 -0
- data/app/assets/javascripts/headmin/controllers/file_preview_controller.js +244 -0
- data/{src/js → app/assets/javascripts}/headmin/controllers/filter_controller.js +13 -7
- data/{src/js → app/assets/javascripts}/headmin/controllers/filters_controller.js +1 -1
- data/app/assets/javascripts/headmin/controllers/flatpickr_controller.js +39 -0
- data/app/assets/javascripts/headmin/controllers/hello_controller.js +7 -0
- data/app/assets/javascripts/headmin/controllers/notification_controller.js +8 -0
- data/{src/js → app/assets/javascripts}/headmin/controllers/popup_controller.js +1 -2
- data/app/assets/javascripts/headmin/controllers/redactorx_controller.js +13 -0
- data/{src/js → app/assets/javascripts}/headmin/controllers/repeater_controller.js +8 -9
- data/app/assets/javascripts/headmin/controllers/select_controller.js +48 -0
- data/app/assets/javascripts/headmin/controllers/table_actions_controller.js +98 -0
- data/app/assets/javascripts/headmin/controllers/table_controller.js +110 -0
- data/app/assets/javascripts/headmin/index.js +41 -0
- data/app/assets/javascripts/headmin.js +15934 -0
- data/{src/scss → app/assets/stylesheets}/headmin/filter.scss +0 -0
- data/{src/scss → app/assets/stylesheets}/headmin/filters.scss +0 -0
- data/{src/scss → app/assets/stylesheets}/headmin/form.scss +55 -2
- data/{src/scss → app/assets/stylesheets}/headmin/general.scss +0 -0
- data/{src/scss → app/assets/stylesheets}/headmin/layout/body.scss +0 -0
- data/{src/scss → app/assets/stylesheets}/headmin/layout/sidebar.scss +0 -0
- data/{src/scss → app/assets/stylesheets}/headmin/layout.scss +0 -0
- data/{src/scss → app/assets/stylesheets}/headmin/login.scss +0 -0
- data/{src/scss/vendor/bootstrap/variables.scss → app/assets/stylesheets/headmin/overrides/bootstrap.scss} +0 -0
- data/{src/scss/vendor/redactorx/override.css → app/assets/stylesheets/headmin/overrides/redactorx.css} +0 -0
- data/{src/scss → app/assets/stylesheets}/headmin/popup.scss +0 -0
- data/app/assets/stylesheets/headmin/syntax.scss +349 -0
- data/{src/scss → app/assets/stylesheets}/headmin/table.scss +1 -0
- data/app/assets/stylesheets/headmin/thumbnail.scss +20 -0
- data/app/assets/stylesheets/headmin/utilities.scss +68 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_accordion.scss +118 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_alert.scss +57 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_badge.scss +29 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_breadcrumb.scss +28 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_button-group.scss +139 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_buttons.scss +111 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_card.scss +216 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_carousel.scss +229 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_close.scss +40 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_containers.scss +41 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_dropdown.scss +240 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_forms.scss +9 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_functions.scss +302 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_grid.scss +33 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_helpers.scss +9 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_images.scss +42 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_list-group.scss +174 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_mixins.scss +43 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_modal.scss +209 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_nav.scss +139 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_navbar.scss +335 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_offcanvas.scss +83 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_pagination.scss +64 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_placeholders.scss +51 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_popover.scss +158 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_progress.scss +48 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_reboot.scss +625 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_root.scss +54 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_spinners.scss +69 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_tables.scss +155 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_toasts.scss +51 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_tooltip.scss +115 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_transitions.scss +27 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_type.scss +104 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_utilities.scss +630 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/_variables.scss +1641 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/bootstrap-grid.scss +67 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/bootstrap-reboot.scss +13 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/bootstrap-utilities.scss +18 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/bootstrap.scss +53 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/forms/_floating-labels.scss +63 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/forms/_form-check.scss +152 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/forms/_form-control.scss +219 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/forms/_form-range.scss +91 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/forms/_form-select.scss +72 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/forms/_form-text.scss +11 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/forms/_input-group.scss +121 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/forms/_labels.scss +36 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/forms/_validation.scss +12 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/helpers/_clearfix.scss +3 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/helpers/_colored-links.scss +12 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/helpers/_position.scss +30 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/helpers/_ratio.scss +26 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/helpers/_stacks.scss +15 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/helpers/_stretched-link.scss +15 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/helpers/_text-truncation.scss +7 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/helpers/_visually-hidden.scss +8 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/helpers/_vr.scss +8 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_alert.scss +11 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_backdrop.scss +14 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_border-radius.scss +78 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_box-shadow.scss +18 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_breakpoints.scss +127 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_buttons.scss +133 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_caret.scss +64 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_clearfix.scss +9 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_color-scheme.scss +7 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_container.scss +9 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_deprecate.scss +10 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_forms.scss +144 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_gradients.scss +47 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_grid.scss +151 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_image.scss +16 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_list-group.scss +24 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_lists.scss +7 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_pagination.scss +31 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_reset-text.scss +17 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_resize.scss +6 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_table-variants.scss +21 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_text-truncate.scss +8 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_transition.scss +26 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_utilities.scss +89 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/mixins/_visually-hidden.scss +29 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/utilities/_api.scss +47 -0
- data/app/assets/stylesheets/headmin/vendor/bootstrap/scss/vendor/_rfs.scss +354 -0
- data/app/assets/stylesheets/headmin/vendor/flatpickr.css +903 -0
- data/{src/scss/vendor/redactorx → app/assets/stylesheets/headmin/vendor}/redactorx.css +0 -0
- data/app/assets/stylesheets/headmin/vendor/tom-select-bootstrap.css +537 -0
- data/app/assets/stylesheets/headmin.css +13454 -0
- data/app/assets/stylesheets/headmin.scss +65 -0
- data/app/helpers/headmin/admin_helper.rb +4 -59
- data/app/helpers/headmin/bootstrap_helper.rb +31 -0
- data/app/helpers/headmin/documentation_helper.rb +35 -0
- data/app/helpers/headmin/filter_helper.rb +7 -3
- data/app/helpers/headmin/form_helper.rb +40 -0
- data/app/helpers/headmin/request_helper.rb +34 -0
- data/app/models/concerns/headmin/fieldable.rb +3 -1
- data/app/models/headmin/documentation_renderer.rb +32 -0
- data/app/models/headmin/form/base.rb +79 -0
- data/app/models/headmin/form/text.rb +53 -0
- data/app/services/block_service.rb +8 -4
- data/app/views/examples/admin.html.erb +1 -1
- data/app/views/headmin/_blocks.html.erb +2 -2
- data/app/views/headmin/_breadcrumbs.html.erb +1 -1
- data/app/views/headmin/_card.html.erb +10 -6
- data/app/views/headmin/_dropdown.html.erb +1 -1
- data/app/views/headmin/_filters.html.erb +23 -11
- data/app/views/headmin/_form.html.erb +14 -14
- data/app/views/headmin/_heading.html.erb +1 -1
- data/app/views/headmin/_notifications.html.erb +1 -1
- data/app/views/headmin/_pagination.html.erb +3 -2
- data/app/views/headmin/_popup.html.erb +10 -4
- data/app/views/headmin/_table.html.erb +10 -4
- data/app/views/headmin/_thumbnail.html.erb +47 -0
- data/app/views/headmin/dropdown/_devise.html.erb +20 -10
- data/app/views/headmin/dropdown/_list.html.erb +14 -7
- data/app/views/headmin/filters/_date.html.erb +9 -13
- data/app/views/headmin/filters/_flatpickr.html.erb +57 -0
- data/app/views/headmin/filters/_search.html.erb +5 -5
- data/app/views/headmin/filters/_select.html.erb +6 -6
- data/app/views/headmin/filters/filter/_button.html.erb +7 -7
- data/app/views/headmin/filters/filter/_template.html.erb +1 -1
- data/app/views/headmin/forms/_actions.html.erb +1 -1
- data/app/views/headmin/forms/_base.html.erb +100 -46
- data/app/views/headmin/forms/_blocks.html.erb +14 -7
- data/app/views/headmin/forms/_checkbox.html.erb +3 -3
- data/app/views/headmin/forms/_date.html.erb +30 -34
- data/app/views/headmin/forms/_date_range.html.erb +42 -0
- data/app/views/headmin/forms/_email.html.erb +35 -26
- data/app/views/headmin/forms/_file.html.erb +186 -34
- data/app/views/headmin/forms/_flatpickr.html.erb +34 -0
- data/app/views/headmin/forms/_flatpickr_range.html.erb +50 -0
- data/app/views/headmin/forms/_hidden.html.erb +24 -0
- data/app/views/headmin/forms/_image.html.erb +11 -45
- data/app/views/headmin/forms/_label.html.erb +18 -12
- data/app/views/headmin/forms/_number.html.erb +40 -37
- data/app/views/headmin/forms/_password.html.erb +37 -58
- data/app/views/headmin/forms/_redactorx.html.erb +8 -7
- data/app/views/headmin/forms/_repeater.html.erb +11 -14
- data/app/views/headmin/forms/_select.html.erb +43 -45
- data/app/views/headmin/forms/_text.html.erb +94 -59
- data/app/views/headmin/forms/_textarea.html.erb +37 -26
- data/app/views/headmin/forms/_url.html.erb +35 -26
- data/app/views/headmin/forms/_validation.html.erb +3 -3
- data/app/views/headmin/forms/_video.html.erb +21 -0
- data/app/views/headmin/forms/fields/_base.html.erb +3 -3
- data/app/views/headmin/forms/fields/_file.html.erb +2 -2
- data/app/views/headmin/forms/fields/_group.html.erb +3 -3
- data/app/views/headmin/forms/fields/_image.html.erb +2 -2
- data/app/views/headmin/forms/fields/_list.html.erb +3 -3
- data/app/views/headmin/forms/fields/_text.html.erb +2 -2
- data/app/views/headmin/forms/repeater/_row.html.erb +1 -1
- data/app/views/headmin/heading/_title.html.erb +1 -1
- data/app/views/headmin/layout/_body.html.erb +1 -1
- data/app/views/headmin/layout/_content.html.erb +1 -1
- data/app/views/headmin/layout/_footer.html.erb +1 -1
- data/app/views/headmin/layout/_header.html.erb +1 -1
- data/app/views/headmin/layout/_main.html.erb +12 -6
- data/app/views/headmin/layout/_sidebar.html.erb +3 -3
- data/app/views/headmin/layout/sidebar/_bottom.html.erb +1 -1
- data/app/views/headmin/layout/sidebar/_nav.html.erb +1 -1
- data/app/views/headmin/nav/_dropdown.html.erb +34 -0
- data/app/views/headmin/nav/_item.html.erb +22 -13
- data/app/views/headmin/table/_actions.html.erb +35 -11
- data/app/views/headmin/table/_body.html.erb +1 -1
- data/app/views/headmin/table/_foot.html.erb +1 -1
- data/app/views/headmin/table/_footer.html.erb +1 -1
- data/app/views/headmin/table/_head.html.erb +1 -1
- data/app/views/headmin/table/_header.html.erb +1 -1
- data/app/views/headmin/table/actions/_action.html.erb +4 -4
- data/app/views/headmin/table/actions/_delete.html.erb +1 -1
- data/app/views/headmin/table/actions/_export.html.erb +1 -1
- data/app/views/headmin/table/body/_row.html.erb +15 -7
- data/app/views/headmin/views/devise/confirmations/_new.html.erb +1 -1
- data/app/views/headmin/views/devise/passwords/_edit.html.erb +2 -2
- data/app/views/headmin/views/devise/passwords/_new.html.erb +1 -1
- data/app/views/headmin/views/devise/registrations/_edit.html.erb +4 -4
- data/app/views/headmin/views/devise/registrations/_new.html.erb +3 -3
- data/app/views/headmin/views/devise/shared/_links.html.erb +7 -7
- data/app/views/headmin/views/devise/unlocks/_new.html.erb +1 -1
- data/config/importmap.rb +2 -0
- data/config/locales/activerecord/en.yml +9 -0
- data/config/locales/activerecord/nl.yml +9 -0
- data/config/locales/en.yml +0 -3
- data/config/locales/headmin/forms/en.yml +5 -0
- data/config/locales/headmin/forms/nl.yml +5 -0
- data/config/locales/headmin/popup/en.yml +4 -0
- data/config/locales/headmin/popup/nl.yml +4 -0
- data/config/locales/headmin/table/en.yml +5 -1
- data/config/locales/headmin/table/nl.yml +5 -1
- data/config/locales/headmin/thumbnail/en.yml +4 -0
- data/config/locales/headmin/thumbnail/nl.yml +4 -0
- data/config/locales/headmin/views/en.yml +1 -1
- data/config/locales/headmin/views/nl.yml +14 -14
- data/config/locales/nl.yml +0 -3
- data/docs/blocks.md +0 -7
- data/esbuild-css.js +25 -0
- data/esbuild-js.js +11 -0
- data/headmin.gemspec +4 -1
- data/lib/generators/headmin/blocks_generator.rb +4 -1
- data/lib/generators/headmin/devise_generator.rb +5 -1
- data/lib/generators/headmin/fields_generator.rb +4 -1
- data/lib/generators/templates/controllers/auth/confirmations_controller.rb +31 -0
- data/lib/generators/templates/controllers/auth/omniauth_callbacks_controller.rb +31 -0
- data/lib/generators/templates/controllers/auth/passwords_controller.rb +35 -0
- data/lib/generators/templates/controllers/auth/registrations_controller.rb +63 -0
- data/lib/generators/templates/controllers/auth/sessions_controller.rb +28 -0
- data/lib/generators/templates/controllers/auth/unlocks_controller.rb +31 -0
- data/lib/headmin/engine.rb +15 -0
- data/lib/headmin/version.rb +1 -1
- data/lib/headmin.rb +1 -1
- data/package.json +20 -35
- data/src/js/headmin.js +1 -1
- data/src/scss/headmin.scss +1 -61
- data/yarn.lock +443 -5345
- metadata +198 -30
- data/.nvmrc +0 -1
- data/app/controllers/concerns/headmin/ckeditor.rb +0 -27
- data/app/views/headmin/forms/_ckeditor.html.erb +0 -42
- data/dist/css/headmin.css +0 -12313
- data/dist/js/headmin.js +0 -1548
- data/src/js/headmin/controllers/table_actions_controller.js +0 -33
- data/src/js/headmin/controllers/table_controller.js +0 -119
- data/src/js/headmin/headmin.js +0 -141
- data/src/scss/headmin/utilities.scss +0 -19
- 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,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
|
-
|
56
|
-
html = this.replaceIdsWithTimestamps(
|
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
|
-
|
96
|
-
|
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(
|
103
|
-
const regex = new RegExp(
|
104
|
-
return
|
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>…</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 …</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
|
+
}
|