adminterface 0.0.0 → 0.2.3
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/LICENSE.md +1 -1
- data/README.md +69 -0
- data/Rakefile +43 -0
- data/app/assets/config/adminterface_manifest.js +1 -0
- data/app/assets/stylesheets/adminterface/_base.scss +20 -0
- data/app/assets/stylesheets/adminterface/_print.scss +56 -0
- data/app/assets/stylesheets/adminterface/components/_active_admin_comment.scss +19 -0
- data/app/assets/stylesheets/adminterface/components/_all.scss +24 -0
- data/app/assets/stylesheets/adminterface/components/_aside.scss +28 -0
- data/app/assets/stylesheets/adminterface/components/_attributes_table.scss +19 -0
- data/app/assets/stylesheets/adminterface/components/_comments.scss +7 -0
- data/app/assets/stylesheets/adminterface/components/_divider.scss +28 -0
- data/app/assets/stylesheets/adminterface/components/_filters.scss +27 -0
- data/app/assets/stylesheets/adminterface/components/_flash.scss +4 -0
- data/app/assets/stylesheets/adminterface/components/_footer.scss +4 -0
- data/app/assets/stylesheets/adminterface/components/_form.scss +219 -0
- data/app/assets/stylesheets/adminterface/components/_header.scss +30 -0
- data/app/assets/stylesheets/adminterface/components/_index.scss +1 -0
- data/app/assets/stylesheets/adminterface/components/_index_as_grid.scss +5 -0
- data/app/assets/stylesheets/adminterface/components/_index_as_table.scss +1 -0
- data/app/assets/stylesheets/adminterface/components/_index_footer.scss +19 -0
- data/app/assets/stylesheets/adminterface/components/_modal_dialog.scss +4 -0
- data/app/assets/stylesheets/adminterface/components/_pagination.scss +3 -0
- data/app/assets/stylesheets/adminterface/components/_panel.scss +21 -0
- data/app/assets/stylesheets/adminterface/components/_sidebar.scss +13 -0
- data/app/assets/stylesheets/adminterface/components/_site_title.scss +17 -0
- data/app/assets/stylesheets/adminterface/components/_table_for.scss +37 -0
- data/app/assets/stylesheets/adminterface/components/_table_tools.scss +19 -0
- data/app/assets/stylesheets/adminterface/components/_thumbnail.scss +29 -0
- data/app/assets/stylesheets/adminterface/components/_title_bar.scss +36 -0
- data/app/assets/stylesheets/adminterface/components/inputs/_all.scss +2 -0
- data/app/assets/stylesheets/adminterface/components/inputs/_password.scss +28 -0
- data/app/assets/stylesheets/adminterface/components/inputs/_text.scss +30 -0
- data/app/assets/stylesheets/adminterface/helpers/_aa_icon.scss +1 -0
- data/app/assets/stylesheets/adminterface/helpers/_all.scss +2 -0
- data/app/assets/stylesheets/adminterface/helpers/_pointer.scss +1 -0
- data/app/assets/stylesheets/adminterface/layouts/_all.scss +4 -0
- data/app/assets/stylesheets/adminterface/layouts/_base.scss +5 -0
- data/app/assets/stylesheets/adminterface/layouts/_logged_in.scss +30 -0
- data/app/assets/stylesheets/adminterface/layouts/_logged_out.scss +14 -0
- data/app/assets/stylesheets/adminterface/layouts/types/_all.scss +4 -0
- data/app/assets/stylesheets/adminterface/layouts/types/_mixins.scss +195 -0
- data/app/assets/stylesheets/adminterface/layouts/types/_navigation_aside.scss +33 -0
- data/app/assets/stylesheets/adminterface/layouts/types/_navigation_sidebar.scss +15 -0
- data/app/assets/stylesheets/adminterface/layouts/types/_navigation_top.scss +33 -0
- data/app/assets/stylesheets/adminterface/mixins/_all.scss +3 -0
- data/app/assets/stylesheets/adminterface/mixins/_layouts.scss +38 -0
- data/app/assets/stylesheets/adminterface/mixins/_utilities.scss +39 -0
- data/app/assets/stylesheets/adminterface/mixins/_variables.scss +100 -0
- data/app/assets/stylesheets/adminterface/placeholders/_aa_icon.scss +10 -0
- data/app/assets/stylesheets/adminterface/placeholders/_all.scss +3 -0
- data/app/assets/stylesheets/adminterface/placeholders/_background.scss +5 -0
- data/app/assets/stylesheets/adminterface/placeholders/_typography.scss +11 -0
- data/app/assets/stylesheets/adminterface/vendors/_all.scss +4 -0
- data/app/assets/stylesheets/adminterface/vendors/bootstrap/_all.scss +6 -0
- data/app/assets/stylesheets/adminterface/vendors/bootstrap/_variables.scss +51 -0
- data/app/assets/stylesheets/adminterface/vendors/bootstrap/components/_buttons.scss +5 -0
- data/app/assets/stylesheets/adminterface/vendors/bootstrap/components/_dropdowns.scss +28 -0
- data/app/assets/stylesheets/adminterface/vendors/bootstrap/components/_navs.scss +25 -0
- data/app/assets/stylesheets/adminterface/vendors/bootstrap/components/form/_labels.scss +5 -0
- data/app/assets/stylesheets/adminterface/vendors/bootstrap/content/_tables.scss +2 -0
- data/app/assets/stylesheets/adminterface/vendors/bootstrap/content/_typography.scss +2 -0
- data/app/assets/stylesheets/adminterface/vendors/flatpickr/_all.scss +2 -0
- data/app/assets/stylesheets/adminterface/vendors/flatpickr/_variables.scss +7 -0
- data/app/assets/stylesheets/adminterface/vendors/flatpickr/main.scss +50 -0
- data/app/assets/stylesheets/adminterface/vendors/tom_select/_all.scss +1 -0
- data/app/assets/stylesheets/adminterface/vendors/tom_select/_main.scss +6 -0
- data/app/assets/stylesheets/adminterface/vendors/trix/_actiontext.scss +36 -0
- data/app/assets/stylesheets/adminterface/vendors/trix/_all.scss +3 -0
- data/app/assets/stylesheets/adminterface/vendors/trix/_trix_editor.scss +86 -0
- data/app/assets/stylesheets/adminterface/vendors/trix/_variables.scss +31 -0
- data/app/javascript/adminterface/base.js +14 -0
- data/app/javascript/adminterface/config.js +129 -0
- data/app/javascript/adminterface/initializers/batch_actions.js +9 -0
- data/app/javascript/adminterface/initializers/bootstrap.js +29 -0
- data/app/javascript/adminterface/initializers/confirm_dialog.js +23 -0
- data/app/javascript/adminterface/initializers/detached_dropdown.js +16 -0
- data/app/javascript/adminterface/initializers/drawer_menu_item_toggler.js +15 -0
- data/app/javascript/adminterface/initializers/filters.js +23 -0
- data/app/javascript/adminterface/initializers/has_many.js +7 -0
- data/app/javascript/adminterface/initializers/header_toggler.js +10 -0
- data/app/javascript/adminterface/initializers/index.js +2 -0
- data/app/javascript/adminterface/initializers/per_page.js +12 -0
- data/app/javascript/adminterface/initializers/plugins/flatpickr.js +24 -0
- data/app/javascript/adminterface/initializers/plugins/input_counter.js +21 -0
- data/app/javascript/adminterface/initializers/plugins/password_visibility.js +23 -0
- data/app/javascript/adminterface/initializers/plugins/tom_select.js +24 -0
- data/app/javascript/adminterface/lib/__tests__/checkbox_toggler.html +5 -0
- data/app/javascript/adminterface/lib/__tests__/checkbox_toggler.spec.js +110 -0
- data/app/javascript/adminterface/lib/__tests__/detached_dropdown.spec.js +69 -0
- data/app/javascript/adminterface/lib/__tests__/filters.spec.js +150 -0
- data/app/javascript/adminterface/lib/__tests__/has_many.html +14 -0
- data/app/javascript/adminterface/lib/__tests__/has_many.spec.js +224 -0
- data/app/javascript/adminterface/lib/__tests__/utils.spec.js +280 -0
- data/app/javascript/adminterface/lib/batch_actions.js +106 -0
- data/app/javascript/adminterface/lib/checkbox_toggler.js +55 -0
- data/app/javascript/adminterface/lib/confirm_dialog.js +113 -0
- data/app/javascript/adminterface/lib/detached_dropdown.js +34 -0
- data/app/javascript/adminterface/lib/filters.js +34 -0
- data/app/javascript/adminterface/lib/has_many.js +125 -0
- data/app/javascript/adminterface/lib/header_toggler.js +54 -0
- data/app/javascript/adminterface/lib/input.js +108 -0
- data/app/javascript/adminterface/lib/inputs/base/groupish.js +55 -0
- data/app/javascript/adminterface/lib/inputs/base/pluginish.js +63 -0
- data/app/javascript/adminterface/lib/inputs/base_input.js +87 -0
- data/app/javascript/adminterface/lib/inputs/boolean_input.js +30 -0
- data/app/javascript/adminterface/lib/inputs/check_boxes_input.js +14 -0
- data/app/javascript/adminterface/lib/inputs/choices_input.js +96 -0
- data/app/javascript/adminterface/lib/inputs/color_input.js +14 -0
- data/app/javascript/adminterface/lib/inputs/country_input.js +90 -0
- data/app/javascript/adminterface/lib/inputs/datalist_input.js +41 -0
- data/app/javascript/adminterface/lib/inputs/date_picker_input.js +11 -0
- data/app/javascript/adminterface/lib/inputs/datetime_picker_input.js +11 -0
- data/app/javascript/adminterface/lib/inputs/hidden_input.js +21 -0
- data/app/javascript/adminterface/lib/inputs/password_input.js +13 -0
- data/app/javascript/adminterface/lib/inputs/radio_input.js +13 -0
- data/app/javascript/adminterface/lib/inputs/select_input.js +68 -0
- data/app/javascript/adminterface/lib/inputs/string_input.js +13 -0
- data/app/javascript/adminterface/lib/inputs/switch_input.js +9 -0
- data/app/javascript/adminterface/lib/inputs/text_input.js +12 -0
- data/app/javascript/adminterface/lib/inputs/time_picker_input.js +13 -0
- data/app/javascript/adminterface/lib/inputs/time_zone_input.js +66 -0
- data/app/javascript/adminterface/lib/per_page.js +18 -0
- data/app/javascript/adminterface/lib/plugins/input_counter.js +94 -0
- data/app/javascript/adminterface/lib/plugins/password_visibility.js +70 -0
- data/app/javascript/adminterface/lib/table_checkbox_toggler.js +47 -0
- data/app/javascript/adminterface/lib/utils.js +148 -0
- data/app/views/active_admin/devise/confirmations/new.html.erb +19 -0
- data/app/views/active_admin/devise/passwords/edit.html.erb +21 -0
- data/app/views/active_admin/devise/passwords/new.html.erb +19 -0
- data/app/views/active_admin/devise/registrations/new.html.erb +24 -0
- data/app/views/active_admin/devise/sessions/new.html.erb +23 -0
- data/app/views/active_admin/devise/shared/_links.html.erb +25 -0
- data/app/views/active_admin/devise/shared/_omniauth.html.erb +10 -0
- data/app/views/active_admin/devise/unlocks/new.html.erb +19 -0
- data/app/views/kaminari/active_admin/_first_page.html.erb +11 -0
- data/app/views/kaminari/active_admin/_gap.html.erb +12 -0
- data/app/views/kaminari/active_admin/_last_page.html.erb +11 -0
- data/app/views/kaminari/active_admin/_next_page.html.erb +11 -0
- data/app/views/kaminari/active_admin/_page.html.erb +12 -0
- data/app/views/kaminari/active_admin/_paginator.html.erb +27 -0
- data/app/views/kaminari/active_admin/_prev_page.html.erb +11 -0
- data/app/views/layouts/active_admin_logged_out.html.erb +56 -0
- data/config/locales/active_admin.en.yml +25 -0
- data/lib/adminterface/callable.rb +7 -0
- data/lib/adminterface/configs.rb +76 -0
- data/lib/adminterface/data/base.rb +11 -0
- data/lib/adminterface/data/countries.rb +44 -0
- data/lib/adminterface/data/time_zones.rb +31 -0
- data/lib/adminterface/data.rb +6 -0
- data/lib/adminterface/encryption/encryptor.rb +26 -0
- data/lib/adminterface/engine.rb +22 -0
- data/lib/adminterface/extensions/base_controller.rb +59 -0
- data/lib/adminterface/extensions/batch_actions/resource_extension.rb +64 -0
- data/lib/adminterface/extensions/batch_actions/views/batch_action_selector.rb +48 -0
- data/lib/adminterface/extensions/batch_actions/views/selection_cells.rb +39 -0
- data/lib/adminterface/extensions/dsl.rb +13 -0
- data/lib/adminterface/extensions/dynamic_settings_node.rb +26 -0
- data/lib/adminterface/extensions/filters/forms.rb +76 -0
- data/lib/adminterface/extensions/form_builder.rb +165 -0
- data/lib/adminterface/extensions/inputs/base/active_admin_config.rb +21 -0
- data/lib/adminterface/extensions/inputs/base/choices.rb +33 -0
- data/lib/adminterface/extensions/inputs/base/groupish.rb +50 -0
- data/lib/adminterface/extensions/inputs/base/html.rb +15 -0
- data/lib/adminterface/extensions/inputs/base/labelling.rb +15 -0
- data/lib/adminterface/extensions/inputs/base/pluginish.rb +56 -0
- data/lib/adminterface/extensions/inputs/base/stringish.rb +19 -0
- data/lib/adminterface/extensions/inputs/base/wrapping.rb +25 -0
- data/lib/adminterface/extensions/inputs/base.rb +19 -0
- data/lib/adminterface/extensions/inputs/boolean_input.rb +42 -0
- data/lib/adminterface/extensions/inputs/check_boxes_input.rb +34 -0
- data/lib/adminterface/extensions/inputs/color_input.rb +29 -0
- data/lib/adminterface/extensions/inputs/country_input.rb +33 -0
- data/lib/adminterface/extensions/inputs/datalist_input.rb +26 -0
- data/lib/adminterface/extensions/inputs/date_picker_input.rb +30 -0
- data/lib/adminterface/extensions/inputs/date_select_input.rb +7 -0
- data/lib/adminterface/extensions/inputs/datetime_picker_input.rb +19 -0
- data/lib/adminterface/extensions/inputs/datetime_select_input.rb +7 -0
- data/lib/adminterface/extensions/inputs/email_input.rb +23 -0
- data/lib/adminterface/extensions/inputs/file_input.rb +19 -0
- data/lib/adminterface/extensions/inputs/filters/base/search_method_select.rb +37 -0
- data/lib/adminterface/extensions/inputs/filters/base.rb +3 -0
- data/lib/adminterface/extensions/inputs/filters/boolean_input.rb +4 -0
- data/lib/adminterface/extensions/inputs/filters/check_boxes_input.rb +12 -0
- data/lib/adminterface/extensions/inputs/filters/date_picker_input.rb +4 -0
- data/lib/adminterface/extensions/inputs/filters/date_range_input.rb +50 -0
- data/lib/adminterface/extensions/inputs/filters/select_input.rb +4 -0
- data/lib/adminterface/extensions/inputs/number_input.rb +23 -0
- data/lib/adminterface/extensions/inputs/password_input.rb +23 -0
- data/lib/adminterface/extensions/inputs/phone_input.rb +23 -0
- data/lib/adminterface/extensions/inputs/radio_input.rb +41 -0
- data/lib/adminterface/extensions/inputs/range_input.rb +22 -0
- data/lib/adminterface/extensions/inputs/rich_text_area_input.rb +21 -0
- data/lib/adminterface/extensions/inputs/search_input.rb +23 -0
- data/lib/adminterface/extensions/inputs/select_input.rb +33 -0
- data/lib/adminterface/extensions/inputs/string_input.rb +19 -0
- data/lib/adminterface/extensions/inputs/switch_input.rb +11 -0
- data/lib/adminterface/extensions/inputs/text_input.rb +27 -0
- data/lib/adminterface/extensions/inputs/time_picker_input.rb +19 -0
- data/lib/adminterface/extensions/inputs/time_select_input.rb +7 -0
- data/lib/adminterface/extensions/inputs/time_zone_input.rb +33 -0
- data/lib/adminterface/extensions/inputs/url_input.rb +23 -0
- data/lib/adminterface/extensions/menu_item.rb +16 -0
- data/lib/adminterface/extensions/namespace_settings.rb +30 -0
- data/lib/adminterface/extensions/orm/active_record/comments/views/active_admin_comments.rb +122 -0
- data/lib/adminterface/extensions/resource/action_items.rb +117 -0
- data/lib/adminterface/extensions/sidebar_section.rb +35 -0
- data/lib/adminterface/extensions/view_helpers/alert_helper.rb +38 -0
- data/lib/adminterface/extensions/view_helpers/component_helper.rb +23 -0
- data/lib/adminterface/extensions/views/action_items.rb +39 -0
- data/lib/adminterface/extensions/views/columns.rb +59 -0
- data/lib/adminterface/extensions/views/components/active_admin_form.rb +47 -0
- data/lib/adminterface/extensions/views/components/attributes_table.rb +28 -0
- data/lib/adminterface/extensions/views/components/blank_slate.rb +19 -0
- data/lib/adminterface/extensions/views/components/dropdown_menu.rb +58 -0
- data/lib/adminterface/extensions/views/components/icon.rb +26 -0
- data/lib/adminterface/extensions/views/components/index_list.rb +43 -0
- data/lib/adminterface/extensions/views/components/menu.rb +18 -0
- data/lib/adminterface/extensions/views/components/menu_item.rb +69 -0
- data/lib/adminterface/extensions/views/components/paginated_collection.rb +52 -0
- data/lib/adminterface/extensions/views/components/panel.rb +71 -0
- data/lib/adminterface/extensions/views/components/scopes.rb +53 -0
- data/lib/adminterface/extensions/views/components/sidebar_section.rb +39 -0
- data/lib/adminterface/extensions/views/components/site_title.rb +36 -0
- data/lib/adminterface/extensions/views/components/status_tag.rb +26 -0
- data/lib/adminterface/extensions/views/components/table_for.rb +23 -0
- data/lib/adminterface/extensions/views/components/tabs.rb +101 -0
- data/lib/adminterface/extensions/views/footer.rb +27 -0
- data/lib/adminterface/extensions/views/header.rb +60 -0
- data/lib/adminterface/extensions/views/index_as_grid.rb +53 -0
- data/lib/adminterface/extensions/views/index_as_table.rb +77 -0
- data/lib/adminterface/extensions/views/pages/base.rb +165 -0
- data/lib/adminterface/extensions/views/pages/form.rb +27 -0
- data/lib/adminterface/extensions/views/pages/index.rb +136 -0
- data/lib/adminterface/extensions/views/pages/page.rb +18 -0
- data/lib/adminterface/extensions/views/title_bar.rb +74 -0
- data/lib/adminterface/fixtures/components.yml +73 -0
- data/lib/adminterface/fixtures/css_classes.yml +107 -0
- data/lib/adminterface/initializers/batch_actions.rb +15 -0
- data/lib/adminterface/initializers/comments.rb +13 -0
- data/lib/adminterface/initializers/configurations.rb +38 -0
- data/lib/adminterface/initializers/formtastic.rb +58 -0
- data/lib/adminterface/initializers/resource.rb +20 -0
- data/lib/adminterface/initializers/view_helpers.rb +14 -0
- data/lib/adminterface/initializers/views.rb +39 -0
- data/lib/adminterface/license.rb +18 -0
- data/lib/adminterface/licensing/base.rb +99 -0
- data/lib/adminterface/licensing/commercial.rb +7 -0
- data/lib/adminterface/licensing/notice.rb +54 -0
- data/lib/adminterface/licensing/personal.rb +13 -0
- data/lib/adminterface/public.pem +9 -0
- data/lib/adminterface/version.rb +3 -0
- data/lib/adminterface.rb +55 -0
- data/lib/generators/adminterface/comments/comments_generator.rb +33 -0
- data/lib/generators/adminterface/comments/templates/README +13 -0
- data/lib/generators/adminterface/comments/templates/active_admin_comment_action_text.rb +18 -0
- data/lib/generators/adminterface/comments/templates/migrations/drop_body_for_active_admin_comments.rb.erb +28 -0
- data/lib/generators/adminterface/configs/configs_generator.rb +19 -0
- data/lib/generators/adminterface/configs/templates/README +33 -0
- data/lib/generators/adminterface/install/install_generator.rb +39 -0
- data/lib/generators/adminterface/install/templates/dashboard.rb +32 -0
- data/lib/generators/adminterface/views/views_generator.rb +15 -0
- data/lib/generators/adminterface/webpacker/templates/README +27 -0
- data/lib/generators/adminterface/webpacker/templates/active_admin.js +12 -0
- data/lib/generators/adminterface/webpacker/templates/active_admin.scss +8 -0
- data/lib/generators/adminterface/webpacker/templates/print.scss +3 -0
- data/lib/generators/adminterface/webpacker/webpacker_generator.rb +69 -0
- data/lib/tasks/adminterface_tasks.rake +4 -0
- metadata +291 -10
- data/lib/name.rb +0 -1
@@ -0,0 +1,14 @@
|
|
1
|
+
import ChoicesInput from './choices_input'
|
2
|
+
|
3
|
+
class CheckBoxesInput extends ChoicesInput {
|
4
|
+
_defaultInputHTMLOptions () {
|
5
|
+
const options = {
|
6
|
+
name: `${this.name}[]`,
|
7
|
+
type: 'checkbox'
|
8
|
+
}
|
9
|
+
|
10
|
+
return { ...super._defaultInputHTMLOptions(), ...options }
|
11
|
+
}
|
12
|
+
}
|
13
|
+
|
14
|
+
export default CheckBoxesInput
|
@@ -0,0 +1,96 @@
|
|
1
|
+
import BaseInput from './base_input'
|
2
|
+
import { toHTMLAttrString } from '../utils'
|
3
|
+
|
4
|
+
class ChoicesInput extends BaseInput {
|
5
|
+
_defaultLegendHTMLOptions () {
|
6
|
+
return {
|
7
|
+
class: 'form-label'
|
8
|
+
}
|
9
|
+
}
|
10
|
+
|
11
|
+
_legendHTMLOptions () {
|
12
|
+
return { ...this._defaultLegendHTMLOptions(), ...this.legend_html_options }
|
13
|
+
}
|
14
|
+
|
15
|
+
_defaultLabelHTMLOptions () {
|
16
|
+
const options = {
|
17
|
+
class: 'form-check-label'
|
18
|
+
}
|
19
|
+
|
20
|
+
return { ...super._defaultLabelHTMLOptions(), ...options }
|
21
|
+
}
|
22
|
+
|
23
|
+
_defaultInputHTMLOptions () {
|
24
|
+
const options = {
|
25
|
+
class: `form-check-input ${this.options.as}`
|
26
|
+
}
|
27
|
+
|
28
|
+
return { ...super._defaultInputHTMLOptions(), ...options }
|
29
|
+
}
|
30
|
+
|
31
|
+
_inputHTMLOptions (value) {
|
32
|
+
return { ...super._inputHTMLOptions(), ...{ value: value, id: `batch-form-${this.name}-${value}` } }
|
33
|
+
}
|
34
|
+
|
35
|
+
_labelHTMLOptions (value) {
|
36
|
+
return { ...super._labelHTMLOptions(), ...{ for: `batch-form-${this.name}-${value}` } }
|
37
|
+
}
|
38
|
+
|
39
|
+
_wrapWith (html) {
|
40
|
+
return `
|
41
|
+
<div class="form-check">${html}</div>
|
42
|
+
`
|
43
|
+
}
|
44
|
+
|
45
|
+
_choices (collection) {
|
46
|
+
return ((() => {
|
47
|
+
const result = []
|
48
|
+
|
49
|
+
collection.forEach(v => {
|
50
|
+
let option
|
51
|
+
if (Array.isArray(v)) {
|
52
|
+
option =
|
53
|
+
this._wrapWith(`
|
54
|
+
${this._inputHTML(v[1])}
|
55
|
+
${this._labelHTML(v[0])}
|
56
|
+
`)
|
57
|
+
} else {
|
58
|
+
option =
|
59
|
+
this._wrapWith(`
|
60
|
+
${this._inputHTML(v)}
|
61
|
+
${this._labelHTML(v)}
|
62
|
+
`)
|
63
|
+
}
|
64
|
+
result.push(option)
|
65
|
+
})
|
66
|
+
|
67
|
+
return result
|
68
|
+
})()).join('')
|
69
|
+
}
|
70
|
+
|
71
|
+
_inputHTML (value) {
|
72
|
+
return `<input ${toHTMLAttrString(this._inputHTMLOptions(value))}>`
|
73
|
+
}
|
74
|
+
|
75
|
+
_labelHTML (value) {
|
76
|
+
return `<label ${toHTMLAttrString(this._labelHTMLOptions(value))}>${value}</label>`
|
77
|
+
}
|
78
|
+
|
79
|
+
_legendHTML () {
|
80
|
+
return `<label ${toHTMLAttrString(this._legendHTMLOptions())}>${this.label}</label>`
|
81
|
+
}
|
82
|
+
|
83
|
+
_choicesHTML () {
|
84
|
+
const collection = this.options.collection || []
|
85
|
+
return collection.length ? this._choices(collection) : ''
|
86
|
+
}
|
87
|
+
|
88
|
+
render () {
|
89
|
+
return this._inputWrapping(`
|
90
|
+
${this._legendHTML()}
|
91
|
+
<div class="choices">${this._choicesHTML()}</div>
|
92
|
+
`)
|
93
|
+
}
|
94
|
+
}
|
95
|
+
|
96
|
+
export default ChoicesInput
|
@@ -0,0 +1,14 @@
|
|
1
|
+
import BaseInput from './base_input'
|
2
|
+
|
3
|
+
class ColorInput extends BaseInput {
|
4
|
+
_defaultInputHTMLOptions () {
|
5
|
+
const options = {
|
6
|
+
class: `form-control form-control-color ${this.options.as}`,
|
7
|
+
type: 'color'
|
8
|
+
}
|
9
|
+
|
10
|
+
return { ...super._defaultInputHTMLOptions(), ...options }
|
11
|
+
}
|
12
|
+
}
|
13
|
+
|
14
|
+
export default ColorInput
|
@@ -0,0 +1,90 @@
|
|
1
|
+
/* global adminterface */
|
2
|
+
import SelectInput from './select_input'
|
3
|
+
import { toHTMLAttrString } from '../utils'
|
4
|
+
|
5
|
+
class CountryInput extends SelectInput {
|
6
|
+
constructor (name, options) {
|
7
|
+
super(name, options)
|
8
|
+
this.countries = this._getAllCountries()
|
9
|
+
this.priorityCountries = this.options.priority_countries || []
|
10
|
+
this.exceptCountries = this.options.except || []
|
11
|
+
this.onlyCountries = this.options.only || []
|
12
|
+
}
|
13
|
+
|
14
|
+
_exceptCountries () {
|
15
|
+
const _self = this
|
16
|
+
|
17
|
+
if (Array.isArray(this.exceptCountries) && this.exceptCountries.length) {
|
18
|
+
this.countries = this.countries.filter(function (item) {
|
19
|
+
return !_self.exceptCountries.includes(item.code)
|
20
|
+
})
|
21
|
+
}
|
22
|
+
}
|
23
|
+
|
24
|
+
_onlyCountries () {
|
25
|
+
const _self = this
|
26
|
+
|
27
|
+
if (Array.isArray(this.onlyCountries) && this.onlyCountries.length) {
|
28
|
+
this.countries = this.countries.filter(function (item) {
|
29
|
+
return _self.onlyCountries.includes(item.code)
|
30
|
+
})
|
31
|
+
}
|
32
|
+
}
|
33
|
+
|
34
|
+
_prioritizeCountries () {
|
35
|
+
const priorityCountries = []
|
36
|
+
const _self = this
|
37
|
+
|
38
|
+
if (Array.isArray(this.priorityCountries) && this.priorityCountries.length) {
|
39
|
+
this.priorityCountries.forEach(function (code) {
|
40
|
+
const item = _self.countries.find(item => item.code === code)
|
41
|
+
if (item) priorityCountries.push(item)
|
42
|
+
})
|
43
|
+
|
44
|
+
const restOfCountries = this.countries.filter(function (item) {
|
45
|
+
return !priorityCountries.find(el => el.code === item.code)
|
46
|
+
})
|
47
|
+
|
48
|
+
this.countries = priorityCountries.concat(this._divider()).concat(restOfCountries)
|
49
|
+
}
|
50
|
+
}
|
51
|
+
|
52
|
+
_getAllCountries () {
|
53
|
+
const countries = adminterface.meta.countries
|
54
|
+
|
55
|
+
if (countries.error) {
|
56
|
+
console.error(countries)
|
57
|
+
return []
|
58
|
+
} else {
|
59
|
+
return countries
|
60
|
+
}
|
61
|
+
}
|
62
|
+
|
63
|
+
_formatCountries () {
|
64
|
+
const _self = this
|
65
|
+
|
66
|
+
this.countries = this.countries.map(function (item) {
|
67
|
+
if (item === _self._divider()) {
|
68
|
+
return item
|
69
|
+
} else {
|
70
|
+
return [item.translated_name, item.name]
|
71
|
+
}
|
72
|
+
})
|
73
|
+
}
|
74
|
+
|
75
|
+
_optionsHTML () {
|
76
|
+
this._onlyCountries()
|
77
|
+
this._exceptCountries()
|
78
|
+
this._prioritizeCountries()
|
79
|
+
this._formatCountries()
|
80
|
+
|
81
|
+
const collection = this.countries
|
82
|
+
return collection.length ? this._optionsForSelect(collection) : ''
|
83
|
+
}
|
84
|
+
|
85
|
+
_inputHTML () {
|
86
|
+
return `<select ${toHTMLAttrString(this._inputHTMLOptions())}>${this._optionsHTML()}</select>`
|
87
|
+
}
|
88
|
+
}
|
89
|
+
|
90
|
+
export default CountryInput
|
@@ -0,0 +1,41 @@
|
|
1
|
+
import BaseInput from './base_input'
|
2
|
+
|
3
|
+
class DatalistInput extends BaseInput {
|
4
|
+
_defaultInputHTMLOptions () {
|
5
|
+
const options = {
|
6
|
+
type: 'text',
|
7
|
+
list: `batch-form-${this.name}-datalist`
|
8
|
+
}
|
9
|
+
|
10
|
+
return { ...super._defaultInputHTMLOptions(), ...options }
|
11
|
+
}
|
12
|
+
|
13
|
+
_optionsForSelect (collection) {
|
14
|
+
return ((() => {
|
15
|
+
const result = []
|
16
|
+
|
17
|
+
collection.forEach(v => {
|
18
|
+
let option
|
19
|
+
if (Array.isArray(v)) {
|
20
|
+
option = `<option value=${v[1]}>${v[0]}</option>`
|
21
|
+
} else {
|
22
|
+
option = `<option>${v}</option>`
|
23
|
+
}
|
24
|
+
result.push(option)
|
25
|
+
})
|
26
|
+
|
27
|
+
return result
|
28
|
+
})()).join('')
|
29
|
+
}
|
30
|
+
|
31
|
+
_optionsHTML () {
|
32
|
+
const collection = this.options.collection || []
|
33
|
+
return collection.length ? this._optionsForSelect(collection) : ''
|
34
|
+
}
|
35
|
+
|
36
|
+
_inputHTML () {
|
37
|
+
return `${super._inputHTML()}<datalist id="batch-form-${this.name}-datalist">${this._optionsHTML()}</datalist>`
|
38
|
+
}
|
39
|
+
}
|
40
|
+
|
41
|
+
export default DatalistInput
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import BaseInput from './base_input'
|
2
|
+
|
3
|
+
class DateTimePickerInput extends BaseInput {
|
4
|
+
_defaultInputHTMLOptions () {
|
5
|
+
const options = { type: 'text' }
|
6
|
+
|
7
|
+
return { ...super._defaultInputHTMLOptions(), ...options }
|
8
|
+
}
|
9
|
+
}
|
10
|
+
|
11
|
+
export default DateTimePickerInput
|
@@ -0,0 +1,21 @@
|
|
1
|
+
import BaseInput from './base_input'
|
2
|
+
|
3
|
+
class HiddenInput extends BaseInput {
|
4
|
+
_defaultInputHTMLOptions () {
|
5
|
+
const options = {
|
6
|
+
type: 'hidden'
|
7
|
+
}
|
8
|
+
|
9
|
+
return { ...super._defaultInputHTMLOptions(), ...options }
|
10
|
+
}
|
11
|
+
|
12
|
+
_defaultWrapperHTMLOptions () {
|
13
|
+
const options = {
|
14
|
+
class: 'd-none'
|
15
|
+
}
|
16
|
+
|
17
|
+
return { ...super._defaultWrapperHTMLOptions, ...options }
|
18
|
+
}
|
19
|
+
}
|
20
|
+
|
21
|
+
export default HiddenInput
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import BaseInput from './base_input'
|
2
|
+
|
3
|
+
class PasswordInput extends BaseInput {
|
4
|
+
_defaultInputHTMLOptions () {
|
5
|
+
const options = {
|
6
|
+
type: 'password'
|
7
|
+
}
|
8
|
+
|
9
|
+
return { ...super._defaultInputHTMLOptions(), ...options }
|
10
|
+
}
|
11
|
+
}
|
12
|
+
|
13
|
+
export default PasswordInput
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import ChoicesInput from './choices_input'
|
2
|
+
|
3
|
+
class RadioInput extends ChoicesInput {
|
4
|
+
_defaultInputHTMLOptions () {
|
5
|
+
const options = {
|
6
|
+
type: 'radio'
|
7
|
+
}
|
8
|
+
|
9
|
+
return { ...super._defaultInputHTMLOptions(), ...options }
|
10
|
+
}
|
11
|
+
}
|
12
|
+
|
13
|
+
export default RadioInput
|
@@ -0,0 +1,68 @@
|
|
1
|
+
import BaseInput from './base_input'
|
2
|
+
import { toHTMLAttrString } from '../utils'
|
3
|
+
|
4
|
+
class SelectInput extends BaseInput {
|
5
|
+
constructor (name, options) {
|
6
|
+
super(name, options)
|
7
|
+
this.multiple = this.options.multiple || false
|
8
|
+
this.include_blank = this.options.include_blank || false
|
9
|
+
}
|
10
|
+
|
11
|
+
_divider () {
|
12
|
+
return '-'
|
13
|
+
}
|
14
|
+
|
15
|
+
_defaultInputHTMLOptions () {
|
16
|
+
const options = {
|
17
|
+
class: `form-select ${this.options.as}`
|
18
|
+
}
|
19
|
+
|
20
|
+
if (this.multiple) { options.multiple = true }
|
21
|
+
|
22
|
+
return { ...super._defaultInputHTMLOptions(), ...options }
|
23
|
+
}
|
24
|
+
|
25
|
+
_blankOption () {
|
26
|
+
let label = ''
|
27
|
+
|
28
|
+
if (typeof (this.include_blank) === 'string') {
|
29
|
+
label = this.options.include_blank
|
30
|
+
}
|
31
|
+
|
32
|
+
return `<option value>${label}</option>`
|
33
|
+
}
|
34
|
+
|
35
|
+
_optionsForSelect (collection) {
|
36
|
+
return ((() => {
|
37
|
+
const result = []
|
38
|
+
const _self = this
|
39
|
+
|
40
|
+
if (this.include_blank) result.push(this._blankOption())
|
41
|
+
|
42
|
+
collection.forEach(v => {
|
43
|
+
let option
|
44
|
+
if (Array.isArray(v)) {
|
45
|
+
option = `<option value="${v[1]}">${v[0]}</option>`
|
46
|
+
} else if (v === _self._divider()) {
|
47
|
+
option = '<option value="" disabled>-------------</option>'
|
48
|
+
} else {
|
49
|
+
option = `<option value="${v}">${v}</option>`
|
50
|
+
}
|
51
|
+
result.push(option)
|
52
|
+
})
|
53
|
+
|
54
|
+
return result
|
55
|
+
})()).join('')
|
56
|
+
}
|
57
|
+
|
58
|
+
_optionsHTML () {
|
59
|
+
const collection = this.options.collection || []
|
60
|
+
return collection.length ? this._optionsForSelect(collection) : ''
|
61
|
+
}
|
62
|
+
|
63
|
+
_inputHTML () {
|
64
|
+
return `<select ${toHTMLAttrString(this._inputHTMLOptions())}>${this._optionsHTML()}</select>`
|
65
|
+
}
|
66
|
+
}
|
67
|
+
|
68
|
+
export default SelectInput
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import BaseInput from './base_input'
|
2
|
+
|
3
|
+
class StringInput extends BaseInput {
|
4
|
+
_defaultInputHTMLOptions () {
|
5
|
+
const options = {
|
6
|
+
type: (this.options.as === 'phone' ? 'tel' : this.options.as)
|
7
|
+
}
|
8
|
+
|
9
|
+
return { ...super._defaultInputHTMLOptions(), ...options }
|
10
|
+
}
|
11
|
+
}
|
12
|
+
|
13
|
+
export default StringInput
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import BaseInput from './base_input'
|
2
|
+
import { toHTMLAttrString } from '../utils'
|
3
|
+
|
4
|
+
class TextInput extends BaseInput {
|
5
|
+
_inputHTML () {
|
6
|
+
return `
|
7
|
+
<textarea ${toHTMLAttrString(this._inputHTMLOptions())}></textarea>
|
8
|
+
`
|
9
|
+
}
|
10
|
+
}
|
11
|
+
|
12
|
+
export default TextInput
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import BaseInput from './base_input'
|
2
|
+
|
3
|
+
class TimePickerInput extends BaseInput {
|
4
|
+
_defaultInputHTMLOptions () {
|
5
|
+
const options = {
|
6
|
+
type: 'time'
|
7
|
+
}
|
8
|
+
|
9
|
+
return { ...super._defaultInputHTMLOptions(), ...options }
|
10
|
+
}
|
11
|
+
}
|
12
|
+
|
13
|
+
export default TimePickerInput
|
@@ -0,0 +1,66 @@
|
|
1
|
+
/* global adminterface */
|
2
|
+
import SelectInput from './select_input'
|
3
|
+
import { toHTMLAttrString } from '../utils'
|
4
|
+
|
5
|
+
class TimeZoneInput extends SelectInput {
|
6
|
+
constructor (name, options) {
|
7
|
+
super(name, options)
|
8
|
+
this.timeZones = this._getAllTimeZones()
|
9
|
+
this.priorityTimeZones = this.options.priority_zones || []
|
10
|
+
}
|
11
|
+
|
12
|
+
_prioritizeTimeZones () {
|
13
|
+
const priorityTimeZones = []
|
14
|
+
const _self = this
|
15
|
+
|
16
|
+
if (Array.isArray(this.priorityTimeZones) && this.priorityTimeZones.length) {
|
17
|
+
this.priorityTimeZones.forEach(function (zone) {
|
18
|
+
const item = _self.timeZones.find(item => item.name === zone.name)
|
19
|
+
if (item) priorityTimeZones.push(item)
|
20
|
+
})
|
21
|
+
|
22
|
+
const restOfTimeZones = this.timeZones.filter(function (item) {
|
23
|
+
return !priorityTimeZones.find(el => el.name === item.name)
|
24
|
+
})
|
25
|
+
|
26
|
+
this.timeZones = priorityTimeZones.concat(this._divider()).concat(restOfTimeZones)
|
27
|
+
}
|
28
|
+
}
|
29
|
+
|
30
|
+
_getAllTimeZones () {
|
31
|
+
const timeZones = adminterface.meta.timeZones
|
32
|
+
|
33
|
+
if (timeZones.error) {
|
34
|
+
console.error(timeZones)
|
35
|
+
return []
|
36
|
+
} else {
|
37
|
+
return timeZones
|
38
|
+
}
|
39
|
+
}
|
40
|
+
|
41
|
+
_formatTimeZones () {
|
42
|
+
const _self = this
|
43
|
+
|
44
|
+
this.timeZones = this.timeZones.map(function (item) {
|
45
|
+
if (item === _self._divider()) {
|
46
|
+
return item
|
47
|
+
} else {
|
48
|
+
return [item.translated_name, item.name]
|
49
|
+
}
|
50
|
+
})
|
51
|
+
}
|
52
|
+
|
53
|
+
_optionsHTML () {
|
54
|
+
this._prioritizeTimeZones()
|
55
|
+
this._formatTimeZones()
|
56
|
+
|
57
|
+
const collection = this.timeZones
|
58
|
+
return collection.length ? this._optionsForSelect(collection) : ''
|
59
|
+
}
|
60
|
+
|
61
|
+
_inputHTML () {
|
62
|
+
return `<select ${toHTMLAttrString(this._inputHTMLOptions())}>${this._optionsHTML()}</select>`
|
63
|
+
}
|
64
|
+
}
|
65
|
+
|
66
|
+
export default TimeZoneInput
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import { queryStringToParams, hasTurbolinks, turbolinksVisit, toQueryString } from './utils'
|
2
|
+
|
3
|
+
class PerPage {
|
4
|
+
static _update (event) {
|
5
|
+
const params = queryStringToParams().filter(({ name }) => name !== 'per_page' && name !== 'page')
|
6
|
+
|
7
|
+
params.push({ name: 'per_page', value: this.value })
|
8
|
+
|
9
|
+
if (hasTurbolinks()) {
|
10
|
+
event.preventDefault()
|
11
|
+
turbolinksVisit(params)
|
12
|
+
} else {
|
13
|
+
window.location.search = toQueryString(params)
|
14
|
+
}
|
15
|
+
}
|
16
|
+
}
|
17
|
+
|
18
|
+
export default PerPage
|
@@ -0,0 +1,94 @@
|
|
1
|
+
/* global DOMParser, adminterface */
|
2
|
+
import { toHTMLCssString } from '../utils'
|
3
|
+
|
4
|
+
class InputCounter {
|
5
|
+
constructor (element, options) {
|
6
|
+
const defaults = {
|
7
|
+
type: 'letter',
|
8
|
+
containerClass: '.input-counter-container',
|
9
|
+
statsContainerClass: '.input-counter-stats',
|
10
|
+
charCountClass: '.input-counter-char-count',
|
11
|
+
charLeftClass: '.input-counter-char-left',
|
12
|
+
charLimitClass: '.input-counter-char-limit',
|
13
|
+
limit: 150
|
14
|
+
}
|
15
|
+
|
16
|
+
this.element = element
|
17
|
+
this.options = { ...defaults, ...options }
|
18
|
+
|
19
|
+
this._bind()
|
20
|
+
}
|
21
|
+
|
22
|
+
_count () {
|
23
|
+
const el = this.element
|
24
|
+
const limit = this.options.limit
|
25
|
+
let count = 0
|
26
|
+
let left = limit
|
27
|
+
let trimmedText
|
28
|
+
|
29
|
+
if (el.value) {
|
30
|
+
if (this.options.type === 'word') {
|
31
|
+
count = el.value.split(' ').length
|
32
|
+
} else {
|
33
|
+
count = el.value.length
|
34
|
+
}
|
35
|
+
}
|
36
|
+
|
37
|
+
if (count >= limit) {
|
38
|
+
if (this.options.type === 'word') {
|
39
|
+
trimmedText = el.value.split(' ').slice(0, limit).join(' ')
|
40
|
+
} else {
|
41
|
+
trimmedText = el.value.substring(0, limit)
|
42
|
+
}
|
43
|
+
|
44
|
+
el.value = trimmedText
|
45
|
+
left = 0
|
46
|
+
count = limit
|
47
|
+
} else {
|
48
|
+
left = limit - count
|
49
|
+
}
|
50
|
+
|
51
|
+
this._update(count, left)
|
52
|
+
}
|
53
|
+
|
54
|
+
_update (count, left) {
|
55
|
+
const limit = this.options.limit
|
56
|
+
const elContainer = this.element.closest(this.options.containerClass)
|
57
|
+
const elCount = elContainer.querySelector(this.options.charCountClass)
|
58
|
+
const elLeft = elContainer.querySelector(this.options.charLeftClass)
|
59
|
+
const elLimit = elContainer.querySelector(this.options.charLimitClass)
|
60
|
+
|
61
|
+
if (elCount) elCount.innerHTML = count.toString()
|
62
|
+
if (elLeft) elLeft.innerHTML = left.toString()
|
63
|
+
if (elLimit) elLimit.innerHTML = limit.toString()
|
64
|
+
}
|
65
|
+
|
66
|
+
_insert () {
|
67
|
+
const el = this.element
|
68
|
+
const wrapper = document.createElement('div')
|
69
|
+
|
70
|
+
const statsHtml = `
|
71
|
+
<ul class="${toHTMLCssString(this.options.statsContainerClass)}">
|
72
|
+
<li class="${toHTMLCssString(this.options.charCountClass)}"></li>
|
73
|
+
<li class="${toHTMLCssString(this.options.charLeftClass)}"></li>
|
74
|
+
<li class="${toHTMLCssString(this.options.charLimitClass)}"></li>
|
75
|
+
</ul>
|
76
|
+
`
|
77
|
+
const statsNode = new DOMParser().parseFromString(statsHtml, 'text/html').body.childNodes[0]
|
78
|
+
|
79
|
+
el.parentNode.insertBefore(wrapper, el)
|
80
|
+
wrapper.classList.add(toHTMLCssString(this.options.containerClass))
|
81
|
+
wrapper.appendChild(el)
|
82
|
+
wrapper.appendChild(statsNode)
|
83
|
+
}
|
84
|
+
|
85
|
+
_bind () {
|
86
|
+
this._insert()
|
87
|
+
this._count()
|
88
|
+
this.element.addEventListener('keyup', (_e) => this._count())
|
89
|
+
|
90
|
+
adminterface.addObserver(this.element, this, this.constructor.name)
|
91
|
+
}
|
92
|
+
}
|
93
|
+
|
94
|
+
export default InputCounter
|