matestack-ui-core 2.1.1 → 3.0.0

data/lib/matestack/ui/vue_js/components/form/checkbox.rb

@@ -1,105 +0,0 @@
-module Matestack
-  module Ui
-    module VueJs
-      module Components
-        module Form
-          class Checkbox < Matestack::Ui::VueJs::Components::Form::Base
-            vue_name 'matestack-ui-core-form-checkbox'
-
-            def response
-              div class: 'matestack-ui-core-form-checkbox' do
-                render_options
-                render_errors
-              end
-            end
-
-            def render_options
-              if checkbox_options
-                render_checkbox_options
-              else
-                render_true_false_checkbox
-              end
-            end
-
-            def component_id
-              "checkbox-component-for-#{key}"
-            end
-
-            def vue_props
-              {
-                init_value: init_value,
-                key: key,
-              }
-            end
-
-            # checkbox rendering
-
-            def render_checkbox_options
-              checkbox_options.to_a.each do |item|
-                input checkbox_attributes(item)
-                label item_label(item), ":for": item_id(item)
-              end
-            end
-
-            def checkbox_attributes(item)
-              {
-                ":id": item_id(item),
-                type: :checkbox,
-                name: item_label(item),
-                value: item_value(item),
-                ref: "select.multiple.#{key}",
-                '@change': change_event,
-                'init-value': (init_value || []).to_json,
-                'v-bind:class': "{ '#{error_class}': #{error_key} }",
-                'value-type': value_type(item),
-                "#{v_model_type(item)}": input_key,
-              }.merge(self.options)
-            end
-
-            def render_true_false_checkbox
-              input true_false_checkbox_attributes.merge(type: :hidden, ":id": nil, value: 0)
-              input true_false_checkbox_attributes.merge(type: :checkbox, ":id": item_id(1))
-              label input_label, ":for": item_id(1) if input_label
-            end
-
-            def true_false_checkbox_attributes
-              attributes.merge({
-                'init-value': init_value_for_single_input,
-              })
-            end
-
-            def init_value_for_single_input
-              if init_value == true || init_value == 1
-                return "true"
-              end
-              if init_value == false || init_value == 0
-                return "false"
-              end
-            end
-
-            # checkbox options
-
-            def checkbox_options
-              @checkbox_options ||= options.delete(:options)
-            end
-
-            # calculated attributes
-
-            def item_value(item)
-              item.is_a?(Array) ? item.last : item
-            end
-
-            def item_label(item)
-              item.is_a?(Array) ? item.first : item
-            end
-
-            def item_id(item)
-              "#{id}+'_#{item_value(item).to_s.gsub(" ", '_')}'"
-            end
-
-          end
-        end
-      end
-    end
-  end
-end

data/lib/matestack/ui/vue_js/components/form/checkbox_mixin.js

@@ -1,70 +0,0 @@
-const formCheckboxMixin = {
-  methods: {
-    initialize: function(){
-      const self = this
-      let data = {};
-
-      for (let key in self.$refs) {
-        let initValue = self.$refs[key]["attributes"]["init-value"];
-        let valueType = self.$refs[key]["attributes"]["value-type"];
-
-        if (key.startsWith("select.")) {
-          if (key.startsWith("select.multiple.")) {
-            self.$set(self.$parent.data, key.replace("select.multiple.", ""), null)
-            if (initValue) {
-              self.setValue(JSON.parse(initValue["value"]));
-              self.afterInitialize(JSON.parse(initValue["value"]))
-            } else {
-              self.setValue([]);
-              self.afterInitialize([]);
-            }
-          } else {
-            self.$set(self.$parent.data, key.replace("select.", ""), null)
-            if (initValue) {
-              if (valueType && valueType["value"] == "Integer") {
-                self.setValue(parseInt(initValue["value"]));
-                self.afterInitialize(parseInt(initValue["value"]))
-              } else {
-                self.setValue(initValue["value"]);
-                self.afterInitialize(initValue["value"])
-              }
-            } else {
-              self.setValue(null);
-              self.afterInitialize(null)
-            }
-          }
-        } else {
-          self.$set(self.$parent.data, key.replace("input.", ""), null)
-          if (initValue) {
-            if(initValue["value"] === "true"){
-              self.setValue(true);
-              self.afterInitialize(true)
-            }
-            if(initValue["value"] === "false"){
-              self.setValue(false);
-              self.afterInitialize(false)
-            }
-          } else {
-            self.setValue(null);
-            self.afterInitialize(null)
-          }
-        }
-      }
-    },
-    inputChanged: function (key) {
-      if (this.$parent.isNestedForm){
-        this.$parent.data["_destroy"] = false;
-      }
-      this.$parent.resetErrors(key);
-    },
-    afterInitialize: function(value){
-      // can be used in the main component for further initialization steps
-    },
-    setValue: function (value){
-      this.$parent.data[this.props["key"]] = value
-    }
-  }
-
-}
-
-export default formCheckboxMixin

data/lib/matestack/ui/vue_js/components/form/context.rb

@@ -1,15 +0,0 @@
-module Matestack
-  module Ui
-    module VueJs
-      module Components
-        module Form
-          class Context < ActiveSupport::CurrentAttributes
-            
-            attribute :form_context
-            
-          end
-        end
-      end
-    end
-  end
-end

data/lib/matestack/ui/vue_js/components/form/fields_for_add_item.rb

@@ -1,35 +0,0 @@
-module Matestack
-  module Ui
-    module VueJs
-      module Components
-        module Form
-          class FieldsForAddItem < Matestack::Ui::Component
-
-            required :key
-
-            required :prototype
-
-            attr_accessor :prototype_template_json
-
-            def create_children(&block)
-              # first render prototype_template_json
-              self.prototype_template_json = context.prototype.call().to_json
-              # delete from children in order not to render the prototype
-              self.children.shift
-              super
-            end
-
-            def response
-              div id: "prototype-template-for-#{context.key}", "v-pre": true, data: { ":template":  self.prototype_template_json }
-              Matestack::Ui::Core::Base.new('v-runtime-template', ':template': "nestedFormRuntimeTemplates['#{context.key}']")
-              a class: 'matestack-ui-core-form-fields-for-add-item', "@click.prevent": "addItem('#{context.key}')" do
-                yield if block_given?
-              end
-            end
-
-          end
-        end
-      end
-    end
-  end
-end

data/lib/matestack/ui/vue_js/components/form/fields_for_remove_item.rb

@@ -1,19 +0,0 @@
-module Matestack
-  module Ui
-    module VueJs
-      module Components
-        module Form
-          class FieldsForRemoveItem < Matestack::Ui::Component
-
-            def response
-              a class: 'matestack-ui-core-form-fields-for-remove-item', "@click.prevent": "removeItem()" do
-                yield if block_given?
-              end
-            end
-
-          end
-        end
-      end
-    end
-  end
-end