voom-presenters 0.1.13 → 0.2.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.ruby-version +1 -1
- data/CHANGELOG.md +186 -0
- data/Gemfile.lock +37 -38
- data/HISTORY.md +61 -0
- data/README.md +23 -1
- data/app/demo/components/chips.pom +6 -0
- data/app/demo/components/{forms.pom → content.pom} +3 -3
- data/app/demo/components/date_fields.pom +1 -1
- data/app/demo/components/datetime_fields.pom +6 -0
- data/app/demo/components/drawers.pom +1 -1
- data/app/demo/components/file_inputs.pom +16 -0
- data/app/demo/components/footers.pom +1 -1
- data/app/demo/components/google_maps.pom +17 -0
- data/app/demo/components/headers.pom +1 -1
- data/app/demo/components/layouts.pom +36 -4
- data/app/demo/components/lists.pom +25 -0
- data/app/demo/components/nav/menu.pom +9 -2
- data/app/demo/components/nav/pattern_drawer.pom +5 -0
- data/app/demo/components/nav/pattern_menu.pom +12 -0
- data/app/demo/components/sliders.pom +49 -0
- data/app/demo/components/snackbar.pom +10 -0
- data/app/demo/components/steppers.pom +178 -0
- data/app/demo/components/tab_bars.pom +51 -0
- data/app/demo/components/tables.pom +85 -13
- data/app/demo/components/text_areas.pom +13 -0
- data/app/demo/components/text_fields.pom +20 -8
- data/app/demo/components/toggles.pom +50 -14
- data/app/demo/components/tooltips.pom +2 -6
- data/app/demo/events/actions/clear.pom +23 -0
- data/app/demo/events/actions/loads.pom +16 -6
- data/app/demo/events/actions/posts.pom +1 -1
- data/app/demo/events/actions/toggle_visiblity.pom +4 -3
- data/app/demo/events/nav/drawer.pom +2 -2
- data/app/demo/events/tagged_input.pom +37 -0
- data/app/demo/hello_world.pom +3 -0
- data/app/demo/markdown.pom +1 -0
- data/app/demo/namespaces.pom +89 -0
- data/app/demo/nav/top_nav.pom +12 -0
- data/app/demo/patterns.pom +19 -0
- data/app/demo/patterns/search_select.pom +104 -0
- data/app/demo/shared/context_list.pom +1 -1
- data/app/demo/styles.pom +21 -11
- data/component-status.yml +11 -11
- data/config.ru +2 -1
- data/lib/voom/container_methods.rb +1 -1
- data/lib/voom/presenters-engine.rb +29 -26
- data/lib/voom/presenters.rb +15 -9
- data/lib/voom/presenters/api/app.rb +18 -5
- data/lib/voom/presenters/api/router.rb +11 -49
- data/lib/voom/presenters/demo/echo.rb +5 -0
- data/lib/voom/presenters/dsl.rb +10 -4
- data/lib/voom/presenters/dsl/components/actions/base.rb +37 -0
- data/lib/voom/presenters/dsl/components/actions/clear.rb +17 -0
- data/lib/voom/presenters/dsl/components/actions/deletes.rb +17 -0
- data/lib/voom/presenters/dsl/components/actions/dialog.rb +17 -0
- data/lib/voom/presenters/dsl/components/actions/loads.rb +32 -0
- data/lib/voom/presenters/dsl/components/actions/navigates.rb +17 -0
- data/lib/voom/presenters/dsl/components/actions/posts.rb +17 -0
- data/lib/voom/presenters/dsl/components/actions/remove.rb +17 -0
- data/lib/voom/presenters/dsl/components/actions/replaces.rb +25 -0
- data/lib/voom/presenters/dsl/components/actions/snackbar.rb +17 -0
- data/lib/voom/presenters/dsl/components/actions/stepper.rb +17 -0
- data/lib/voom/presenters/dsl/components/actions/toggle_visibility.rb +17 -0
- data/lib/voom/presenters/dsl/components/actions/updates.rb +17 -0
- data/lib/voom/presenters/dsl/components/avatar.rb +4 -5
- data/lib/voom/presenters/dsl/components/badge.rb +1 -1
- data/lib/voom/presenters/dsl/components/base.rb +20 -11
- data/lib/voom/presenters/dsl/components/button.rb +12 -10
- data/lib/voom/presenters/dsl/components/card.rb +18 -19
- data/lib/voom/presenters/dsl/components/checkbox.rb +3 -1
- data/lib/voom/presenters/dsl/components/chip.rb +9 -10
- data/lib/voom/presenters/dsl/components/content.rb +21 -11
- data/lib/voom/presenters/dsl/components/date_field.rb +1 -1
- data/lib/voom/presenters/dsl/components/datetime_base.rb +1 -2
- data/lib/voom/presenters/dsl/components/datetime_field.rb +1 -1
- data/lib/voom/presenters/dsl/components/dialog.rb +10 -6
- data/lib/voom/presenters/dsl/components/drawer.rb +6 -4
- data/lib/voom/presenters/dsl/components/event.rb +55 -39
- data/lib/voom/presenters/dsl/components/event_base.rb +2 -2
- data/lib/voom/presenters/dsl/components/expansion_panel.rb +5 -5
- data/lib/voom/presenters/dsl/components/file_input.rb +22 -0
- data/lib/voom/presenters/dsl/components/footer.rb +1 -1
- data/lib/voom/presenters/dsl/components/form.rb +17 -15
- data/lib/voom/presenters/dsl/components/google_map.rb +40 -0
- data/lib/voom/presenters/dsl/components/grid.rb +58 -18
- data/lib/voom/presenters/dsl/components/header.rb +2 -5
- data/lib/voom/presenters/dsl/components/hidden_field.rb +2 -2
- data/lib/voom/presenters/dsl/components/icon.rb +4 -5
- data/lib/voom/presenters/dsl/components/icon_base.rb +3 -3
- data/lib/voom/presenters/dsl/components/icon_toggle.rb +2 -2
- data/lib/voom/presenters/dsl/components/image.rb +3 -3
- data/lib/voom/presenters/dsl/components/input.rb +2 -2
- data/lib/voom/presenters/dsl/components/list.rb +12 -10
- data/lib/voom/presenters/dsl/components/lists/action.rb +8 -9
- data/lib/voom/presenters/dsl/components/lists/actions.rb +8 -8
- data/lib/voom/presenters/dsl/components/lists/header.rb +2 -2
- data/lib/voom/presenters/dsl/components/lists/line.rb +14 -17
- data/lib/voom/presenters/dsl/components/lists/separator.rb +2 -2
- data/lib/voom/presenters/dsl/components/menu.rb +10 -12
- data/lib/voom/presenters/dsl/components/mixins/attaches.rb +9 -3
- data/lib/voom/presenters/dsl/components/mixins/avatar.rb +0 -1
- data/lib/voom/presenters/dsl/components/mixins/buttons.rb +1 -1
- data/lib/voom/presenters/dsl/components/mixins/chips.rb +1 -2
- data/lib/voom/presenters/dsl/components/mixins/common.rb +20 -14
- data/lib/voom/presenters/dsl/components/mixins/content.rb +1 -1
- data/lib/voom/presenters/dsl/components/mixins/date_time_fields.rb +0 -3
- data/lib/voom/presenters/dsl/components/mixins/dialogs.rb +1 -2
- data/lib/voom/presenters/dsl/components/mixins/event.rb +3 -3
- data/lib/voom/presenters/dsl/components/mixins/expansion_panels.rb +1 -1
- data/lib/voom/presenters/dsl/components/mixins/file_inputs.rb +16 -0
- data/lib/voom/presenters/dsl/components/mixins/google_maps.rb +15 -0
- data/lib/voom/presenters/dsl/components/mixins/grids.rb +1 -1
- data/lib/voom/presenters/dsl/components/mixins/icons.rb +0 -1
- data/lib/voom/presenters/dsl/components/mixins/menus.rb +1 -1
- data/lib/voom/presenters/dsl/components/mixins/selects.rb +0 -1
- data/lib/voom/presenters/dsl/components/mixins/sliders.rb +15 -0
- data/lib/voom/presenters/dsl/components/mixins/snackbars.rb +0 -1
- data/lib/voom/presenters/dsl/components/mixins/steppers.rb +15 -0
- data/lib/voom/presenters/dsl/components/mixins/tab_bars.rb +15 -0
- data/lib/voom/presenters/dsl/components/mixins/text_fields.rb +5 -3
- data/lib/voom/presenters/dsl/components/mixins/toggles.rb +1 -4
- data/lib/voom/presenters/dsl/components/mixins/tooltips.rb +0 -1
- data/lib/voom/presenters/dsl/components/mixins/typography.rb +43 -13
- data/lib/voom/presenters/dsl/components/page.rb +0 -1
- data/lib/voom/presenters/dsl/components/radio_button.rb +1 -1
- data/lib/voom/presenters/dsl/components/rich_text_area.rb +26 -0
- data/lib/voom/presenters/dsl/components/select.rb +4 -5
- data/lib/voom/presenters/dsl/components/slider.rb +39 -0
- data/lib/voom/presenters/dsl/components/snackbar.rb +2 -2
- data/lib/voom/presenters/dsl/components/stepper.rb +106 -0
- data/lib/voom/presenters/dsl/components/switch.rb +1 -1
- data/lib/voom/presenters/dsl/components/tab_bar.rb +53 -0
- data/lib/voom/presenters/dsl/components/table.rb +99 -27
- data/lib/voom/presenters/dsl/components/text_area.rb +4 -3
- data/lib/voom/presenters/dsl/components/text_field.rb +8 -12
- data/lib/voom/presenters/dsl/components/time_field.rb +1 -1
- data/lib/voom/presenters/dsl/components/toggle_base.rb +2 -2
- data/lib/voom/presenters/dsl/components/tooltip.rb +1 -2
- data/lib/voom/presenters/dsl/components/typography.rb +4 -5
- data/lib/voom/presenters/dsl/definer.rb +2 -2
- data/lib/voom/presenters/dsl/definition.rb +6 -4
- data/lib/voom/presenters/dsl/user_interface.rb +17 -21
- data/lib/voom/presenters/errors/parameter_validation.rb +1 -1
- data/lib/voom/presenters/helpers.rb +5 -5
- data/lib/voom/presenters/helpers/date.rb +3 -3
- data/lib/voom/presenters/helpers/rails.rb +7 -2
- data/lib/voom/presenters/helpers/rails/model_table.rb +14 -6
- data/lib/voom/presenters/helpers/route.rb +6 -0
- data/lib/voom/presenters/helpers/time.rb +1 -1
- data/lib/voom/presenters/namespace.rb +12 -0
- data/lib/voom/presenters/settings.rb +58 -37
- data/lib/voom/presenters/version.rb +1 -1
- data/lib/voom/presenters/web_client/app.rb +50 -20
- data/lib/voom/presenters/web_client/markdown_render.rb +24 -11
- data/lib/voom/presenters/web_client/router.rb +17 -52
- data/lib/voom/serializer.rb +2 -2
- data/lib/voom/trace.rb +1 -1
- data/presenters.gemspec +2 -1
- data/public/style-bundle.js +2 -2
- data/scripts/bump.sh +1 -0
- data/scripts/changelog.sh +5 -0
- data/scripts/deploy-demo.sh +1 -0
- data/scripts/release.sh +1 -1
- data/scripts/tag.sh +5 -0
- data/views/mdc/.babelrc +8 -0
- data/views/mdc/.eslintrc.yml +23 -0
- data/views/mdc/assets/js/app.js +19 -6
- data/views/mdc/assets/js/components/base-component.js +25 -2
- data/views/mdc/assets/js/components/base-container.js +47 -0
- data/views/mdc/assets/js/components/button.js +3 -10
- data/views/mdc/assets/js/components/cards.js +11 -0
- data/views/mdc/assets/js/components/checkboxes.js +30 -7
- data/views/mdc/assets/js/components/chips.js +38 -5
- data/views/mdc/assets/js/components/content.js +13 -0
- data/views/mdc/assets/js/components/data-tables.js +38 -0
- data/views/mdc/assets/js/components/datetime.js +61 -21
- data/views/mdc/assets/js/components/dialogs.js +25 -19
- data/views/mdc/assets/js/components/events.js +13 -3
- data/views/mdc/assets/js/components/events/base.js +13 -3
- data/views/mdc/assets/js/components/events/errors.js +1 -1
- data/views/mdc/assets/js/components/events/posts.js +53 -13
- data/views/mdc/assets/js/components/events/removes.js +20 -0
- data/views/mdc/assets/js/components/events/replaces.js +35 -36
- data/views/mdc/assets/js/components/events/stepper.js +23 -0
- data/views/mdc/assets/js/components/events/toggle_visibility.js +15 -11
- data/views/mdc/assets/js/components/file-inputs.js +29 -0
- data/views/mdc/assets/js/components/forms.js +8 -59
- data/views/mdc/assets/js/components/grid.js +20 -0
- data/views/mdc/assets/js/components/hidden-fields.js +33 -0
- data/views/mdc/assets/js/components/icon-toggles.js +7 -14
- data/views/mdc/assets/js/components/initialize.js +20 -1
- data/views/mdc/assets/js/components/lists.js +1 -1
- data/views/mdc/assets/js/components/menus.js +12 -13
- data/views/mdc/assets/js/components/mixins/visibility-observer.js +34 -0
- data/views/mdc/assets/js/components/radios.js +39 -0
- data/views/mdc/assets/js/components/rich-text-area.js +43 -0
- data/views/mdc/assets/js/components/selects.js +24 -23
- data/views/mdc/assets/js/components/sliders.js +56 -0
- data/views/mdc/assets/js/components/snackbar.js +14 -23
- data/views/mdc/assets/js/components/steppers.js +48 -0
- data/views/mdc/assets/js/components/switches.js +24 -23
- data/views/mdc/assets/js/components/tab-bars.js +14 -0
- data/views/mdc/assets/js/components/text-fields.js +37 -35
- data/views/mdc/assets/js/config.js +27 -0
- data/views/mdc/assets/js/mdl-stepper.js +1108 -0
- data/views/mdc/assets/js/utils/compatibility.js +9 -0
- data/views/mdc/assets/js/utils/config.js +73 -0
- data/views/mdc/assets/js/utils/config.test.js +59 -0
- data/views/mdc/assets/js/utils/urls.js +5 -2
- data/views/mdc/assets/scss/app.scss +11 -3
- data/views/mdc/assets/scss/components/button.scss +17 -2
- data/views/mdc/assets/scss/components/card.scss +8 -3
- data/views/mdc/assets/scss/components/checkbox.scss +0 -4
- data/views/mdc/assets/scss/components/content.scss +11 -0
- data/views/mdc/assets/scss/components/data-table.scss +80 -0
- data/views/mdc/assets/scss/components/datetime.scss +6 -0
- data/views/mdc/assets/scss/components/fab.scss +2 -1
- data/views/mdc/assets/scss/components/file-input.scss +22 -0
- data/views/mdc/assets/scss/components/grid.scss +59 -3
- data/views/mdc/assets/scss/components/image.scss +6 -0
- data/views/mdc/assets/scss/components/list.scss +13 -0
- data/views/mdc/assets/scss/components/menu.scss +1 -0
- data/views/mdc/assets/scss/components/radio.scss +4 -0
- data/views/mdc/assets/scss/components/rich-text-area.scss +37 -0
- data/views/mdc/assets/scss/components/slider.scss +1 -0
- data/views/mdc/assets/scss/components/snackbar.scss +1 -5
- data/views/mdc/assets/scss/components/stepper.scss +235 -0
- data/views/mdc/assets/scss/components/switch.scss +4 -5
- data/views/mdc/assets/scss/components/tab-bars.scss +4 -0
- data/views/mdc/assets/scss/components/textfield.scss +8 -1
- data/views/mdc/assets/scss/components/typography.scss +4 -0
- data/views/mdc/assets/scss/components/vendor/flatpickr.min.css +2 -2
- data/views/mdc/assets/scss/components/vendor/quill.snow.css +945 -0
- data/views/mdc/assets/scss/styles.scss +3 -2
- data/views/mdc/assets/scss/theme.scss +6 -0
- data/views/mdc/body/header.erb +1 -0
- data/views/mdc/body/snackbar.erb +1 -1
- data/views/mdc/components/actions/clear.rb +11 -0
- data/views/mdc/components/actions/delete.rb +11 -0
- data/views/mdc/components/actions/dialog.rb +11 -0
- data/views/mdc/components/actions/loads.rb +11 -0
- data/views/mdc/components/actions/navigates.rb +11 -0
- data/views/mdc/components/actions/post.rb +17 -0
- data/views/mdc/components/actions/remove.rb +10 -0
- data/views/mdc/components/actions/replaces.rb +12 -0
- data/views/mdc/components/actions/snackbar.rb +10 -0
- data/views/mdc/components/actions/stepper.rb +10 -0
- data/views/mdc/components/actions/toggle_visibility.rb +10 -0
- data/views/mdc/components/actions/update.rb +10 -0
- data/views/mdc/components/button.erb +9 -6
- data/views/mdc/components/buttons/button.erb +10 -5
- data/views/mdc/components/buttons/fab.erb +8 -2
- data/views/mdc/components/buttons/icon.erb +9 -2
- data/views/mdc/components/buttons/image.erb +9 -4
- data/views/mdc/components/{display.erb → caption.erb} +0 -0
- data/views/mdc/components/card.erb +6 -3
- data/views/mdc/components/checkbox.erb +21 -9
- data/views/mdc/components/chip.erb +12 -3
- data/views/mdc/components/content.erb +6 -1
- data/views/mdc/components/datetime.erb +21 -13
- data/views/mdc/components/dialog.erb +4 -1
- data/views/mdc/components/event.erb +5 -9
- data/views/mdc/components/file_input.erb +13 -0
- data/views/mdc/components/form.erb +19 -5
- data/views/mdc/components/google_map.erb +9 -0
- data/views/mdc/components/grid.erb +18 -4
- data/views/mdc/components/headline.erb +2 -0
- data/views/mdc/components/hidden_field.erb +6 -1
- data/views/mdc/components/icon_toggle.erb +1 -1
- data/views/mdc/components/list.erb +5 -2
- data/views/mdc/components/list/actions/switch.erb +1 -1
- data/views/mdc/components/list/line.erb +7 -6
- data/views/mdc/components/menu.erb +8 -12
- data/views/mdc/components/{subheading.erb → overline.erb} +0 -0
- data/views/mdc/components/radio_button.erb +20 -10
- data/views/mdc/components/rich_text_area.erb +19 -0
- data/views/mdc/components/select.erb +7 -3
- data/views/mdc/components/slider.erb +41 -0
- data/views/mdc/components/snackbar.erb +2 -6
- data/views/mdc/components/stepper.erb +47 -0
- data/views/mdc/components/stepper/step.erb +33 -0
- data/views/mdc/components/{title.erb → subtitle.erb} +0 -0
- data/views/mdc/components/switch.erb +27 -12
- data/views/mdc/components/tab_bar.erb +29 -0
- data/views/mdc/components/table.erb +4 -2
- data/views/mdc/components/table/checkbox.erb +17 -0
- data/views/mdc/components/table/header.erb +13 -4
- data/views/mdc/components/table/pagination.erb +14 -23
- data/views/mdc/components/table/row.erb +3 -1
- data/views/mdc/components/text_area.erb +17 -7
- data/views/mdc/components/text_field.erb +31 -13
- data/views/mdc/components/typography.erb +2 -2
- data/views/mdc/layout.erb +33 -31
- data/views/mdc/package-lock.json +11019 -6996
- data/views/mdc/package.json +46 -27
- data/views/mdc/webpack.config.js +1 -0
- metadata +112 -13
- data/app/demo/events/actions/autocomplete.pom +0 -32
- data/lib/voom/presenters/dsl/components/action.rb +0 -35
- data/views/mdc/assets/js/components/events/autocomplete.js +0 -96
- data/views/mdc/assets/js/material.js +0 -3996
- data/views/mdc/assets/scss/components/table-pagination.scss +0 -65
- data/views/mdc/components/modal.erb +0 -15
- data/views/mdc/components/static.erb +0 -7
@@ -0,0 +1,26 @@
|
|
1
|
+
require 'voom/presenters/dsl/components/text_field'
|
2
|
+
|
3
|
+
module Voom
|
4
|
+
module Presenters
|
5
|
+
module DSL
|
6
|
+
module Components
|
7
|
+
class RichTextArea < TextField
|
8
|
+
attr_reader :placeholder
|
9
|
+
|
10
|
+
def initialize(**attribs_, &block)
|
11
|
+
super(type: :rich_text_area, **attribs_, &block)
|
12
|
+
@rows = attribs.delete(:rows) || default(:rows)
|
13
|
+
@placeholder = attribs.delete(:placeholder)
|
14
|
+
expand!
|
15
|
+
end
|
16
|
+
|
17
|
+
def height
|
18
|
+
return @height if locked?
|
19
|
+
@height = "#{@rows * 12}px"
|
20
|
+
end
|
21
|
+
|
22
|
+
end
|
23
|
+
end
|
24
|
+
end
|
25
|
+
end
|
26
|
+
end
|
@@ -1,4 +1,4 @@
|
|
1
|
-
|
1
|
+
require 'voom/presenters/dsl/components/input'
|
2
2
|
|
3
3
|
module Voom
|
4
4
|
module Presenters
|
@@ -11,7 +11,7 @@ module Voom
|
|
11
11
|
def initialize(**attribs_, &block)
|
12
12
|
super(type: :select, **attribs_, &block)
|
13
13
|
@required = attribs.delete(:required)
|
14
|
-
@full_width = attribs.delete(:full_width)
|
14
|
+
@full_width = attribs.delete(:full_width){ true }
|
15
15
|
@options = []
|
16
16
|
expand!
|
17
17
|
end
|
@@ -24,13 +24,12 @@ module Voom
|
|
24
24
|
def icon(icon=nil, **attribs, &block)
|
25
25
|
return @icon if locked?
|
26
26
|
@icon = Components::Icon.new(parent: self, icon: icon,
|
27
|
-
context: context,
|
28
27
|
**attribs, &block)
|
29
28
|
end
|
30
29
|
|
31
|
-
def option(**attribs, &block)
|
30
|
+
def option(text=nil, **attribs, &block)
|
32
31
|
@options << Option.new(parent: self,
|
33
|
-
|
32
|
+
text: text,
|
34
33
|
**attribs, &block)
|
35
34
|
end
|
36
35
|
|
@@ -0,0 +1,39 @@
|
|
1
|
+
require 'voom/presenters/dsl/components/mixins/event'
|
2
|
+
require 'voom/presenters/dsl/components/mixins/tooltips'
|
3
|
+
|
4
|
+
module Voom
|
5
|
+
module Presenters
|
6
|
+
module DSL
|
7
|
+
module Components
|
8
|
+
class Slider < EventBase
|
9
|
+
include Mixins::Tooltips
|
10
|
+
attr_reader :name, :value_min, :value_max, :step, :show_tracker_marks, :discrete
|
11
|
+
|
12
|
+
def initialize(**attribs_, &block)
|
13
|
+
super(type: :slider, **attribs_, &block)
|
14
|
+
@name = attribs.delete(:name)
|
15
|
+
@value_min = attribs.delete(:value_min){0}
|
16
|
+
@value_max = attribs.delete(:value_max){100}
|
17
|
+
@step = attribs.delete(:step){nil}
|
18
|
+
@discrete = attribs.delete(:discrete){true}
|
19
|
+
@show_tracker_marks = attribs.delete(:show_tracker_marks){false}
|
20
|
+
@show_tracker_marks = false unless discrete
|
21
|
+
expand!
|
22
|
+
end
|
23
|
+
|
24
|
+
def label(text=nil)
|
25
|
+
return @label if locked?
|
26
|
+
@label = text
|
27
|
+
end
|
28
|
+
|
29
|
+
def value(value=nil)
|
30
|
+
return @value if locked?
|
31
|
+
@value = value
|
32
|
+
end
|
33
|
+
|
34
|
+
end
|
35
|
+
end
|
36
|
+
end
|
37
|
+
end
|
38
|
+
end
|
39
|
+
|
@@ -11,9 +11,9 @@ module Voom
|
|
11
11
|
expand!
|
12
12
|
end
|
13
13
|
|
14
|
-
def action(text=nil,
|
14
|
+
def action(text=nil, &block)
|
15
15
|
return @action if locked?
|
16
|
-
@action = Action.new(parent: self, text: text,
|
16
|
+
@action = Action.new(parent: self, text: text, &block)
|
17
17
|
end
|
18
18
|
|
19
19
|
class Action < EventBase
|
@@ -0,0 +1,106 @@
|
|
1
|
+
require 'voom/presenters/helpers/errors'
|
2
|
+
require 'voom/presenters/dsl/components/button'
|
3
|
+
require 'voom/presenters/dsl/components/content'
|
4
|
+
|
5
|
+
module Voom
|
6
|
+
module Presenters
|
7
|
+
module DSL
|
8
|
+
module Components
|
9
|
+
class Stepper < Base
|
10
|
+
attr_reader :steps, :orientation, :linear
|
11
|
+
VALID_ORIENTATIONS = [:vertical, :horizontal]
|
12
|
+
|
13
|
+
def initialize(**attribs_, &block)
|
14
|
+
super(type: :stepper, **attribs_, &block)
|
15
|
+
@orientation = attribs.delete(:orientation) {:horizontal}
|
16
|
+
raise_parameter_validation "Invalid Orientation Type specified: #{orientation}" unless VALID_ORIENTATIONS.include? orientation
|
17
|
+
@linear = attribs.delete(:linear) {true}
|
18
|
+
@steps = []
|
19
|
+
expand!
|
20
|
+
end
|
21
|
+
|
22
|
+
def step(text = nil, **attribs, &block)
|
23
|
+
@steps << Step.new(parent: self, text: text, **attribs, &block)
|
24
|
+
end
|
25
|
+
|
26
|
+
class Step < Components::Content
|
27
|
+
attr_accessor :components, :editable, :optional, :selected
|
28
|
+
|
29
|
+
def initialize(**attribs_, &block)
|
30
|
+
super(type: :step, **attribs_, &block)
|
31
|
+
@editable = attribs.delete(:editable) {true}
|
32
|
+
@optional = attribs.delete(:optional) {false}
|
33
|
+
@selected = attribs.delete(:selected) {false}
|
34
|
+
@components = []
|
35
|
+
expand!
|
36
|
+
end
|
37
|
+
|
38
|
+
def label(text = nil)
|
39
|
+
return @label if locked?
|
40
|
+
@label = text
|
41
|
+
end
|
42
|
+
|
43
|
+
def actions(**attribs, &block)
|
44
|
+
return @actions if locked?
|
45
|
+
@actions = Actions.new(parent: self,
|
46
|
+
**attribs, &block)
|
47
|
+
end
|
48
|
+
|
49
|
+
class Actions < Base
|
50
|
+
attr_accessor :buttons
|
51
|
+
|
52
|
+
def initialize(**attribs_, &block)
|
53
|
+
super(type: :action, **attribs_, &block)
|
54
|
+
@buttons = []
|
55
|
+
expand!
|
56
|
+
end
|
57
|
+
|
58
|
+
def continue(text = 'Continue', **options, &block)
|
59
|
+
button(text, :next, **options, &block)
|
60
|
+
end
|
61
|
+
alias :next :continue
|
62
|
+
|
63
|
+
def back(text = 'Back', **options, &block)
|
64
|
+
button(text, :back, **options, &block)
|
65
|
+
end
|
66
|
+
|
67
|
+
def skip(text = 'Skip', **options, &block)
|
68
|
+
button(text,:skip, **options, &block)
|
69
|
+
end
|
70
|
+
|
71
|
+
def cancel(text = 'Cancel', **options, &block)
|
72
|
+
button(text,:cancel, **options, &block)
|
73
|
+
end
|
74
|
+
|
75
|
+
private
|
76
|
+
|
77
|
+
def button(text = nil, stepper_type, **options, &block)
|
78
|
+
btn = StepperButton.new(stepper_type, parent: self, text: text,
|
79
|
+
**options, &block)
|
80
|
+
|
81
|
+
btn.instance_eval do
|
82
|
+
event :click do
|
83
|
+
stepper stepper_type
|
84
|
+
end
|
85
|
+
end
|
86
|
+
@buttons << btn
|
87
|
+
end
|
88
|
+
|
89
|
+
class StepperButton < Components::Button
|
90
|
+
attr_reader :stepper_type
|
91
|
+
def initialize(stepper_type, **attribs_, &block)
|
92
|
+
@stepper_type = stepper_type
|
93
|
+
super(**attribs_, &block)
|
94
|
+
end
|
95
|
+
end
|
96
|
+
|
97
|
+
|
98
|
+
end
|
99
|
+
|
100
|
+
end
|
101
|
+
|
102
|
+
end
|
103
|
+
end
|
104
|
+
end
|
105
|
+
end
|
106
|
+
end
|
@@ -0,0 +1,53 @@
|
|
1
|
+
require 'voom/presenters/helpers/errors'
|
2
|
+
require 'voom/presenters/dsl/components/mixins/common'
|
3
|
+
|
4
|
+
module Voom
|
5
|
+
module Presenters
|
6
|
+
module DSL
|
7
|
+
module Components
|
8
|
+
class TabBar < Base
|
9
|
+
attr_reader :tabs
|
10
|
+
|
11
|
+
def initialize(**attribs_, &block)
|
12
|
+
super(type: :tab_bar, **attribs_, &block)
|
13
|
+
@tabs = []
|
14
|
+
expand!
|
15
|
+
end
|
16
|
+
|
17
|
+
def tab(label, **attribs, &block)
|
18
|
+
@tabs << Tab.new(parent: self, label: label, **attribs, &block)
|
19
|
+
end
|
20
|
+
|
21
|
+
class Tab < EventBase
|
22
|
+
include Mixins::Common
|
23
|
+
|
24
|
+
attr_accessor :components, :label, :icon, :stacked, :selected
|
25
|
+
|
26
|
+
def initialize(**attribs_, &block)
|
27
|
+
super(type: :tab, **attribs_, &block)
|
28
|
+
@label = attribs.delete(:label){nil}
|
29
|
+
@icon = attribs.delete(:icon) {nil}
|
30
|
+
@stacked = attribs.delete(:stacked) {false}
|
31
|
+
@selected = attribs.delete(:selected) {false}
|
32
|
+
@components = []
|
33
|
+
expand!
|
34
|
+
end
|
35
|
+
|
36
|
+
def label(text = nil)
|
37
|
+
return @label if locked?
|
38
|
+
@label = text
|
39
|
+
end
|
40
|
+
|
41
|
+
def icon(icon = nil, **attribs, &block)
|
42
|
+
return @icon if locked?
|
43
|
+
@icon = Components::Icon.new(parent: self, icon: icon,
|
44
|
+
**attribs, &block)
|
45
|
+
end
|
46
|
+
|
47
|
+
end
|
48
|
+
end
|
49
|
+
|
50
|
+
end
|
51
|
+
end
|
52
|
+
end
|
53
|
+
end
|
@@ -1,9 +1,9 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
1
|
+
require 'voom/presenters/dsl/components/mixins/common'
|
2
|
+
require 'voom/presenters/dsl/components/mixins/event'
|
3
|
+
require 'voom/presenters/dsl/components/mixins/tooltips'
|
4
|
+
require 'voom/presenters/dsl/components/mixins/chips'
|
5
|
+
require 'voom/presenters/dsl/components/mixins/selects'
|
6
|
+
require 'voom/presenters/dsl/components/mixins/icons'
|
7
7
|
|
8
8
|
module Voom
|
9
9
|
module Presenters
|
@@ -22,39 +22,45 @@ module Voom
|
|
22
22
|
def header(**attribs, &block)
|
23
23
|
return @header if locked?
|
24
24
|
@header = Row.new(parent: self, type: :header,
|
25
|
-
context: context,
|
26
25
|
**attribs, &block)
|
27
26
|
end
|
28
27
|
|
29
28
|
def row(**attribs, &block)
|
30
29
|
@rows << Row.new(parent: self, type: :row,
|
31
|
-
context: context,
|
32
30
|
**attribs, &block)
|
33
31
|
end
|
34
32
|
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
# end
|
33
|
+
def pagination(**attribs, &block)
|
34
|
+
return @pagination if locked?
|
35
|
+
@pagination = Pagination.new(parent: self,
|
36
|
+
**attribs, &block)
|
37
|
+
end
|
41
38
|
|
42
39
|
class Row < Base
|
43
|
-
attr_accessor :columns, :color
|
40
|
+
attr_accessor :columns, :color, :checkbox
|
44
41
|
|
45
42
|
def initialize(type:, **attribs_, &block)
|
46
43
|
super(type: type, **attribs_, &block)
|
47
44
|
@columns = []
|
48
45
|
@color = attribs.delete(:color)
|
46
|
+
self.checkbox(attribs.slice(:name, :value, :checked)) if @parent.selectable
|
49
47
|
expand!
|
50
48
|
end
|
51
49
|
|
52
50
|
def column(value=nil, **attribs, &block)
|
53
51
|
@columns << Column.new(parent: self, value: value,
|
54
|
-
context: context,
|
55
52
|
**attribs, &block)
|
56
53
|
end
|
57
54
|
|
55
|
+
def checkbox(**attributes, &block)
|
56
|
+
return @checkbox if locked?
|
57
|
+
field_name = @type == :header ? 'all' : "#{attributes.delete(:name)}[]"
|
58
|
+
@checkbox = Components::Checkbox.new(parent: self,
|
59
|
+
name: field_name,
|
60
|
+
**attributes,
|
61
|
+
&block)
|
62
|
+
end
|
63
|
+
|
58
64
|
class Column < EventBase
|
59
65
|
include Mixins::Tooltips
|
60
66
|
include Mixins::Chips
|
@@ -75,26 +81,92 @@ module Voom
|
|
75
81
|
|
76
82
|
def value(*value, **attribs, &block)
|
77
83
|
return @value if locked?
|
78
|
-
@
|
84
|
+
@numeric = numeric?(*value) if value.size ==1
|
85
|
+
@value = Components::Typography.new(parent: self, type: :text, text: value, **attribs, &block)
|
79
86
|
end
|
80
87
|
|
81
88
|
private
|
82
89
|
def numeric?(value)
|
83
90
|
return true if value.is_a? Numeric
|
84
|
-
(value.to_s.sub(/\D/, '') =~ /^[-+]?[0-9]*\.?[0-9]+$/) != nil
|
91
|
+
(value.to_s.strip.sub(/\D/, '') =~ /^[\$]?[-+]?(,?[0-9])*\.?[0-9]+$/) != nil
|
85
92
|
end
|
86
93
|
end
|
87
94
|
|
88
95
|
end
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
96
|
+
|
97
|
+
class Pagination < Base
|
98
|
+
attr_accessor :page_size, :total, :current_page, :per_page, :previous_button, :next_button
|
99
|
+
|
100
|
+
def initialize(**attribs_, &block)
|
101
|
+
super(type: :pagination, **attribs_, &block)
|
102
|
+
@page_size = attribs.delete(:page_size){10}.to_i
|
103
|
+
@page_size_options = attribs.delete(:page_size_options){[10,20,30,40,50,100]}
|
104
|
+
@total = attribs.delete(:total)
|
105
|
+
@current_page = attribs.delete(:current_page){ 1 }.to_i
|
106
|
+
@replace_id = attribs.delete(:replace_id)
|
107
|
+
@replace_presenter = attribs.delete(:replace_presenter)
|
108
|
+
previous_button_icon
|
109
|
+
next_button_icon
|
110
|
+
per_page_select
|
111
|
+
range
|
112
|
+
expand!
|
113
|
+
end
|
114
|
+
|
115
|
+
def range
|
116
|
+
return @range if locked?
|
117
|
+
end_range = @total - (@total - @page_size * @current_page.to_i)
|
118
|
+
start_range = end_range - @page_size + 1
|
119
|
+
@range = [start_range, end_range]
|
120
|
+
end
|
121
|
+
|
122
|
+
def previous_button_icon(icon = :keyboard_arrow_left)
|
123
|
+
return @previous_button if locked?
|
124
|
+
@previous_button = button(icon, [1, @current_page-1].max)
|
125
|
+
end
|
126
|
+
|
127
|
+
def next_button_icon(icon = :keyboard_arrow_right)
|
128
|
+
return @next_button if locked?
|
129
|
+
@next_button = button(icon, [total_pages, @current_page+1].min)
|
130
|
+
end
|
131
|
+
|
132
|
+
def per_page_select
|
133
|
+
return @per_page if locked?
|
134
|
+
@per_page = select(@page_size_options, @page_size, @total)
|
135
|
+
end
|
136
|
+
|
137
|
+
private
|
138
|
+
|
139
|
+
def total_pages
|
140
|
+
(@total.to_f / @page_size.to_f).ceil
|
141
|
+
end
|
142
|
+
|
143
|
+
def button(icon_name, page, replace_id = @replace_id, replace_presenter = @replace_presenter)
|
144
|
+
__attribs__ = attribs.merge({page: page, page_size: @page_size})
|
145
|
+
Components::Icon.new(parent: self, icon: icon_name) do
|
146
|
+
event :click do
|
147
|
+
replaces replace_id, replace_presenter, __attribs__
|
148
|
+
end
|
149
|
+
end
|
150
|
+
end
|
151
|
+
|
152
|
+
def select(options, current_option, total_records, replace_id = @replace_id, replace_presenter = @replace_presenter)
|
153
|
+
__attribs__ = attribs.reject{|key,val| [:page_size, :page].include? key }
|
154
|
+
Components::Select.new(parent: self, name: :page_size, full_width: false) do
|
155
|
+
options.each do |num|
|
156
|
+
option selected: (num == current_option) do
|
157
|
+
text num
|
158
|
+
value num
|
159
|
+
end
|
160
|
+
break if num > total_records
|
161
|
+
end
|
162
|
+
event :change do
|
163
|
+
replaces replace_id, replace_presenter, __attribs__.merge(page_size: context[:page_size])
|
164
|
+
end
|
165
|
+
end
|
166
|
+
end
|
167
|
+
|
168
|
+
end
|
169
|
+
|
98
170
|
end
|
99
171
|
end
|
100
172
|
end
|