matestack-ui-core 1.5.0 → 2.0.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/LICENSE +17 -5
- data/README.md +78 -115
- data/Rakefile +0 -2
- data/lib/matestack/ui/app.rb +1 -0
- data/lib/matestack/ui/component.rb +1 -0
- data/lib/matestack/ui/core.rb +58 -10
- data/lib/matestack/ui/core/app.rb +36 -0
- data/lib/matestack/ui/core/base.rb +109 -0
- data/lib/matestack/ui/core/component.rb +8 -0
- data/lib/matestack/ui/core/context.rb +17 -0
- data/lib/matestack/ui/core/helper.rb +91 -0
- data/lib/matestack/ui/core/page.rb +63 -0
- data/lib/matestack/ui/core/properties.rb +105 -0
- data/lib/matestack/ui/core/slots.rb +15 -0
- data/lib/matestack/ui/core/tag_helper.rb +94 -0
- data/lib/matestack/ui/core/version.rb +1 -1
- data/lib/matestack/ui/core/vue_attributes.rb +13 -0
- data/lib/matestack/ui/page.rb +1 -0
- data/{app/concepts/matestack/ui/core → lib/matestack/ui/vue_js}/app/app.js +2 -3
- data/{app/concepts/matestack/ui/core → lib/matestack/ui/vue_js}/app/location.js +0 -0
- data/{app/concepts/matestack/ui/core → lib/matestack/ui/vue_js}/app/store.js +1 -1
- data/lib/matestack/ui/vue_js/components.rb +94 -0
- data/lib/matestack/ui/vue_js/components/action.js +151 -0
- data/lib/matestack/ui/vue_js/components/action.rb +46 -0
- data/{app/concepts/matestack/ui/core/async → lib/matestack/ui/vue_js/components}/async.js +22 -22
- data/lib/matestack/ui/vue_js/components/async.rb +84 -0
- data/{app/concepts/matestack/ui/core/cable → lib/matestack/ui/vue_js/components}/cable.js +14 -14
- data/lib/matestack/ui/vue_js/components/cable.rb +69 -0
- data/{app/concepts/matestack/ui/core/collection/content → lib/matestack/ui/vue_js/components/collection}/content.js +21 -22
- data/lib/matestack/ui/vue_js/components/collection/content.rb +32 -0
- data/lib/matestack/ui/vue_js/components/collection/filter.js +45 -0
- data/lib/matestack/ui/vue_js/components/collection/filter.rb +29 -0
- data/lib/matestack/ui/vue_js/components/collection/filter_reset.rb +19 -0
- data/{app/concepts/matestack/ui/core → lib/matestack/ui/vue_js/components}/collection/helper.rb +66 -65
- data/lib/matestack/ui/vue_js/components/collection/next.rb +19 -0
- data/lib/matestack/ui/vue_js/components/collection/order.js +46 -0
- data/lib/matestack/ui/vue_js/components/collection/order.rb +28 -0
- data/lib/matestack/ui/vue_js/components/collection/order_toggle.rb +21 -0
- data/lib/matestack/ui/vue_js/components/collection/order_toggle_indicator.rb +30 -0
- data/lib/matestack/ui/vue_js/components/collection/page.rb +21 -0
- data/lib/matestack/ui/vue_js/components/collection/previous.rb +19 -0
- data/lib/matestack/ui/vue_js/components/form/base.rb +167 -0
- data/{app/concepts/matestack/ui/core/form/checkbox → lib/matestack/ui/vue_js/components/form}/checkbox.js +2 -2
- data/lib/matestack/ui/vue_js/components/form/checkbox.rb +105 -0
- data/{app/concepts/matestack/ui/core/form/checkbox/mixin.js → lib/matestack/ui/vue_js/components/form/checkbox_mixin.js} +5 -2
- data/lib/matestack/ui/vue_js/components/form/context.rb +15 -0
- data/{app/concepts/matestack/ui/core → lib/matestack/ui/vue_js/components}/form/form.js +53 -53
- data/lib/matestack/ui/vue_js/components/form/form.rb +64 -0
- data/{app/concepts/matestack/ui/core/form/input → lib/matestack/ui/vue_js/components/form}/input.js +2 -2
- data/lib/matestack/ui/vue_js/components/form/input.rb +37 -0
- data/{app/concepts/matestack/ui/core/form/input/mixin.js → lib/matestack/ui/vue_js/components/form/input_mixin.js} +5 -2
- data/{app/concepts/matestack/ui/core/form/radio → lib/matestack/ui/vue_js/components/form}/radio.js +2 -2
- data/lib/matestack/ui/vue_js/components/form/radio.rb +76 -0
- data/{app/concepts/matestack/ui/core/form/radio/mixin.js → lib/matestack/ui/vue_js/components/form/radio_mixin.js} +4 -1
- data/{app/concepts/matestack/ui/core/form/select → lib/matestack/ui/vue_js/components/form}/select.js +2 -2
- data/lib/matestack/ui/vue_js/components/form/select.rb +88 -0
- data/{app/concepts/matestack/ui/core/form/select/mixin.js → lib/matestack/ui/vue_js/components/form/select_mixin.js} +5 -2
- data/{app/concepts/matestack/ui/core/form/textarea → lib/matestack/ui/vue_js/components/form}/textarea.js +2 -2
- data/lib/matestack/ui/vue_js/components/form/textarea.rb +37 -0
- data/{app/concepts/matestack/ui/core/form/textarea/mixin.js → lib/matestack/ui/vue_js/components/form/textarea_mixin.js} +5 -2
- data/{app/concepts/matestack/ui/core/isolated → lib/matestack/ui/vue_js/components}/isolated.js +19 -19
- data/lib/matestack/ui/vue_js/components/isolated.rb +86 -0
- data/{app/concepts/matestack/ui/core/component/component.js → lib/matestack/ui/vue_js/components/mixin.js} +2 -2
- data/{app/concepts/matestack/ui/core/onclick → lib/matestack/ui/vue_js/components}/onclick.js +3 -4
- data/lib/matestack/ui/vue_js/components/onclick.rb +37 -0
- data/{app/concepts/matestack/ui/core/toggle → lib/matestack/ui/vue_js/components}/toggle.js +17 -17
- data/lib/matestack/ui/vue_js/components/toggle.rb +38 -0
- data/{app/concepts/matestack/ui/core/transition → lib/matestack/ui/vue_js/components}/transition.js +6 -6
- data/lib/matestack/ui/vue_js/components/transition.rb +40 -0
- data/lib/matestack/ui/vue_js/event_hub.js +5 -0
- data/{app/concepts/matestack/ui/core/js/helpers/query-params-helper.js → lib/matestack/ui/vue_js/helpers/query_params_helper.js} +0 -0
- data/lib/matestack/ui/vue_js/index.js +52 -0
- data/lib/matestack/ui/vue_js/initialize.rb +5 -0
- data/{app/concepts/matestack/ui/core/page/content → lib/matestack/ui/vue_js/page}/content.js +1 -1
- data/lib/matestack/ui/vue_js/vue.rb +63 -0
- data/lib/matestack/ui/vue_js_component.rb +2 -0
- metadata +75 -404
- data/app/concepts/matestack/ui/core/abbr/abbr.haml +0 -5
- data/app/concepts/matestack/ui/core/abbr/abbr.rb +0 -5
- data/app/concepts/matestack/ui/core/action/action.haml +0 -3
- data/app/concepts/matestack/ui/core/action/action.js +0 -152
- data/app/concepts/matestack/ui/core/action/action.rb +0 -80
- data/app/concepts/matestack/ui/core/actionview/dynamic.haml +0 -6
- data/app/concepts/matestack/ui/core/actionview/dynamic.rb +0 -28
- data/app/concepts/matestack/ui/core/actionview/static.haml +0 -1
- data/app/concepts/matestack/ui/core/actionview/static.rb +0 -28
- data/app/concepts/matestack/ui/core/address/address.haml +0 -5
- data/app/concepts/matestack/ui/core/address/address.rb +0 -5
- data/app/concepts/matestack/ui/core/app/app.haml +0 -3
- data/app/concepts/matestack/ui/core/app/app.rb +0 -51
- data/app/concepts/matestack/ui/core/area/area.haml +0 -1
- data/app/concepts/matestack/ui/core/area/area.rb +0 -6
- data/app/concepts/matestack/ui/core/article/article.haml +0 -5
- data/app/concepts/matestack/ui/core/article/article.rb +0 -5
- data/app/concepts/matestack/ui/core/aside/aside.haml +0 -3
- data/app/concepts/matestack/ui/core/aside/aside.rb +0 -4
- data/app/concepts/matestack/ui/core/async/async.haml +0 -6
- data/app/concepts/matestack/ui/core/async/async.rb +0 -37
- data/app/concepts/matestack/ui/core/async/children_wrapper.haml +0 -2
- data/app/concepts/matestack/ui/core/b/b.haml +0 -5
- data/app/concepts/matestack/ui/core/b/b.rb +0 -5
- data/app/concepts/matestack/ui/core/bdi/bdi.haml +0 -5
- data/app/concepts/matestack/ui/core/bdi/bdi.rb +0 -5
- data/app/concepts/matestack/ui/core/bdo/bdo.haml +0 -5
- data/app/concepts/matestack/ui/core/bdo/bdo.rb +0 -6
- data/app/concepts/matestack/ui/core/blockquote/blockquote.haml +0 -5
- data/app/concepts/matestack/ui/core/blockquote/blockquote.rb +0 -6
- data/app/concepts/matestack/ui/core/br/br.haml +0 -5
- data/app/concepts/matestack/ui/core/br/br.rb +0 -5
- data/app/concepts/matestack/ui/core/button/button.haml +0 -5
- data/app/concepts/matestack/ui/core/button/button.rb +0 -7
- data/app/concepts/matestack/ui/core/cable/cable.haml +0 -4
- data/app/concepts/matestack/ui/core/cable/cable.rb +0 -28
- data/app/concepts/matestack/ui/core/cable/children_wrapper.haml +0 -2
- data/app/concepts/matestack/ui/core/caption/caption.haml +0 -5
- data/app/concepts/matestack/ui/core/caption/caption.rb +0 -5
- data/app/concepts/matestack/ui/core/cite/cite.haml +0 -5
- data/app/concepts/matestack/ui/core/cite/cite.rb +0 -5
- data/app/concepts/matestack/ui/core/code/code.haml +0 -5
- data/app/concepts/matestack/ui/core/code/code.rb +0 -5
- data/app/concepts/matestack/ui/core/collection/content/content.rb +0 -16
- data/app/concepts/matestack/ui/core/collection/content/next/next.haml +0 -3
- data/app/concepts/matestack/ui/core/collection/content/next/next.rb +0 -5
- data/app/concepts/matestack/ui/core/collection/content/page/link/link.haml +0 -3
- data/app/concepts/matestack/ui/core/collection/content/page/link/link.rb +0 -7
- data/app/concepts/matestack/ui/core/collection/content/previous/previous.haml +0 -3
- data/app/concepts/matestack/ui/core/collection/content/previous/previous.rb +0 -5
- data/app/concepts/matestack/ui/core/collection/filter/filter.js +0 -48
- data/app/concepts/matestack/ui/core/collection/filter/filter.rb +0 -16
- data/app/concepts/matestack/ui/core/collection/filter/input/input.rb +0 -28
- data/app/concepts/matestack/ui/core/collection/filter/reset/reset.haml +0 -3
- data/app/concepts/matestack/ui/core/collection/filter/reset/reset.rb +0 -5
- data/app/concepts/matestack/ui/core/collection/filter/select/select.haml +0 -10
- data/app/concepts/matestack/ui/core/collection/filter/select/select.rb +0 -30
- data/app/concepts/matestack/ui/core/collection/filter/submit/submit.haml +0 -3
- data/app/concepts/matestack/ui/core/collection/filter/submit/submit.rb +0 -5
- data/app/concepts/matestack/ui/core/collection/order/order.js +0 -56
- data/app/concepts/matestack/ui/core/collection/order/order.rb +0 -16
- data/app/concepts/matestack/ui/core/collection/order/toggle/indicator/indicator.rb +0 -17
- data/app/concepts/matestack/ui/core/collection/order/toggle/toggle.haml +0 -3
- data/app/concepts/matestack/ui/core/collection/order/toggle/toggle.rb +0 -4
- data/app/concepts/matestack/ui/core/component/anonym-dynamic-component.js +0 -10
- data/app/concepts/matestack/ui/core/component/base.rb +0 -430
- data/app/concepts/matestack/ui/core/component/children.haml +0 -2
- data/app/concepts/matestack/ui/core/component/dynamic.haml +0 -6
- data/app/concepts/matestack/ui/core/component/dynamic.rb +0 -47
- data/app/concepts/matestack/ui/core/component/dynamic_without_rerender.haml +0 -2
- data/app/concepts/matestack/ui/core/component/static.rb +0 -7
- data/app/concepts/matestack/ui/core/data/data.haml +0 -5
- data/app/concepts/matestack/ui/core/data/data.rb +0 -6
- data/app/concepts/matestack/ui/core/datalist/datalist.haml +0 -3
- data/app/concepts/matestack/ui/core/datalist/datalist.rb +0 -4
- data/app/concepts/matestack/ui/core/dd/dd.haml +0 -5
- data/app/concepts/matestack/ui/core/dd/dd.rb +0 -5
- data/app/concepts/matestack/ui/core/del/del.haml +0 -5
- data/app/concepts/matestack/ui/core/del/del.rb +0 -6
- data/app/concepts/matestack/ui/core/details/details.haml +0 -3
- data/app/concepts/matestack/ui/core/details/details.rb +0 -5
- data/app/concepts/matestack/ui/core/dfn/dfn.haml +0 -5
- data/app/concepts/matestack/ui/core/dfn/dfn.rb +0 -6
- data/app/concepts/matestack/ui/core/dialog/dialog.haml +0 -5
- data/app/concepts/matestack/ui/core/dialog/dialog.rb +0 -6
- data/app/concepts/matestack/ui/core/div/div.haml +0 -3
- data/app/concepts/matestack/ui/core/div/div.rb +0 -4
- data/app/concepts/matestack/ui/core/dl/dl.haml +0 -5
- data/app/concepts/matestack/ui/core/dl/dl.rb +0 -5
- data/app/concepts/matestack/ui/core/dt/dt.haml +0 -5
- data/app/concepts/matestack/ui/core/dt/dt.rb +0 -5
- data/app/concepts/matestack/ui/core/em/em.haml +0 -5
- data/app/concepts/matestack/ui/core/em/em.rb +0 -5
- data/app/concepts/matestack/ui/core/fieldset/fieldset.haml +0 -5
- data/app/concepts/matestack/ui/core/fieldset/fieldset.rb +0 -6
- data/app/concepts/matestack/ui/core/figure/figure.haml +0 -3
- data/app/concepts/matestack/ui/core/figure/figure.rb +0 -4
- data/app/concepts/matestack/ui/core/footer/footer.haml +0 -3
- data/app/concepts/matestack/ui/core/footer/footer.rb +0 -4
- data/app/concepts/matestack/ui/core/form/checkbox/base.rb +0 -120
- data/app/concepts/matestack/ui/core/form/checkbox/checkbox.rb +0 -16
- data/app/concepts/matestack/ui/core/form/form.haml +0 -2
- data/app/concepts/matestack/ui/core/form/form.rb +0 -104
- data/app/concepts/matestack/ui/core/form/has_errors.rb +0 -54
- data/app/concepts/matestack/ui/core/form/has_input_html_attributes.rb +0 -13
- data/app/concepts/matestack/ui/core/form/input/base.rb +0 -75
- data/app/concepts/matestack/ui/core/form/input/input.rb +0 -17
- data/app/concepts/matestack/ui/core/form/radio/base.rb +0 -90
- data/app/concepts/matestack/ui/core/form/radio/radio.rb +0 -16
- data/app/concepts/matestack/ui/core/form/select/base.rb +0 -98
- data/app/concepts/matestack/ui/core/form/select/select.rb +0 -19
- data/app/concepts/matestack/ui/core/form/submit/base.rb +0 -12
- data/app/concepts/matestack/ui/core/form/submit/submit.js +0 -19
- data/app/concepts/matestack/ui/core/form/submit/submit.rb +0 -15
- data/app/concepts/matestack/ui/core/form/textarea/base.rb +0 -49
- data/app/concepts/matestack/ui/core/form/textarea/textarea.rb +0 -17
- data/app/concepts/matestack/ui/core/form/utils.rb +0 -47
- data/app/concepts/matestack/ui/core/header/header.haml +0 -3
- data/app/concepts/matestack/ui/core/header/header.rb +0 -4
- data/app/concepts/matestack/ui/core/heading/heading.haml +0 -5
- data/app/concepts/matestack/ui/core/heading/heading.rb +0 -5
- data/app/concepts/matestack/ui/core/hr/hr.haml +0 -1
- data/app/concepts/matestack/ui/core/hr/hr.rb +0 -4
- data/app/concepts/matestack/ui/core/icon/icon.haml +0 -5
- data/app/concepts/matestack/ui/core/icon/icon.rb +0 -5
- data/app/concepts/matestack/ui/core/iframe/iframe.haml +0 -5
- data/app/concepts/matestack/ui/core/iframe/iframe.rb +0 -7
- data/app/concepts/matestack/ui/core/img/img.haml +0 -1
- data/app/concepts/matestack/ui/core/img/img.rb +0 -15
- data/app/concepts/matestack/ui/core/input/input.haml +0 -1
- data/app/concepts/matestack/ui/core/input/input.rb +0 -9
- data/app/concepts/matestack/ui/core/ins/ins.haml +0 -5
- data/app/concepts/matestack/ui/core/ins/ins.rb +0 -6
- data/app/concepts/matestack/ui/core/isolated/children_wrapper.haml +0 -2
- data/app/concepts/matestack/ui/core/isolated/isolated.haml +0 -10
- data/app/concepts/matestack/ui/core/isolated/isolated.rb +0 -59
- data/app/concepts/matestack/ui/core/js/core.js +0 -66
- data/app/concepts/matestack/ui/core/js/event-hub.js +0 -5
- data/app/concepts/matestack/ui/core/kbd/kbd.haml +0 -5
- data/app/concepts/matestack/ui/core/kbd/kbd.rb +0 -5
- data/app/concepts/matestack/ui/core/label/label.haml +0 -5
- data/app/concepts/matestack/ui/core/label/label.rb +0 -6
- data/app/concepts/matestack/ui/core/legend/legend.haml +0 -5
- data/app/concepts/matestack/ui/core/legend/legend.rb +0 -5
- data/app/concepts/matestack/ui/core/li/li.haml +0 -5
- data/app/concepts/matestack/ui/core/li/li.rb +0 -6
- data/app/concepts/matestack/ui/core/link/link.haml +0 -5
- data/app/concepts/matestack/ui/core/link/link.rb +0 -23
- data/app/concepts/matestack/ui/core/main/main.haml +0 -3
- data/app/concepts/matestack/ui/core/main/main.rb +0 -4
- data/app/concepts/matestack/ui/core/map/map.haml +0 -3
- data/app/concepts/matestack/ui/core/map/map.rb +0 -5
- data/app/concepts/matestack/ui/core/mark/mark.haml +0 -5
- data/app/concepts/matestack/ui/core/mark/mark.rb +0 -5
- data/app/concepts/matestack/ui/core/meter/meter.haml +0 -4
- data/app/concepts/matestack/ui/core/meter/meter.rb +0 -5
- data/app/concepts/matestack/ui/core/nav/nav.haml +0 -3
- data/app/concepts/matestack/ui/core/nav/nav.rb +0 -4
- data/app/concepts/matestack/ui/core/noscript/noscript.haml +0 -5
- data/app/concepts/matestack/ui/core/noscript/noscript.rb +0 -5
- data/app/concepts/matestack/ui/core/object/object.haml +0 -1
- data/app/concepts/matestack/ui/core/object/object.rb +0 -5
- data/app/concepts/matestack/ui/core/ol/ol.haml +0 -3
- data/app/concepts/matestack/ui/core/ol/ol.rb +0 -5
- data/app/concepts/matestack/ui/core/onclick/onclick.haml +0 -2
- data/app/concepts/matestack/ui/core/onclick/onclick.rb +0 -6
- data/app/concepts/matestack/ui/core/optgroup/optgroup.haml +0 -3
- data/app/concepts/matestack/ui/core/optgroup/optgroup.rb +0 -5
- data/app/concepts/matestack/ui/core/option/option.haml +0 -5
- data/app/concepts/matestack/ui/core/option/option.rb +0 -6
- data/app/concepts/matestack/ui/core/output/output.haml +0 -5
- data/app/concepts/matestack/ui/core/output/output.rb +0 -6
- data/app/concepts/matestack/ui/core/page/content/content.rb +0 -28
- data/app/concepts/matestack/ui/core/page/page.haml +0 -3
- data/app/concepts/matestack/ui/core/page/page.rb +0 -30
- data/app/concepts/matestack/ui/core/paragraph/paragraph.haml +0 -5
- data/app/concepts/matestack/ui/core/paragraph/paragraph.rb +0 -5
- data/app/concepts/matestack/ui/core/param/param.haml +0 -1
- data/app/concepts/matestack/ui/core/param/param.rb +0 -5
- data/app/concepts/matestack/ui/core/partial/partial.haml +0 -2
- data/app/concepts/matestack/ui/core/partial/partial.rb +0 -4
- data/app/concepts/matestack/ui/core/picture/picture.haml +0 -3
- data/app/concepts/matestack/ui/core/picture/picture.rb +0 -4
- data/app/concepts/matestack/ui/core/plain/plain.rb +0 -9
- data/app/concepts/matestack/ui/core/pre/pre.haml +0 -5
- data/app/concepts/matestack/ui/core/pre/pre.rb +0 -5
- data/app/concepts/matestack/ui/core/progress/progress.haml +0 -3
- data/app/concepts/matestack/ui/core/progress/progress.rb +0 -5
- data/app/concepts/matestack/ui/core/q/q.haml +0 -5
- data/app/concepts/matestack/ui/core/q/q.rb +0 -6
- data/app/concepts/matestack/ui/core/rp/rp.haml +0 -5
- data/app/concepts/matestack/ui/core/rp/rp.rb +0 -5
- data/app/concepts/matestack/ui/core/rt/rt.haml +0 -5
- data/app/concepts/matestack/ui/core/rt/rt.rb +0 -5
- data/app/concepts/matestack/ui/core/ruby/ruby.haml +0 -5
- data/app/concepts/matestack/ui/core/ruby/ruby.rb +0 -5
- data/app/concepts/matestack/ui/core/s/s.haml +0 -5
- data/app/concepts/matestack/ui/core/s/s.rb +0 -6
- data/app/concepts/matestack/ui/core/samp/samp.haml +0 -5
- data/app/concepts/matestack/ui/core/samp/samp.rb +0 -5
- data/app/concepts/matestack/ui/core/section/section.haml +0 -3
- data/app/concepts/matestack/ui/core/section/section.rb +0 -4
- data/app/concepts/matestack/ui/core/select/select.haml +0 -3
- data/app/concepts/matestack/ui/core/select/select.rb +0 -7
- data/app/concepts/matestack/ui/core/slot/slot.haml +0 -2
- data/app/concepts/matestack/ui/core/slot/slot.rb +0 -4
- data/app/concepts/matestack/ui/core/small/small.haml +0 -5
- data/app/concepts/matestack/ui/core/small/small.rb +0 -5
- data/app/concepts/matestack/ui/core/span/span.haml +0 -5
- data/app/concepts/matestack/ui/core/span/span.rb +0 -5
- data/app/concepts/matestack/ui/core/strong/strong.haml +0 -5
- data/app/concepts/matestack/ui/core/strong/strong.rb +0 -5
- data/app/concepts/matestack/ui/core/sub/sub.haml +0 -5
- data/app/concepts/matestack/ui/core/sub/sub.rb +0 -5
- data/app/concepts/matestack/ui/core/summary/summary.haml +0 -5
- data/app/concepts/matestack/ui/core/summary/summary.rb +0 -5
- data/app/concepts/matestack/ui/core/sup/sup.haml +0 -5
- data/app/concepts/matestack/ui/core/sup/sup.rb +0 -5
- data/app/concepts/matestack/ui/core/table/table.haml +0 -3
- data/app/concepts/matestack/ui/core/table/table.rb +0 -4
- data/app/concepts/matestack/ui/core/tbody/tbody.haml +0 -3
- data/app/concepts/matestack/ui/core/tbody/tbody.rb +0 -4
- data/app/concepts/matestack/ui/core/td/td.haml +0 -5
- data/app/concepts/matestack/ui/core/td/td.rb +0 -6
- data/app/concepts/matestack/ui/core/template/template.haml +0 -3
- data/app/concepts/matestack/ui/core/template/template.rb +0 -4
- data/app/concepts/matestack/ui/core/textarea/textarea.haml +0 -5
- data/app/concepts/matestack/ui/core/textarea/textarea.rb +0 -10
- data/app/concepts/matestack/ui/core/tfoot/tfoot.haml +0 -3
- data/app/concepts/matestack/ui/core/tfoot/tfoot.rb +0 -4
- data/app/concepts/matestack/ui/core/th/th.haml +0 -5
- data/app/concepts/matestack/ui/core/th/th.rb +0 -6
- data/app/concepts/matestack/ui/core/thead/thead.haml +0 -3
- data/app/concepts/matestack/ui/core/thead/thead.rb +0 -4
- data/app/concepts/matestack/ui/core/time/time.haml +0 -3
- data/app/concepts/matestack/ui/core/time/time.rb +0 -5
- data/app/concepts/matestack/ui/core/toggle/toggle.haml +0 -2
- data/app/concepts/matestack/ui/core/toggle/toggle.rb +0 -13
- data/app/concepts/matestack/ui/core/tr/tr.haml +0 -3
- data/app/concepts/matestack/ui/core/tr/tr.rb +0 -4
- data/app/concepts/matestack/ui/core/transition/transition.haml +0 -5
- data/app/concepts/matestack/ui/core/transition/transition.rb +0 -38
- data/app/concepts/matestack/ui/core/u/u.haml +0 -5
- data/app/concepts/matestack/ui/core/u/u.rb +0 -6
- data/app/concepts/matestack/ui/core/ul/ul.haml +0 -3
- data/app/concepts/matestack/ui/core/ul/ul.rb +0 -4
- data/app/concepts/matestack/ui/core/unescaped/unescaped.rb +0 -9
- data/app/concepts/matestack/ui/core/var/var.haml +0 -5
- data/app/concepts/matestack/ui/core/var/var.rb +0 -5
- data/app/concepts/matestack/ui/core/video/video.haml +0 -3
- data/app/concepts/matestack/ui/core/video/video.rb +0 -13
- data/app/concepts/matestack/ui/core/view/view.haml +0 -1
- data/app/concepts/matestack/ui/core/view/view.rb +0 -30
- data/app/concepts/matestack/ui/core/wbr/wbr.haml +0 -5
- data/app/concepts/matestack/ui/core/wbr/wbr.rb +0 -5
- data/app/concepts/matestack/ui/core/youtube/youtube.haml +0 -1
- data/app/concepts/matestack/ui/core/youtube/youtube.rb +0 -28
- data/app/helpers/matestack/ui/core/application_helper.rb +0 -111
- data/app/javascript/matestack-ui-core/index.js +0 -32
- data/app/javascript/matestack-ui-core/styles/index.scss +0 -5
- data/app/javascript/packs/matestack-ui-core.js +0 -8
- data/app/lib/matestack/ui/app.rb +0 -1
- data/app/lib/matestack/ui/component.rb +0 -1
- data/app/lib/matestack/ui/core/has_view_context.rb +0 -16
- data/app/lib/matestack/ui/core/html_attributes.rb +0 -43
- data/app/lib/matestack/ui/core/properties.rb +0 -161
- data/app/lib/matestack/ui/core/rendering/default_renderer_class_determiner.rb +0 -33
- data/app/lib/matestack/ui/core/rendering/main_renderer.rb +0 -203
- data/app/lib/matestack/ui/dynamic_actionview_component.rb +0 -1
- data/app/lib/matestack/ui/dynamic_component.rb +0 -1
- data/app/lib/matestack/ui/isolated_component.rb +0 -1
- data/app/lib/matestack/ui/page.rb +0 -1
- data/app/lib/matestack/ui/static_actionview_component.rb +0 -1
- data/app/lib/matestack/ui/static_component.rb +0 -1
- data/app/lib/matestack/ui/vue_js_component.rb +0 -1
- data/config/routes.rb +0 -2
- data/lib/generators/matestack/app/USAGE +0 -21
- data/lib/generators/matestack/app/app_generator.rb +0 -25
- data/lib/generators/matestack/app/templates/app/controllers/%file_name%_controller.rb.tt +0 -5
- data/lib/generators/matestack/app/templates/app/matestack/apps/%file_name%.rb.tt +0 -28
- data/lib/generators/matestack/component/USAGE +0 -20
- data/lib/generators/matestack/component/component_generator.rb +0 -29
- data/lib/generators/matestack/component/templates/app/matestack/components/%namespace%/%file_name%.haml.tt +0 -5
- data/lib/generators/matestack/component/templates/app/matestack/components/%namespace%/%file_name%.js.tt +0 -17
- data/lib/generators/matestack/component/templates/app/matestack/components/%namespace%/%file_name%.rb.tt +0 -11
- data/lib/generators/matestack/component/templates/app/matestack/components/%namespace%/%file_name%.scss.tt +0 -1
- data/lib/generators/matestack/core/component/USAGE +0 -16
- data/lib/generators/matestack/core/component/component_generator.rb +0 -23
- data/lib/generators/matestack/core/component/templates/app/concepts/matestack/ui/core/%file_name%/%file_name%.haml.tt +0 -5
- data/lib/generators/matestack/core/component/templates/app/concepts/matestack/ui/core/%file_name%/%file_name%.rb.tt +0 -4
- data/lib/generators/matestack/core/component/templates/docs/components/%file_name%.md.tt +0 -45
- data/lib/generators/matestack/core/component/templates/spec/usage/components/%file_name%_spec.rb +0 -31
- data/lib/generators/matestack/page/USAGE +0 -28
- data/lib/generators/matestack/page/page_generator.rb +0 -54
- data/lib/generators/matestack/page/templates/app/matestack/pages/%app_name%/%namespace%/%file_name%.rb.tt +0 -29
- data/lib/matestack/ui/core/cell.rb +0 -31
- data/lib/matestack/ui/core/component/registry.rb +0 -47
- data/lib/matestack/ui/core/components.rb +0 -271
- data/lib/matestack/ui/core/dsl.rb +0 -6
- data/lib/matestack/ui/core/engine.rb +0 -35
- data/lib/tasks/matestack/ui/core_tasks.rake +0 -4
- data/vendor/assets/javascripts/dist/manifest.json +0 -18
- data/vendor/assets/javascripts/dist/manifest.json.br +0 -0
- data/vendor/assets/javascripts/dist/manifest.json.gz +0 -0
- data/vendor/assets/javascripts/dist/matestack-ui-core.css +0 -3
- data/vendor/assets/javascripts/dist/matestack-ui-core.css.map +0 -1
- data/vendor/assets/javascripts/dist/matestack-ui-core.js +0 -17734
- data/vendor/assets/javascripts/dist/matestack-ui-core.js.map +0 -1
- data/vendor/assets/javascripts/dist/matestack-ui-core.min.css +0 -0
- data/vendor/assets/javascripts/dist/matestack-ui-core.min.js +0 -3
- data/vendor/assets/javascripts/dist/matestack-ui-core.min.js.LICENSE.txt +0 -11
- 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 +0 -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
- data/vendor/assets/javascripts/matestack-ui-core.js.erb +0 -2
- data/vendor/assets/stylesheets/dist +0 -1
- data/vendor/assets/stylesheets/matestack-ui-core.css.erb +0 -2
@@ -1,7 +1,7 @@
|
|
1
1
|
import Vue from "vue/dist/vue.esm";
|
2
2
|
|
3
|
-
import formCheckboxMixin from "./
|
4
|
-
import componentMixin from "
|
3
|
+
import formCheckboxMixin from "./checkbox_mixin";
|
4
|
+
import componentMixin from "../mixin";
|
5
5
|
|
6
6
|
const componentDef = {
|
7
7
|
mixins: [componentMixin, formCheckboxMixin],
|
@@ -0,0 +1,105 @@
|
|
1
|
+
module Matestack
|
2
|
+
module Ui
|
3
|
+
module VueJs
|
4
|
+
module Components
|
5
|
+
module Form
|
6
|
+
class Checkbox < Matestack::Ui::VueJs::Components::Form::Base
|
7
|
+
vue_name 'matestack-ui-core-form-checkbox'
|
8
|
+
|
9
|
+
def response
|
10
|
+
div class: 'matestack-ui-core-form-checkbox' do
|
11
|
+
render_options
|
12
|
+
render_errors
|
13
|
+
end
|
14
|
+
end
|
15
|
+
|
16
|
+
def render_options
|
17
|
+
if checkbox_options
|
18
|
+
render_checkbox_options
|
19
|
+
else
|
20
|
+
render_true_false_checkbox
|
21
|
+
end
|
22
|
+
end
|
23
|
+
|
24
|
+
def component_id
|
25
|
+
"checkbox-component-for-#{key}"
|
26
|
+
end
|
27
|
+
|
28
|
+
def vue_props
|
29
|
+
{
|
30
|
+
init_value: init_value,
|
31
|
+
key: key,
|
32
|
+
}
|
33
|
+
end
|
34
|
+
|
35
|
+
# checkbox rendering
|
36
|
+
|
37
|
+
def render_checkbox_options
|
38
|
+
checkbox_options.to_a.each do |item|
|
39
|
+
input checkbox_attributes(item)
|
40
|
+
label item_label(item), for: item_id(item)
|
41
|
+
end
|
42
|
+
end
|
43
|
+
|
44
|
+
def checkbox_attributes(item)
|
45
|
+
{
|
46
|
+
id: item_id(item),
|
47
|
+
type: :checkbox,
|
48
|
+
name: item_label(item),
|
49
|
+
value: item_value(item),
|
50
|
+
ref: "select.multiple.#{key}",
|
51
|
+
'@change': change_event,
|
52
|
+
'init-value': (init_value || []).to_json,
|
53
|
+
'v-bind:class': "{ '#{error_class}': #{error_key} }",
|
54
|
+
'value-type': value_type(item),
|
55
|
+
"#{v_model_type(item)}": input_key,
|
56
|
+
}.merge(self.options)
|
57
|
+
end
|
58
|
+
|
59
|
+
def render_true_false_checkbox
|
60
|
+
input true_false_checkbox_attributes.merge(type: :hidden, id: nil, value: 0)
|
61
|
+
input true_false_checkbox_attributes.merge(type: :checkbox, id: item_id(1))
|
62
|
+
label input_label, for: item_id(1) if input_label
|
63
|
+
end
|
64
|
+
|
65
|
+
def true_false_checkbox_attributes
|
66
|
+
attributes.merge({
|
67
|
+
'init-value': init_value_for_single_input,
|
68
|
+
})
|
69
|
+
end
|
70
|
+
|
71
|
+
def init_value_for_single_input
|
72
|
+
if init_value == true || init_value == 1
|
73
|
+
return "true"
|
74
|
+
end
|
75
|
+
if init_value == false || init_value == 0
|
76
|
+
return "false"
|
77
|
+
end
|
78
|
+
end
|
79
|
+
|
80
|
+
# checkbox options
|
81
|
+
|
82
|
+
def checkbox_options
|
83
|
+
@checkbox_options ||= options.delete(:options)
|
84
|
+
end
|
85
|
+
|
86
|
+
# calculated attributes
|
87
|
+
|
88
|
+
def item_value(item)
|
89
|
+
item.is_a?(Array) ? item.last : item
|
90
|
+
end
|
91
|
+
|
92
|
+
def item_label(item)
|
93
|
+
item.is_a?(Array) ? item.first : item
|
94
|
+
end
|
95
|
+
|
96
|
+
def item_id(item)
|
97
|
+
"#{id}_#{item_value(item).to_s.gsub(" ", '_')}"
|
98
|
+
end
|
99
|
+
|
100
|
+
end
|
101
|
+
end
|
102
|
+
end
|
103
|
+
end
|
104
|
+
end
|
105
|
+
end
|
@@ -59,18 +59,21 @@ const formCheckboxMixin = {
|
|
59
59
|
|
60
60
|
//without the timeout it's somehow not working
|
61
61
|
setTimeout(function () {
|
62
|
-
self.$forceUpdate()
|
62
|
+
self.$parent.$forceUpdate();
|
63
|
+
self.$forceUpdate();
|
63
64
|
}, 1);
|
64
65
|
},
|
65
66
|
inputChanged: function (key) {
|
66
67
|
this.$parent.resetErrors(key);
|
68
|
+
this.$parent.$forceUpdate();
|
67
69
|
this.$forceUpdate();
|
68
70
|
},
|
69
71
|
afterInitialize: function(value){
|
70
72
|
// can be used in the main component for further initialization steps
|
71
73
|
},
|
72
74
|
setValue: function (value){
|
73
|
-
this.$parent.data[this.
|
75
|
+
this.$parent.data[this.props["key"]] = value
|
76
|
+
this.$parent.$forceUpdate();
|
74
77
|
this.$forceUpdate();
|
75
78
|
}
|
76
79
|
}
|
@@ -2,8 +2,8 @@ import Vue from "vue/dist/vue.esm";
|
|
2
2
|
import Vuex from "vuex";
|
3
3
|
import axios from "axios";
|
4
4
|
|
5
|
-
import matestackEventHub from "
|
6
|
-
import componentMixin from "../
|
5
|
+
import matestackEventHub from "../../event_hub";
|
6
|
+
import componentMixin from "../mixin";
|
7
7
|
|
8
8
|
const componentDef = {
|
9
9
|
mixins: [componentMixin],
|
@@ -77,15 +77,15 @@ const componentDef = {
|
|
77
77
|
},
|
78
78
|
shouldResetFormOnSuccessfulSubmit() {
|
79
79
|
const self = this;
|
80
|
-
if (self.
|
81
|
-
return self.
|
80
|
+
if (self.props["success"] != undefined && self.props["success"]["reset"] != undefined) {
|
81
|
+
return self.props["success"]["reset"];
|
82
82
|
} else {
|
83
83
|
return self.shouldResetFormOnSuccessfulSubmitByDefault();
|
84
84
|
}
|
85
85
|
},
|
86
86
|
shouldResetFormOnSuccessfulSubmitByDefault() {
|
87
87
|
const self = this;
|
88
|
-
if (self.
|
88
|
+
if (self.props["method"] == "put") {
|
89
89
|
return false;
|
90
90
|
} else {
|
91
91
|
return true;
|
@@ -96,13 +96,13 @@ const componentDef = {
|
|
96
96
|
var form = self.$el.tagName == 'FORM' ? self.$el : self.$el.querySelector('form');
|
97
97
|
if(form.checkValidity()){
|
98
98
|
self.loading = true;
|
99
|
-
if (self.
|
100
|
-
matestackEventHub.$emit(self.
|
99
|
+
if (self.props["emit"] != undefined) {
|
100
|
+
matestackEventHub.$emit(self.props["emit"]);
|
101
101
|
}
|
102
|
-
if (self.
|
102
|
+
if (self.props["delay"] != undefined) {
|
103
103
|
setTimeout(function () {
|
104
104
|
self.sendRequest()
|
105
|
-
}, parseInt(self.
|
105
|
+
}, parseInt(self.props["delay"]));
|
106
106
|
} else {
|
107
107
|
self.sendRequest()
|
108
108
|
}
|
@@ -113,25 +113,25 @@ const componentDef = {
|
|
113
113
|
sendRequest: function(){
|
114
114
|
const self = this;
|
115
115
|
let payload = {};
|
116
|
-
payload[self.
|
116
|
+
payload[self.props["for"]] = self.data;
|
117
117
|
let axios_config = {};
|
118
|
-
if (self.
|
118
|
+
if (self.props["multipart"] == true ) {
|
119
119
|
let form_data = new FormData();
|
120
120
|
for (let key in self.data) {
|
121
121
|
if (key.endsWith("[]")) {
|
122
122
|
for (let i in self.data[key]) {
|
123
123
|
let file = self.data[key][i];
|
124
|
-
form_data.append(self.
|
124
|
+
form_data.append(self.props["for"] + "[" + key.slice(0, -2) + "][]", file);
|
125
125
|
}
|
126
126
|
} else {
|
127
127
|
if (self.data[key] != null){
|
128
|
-
form_data.append(self.
|
128
|
+
form_data.append(self.props["for"] + "[" + key + "]", self.data[key]);
|
129
129
|
}
|
130
130
|
}
|
131
131
|
}
|
132
132
|
axios_config = {
|
133
|
-
method: self.
|
134
|
-
url: self.
|
133
|
+
method: self.props["method"],
|
134
|
+
url: self.props["submit_path"],
|
135
135
|
data: form_data,
|
136
136
|
headers: {
|
137
137
|
"X-CSRF-Token": document.getElementsByName("csrf-token")[0].getAttribute("content"),
|
@@ -140,8 +140,8 @@ const componentDef = {
|
|
140
140
|
};
|
141
141
|
} else {
|
142
142
|
axios_config = {
|
143
|
-
method: self.
|
144
|
-
url: self.
|
143
|
+
method: self.props["method"],
|
144
|
+
url: self.props["submit_path"],
|
145
145
|
data: payload,
|
146
146
|
headers: {
|
147
147
|
"X-CSRF-Token": document.getElementsByName("csrf-token")[0].getAttribute("content"),
|
@@ -152,26 +152,26 @@ const componentDef = {
|
|
152
152
|
axios(axios_config)
|
153
153
|
.then(function (response) {
|
154
154
|
self.loading = false;
|
155
|
-
if (self.
|
156
|
-
matestackEventHub.$emit(self.
|
155
|
+
if (self.props["success"] != undefined && self.props["success"]["emit"] != undefined) {
|
156
|
+
matestackEventHub.$emit(self.props["success"]["emit"], response.data);
|
157
157
|
}
|
158
158
|
// transition handling
|
159
|
-
if (self.
|
160
|
-
&& self.
|
159
|
+
if (self.props["success"] != undefined
|
160
|
+
&& self.props["success"]["transition"] != undefined
|
161
161
|
&& (
|
162
|
-
self.
|
162
|
+
self.props["success"]["transition"]["follow_response"] == undefined
|
163
163
|
||
|
164
|
-
self.
|
164
|
+
self.props["success"]["transition"]["follow_response"] === false
|
165
165
|
)
|
166
166
|
&& self.$store != undefined
|
167
167
|
) {
|
168
|
-
let path = self.
|
168
|
+
let path = self.props["success"]["transition"]["path"]
|
169
169
|
self.$store.dispatch('navigateTo', {url: path, backwards: false})
|
170
170
|
return;
|
171
171
|
}
|
172
|
-
if (self.
|
173
|
-
&& self.
|
174
|
-
&& self.
|
172
|
+
if (self.props["success"] != undefined
|
173
|
+
&& self.props["success"]["transition"] != undefined
|
174
|
+
&& self.props["success"]["transition"]["follow_response"] === true
|
175
175
|
&& self.$store != undefined
|
176
176
|
) {
|
177
177
|
let path = response.data["transition_to"] || response.request.responseURL
|
@@ -179,22 +179,22 @@ const componentDef = {
|
|
179
179
|
return;
|
180
180
|
}
|
181
181
|
// redirect handling
|
182
|
-
if (self.
|
183
|
-
&& self.
|
182
|
+
if (self.props["success"] != undefined
|
183
|
+
&& self.props["success"]["redirect"] != undefined
|
184
184
|
&& (
|
185
|
-
self.
|
185
|
+
self.props["success"]["redirect"]["follow_response"] == undefined
|
186
186
|
||
|
187
|
-
self.
|
187
|
+
self.props["success"]["redirect"]["follow_response"] === false
|
188
188
|
)
|
189
189
|
&& self.$store != undefined
|
190
190
|
) {
|
191
|
-
let path = self.
|
191
|
+
let path = self.props["success"]["redirect"]["path"]
|
192
192
|
window.location.href = path
|
193
193
|
return;
|
194
194
|
}
|
195
|
-
if (self.
|
196
|
-
&& self.
|
197
|
-
&& self.
|
195
|
+
if (self.props["success"] != undefined
|
196
|
+
&& self.props["success"]["redirect"] != undefined
|
197
|
+
&& self.props["success"]["redirect"]["follow_response"] === true
|
198
198
|
&& self.$store != undefined
|
199
199
|
) {
|
200
200
|
let path = response.data["redirect_to"] || response.request.responseURL
|
@@ -213,26 +213,26 @@ const componentDef = {
|
|
213
213
|
if (error.response && error.response.data && error.response.data.errors) {
|
214
214
|
self.errors = error.response.data.errors;
|
215
215
|
}
|
216
|
-
if (self.
|
217
|
-
matestackEventHub.$emit(self.
|
216
|
+
if (self.props["failure"] != undefined && self.props["failure"]["emit"] != undefined) {
|
217
|
+
matestackEventHub.$emit(self.props["failure"]["emit"], error.response.data);
|
218
218
|
}
|
219
219
|
// transition handling
|
220
|
-
if (self.
|
221
|
-
&& self.
|
220
|
+
if (self.props["failure"] != undefined
|
221
|
+
&& self.props["failure"]["transition"] != undefined
|
222
222
|
&& (
|
223
|
-
self.
|
223
|
+
self.props["failure"]["transition"]["follow_response"] == undefined
|
224
224
|
||
|
225
|
-
self.
|
225
|
+
self.props["failure"]["transition"]["follow_response"] === false
|
226
226
|
)
|
227
227
|
&& self.$store != undefined
|
228
228
|
) {
|
229
|
-
let path = self.
|
229
|
+
let path = self.props["failure"]["transition"]["path"]
|
230
230
|
self.$store.dispatch('navigateTo', {url: path, backwards: false})
|
231
231
|
return;
|
232
232
|
}
|
233
|
-
if (self.
|
234
|
-
&& self.
|
235
|
-
&& self.
|
233
|
+
if (self.props["failure"] != undefined
|
234
|
+
&& self.props["failure"]["transition"] != undefined
|
235
|
+
&& self.props["failure"]["transition"]["follow_response"] === true
|
236
236
|
&& self.$store != undefined
|
237
237
|
) {
|
238
238
|
let path = error.response.data["transition_to"] || response.request.responseURL
|
@@ -240,22 +240,22 @@ const componentDef = {
|
|
240
240
|
return;
|
241
241
|
}
|
242
242
|
// redirect handling
|
243
|
-
if (self.
|
244
|
-
&& self.
|
243
|
+
if (self.props["failure"] != undefined
|
244
|
+
&& self.props["failure"]["redirect"] != undefined
|
245
245
|
&& (
|
246
|
-
self.
|
246
|
+
self.props["failure"]["redirect"]["follow_response"] == undefined
|
247
247
|
||
|
248
|
-
self.
|
248
|
+
self.props["failure"]["redirect"]["follow_response"] === false
|
249
249
|
)
|
250
250
|
&& self.$store != undefined
|
251
251
|
) {
|
252
|
-
let path = self.
|
252
|
+
let path = self.props["failure"]["redirect"]["path"]
|
253
253
|
window.location.href = path
|
254
254
|
return;
|
255
255
|
}
|
256
|
-
if (self.
|
257
|
-
&& self.
|
258
|
-
&& self.
|
256
|
+
if (self.props["failure"] != undefined
|
257
|
+
&& self.props["failure"]["redirect"] != undefined
|
258
|
+
&& self.props["failure"]["redirect"]["follow_response"] === true
|
259
259
|
&& self.$store != undefined
|
260
260
|
) {
|
261
261
|
let path = error.response.data["redirect_to"] || response.request.responseURL
|
@@ -0,0 +1,64 @@
|
|
1
|
+
module Matestack
|
2
|
+
module Ui
|
3
|
+
module VueJs
|
4
|
+
module Components
|
5
|
+
module Form
|
6
|
+
class Form < Matestack::Ui::VueJs::Vue
|
7
|
+
vue_name 'matestack-ui-core-form'
|
8
|
+
|
9
|
+
optional :for, :path, :success, :failure, :multipart, :emit, :delay, :errors
|
10
|
+
|
11
|
+
# setup form context to allow child components like inputs to access the form configuration
|
12
|
+
def initialize(html_tag = nil, text = nil, options = {}, &block)
|
13
|
+
previous_form_context = Matestack::Ui::VueJs::Components::Form::Context.form_context
|
14
|
+
Matestack::Ui::VueJs::Components::Form::Context.form_context = self
|
15
|
+
super(html_tag, text, options, &block)
|
16
|
+
Matestack::Ui::VueJs::Components::Form::Context.form_context = previous_form_context
|
17
|
+
end
|
18
|
+
|
19
|
+
def response
|
20
|
+
form attributes do
|
21
|
+
yield
|
22
|
+
end
|
23
|
+
end
|
24
|
+
|
25
|
+
def attributes
|
26
|
+
{
|
27
|
+
class: 'matestack-form',
|
28
|
+
'v-bind:class': "{ 'has-errors': hasErrors(), loading: loading }",
|
29
|
+
'@submit.prevent': 'perform',
|
30
|
+
}
|
31
|
+
end
|
32
|
+
|
33
|
+
def vue_props
|
34
|
+
{
|
35
|
+
for: for_attribute,
|
36
|
+
submit_path: ctx.path,
|
37
|
+
method: form_method,
|
38
|
+
success: ctx.success,
|
39
|
+
failure: ctx.failure,
|
40
|
+
multipart: !!ctx.multipart,
|
41
|
+
emit: ctx.emit,
|
42
|
+
delay: ctx.delay,
|
43
|
+
}
|
44
|
+
end
|
45
|
+
|
46
|
+
def for_attribute
|
47
|
+
return for_option.model_name.singular if for_option.respond_to?(:model_name)
|
48
|
+
for_option
|
49
|
+
end
|
50
|
+
|
51
|
+
def for_option
|
52
|
+
@for_option ||= ctx.for
|
53
|
+
end
|
54
|
+
|
55
|
+
def form_method
|
56
|
+
@form_method ||= options.delete(:method)
|
57
|
+
end
|
58
|
+
|
59
|
+
end
|
60
|
+
end
|
61
|
+
end
|
62
|
+
end
|
63
|
+
end
|
64
|
+
end
|
data/{app/concepts/matestack/ui/core/form/input → lib/matestack/ui/vue_js/components/form}/input.js
RENAMED
@@ -1,7 +1,7 @@
|
|
1
1
|
import Vue from "vue/dist/vue.esm";
|
2
2
|
|
3
|
-
import formInputMixin from "./
|
4
|
-
import componentMixin from "
|
3
|
+
import formInputMixin from "./input_mixin";
|
4
|
+
import componentMixin from "../mixin";
|
5
5
|
|
6
6
|
const componentDef = {
|
7
7
|
mixins: [componentMixin, formInputMixin],
|