matestack-ui-core 0.7.4 → 1.0.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/LICENSE +8 -0
- data/README.md +28 -216
- data/app/concepts/matestack/ui/core/abbr/abbr.haml +3 -3
- data/app/concepts/matestack/ui/core/abbr/abbr.rb +1 -8
- data/app/concepts/matestack/ui/core/action/action.haml +1 -1
- data/app/concepts/matestack/ui/core/action/action.js +120 -39
- data/app/concepts/matestack/ui/core/action/action.rb +40 -15
- data/app/concepts/matestack/ui/core/actionview/dynamic.haml +4 -4
- data/app/concepts/matestack/ui/core/address/address.haml +3 -3
- data/app/concepts/matestack/ui/core/address/address.rb +1 -1
- data/app/concepts/matestack/ui/core/app/app.haml +2 -3
- data/app/concepts/matestack/ui/core/app/app.js +16 -5
- data/app/concepts/matestack/ui/core/app/app.rb +33 -56
- data/app/concepts/matestack/ui/core/app/location.js +2 -3
- data/app/concepts/matestack/ui/core/app/store.js +38 -5
- data/app/concepts/matestack/ui/core/area/area.haml +1 -1
- data/app/concepts/matestack/ui/core/area/area.rb +2 -14
- data/app/concepts/matestack/ui/core/article/article.haml +3 -3
- data/app/concepts/matestack/ui/core/article/article.rb +1 -1
- data/app/concepts/matestack/ui/core/aside/aside.haml +1 -1
- data/app/concepts/matestack/ui/core/aside/aside.rb +0 -1
- data/app/concepts/matestack/ui/core/async/async.haml +6 -2
- data/app/concepts/matestack/ui/core/async/async.js +62 -6
- data/app/concepts/matestack/ui/core/async/async.rb +33 -5
- data/app/concepts/matestack/ui/core/async/children_wrapper.haml +2 -0
- data/app/concepts/matestack/ui/core/b/b.haml +3 -3
- data/app/concepts/matestack/ui/core/b/b.rb +1 -1
- data/app/concepts/matestack/ui/core/bdi/bdi.haml +3 -3
- data/app/concepts/matestack/ui/core/bdi/bdi.rb +1 -0
- data/app/concepts/matestack/ui/core/bdo/bdo.haml +3 -3
- data/app/concepts/matestack/ui/core/bdo/bdo.rb +2 -7
- data/app/concepts/matestack/ui/core/blockquote/blockquote.haml +3 -3
- data/app/concepts/matestack/ui/core/blockquote/blockquote.rb +2 -7
- data/app/concepts/matestack/ui/core/br/br.haml +4 -4
- data/app/concepts/matestack/ui/core/br/br.rb +1 -1
- data/app/concepts/matestack/ui/core/button/button.haml +3 -3
- data/app/concepts/matestack/ui/core/button/button.rb +3 -7
- data/app/concepts/matestack/ui/core/caption/caption.haml +3 -3
- data/app/concepts/matestack/ui/core/caption/caption.rb +1 -1
- data/app/concepts/matestack/ui/core/cite/cite.haml +3 -3
- data/app/concepts/matestack/ui/core/cite/cite.rb +1 -1
- data/app/concepts/matestack/ui/core/code/code.haml +3 -3
- data/app/concepts/matestack/ui/core/code/code.rb +1 -1
- data/app/concepts/matestack/ui/core/collection/content/content.rb +5 -7
- data/app/concepts/matestack/ui/core/collection/content/next/next.haml +1 -1
- data/app/concepts/matestack/ui/core/collection/content/page/link/link.haml +1 -1
- data/app/concepts/matestack/ui/core/collection/content/page/link/link.rb +5 -3
- data/app/concepts/matestack/ui/core/collection/content/previous/previous.haml +1 -1
- data/app/concepts/matestack/ui/core/collection/filter/filter.rb +4 -5
- data/app/concepts/matestack/ui/core/collection/filter/input/input.rb +11 -8
- data/app/concepts/matestack/ui/core/collection/filter/reset/reset.haml +1 -1
- data/app/concepts/matestack/ui/core/collection/filter/select/select.haml +10 -0
- data/app/concepts/matestack/ui/core/collection/filter/select/select.rb +30 -0
- data/app/concepts/matestack/ui/core/collection/filter/submit/submit.haml +1 -1
- data/app/concepts/matestack/ui/core/collection/helper.rb +14 -6
- data/app/concepts/matestack/ui/core/collection/order/order.js +1 -1
- data/app/concepts/matestack/ui/core/collection/order/order.rb +4 -5
- data/app/concepts/matestack/ui/core/collection/order/toggle/indicator/indicator.rb +9 -5
- data/app/concepts/matestack/ui/core/collection/order/toggle/toggle.haml +1 -1
- data/app/concepts/matestack/ui/core/collection/order/toggle/toggle.rb +0 -1
- data/app/concepts/matestack/ui/core/component/base.rb +424 -0
- data/app/concepts/matestack/ui/core/component/children.haml +2 -2
- data/app/concepts/matestack/ui/core/component/component.js +1 -55
- data/app/concepts/matestack/ui/core/component/dynamic.haml +1 -1
- data/app/concepts/matestack/ui/core/component/dynamic.rb +25 -247
- data/app/concepts/matestack/ui/core/component/rerender.rb +8 -0
- data/app/concepts/matestack/ui/core/component/static.rb +3 -12
- data/app/concepts/matestack/ui/core/data/data.haml +3 -3
- data/app/concepts/matestack/ui/core/data/data.rb +2 -5
- data/app/concepts/matestack/ui/core/{absolute/absolute.haml → datalist/datalist.haml} +1 -1
- data/app/concepts/matestack/ui/core/datalist/datalist.rb +4 -0
- data/app/concepts/matestack/ui/core/dd/dd.haml +3 -3
- data/app/concepts/matestack/ui/core/dd/dd.rb +1 -1
- data/app/concepts/matestack/ui/core/del/del.haml +3 -3
- data/app/concepts/matestack/ui/core/del/del.rb +2 -0
- data/app/concepts/matestack/ui/core/details/details.haml +1 -1
- data/app/concepts/matestack/ui/core/details/details.rb +1 -1
- data/app/concepts/matestack/ui/core/dfn/dfn.haml +3 -3
- data/app/concepts/matestack/ui/core/dfn/dfn.rb +1 -1
- data/app/concepts/matestack/ui/core/dialog/dialog.haml +3 -3
- data/app/concepts/matestack/ui/core/dialog/dialog.rb +2 -5
- data/app/concepts/matestack/ui/core/div/div.haml +1 -1
- data/app/concepts/matestack/ui/core/div/div.rb +0 -1
- data/app/concepts/matestack/ui/core/dl/dl.haml +3 -3
- data/app/concepts/matestack/ui/core/dl/dl.rb +2 -2
- data/app/concepts/matestack/ui/core/dt/dt.haml +3 -3
- data/app/concepts/matestack/ui/core/dt/dt.rb +1 -1
- data/app/concepts/matestack/ui/core/em/em.haml +3 -3
- data/app/concepts/matestack/ui/core/em/em.rb +1 -1
- data/app/concepts/matestack/ui/core/fieldset/fieldset.haml +4 -4
- data/app/concepts/matestack/ui/core/fieldset/fieldset.rb +3 -6
- data/app/concepts/matestack/ui/core/figure/figure.haml +1 -1
- data/app/concepts/matestack/ui/core/figure/figure.rb +0 -1
- data/app/concepts/matestack/ui/core/footer/footer.haml +1 -1
- data/app/concepts/matestack/ui/core/footer/footer.rb +0 -1
- data/app/concepts/matestack/ui/core/form/checkbox/checkbox.rb +79 -0
- data/app/concepts/matestack/ui/core/form/form.haml +1 -1
- data/app/concepts/matestack/ui/core/form/form.js +257 -123
- data/app/concepts/matestack/ui/core/form/form.rb +52 -19
- data/app/concepts/matestack/ui/core/form/has_errors.rb +54 -0
- data/app/concepts/matestack/ui/core/form/has_input_html_attributes.rb +13 -0
- data/app/concepts/matestack/ui/core/form/input/input.rb +39 -52
- data/app/concepts/matestack/ui/core/form/radio/radio.rb +71 -0
- data/app/concepts/matestack/ui/core/form/select/select.haml +9 -76
- data/app/concepts/matestack/ui/core/form/select/select.rb +44 -49
- data/app/concepts/matestack/ui/core/form/submit/submit.haml +1 -1
- data/app/concepts/matestack/ui/core/form/submit/submit.rb +5 -2
- data/app/concepts/matestack/ui/core/form/textarea/textarea.rb +28 -0
- data/app/concepts/matestack/ui/core/form/utils.rb +47 -0
- data/app/concepts/matestack/ui/core/header/header.haml +1 -1
- data/app/concepts/matestack/ui/core/header/header.rb +0 -1
- data/app/concepts/matestack/ui/core/heading/heading.haml +4 -49
- data/app/concepts/matestack/ui/core/heading/heading.rb +1 -1
- data/app/concepts/matestack/ui/core/hr/hr.haml +1 -1
- data/app/concepts/matestack/ui/core/hr/hr.rb +0 -1
- data/app/concepts/matestack/ui/core/icon/icon.haml +3 -3
- data/app/concepts/matestack/ui/core/icon/icon.rb +1 -1
- data/app/concepts/matestack/ui/core/iframe/iframe.haml +3 -3
- data/app/concepts/matestack/ui/core/iframe/iframe.rb +3 -10
- data/app/concepts/matestack/ui/core/img/img.haml +1 -1
- data/app/concepts/matestack/ui/core/img/img.rb +8 -8
- data/app/concepts/matestack/ui/core/input/input.haml +1 -3
- data/app/concepts/matestack/ui/core/input/input.rb +4 -0
- data/app/concepts/matestack/ui/core/ins/ins.haml +3 -3
- data/app/concepts/matestack/ui/core/ins/ins.rb +2 -6
- data/app/concepts/matestack/ui/core/isolated/children_wrapper.haml +2 -0
- data/app/concepts/matestack/ui/core/isolated/isolated.haml +10 -0
- data/app/concepts/matestack/ui/core/isolated/isolated.js +108 -0
- data/app/concepts/matestack/ui/core/isolated/isolated.rb +59 -0
- data/app/concepts/matestack/ui/core/js/core.js +30 -6
- data/app/concepts/matestack/ui/core/kbd/kbd.haml +3 -3
- data/app/concepts/matestack/ui/core/kbd/kbd.rb +1 -0
- data/app/concepts/matestack/ui/core/label/label.haml +3 -3
- data/app/concepts/matestack/ui/core/label/label.rb +2 -6
- data/app/concepts/matestack/ui/core/legend/legend.haml +3 -3
- data/app/concepts/matestack/ui/core/legend/legend.rb +1 -1
- data/app/concepts/matestack/ui/core/li/li.haml +3 -3
- data/app/concepts/matestack/ui/core/li/li.rb +2 -1
- data/app/concepts/matestack/ui/core/link/link.haml +3 -3
- data/app/concepts/matestack/ui/core/link/link.rb +10 -14
- data/app/concepts/matestack/ui/core/main/main.haml +1 -1
- data/app/concepts/matestack/ui/core/main/main.rb +0 -1
- data/app/concepts/matestack/ui/core/map/map.haml +1 -1
- data/app/concepts/matestack/ui/core/map/map.rb +1 -7
- data/app/concepts/matestack/ui/core/mark/mark.haml +3 -3
- data/app/concepts/matestack/ui/core/mark/mark.rb +1 -0
- data/app/concepts/matestack/ui/core/meter/meter.haml +1 -1
- data/app/concepts/matestack/ui/core/meter/meter.rb +1 -10
- data/app/concepts/matestack/ui/core/nav/nav.haml +1 -1
- data/app/concepts/matestack/ui/core/nav/nav.rb +0 -1
- data/app/concepts/matestack/ui/core/noscript/noscript.haml +3 -3
- data/app/concepts/matestack/ui/core/noscript/noscript.rb +1 -1
- data/app/concepts/matestack/ui/core/object/object.haml +1 -1
- data/app/concepts/matestack/ui/core/object/object.rb +1 -11
- data/app/concepts/matestack/ui/core/ol/ol.haml +1 -1
- data/app/concepts/matestack/ui/core/ol/ol.rb +1 -1
- data/app/concepts/matestack/ui/core/onclick/onclick.haml +1 -1
- data/app/concepts/matestack/ui/core/onclick/onclick.rb +1 -0
- data/app/concepts/matestack/ui/core/optgroup/optgroup.haml +1 -1
- data/app/concepts/matestack/ui/core/optgroup/optgroup.rb +1 -6
- data/app/concepts/matestack/ui/core/option/option.haml +3 -3
- data/app/concepts/matestack/ui/core/option/option.rb +2 -8
- data/app/concepts/matestack/ui/core/output/output.haml +3 -3
- data/app/concepts/matestack/ui/core/output/output.rb +2 -7
- data/app/concepts/matestack/ui/core/page/{content.js → content/content.js} +8 -2
- data/app/concepts/matestack/ui/core/page/content/content.rb +28 -0
- data/app/concepts/matestack/ui/core/page/page.haml +3 -9
- data/app/concepts/matestack/ui/core/page/page.rb +15 -175
- data/app/concepts/matestack/ui/core/paragraph/paragraph.haml +3 -3
- data/app/concepts/matestack/ui/core/paragraph/paragraph.rb +1 -1
- data/app/concepts/matestack/ui/core/param/param.haml +1 -1
- data/app/concepts/matestack/ui/core/param/param.rb +1 -6
- data/app/concepts/matestack/ui/core/partial/partial.rb +0 -1
- data/app/concepts/matestack/ui/core/picture/picture.haml +1 -1
- data/app/concepts/matestack/ui/core/pre/pre.haml +3 -3
- data/app/concepts/matestack/ui/core/pre/pre.rb +1 -1
- data/app/concepts/matestack/ui/core/progress/progress.haml +1 -1
- data/app/concepts/matestack/ui/core/progress/progress.rb +1 -10
- data/app/concepts/matestack/ui/core/q/q.haml +3 -3
- data/app/concepts/matestack/ui/core/q/q.rb +2 -7
- data/app/concepts/matestack/ui/core/rp/rp.haml +3 -3
- data/app/concepts/matestack/ui/core/rp/rp.rb +1 -1
- data/app/concepts/matestack/ui/core/rt/rt.haml +3 -3
- data/app/concepts/matestack/ui/core/rt/rt.rb +1 -1
- data/app/concepts/matestack/ui/core/ruby/ruby.haml +3 -3
- data/app/concepts/matestack/ui/core/ruby/ruby.rb +1 -1
- data/app/concepts/matestack/ui/core/s/s.haml +3 -3
- data/app/concepts/matestack/ui/core/s/s.rb +1 -1
- data/app/concepts/matestack/ui/core/samp/samp.haml +3 -3
- data/app/concepts/matestack/ui/core/samp/samp.rb +1 -0
- data/app/concepts/matestack/ui/core/section/section.haml +1 -1
- data/app/concepts/matestack/ui/core/section/section.rb +0 -1
- data/app/concepts/matestack/ui/core/slot/slot.rb +1 -2
- data/app/concepts/matestack/ui/core/small/small.haml +3 -3
- data/app/concepts/matestack/ui/core/small/small.rb +1 -1
- data/app/concepts/matestack/ui/core/span/span.haml +3 -3
- data/app/concepts/matestack/ui/core/span/span.rb +1 -1
- data/app/concepts/matestack/ui/core/strong/strong.haml +3 -3
- data/app/concepts/matestack/ui/core/strong/strong.rb +1 -1
- data/app/concepts/matestack/ui/core/sub/sub.haml +3 -3
- data/app/concepts/matestack/ui/core/sub/sub.rb +1 -1
- data/app/concepts/matestack/ui/core/summary/summary.haml +3 -3
- data/app/concepts/matestack/ui/core/summary/summary.rb +1 -1
- data/app/concepts/matestack/ui/core/sup/sup.haml +3 -3
- data/app/concepts/matestack/ui/core/sup/sup.rb +1 -1
- data/app/concepts/matestack/ui/core/table/table.haml +1 -1
- data/app/concepts/matestack/ui/core/table/table.rb +0 -1
- data/app/concepts/matestack/ui/core/tbody/tbody.haml +1 -1
- data/app/concepts/matestack/ui/core/tbody/tbody.rb +0 -1
- data/app/concepts/matestack/ui/core/td/td.haml +3 -3
- data/app/concepts/matestack/ui/core/td/td.rb +2 -1
- data/app/concepts/matestack/ui/core/template/template.haml +1 -1
- data/app/concepts/matestack/ui/core/textarea/textarea.haml +5 -0
- data/app/concepts/matestack/ui/core/textarea/textarea.rb +10 -0
- data/app/concepts/matestack/ui/core/tfoot/tfoot.haml +1 -1
- data/app/concepts/matestack/ui/core/tfoot/tfoot.rb +0 -1
- data/app/concepts/matestack/ui/core/th/th.haml +3 -3
- data/app/concepts/matestack/ui/core/th/th.rb +2 -1
- data/app/concepts/matestack/ui/core/thead/thead.haml +1 -1
- data/app/concepts/matestack/ui/core/thead/thead.rb +0 -1
- data/app/concepts/matestack/ui/core/time/time.haml +1 -1
- data/app/concepts/matestack/ui/core/time/time.rb +1 -7
- data/app/concepts/matestack/ui/core/toggle/toggle.haml +2 -0
- data/app/concepts/matestack/ui/core/toggle/toggle.js +71 -0
- data/app/concepts/matestack/ui/core/toggle/toggle.rb +13 -0
- data/app/concepts/matestack/ui/core/tr/tr.haml +1 -1
- data/app/concepts/matestack/ui/core/tr/tr.rb +0 -1
- data/app/concepts/matestack/ui/core/transition/transition.haml +3 -3
- data/app/concepts/matestack/ui/core/transition/transition.js +17 -1
- data/app/concepts/matestack/ui/core/transition/transition.rb +15 -8
- data/app/concepts/matestack/ui/core/u/u.haml +3 -3
- data/app/concepts/matestack/ui/core/u/u.rb +1 -1
- data/app/concepts/matestack/ui/core/ul/ul.haml +1 -1
- data/app/concepts/matestack/ui/core/ul/ul.rb +0 -1
- data/app/concepts/matestack/ui/core/unescaped/unescaped.rb +3 -1
- data/app/concepts/matestack/ui/core/var/var.haml +3 -3
- data/app/concepts/matestack/ui/core/var/var.rb +1 -0
- data/app/concepts/matestack/ui/core/video/video.haml +2 -2
- data/app/concepts/matestack/ui/core/video/video.rb +4 -14
- data/app/concepts/matestack/ui/core/view/view.haml +1 -0
- data/app/concepts/matestack/ui/core/view/view.rb +30 -0
- data/app/concepts/matestack/ui/core/wbr/wbr.haml +5 -1
- data/app/concepts/matestack/ui/core/wbr/wbr.rb +1 -0
- data/app/concepts/matestack/ui/core/youtube/youtube.haml +1 -1
- data/app/concepts/matestack/ui/core/youtube/youtube.rb +18 -16
- data/app/helpers/matestack/ui/core/application_helper.rb +90 -19
- data/app/lib/matestack/ui/component.rb +1 -0
- data/app/lib/matestack/ui/core/has_view_context.rb +8 -4
- data/app/lib/matestack/ui/core/html_attributes.rb +43 -0
- data/app/lib/matestack/ui/core/properties.rb +161 -0
- data/app/lib/matestack/ui/core/rendering/default_renderer_class_determiner.rb +33 -0
- data/app/lib/matestack/ui/core/rendering/main_renderer.rb +200 -0
- data/app/lib/matestack/ui/isolated_component.rb +1 -0
- data/app/lib/matestack/ui/vue_js_component.rb +1 -0
- data/lib/matestack/ui/core.rb +4 -2
- data/lib/matestack/ui/core/cell.rb +0 -2
- data/lib/matestack/ui/core/component/registry.rb +47 -0
- data/lib/matestack/ui/core/components.rb +268 -0
- data/lib/matestack/ui/core/dsl.rb +6 -0
- data/lib/matestack/ui/core/engine.rb +16 -0
- data/lib/matestack/ui/core/version.rb +1 -1
- data/vendor/assets/javascripts/dist/matestack-ui-core.js +852 -311
- data/vendor/assets/javascripts/dist/matestack-ui-core.js.map +1 -1
- data/vendor/assets/javascripts/dist/matestack-ui-core.min.js +1 -1
- data/vendor/assets/javascripts/dist/matestack-ui-core.min.js.br +0 -0
- data/vendor/assets/javascripts/dist/matestack-ui-core.min.js.gz +0 -0
- data/vendor/assets/javascripts/dist/matestack-ui-core.min.js.map +1 -1
- data/vendor/assets/javascripts/dist/matestack-ui-core.min.js.map.br +0 -0
- data/vendor/assets/javascripts/dist/matestack-ui-core.min.js.map.gz +0 -0
- metadata +49 -65
- data/MIT-LICENSE +0 -20
- data/app/concepts/matestack/ui/core/absolute/absolute.rb +0 -17
- data/app/concepts/matestack/ui/core/collection/filter/input/input.haml +0 -2
- data/app/concepts/matestack/ui/core/component/response.haml +0 -2
- data/app/concepts/matestack/ui/core/component/response_dynamic.haml +0 -7
- data/app/concepts/matestack/ui/core/component/response_dynamic_without_rerender.haml +0 -3
- data/app/concepts/matestack/ui/core/component/static.haml +0 -1
- data/app/concepts/matestack/ui/core/form/inline/inline.haml +0 -6
- data/app/concepts/matestack/ui/core/form/inline/inline.rb +0 -9
- data/app/concepts/matestack/ui/core/form/input/input.haml +0 -27
- data/app/concepts/matestack/ui/core/html/html.haml +0 -3
- data/app/concepts/matestack/ui/core/html/html.js +0 -10
- data/app/concepts/matestack/ui/core/html/html.rb +0 -17
- data/app/concepts/matestack/ui/core/isolate/isolate.haml +0 -2
- data/app/concepts/matestack/ui/core/isolate/isolate.rb +0 -11
- data/app/concepts/matestack/ui/core/page/content.haml +0 -7
- data/app/concepts/matestack/ui/core/page/content.rb +0 -5
- data/app/concepts/matestack/ui/core/pg/pg.haml +0 -5
- data/app/concepts/matestack/ui/core/pg/pg.rb +0 -5
- data/app/lib/matestack/ui/core/app_node.rb +0 -53
- data/app/lib/matestack/ui/core/component_node.rb +0 -87
- data/app/lib/matestack/ui/core/page_node.rb +0 -100
- data/app/lib/matestack/ui/core/render.rb +0 -89
- data/app/lib/matestack/ui/core/to_cell.rb +0 -129
@@ -1,12 +1,40 @@
|
|
1
1
|
module Matestack::Ui::Core::Async
|
2
|
-
class Async < Matestack::Ui::Core::Component::
|
2
|
+
class Async < Matestack::Ui::Core::Component::Rerender
|
3
|
+
vue_js_component_name "matestack-ui-core-async"
|
3
4
|
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
5
|
+
optional :id # will be required in 1.0.0
|
6
|
+
|
7
|
+
def initialize(*args)
|
8
|
+
super
|
9
|
+
ActiveSupport::Deprecation.warn(
|
10
|
+
'Calling async components without id is deprecated. Instead provide a unique id for async components.'
|
11
|
+
) if id.blank?
|
12
|
+
@component_config[:component_key] = id || "async_#{Digest::SHA256.hexdigest(caller[3])}"
|
13
|
+
if @included_config.present? && @included_config[:isolated_parent_class].present?
|
14
|
+
@component_config[:parent_class] = @included_config[:isolated_parent_class]
|
15
|
+
end
|
16
|
+
end
|
17
|
+
|
18
|
+
def children_wrapper_attributes
|
19
|
+
html_attributes.merge({
|
20
|
+
"v-if": "showing",
|
21
|
+
id: @component_config[:component_key]
|
8
22
|
})
|
9
23
|
end
|
10
24
|
|
25
|
+
def show
|
26
|
+
render :async
|
27
|
+
end
|
28
|
+
|
29
|
+
def render_content
|
30
|
+
render :children_wrapper do
|
31
|
+
render :children
|
32
|
+
end
|
33
|
+
end
|
34
|
+
|
35
|
+
def get_component_key
|
36
|
+
@component_config[:component_key]
|
37
|
+
end
|
38
|
+
|
11
39
|
end
|
12
40
|
end
|
@@ -1,5 +1,5 @@
|
|
1
|
-
- unless
|
2
|
-
-
|
3
|
-
%br{
|
1
|
+
- unless times.nil?
|
2
|
+
- times.times do
|
3
|
+
%br{ html_attributes }
|
4
4
|
- else
|
5
|
-
%br{
|
5
|
+
%br{ html_attributes }
|
@@ -1,11 +1,7 @@
|
|
1
1
|
module Matestack::Ui::Core::Button
|
2
2
|
class Button < Matestack::Ui::Core::Component::Static
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
"disabled": options[:disabled] ||= nil
|
7
|
-
})
|
8
|
-
end
|
9
|
-
|
3
|
+
html_attributes :autofocus, :disabled, :form, :formaction, :formenctype, :formmethod,
|
4
|
+
:formnovalidate, :formtarget, :name, :type, :value
|
5
|
+
optional :text
|
10
6
|
end
|
11
7
|
end
|
@@ -1,17 +1,15 @@
|
|
1
1
|
module Matestack::Ui::Core::Collection::Content
|
2
|
-
class Content < Matestack::Ui::Core::Component::
|
2
|
+
class Content < Matestack::Ui::Core::Component::Rerender
|
3
|
+
vue_js_component_name 'matestack-ui-core-collection-content'
|
3
4
|
|
4
5
|
def setup
|
5
|
-
@rerender = true
|
6
6
|
@component_config = @component_config.except(:data, :paginated_data)
|
7
7
|
end
|
8
8
|
|
9
9
|
def response
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
end
|
14
|
-
}
|
10
|
+
div @tag_attributes do
|
11
|
+
yield_components
|
12
|
+
end
|
15
13
|
end
|
16
14
|
|
17
15
|
end
|
@@ -1,5 +1,7 @@
|
|
1
|
-
module Matestack::Ui::Core::Collection::Content::Page
|
2
|
-
|
3
|
-
|
1
|
+
module Matestack::Ui::Core::Collection::Content::Page
|
2
|
+
module Link
|
3
|
+
class Link::Link < Matestack::Ui::Core::Component::Static
|
4
|
+
requires :page
|
5
|
+
end
|
4
6
|
end
|
5
7
|
end
|
@@ -1,16 +1,15 @@
|
|
1
1
|
module Matestack::Ui::Core::Collection::Filter
|
2
2
|
class Filter < Matestack::Ui::Core::Component::Dynamic
|
3
|
+
vue_js_component_name 'matestack-ui-core-collection-filter'
|
3
4
|
|
4
5
|
def setup
|
5
6
|
@component_config = @component_config.except(:data, :paginated_data)
|
6
7
|
end
|
7
8
|
|
8
9
|
def response
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
end
|
13
|
-
}
|
10
|
+
div html_attributes do
|
11
|
+
yield_components
|
12
|
+
end
|
14
13
|
end
|
15
14
|
|
16
15
|
end
|
@@ -1,24 +1,27 @@
|
|
1
1
|
module Matestack::Ui::Core::Collection::Filter::Input
|
2
2
|
class Input < Matestack::Ui::Core::Component::Static
|
3
|
+
include Matestack::Ui::Core::Form::HasInputHtmlAttributes
|
3
4
|
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
5
|
+
requires :key, :type
|
6
|
+
optional :placeholder, class: { as: :klass }
|
7
|
+
|
8
|
+
def response
|
9
|
+
input html_attributes.merge(attributes: {
|
10
|
+
"v-model#{'.number' if type == :number}": input_key,
|
11
|
+
type: type,
|
9
12
|
id: component_id,
|
10
13
|
"@keyup.enter": "submitFilter()",
|
11
14
|
ref: "filter.#{attr_key}",
|
12
|
-
placeholder:
|
15
|
+
placeholder: placeholder
|
13
16
|
})
|
14
17
|
end
|
15
18
|
|
16
19
|
def input_key
|
17
|
-
'filter["' +
|
20
|
+
'filter["' + key.to_s + '"]'
|
18
21
|
end
|
19
22
|
|
20
23
|
def attr_key
|
21
|
-
|
24
|
+
key.to_s
|
22
25
|
end
|
23
26
|
|
24
27
|
end
|
@@ -0,0 +1,10 @@
|
|
1
|
+
- if options[:type] == :dropdown
|
2
|
+
|
3
|
+
%select{ select_attributes }
|
4
|
+
%option{disabled: true}= placeholder
|
5
|
+
- if select_options.is_a?(Hash)
|
6
|
+
- select_options.each do |key, value|
|
7
|
+
%option{value: key}=value
|
8
|
+
- if select_options.is_a?(Array)
|
9
|
+
- select_options.each do |option|
|
10
|
+
%option{value: option}=option
|
@@ -0,0 +1,30 @@
|
|
1
|
+
module Matestack::Ui::Core::Collection::Filter::Select
|
2
|
+
class Select < Matestack::Ui::Core::Component::Static
|
3
|
+
|
4
|
+
requires :key
|
5
|
+
optional :placeholder, options: { as: :select_options }
|
6
|
+
|
7
|
+
def setup
|
8
|
+
if options[:type].nil?
|
9
|
+
options[:type] = :dropdown #nothing else supported at the moment
|
10
|
+
end
|
11
|
+
end
|
12
|
+
|
13
|
+
def select_attributes
|
14
|
+
html_attributes.merge!({
|
15
|
+
"v-model#{'.number' if options[:type] == :number}": input_key,
|
16
|
+
type: options[:type],
|
17
|
+
id: component_id,
|
18
|
+
"@keyup.enter": "submitFilter()",
|
19
|
+
"@change": "$forceUpdate()",
|
20
|
+
ref: "filter.#{key.to_s}",
|
21
|
+
placeholder: placeholder
|
22
|
+
})
|
23
|
+
end
|
24
|
+
|
25
|
+
def input_key
|
26
|
+
'filter["' + key.to_s + '"]'
|
27
|
+
end
|
28
|
+
|
29
|
+
end
|
30
|
+
end
|
@@ -1,6 +1,6 @@
|
|
1
1
|
module Matestack::Ui::Core::Collection
|
2
2
|
|
3
|
-
CollectionConfig = Struct.new(:id, :init_offset, :init_limit, :filtered_count, :base_count, :data, :
|
3
|
+
CollectionConfig = Struct.new(:id, :init_offset, :init_limit, :filtered_count, :base_count, :data, :params) do
|
4
4
|
|
5
5
|
def paginated_data
|
6
6
|
resulting_data = data
|
@@ -11,11 +11,11 @@ module Matestack::Ui::Core::Collection
|
|
11
11
|
end
|
12
12
|
|
13
13
|
def get_collection_offset
|
14
|
-
(
|
14
|
+
(params["#{id}-offset".to_sym] ||= init_offset).to_i
|
15
15
|
end
|
16
16
|
|
17
17
|
def get_collection_limit
|
18
|
-
(
|
18
|
+
(params["#{id}-limit".to_sym] ||= init_limit).to_i
|
19
19
|
end
|
20
20
|
|
21
21
|
def pages
|
@@ -63,7 +63,7 @@ module Matestack::Ui::Core::Collection
|
|
63
63
|
|
64
64
|
def get_collection_filter collection_id, key=nil
|
65
65
|
filter_hash = {}
|
66
|
-
|
66
|
+
controller_params.each do |param_key, param_value|
|
67
67
|
if param_key.start_with?("#{collection_id}-filter-")
|
68
68
|
param_key.gsub("#{collection_id}-filter-", "")
|
69
69
|
filter_hash[param_key.gsub("#{collection_id}-filter-", "").to_sym] = param_value
|
@@ -78,7 +78,7 @@ module Matestack::Ui::Core::Collection
|
|
78
78
|
|
79
79
|
def get_collection_order collection_id, key=nil
|
80
80
|
order_hash = {}
|
81
|
-
|
81
|
+
controller_params.each do |param_key, param_value|
|
82
82
|
if param_key.start_with?("#{collection_id}-order-")
|
83
83
|
param_key.gsub("#{collection_id}-order-", "")
|
84
84
|
order_hash[param_key.gsub("#{collection_id}-order-", "").to_sym] = param_value
|
@@ -101,7 +101,7 @@ module Matestack::Ui::Core::Collection
|
|
101
101
|
filtered_count,
|
102
102
|
base_count,
|
103
103
|
data,
|
104
|
-
|
104
|
+
controller_params,
|
105
105
|
)
|
106
106
|
|
107
107
|
@collections[id.to_sym] = collection_config
|
@@ -109,5 +109,13 @@ module Matestack::Ui::Core::Collection
|
|
109
109
|
return collection_config
|
110
110
|
end
|
111
111
|
|
112
|
+
# try to get params from either controller params, when called in a rails legacy view or
|
113
|
+
# from cells context when called in a matestack app/page/component
|
114
|
+
def controller_params
|
115
|
+
return context[:params] if defined? context
|
116
|
+
return params.to_unsafe_h if defined? params
|
117
|
+
raise 'collection component is missing access to params or context'
|
118
|
+
end
|
119
|
+
|
112
120
|
end
|
113
121
|
end
|