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
@@ -0,0 +1,29 @@
|
|
1
|
+
module Matestack
|
2
|
+
module Ui
|
3
|
+
module VueJs
|
4
|
+
module Components
|
5
|
+
module Collection
|
6
|
+
|
7
|
+
class Filter < Matestack::Ui::VueJs::Components::Form::Form
|
8
|
+
vue_name 'matestack-ui-core-collection-filter'
|
9
|
+
|
10
|
+
required :id
|
11
|
+
required :filter_state
|
12
|
+
|
13
|
+
def vue_props
|
14
|
+
super.merge({
|
15
|
+
id: ctx.id
|
16
|
+
})
|
17
|
+
end
|
18
|
+
|
19
|
+
def for_option
|
20
|
+
OpenStruct.new(ctx.filter_state)
|
21
|
+
end
|
22
|
+
|
23
|
+
end
|
24
|
+
|
25
|
+
end
|
26
|
+
end
|
27
|
+
end
|
28
|
+
end
|
29
|
+
end
|
@@ -0,0 +1,19 @@
|
|
1
|
+
module Matestack
|
2
|
+
module Ui
|
3
|
+
module VueJs
|
4
|
+
module Components
|
5
|
+
module Collection
|
6
|
+
class FilterReset < Matestack::Ui::Component
|
7
|
+
|
8
|
+
def response
|
9
|
+
a '@click': 'resetFilter()' do
|
10
|
+
yield
|
11
|
+
end
|
12
|
+
end
|
13
|
+
|
14
|
+
end
|
15
|
+
end
|
16
|
+
end
|
17
|
+
end
|
18
|
+
end
|
19
|
+
end
|
data/{app/concepts/matestack/ui/core → lib/matestack/ui/vue_js/components}/collection/helper.rb
RENAMED
@@ -1,64 +1,4 @@
|
|
1
|
-
module Matestack::Ui::
|
2
|
-
|
3
|
-
CollectionConfig = Struct.new(:id, :init_offset, :init_limit, :filtered_count, :base_count, :data, :params) do
|
4
|
-
|
5
|
-
def paginated_data
|
6
|
-
resulting_data = data
|
7
|
-
resulting_data = resulting_data.offset(get_collection_offset) unless get_collection_offset == 0
|
8
|
-
resulting_data = resulting_data.limit(get_collection_limit) unless get_collection_limit == 0
|
9
|
-
|
10
|
-
return resulting_data
|
11
|
-
end
|
12
|
-
|
13
|
-
def get_collection_offset
|
14
|
-
(params["#{id}-offset".to_sym] ||= init_offset).to_i
|
15
|
-
end
|
16
|
-
|
17
|
-
def get_collection_limit
|
18
|
-
(params["#{id}-limit".to_sym] ||= init_limit).to_i
|
19
|
-
end
|
20
|
-
|
21
|
-
def pages
|
22
|
-
offset = get_collection_offset
|
23
|
-
limit = get_collection_limit
|
24
|
-
if filtered_count.present?
|
25
|
-
count = filtered_count
|
26
|
-
else
|
27
|
-
count = base_count
|
28
|
-
end
|
29
|
-
page_count = count/limit
|
30
|
-
page_count += 1 if count%limit > 0
|
31
|
-
return (1..page_count).to_a
|
32
|
-
end
|
33
|
-
|
34
|
-
def from
|
35
|
-
return get_collection_offset + 1 if to > 0
|
36
|
-
return 0 if to == 0
|
37
|
-
end
|
38
|
-
|
39
|
-
def to
|
40
|
-
current_to = get_collection_offset + get_collection_limit
|
41
|
-
if filtered_count.present?
|
42
|
-
if current_to > filtered_count
|
43
|
-
return filtered_count
|
44
|
-
else
|
45
|
-
return current_to
|
46
|
-
end
|
47
|
-
else
|
48
|
-
if current_to > base_count
|
49
|
-
return base_count
|
50
|
-
else
|
51
|
-
return current_to
|
52
|
-
end
|
53
|
-
end
|
54
|
-
end
|
55
|
-
|
56
|
-
def config
|
57
|
-
self.to_h.except(:context)
|
58
|
-
end
|
59
|
-
|
60
|
-
end
|
61
|
-
|
1
|
+
module Matestack::Ui::VueJs::Components::Collection
|
62
2
|
module Helper
|
63
3
|
|
64
4
|
def get_collection_filter collection_id, key=nil
|
@@ -66,7 +6,7 @@ module Matestack::Ui::Core::Collection
|
|
66
6
|
controller_params.each do |param_key, param_value|
|
67
7
|
if param_key.start_with?("#{collection_id}-filter-")
|
68
8
|
param_key.gsub("#{collection_id}-filter-", "")
|
69
|
-
filter_hash[param_key.gsub("#{collection_id}-filter-", "").to_sym] = param_value
|
9
|
+
filter_hash[param_key.gsub("#{collection_id}-filter-", "").to_sym] = JSON.parse(param_value)
|
70
10
|
end
|
71
11
|
end
|
72
12
|
if key.nil?
|
@@ -108,6 +48,7 @@ module Matestack::Ui::Core::Collection
|
|
108
48
|
base_count,
|
109
49
|
data,
|
110
50
|
controller_params,
|
51
|
+
get_collection_filter(id)
|
111
52
|
)
|
112
53
|
|
113
54
|
@collections[id.to_sym] = collection_config
|
@@ -115,13 +56,73 @@ module Matestack::Ui::Core::Collection
|
|
115
56
|
return collection_config
|
116
57
|
end
|
117
58
|
|
118
|
-
# try to get params from either controller params, when called in a rails legacy view or
|
119
|
-
# from cells context when called in a matestack app/page/component
|
120
59
|
def controller_params
|
121
|
-
return context[:params] if defined? context
|
122
60
|
return params.to_unsafe_h if defined? params
|
123
61
|
raise 'collection component is missing access to params or context'
|
124
62
|
end
|
125
63
|
|
126
64
|
end
|
65
|
+
|
66
|
+
CollectionConfig = Struct.new(:id, :init_offset, :init_limit, :filtered_count, :base_count, :data, :params, :filter_state) do
|
67
|
+
|
68
|
+
def paginated_data
|
69
|
+
resulting_data = data
|
70
|
+
resulting_data = resulting_data.offset(get_collection_offset) unless get_collection_offset == 0
|
71
|
+
resulting_data = resulting_data.limit(get_collection_limit) unless get_collection_limit == 0
|
72
|
+
|
73
|
+
return resulting_data
|
74
|
+
end
|
75
|
+
|
76
|
+
def get_collection_offset
|
77
|
+
(params["#{id}-offset".to_sym] ||= init_offset).to_i
|
78
|
+
end
|
79
|
+
|
80
|
+
def get_collection_limit
|
81
|
+
(params["#{id}-limit".to_sym] ||= init_limit).to_i
|
82
|
+
end
|
83
|
+
|
84
|
+
def pages
|
85
|
+
offset = get_collection_offset
|
86
|
+
limit = get_collection_limit
|
87
|
+
if filtered_count.present?
|
88
|
+
count = filtered_count
|
89
|
+
else
|
90
|
+
count = base_count
|
91
|
+
end
|
92
|
+
page_count = count/limit
|
93
|
+
page_count += 1 if count%limit > 0
|
94
|
+
return (1..page_count).to_a
|
95
|
+
end
|
96
|
+
|
97
|
+
def from
|
98
|
+
return get_collection_offset + 1 if to > 0
|
99
|
+
return 0 if to == 0
|
100
|
+
end
|
101
|
+
|
102
|
+
def to
|
103
|
+
current_to = get_collection_offset + get_collection_limit
|
104
|
+
if filtered_count.present?
|
105
|
+
if current_to > filtered_count
|
106
|
+
return filtered_count
|
107
|
+
else
|
108
|
+
return current_to
|
109
|
+
end
|
110
|
+
else
|
111
|
+
if current_to > base_count
|
112
|
+
return base_count
|
113
|
+
else
|
114
|
+
return current_to
|
115
|
+
end
|
116
|
+
end
|
117
|
+
end
|
118
|
+
|
119
|
+
def filter_state
|
120
|
+
|
121
|
+
end
|
122
|
+
|
123
|
+
def config
|
124
|
+
self.to_h.except(:context)
|
125
|
+
end
|
126
|
+
|
127
|
+
end
|
127
128
|
end
|
@@ -0,0 +1,19 @@
|
|
1
|
+
module Matestack
|
2
|
+
module Ui
|
3
|
+
module VueJs
|
4
|
+
module Components
|
5
|
+
module Collection
|
6
|
+
class Next < Matestack::Ui::Component
|
7
|
+
|
8
|
+
def response
|
9
|
+
a options.merge('@click': 'next()') do
|
10
|
+
yield
|
11
|
+
end
|
12
|
+
end
|
13
|
+
|
14
|
+
end
|
15
|
+
end
|
16
|
+
end
|
17
|
+
end
|
18
|
+
end
|
19
|
+
end
|
@@ -0,0 +1,46 @@
|
|
1
|
+
import Vue from 'vue/dist/vue.esm'
|
2
|
+
import matestackEventHub from '../../event_hub'
|
3
|
+
import queryParamsHelper from '../../helpers/query_params_helper'
|
4
|
+
import componentMixin from '../mixin'
|
5
|
+
|
6
|
+
const componentDef = {
|
7
|
+
mixins: [componentMixin],
|
8
|
+
data: function(){
|
9
|
+
return {
|
10
|
+
ordering: {}
|
11
|
+
}
|
12
|
+
},
|
13
|
+
methods: {
|
14
|
+
toggleOrder: function(key){
|
15
|
+
if (this.ordering[key] == undefined) {
|
16
|
+
this.ordering[key] = "asc"
|
17
|
+
} else if (this.ordering[key] == "asc") {
|
18
|
+
this.ordering[key] = "desc"
|
19
|
+
} else if (this.ordering[key] == "desc") {
|
20
|
+
this.ordering[key] = undefined
|
21
|
+
}
|
22
|
+
var url;
|
23
|
+
url = queryParamsHelper.updateQueryParams(this.props["id"] + "-order-" + key, this.ordering[key])
|
24
|
+
url = queryParamsHelper.updateQueryParams(this.props["id"] + "-offset", 0, url)
|
25
|
+
window.history.pushState({matestackApp: true, url: url}, null, url);
|
26
|
+
matestackEventHub.$emit(this.props["id"] + "-update")
|
27
|
+
this.$forceUpdate()
|
28
|
+
},
|
29
|
+
orderIndicator(key, indicators){
|
30
|
+
return indicators[this.ordering[key]]
|
31
|
+
}
|
32
|
+
},
|
33
|
+
created: function(){
|
34
|
+
var self = this;
|
35
|
+
var queryParamsObject = queryParamsHelper.queryParamsToObject()
|
36
|
+
Object.keys(queryParamsObject).forEach(function(key){
|
37
|
+
if (key.startsWith(self.props["id"] + "-order-")){
|
38
|
+
self.ordering[key.replace(self.props["id"] + "-order-", "")] = queryParamsObject[key]
|
39
|
+
}
|
40
|
+
})
|
41
|
+
}
|
42
|
+
}
|
43
|
+
|
44
|
+
let component = Vue.component('matestack-ui-core-collection-order', componentDef)
|
45
|
+
|
46
|
+
export default componentDef
|
@@ -0,0 +1,28 @@
|
|
1
|
+
module Matestack
|
2
|
+
module Ui
|
3
|
+
module VueJs
|
4
|
+
module Components
|
5
|
+
module Collection
|
6
|
+
class Order < Matestack::Ui::VueJs::Vue
|
7
|
+
vue_name 'matestack-ui-core-collection-order'
|
8
|
+
|
9
|
+
required :id
|
10
|
+
|
11
|
+
def response
|
12
|
+
div do
|
13
|
+
yield
|
14
|
+
end
|
15
|
+
end
|
16
|
+
|
17
|
+
def vue_props
|
18
|
+
{
|
19
|
+
id: ctx.id
|
20
|
+
}
|
21
|
+
end
|
22
|
+
|
23
|
+
end
|
24
|
+
end
|
25
|
+
end
|
26
|
+
end
|
27
|
+
end
|
28
|
+
end
|
@@ -0,0 +1,21 @@
|
|
1
|
+
module Matestack
|
2
|
+
module Ui
|
3
|
+
module VueJs
|
4
|
+
module Components
|
5
|
+
module Collection
|
6
|
+
class OrderToggle < Matestack::Ui::Component
|
7
|
+
|
8
|
+
required :key
|
9
|
+
|
10
|
+
def response
|
11
|
+
a '@click': "toggleOrder(\"#{ctx.key}\")" do
|
12
|
+
yield
|
13
|
+
end
|
14
|
+
end
|
15
|
+
|
16
|
+
end
|
17
|
+
end
|
18
|
+
end
|
19
|
+
end
|
20
|
+
end
|
21
|
+
end
|
@@ -0,0 +1,30 @@
|
|
1
|
+
module Matestack
|
2
|
+
module Ui
|
3
|
+
module VueJs
|
4
|
+
module Components
|
5
|
+
module Collection
|
6
|
+
class OrderToggleIndicator < Matestack::Ui::Component
|
7
|
+
|
8
|
+
required :key, :asc, :desc
|
9
|
+
optional :default
|
10
|
+
|
11
|
+
def response
|
12
|
+
span do
|
13
|
+
span "v-if": "ordering['#{ctx.key}'] === undefined" do
|
14
|
+
plain ctx.default
|
15
|
+
end
|
16
|
+
unescaped "{{
|
17
|
+
orderIndicator(
|
18
|
+
'#{ctx.key}',
|
19
|
+
{ asc: '#{ctx.asc}', desc: '#{ctx.desc}'}
|
20
|
+
)
|
21
|
+
}}"
|
22
|
+
end
|
23
|
+
end
|
24
|
+
|
25
|
+
end
|
26
|
+
end
|
27
|
+
end
|
28
|
+
end
|
29
|
+
end
|
30
|
+
end
|
@@ -0,0 +1,21 @@
|
|
1
|
+
module Matestack
|
2
|
+
module Ui
|
3
|
+
module VueJs
|
4
|
+
module Components
|
5
|
+
module Collection
|
6
|
+
class Page < Matestack::Ui::Component
|
7
|
+
|
8
|
+
required :page
|
9
|
+
|
10
|
+
def response
|
11
|
+
a options.merge('@click': "goToPage(#{ctx.page})") do
|
12
|
+
yield
|
13
|
+
end
|
14
|
+
end
|
15
|
+
|
16
|
+
end
|
17
|
+
end
|
18
|
+
end
|
19
|
+
end
|
20
|
+
end
|
21
|
+
end
|
@@ -0,0 +1,19 @@
|
|
1
|
+
module Matestack
|
2
|
+
module Ui
|
3
|
+
module VueJs
|
4
|
+
module Components
|
5
|
+
module Collection
|
6
|
+
class Previous < Matestack::Ui::Component
|
7
|
+
|
8
|
+
def response
|
9
|
+
a options.merge('@click': 'previous()') do
|
10
|
+
yield
|
11
|
+
end
|
12
|
+
end
|
13
|
+
|
14
|
+
end
|
15
|
+
end
|
16
|
+
end
|
17
|
+
end
|
18
|
+
end
|
19
|
+
end
|
@@ -0,0 +1,167 @@
|
|
1
|
+
module Matestack
|
2
|
+
module Ui
|
3
|
+
module VueJs
|
4
|
+
module Components
|
5
|
+
module Form
|
6
|
+
class Base < Matestack::Ui::VueJs::Vue
|
7
|
+
|
8
|
+
optional :key, :type, :label, :init, :errors, :id, :multiple, :placeholder
|
9
|
+
|
10
|
+
def form_context
|
11
|
+
Matestack::Ui::VueJs::Components::Form::Context.form_context
|
12
|
+
end
|
13
|
+
|
14
|
+
# options/settings
|
15
|
+
|
16
|
+
def key
|
17
|
+
ctx.key
|
18
|
+
end
|
19
|
+
|
20
|
+
def type
|
21
|
+
ctx.type
|
22
|
+
end
|
23
|
+
|
24
|
+
def input_label
|
25
|
+
ctx.label
|
26
|
+
end
|
27
|
+
|
28
|
+
def init
|
29
|
+
ctx.init
|
30
|
+
end
|
31
|
+
|
32
|
+
def error_config
|
33
|
+
ctx.errors
|
34
|
+
end
|
35
|
+
|
36
|
+
def id
|
37
|
+
ctx.id || key
|
38
|
+
end
|
39
|
+
|
40
|
+
def multiple
|
41
|
+
ctx.multiple
|
42
|
+
end
|
43
|
+
|
44
|
+
def placeholder
|
45
|
+
ctx.placeholder
|
46
|
+
end
|
47
|
+
|
48
|
+
# calculated attributes
|
49
|
+
|
50
|
+
def attributes
|
51
|
+
(options || {}).merge({
|
52
|
+
ref: "input.#{attribute_key}",
|
53
|
+
id: id,
|
54
|
+
type: ctx.type,
|
55
|
+
multiple: ctx.multiple,
|
56
|
+
placeholder: ctx.placeholder,
|
57
|
+
'@change': change_event,
|
58
|
+
'init-value': init_value || (ctx.multiple ? [] : nil),
|
59
|
+
'v-bind:class': "{ '#{input_error_class}': #{error_key} }",
|
60
|
+
}).tap do |attrs|
|
61
|
+
attrs[:"#{v_model_type}"] = input_key unless type == :file
|
62
|
+
end
|
63
|
+
end
|
64
|
+
|
65
|
+
def attribute_key
|
66
|
+
key.to_s + "#{'[]' if ctx.multiple && ctx.type == :file}"
|
67
|
+
end
|
68
|
+
|
69
|
+
def name
|
70
|
+
attribute_key
|
71
|
+
end
|
72
|
+
|
73
|
+
def init_value
|
74
|
+
return init unless init.nil?
|
75
|
+
if form_context.for_option.respond_to?(key)
|
76
|
+
form_context.for_option.send(key)
|
77
|
+
end
|
78
|
+
end
|
79
|
+
|
80
|
+
def change_event
|
81
|
+
input_changed = "inputChanged('#{attribute_key}');"
|
82
|
+
input_changed << "filesAdded('#{attribute_key}');" if type == :file
|
83
|
+
input_changed
|
84
|
+
end
|
85
|
+
|
86
|
+
def input_key
|
87
|
+
"$parent.data['#{key}']"
|
88
|
+
end
|
89
|
+
|
90
|
+
# set v-model.number for all numeric init values or options
|
91
|
+
def v_model_type(item=nil)
|
92
|
+
if item.nil?
|
93
|
+
(type == :number || init_value.is_a?(Numeric)) ? 'v-model.number' : 'v-model'
|
94
|
+
else
|
95
|
+
item.is_a?(Integer) ? 'v-model.number' : 'v-model'
|
96
|
+
end
|
97
|
+
end
|
98
|
+
|
99
|
+
# set value-type "Integer" for all numeric init values or options
|
100
|
+
def value_type(item=nil)
|
101
|
+
if item.nil?
|
102
|
+
(type == :number || init_value.is_a?(Numeric)) ? Integer : nil
|
103
|
+
else
|
104
|
+
item.is_a?(Integer)? Integer : nil
|
105
|
+
end
|
106
|
+
end
|
107
|
+
|
108
|
+
# error rendering
|
109
|
+
|
110
|
+
def display_errors?
|
111
|
+
if form_context.ctx.errors == false
|
112
|
+
error_config ? true : false
|
113
|
+
else
|
114
|
+
error_config != false
|
115
|
+
end
|
116
|
+
end
|
117
|
+
|
118
|
+
def error_key
|
119
|
+
"$parent.errors['#{key}']"
|
120
|
+
end
|
121
|
+
|
122
|
+
def error_class
|
123
|
+
get_from_error_config(:class) || 'error'
|
124
|
+
end
|
125
|
+
|
126
|
+
def error_tag
|
127
|
+
get_from_error_config(:tag) || :div
|
128
|
+
# error_config.is_a?(Hash) && error_config.dig(:tag) || :div
|
129
|
+
end
|
130
|
+
|
131
|
+
def input_error_class
|
132
|
+
get_from_error_config(:input, :class) || 'error'
|
133
|
+
# error_config.is_a?(Hash) && error_config.dig(:input, :class) || 'error'
|
134
|
+
end
|
135
|
+
|
136
|
+
def wrapper_tag
|
137
|
+
get_from_error_config(:wrapper, :tag) || :div
|
138
|
+
# error_config.is_a?(Hash) && error_config.dig(:wrapper, :tag) || :div
|
139
|
+
end
|
140
|
+
|
141
|
+
def wrapper_error_class
|
142
|
+
get_from_error_config(:wrapper, :class) || 'errors'
|
143
|
+
# error_config.is_a?(Hash) && error_config.dig(:wrapper, :class) || 'errors'
|
144
|
+
end
|
145
|
+
|
146
|
+
def get_from_error_config(*keys)
|
147
|
+
comp_error_config = error_config.dig(*keys) if error_config.is_a?(Hash)
|
148
|
+
form_error_config = form_context.ctx.errors.dig(*keys) if form_context.ctx.errors.is_a?(Hash)
|
149
|
+
comp_error_config || form_error_config
|
150
|
+
end
|
151
|
+
|
152
|
+
def render_errors
|
153
|
+
if display_errors?
|
154
|
+
Matestack::Ui::Component.new(wrapper_tag, class: wrapper_error_class, 'v-if': error_key) do
|
155
|
+
Matestack::Ui::Component.new(error_tag, class: error_class, 'v-for': "error in #{error_key}") do
|
156
|
+
plain vue.error
|
157
|
+
end
|
158
|
+
end
|
159
|
+
end
|
160
|
+
end
|
161
|
+
|
162
|
+
end
|
163
|
+
end
|
164
|
+
end
|
165
|
+
end
|
166
|
+
end
|
167
|
+
end
|