matestack-ui-core 0.7.2

data/app/concepts/matestack/ui/core/form/form.rb

@@ -0,0 +1,71 @@
+module Matestack::Ui::Core::Form
+  class Form < Matestack::Ui::Core::Component::Dynamic
+
+    REQUIRED_KEYS = [:for, :path, :method]
+
+    def setup
+      begin
+        @component_config[:for] = form_wrapper
+        @component_config[:submit_path] = submit_path
+        @component_config[:method] = options[:method]
+        @component_config[:success] = options[:success]
+        unless options[:success].nil?
+          unless options[:success][:transition].nil?
+            @component_config[:success][:transition][:path] = transition_path options[:success]
+          end
+        end
+        @component_config[:failure] = options[:failure]
+        unless options[:failure].nil?
+          unless options[:failure][:transition].nil?
+            @component_config[:failure][:transition][:path] = transition_path options[:failure]
+          end
+        end
+        @tag_attributes.merge!({"@submit.prevent": true})
+      rescue => e
+        raise "Form component could not be setted up. Reason: #{e}"
+      end
+    end
+
+    def submit_path
+      begin
+        if options[:path].is_a?(Symbol)
+          return ::Rails.application.routes.url_helpers.send(options[:path], options[:params])
+        else
+          return options[:path]
+        end
+      rescue
+        raise "Submit path not found"
+      end
+    end
+
+    def transition_path callback_options
+      begin
+        if callback_options[:transition][:path].is_a?(Symbol)
+          return ::Rails.application.routes.url_helpers.send(
+            callback_options[:transition][:path],
+            callback_options[:transition][:params]
+          )
+        else
+          return callback_options[:transition][:path]
+        end
+      rescue
+        raise "Transition path not found"
+      end
+    end
+
+    def form_wrapper
+      case options[:for]
+      when Symbol
+        return options[:for]
+      when String
+        return options[:for]
+      end
+
+      if options[:for].respond_to?(:model_name)
+        return options[:for].model_name.singular
+      end
+    end
+
+
+  end
+end

data/app/concepts/matestack/ui/core/form/inline/inline.haml

@@ -0,0 +1,6 @@
+%div{"v-if": "!showInlineForm", "@click": "launchInlineForm(\"#{options[:key]}\", \"#{options[:value]}\")"}
+  = options[:value]
+%div{"v-if": "showInlineForm"}
+  %input{"ref": "inlineinput", "v-model": input_key, "@blur": "perform", "@keyup.esc": "closeInlineForm", class: options[:class], id: component_id}
+    - if block_given?
+      = yield

data/app/concepts/matestack/ui/core/form/inline/inline.rb

@@ -0,0 +1,9 @@
+module Matestack::Ui::Core::Form::Inline
+  class Inline < Matestack::Ui::Core::Component::Static
+
+    def input_key
+      'data["' + options[:key].to_s + '"]'
+    end
+
+  end
+end

data/app/concepts/matestack/ui/core/form/input/input.haml

@@ -0,0 +1,27 @@
+- if options[:label]
+  %label=options[:label]
+
+- if [:text, :number, :email, :date, :password].include?(options[:type])
+  %input{@tag_attributes,
+    "v-model#{'.number' if options[:type] == :number}": input_key,
+    type: options[:type],
+    "@change": "inputChanged(\"#{attr_key}\")",
+    ref: "input.#{attr_key}",
+    placeholder: options[:placeholder],
+    "init-value": init_value}
+  %span{class: "errors", "v-if": error_key }
+    %span{class: "error", "v-for": "error in  #{error_key}"}
+      {{ error }}
+
+- if options[:type] == :textarea
+  %textarea{@tag_attributes,
+    "v-model": input_key,
+    "@change": "inputChanged(\"#{attr_key}\")",
+    ref: "input.#{attr_key}",
+    placeholder: options[:placeholder],
+    "init-value": init_value,
+    rows: options[:rows],
+    cols: options[:cols]}
+  %span{class: "errors", "v-if": error_key }
+    %span{class: "error", "v-for": "error in  #{error_key}"}
+      {{ error }}

data/app/concepts/matestack/ui/core/form/input/input.rb

@@ -0,0 +1,74 @@
+module Matestack::Ui::Core::Form::Input
+  class Input < Matestack::Ui::Core::Component::Static
+
+    REQUIRED_KEYS = [:key, :type]
+
+    def custom_options_validation
+      raise "included form config is missing, please add ':include' to parent form component" if @included_config.nil?
+    end
+
+    def input_key
+      'data["' + options[:key].to_s + '"]'
+    end
+
+    def error_key
+      'errors["' + options[:key].to_s + '"]'
+    end
+
+    def input_wrapper
+      case options[:for]
+      when nil
+        return nil
+      when Symbol
+        return options[:for]
+      when String
+        return options[:for]
+      end
+      if options[:for].respond_to?(:model_name)
+        return options[:for].model_name.singular
+      end
+    end
+
+    def attr_key
+      if input_wrapper.nil?
+        return options[:key].to_s
+      else
+        return "#{input_wrapper}.#{options[:key].to_s}"
+      end
+    end
+
+    def init_value
+      unless options[:init].nil?
+        return options[:init]
+      end
+
+      unless options[:for].nil?
+        value = options[:for].send(options[:key])
+        if [true, false].include? value
+          value ? 1 : 0
+        else
+          return value
+        end
+      else
+        unless @included_config.nil? && @included_config[:for].nil?
+          if @included_config[:for].respond_to?(options[:key])
+            value = @included_config[:for].send(options[:key])
+            if [true, false].include? value
+              value ? 1 : 0
+            else
+              return value
+            end
+          else
+            if @included_config[:for].is_a?(Symbol) || @included_config[:for].is_a?(String)
+              return nil
+            end
+            if @included_config[:for].is_a?(Hash)
+              return @included_config[:for][options[:key]]
+            end
+          end
+        end
+      end
+    end
+
+  end
+end

data/app/concepts/matestack/ui/core/form/select/select.haml

@@ -0,0 +1,76 @@
+- if options[:label]
+
+  %label=options[:label]
+
+- if options[:type] == :dropdown
+
+  %select{@tag_attributes,
+    "#{model_binding}" => input_key,
+    ref: "select.#{attr_key}",
+    "@change": "inputChanged(\"#{attr_key}\")",
+    "init-value": init_value,
+    "value-type": options_type}
+    %option{disabled: true}= options[:placeholder]
+    - if options[:options].is_a?(Hash)
+      - options[:options].each do |key, value|
+        %option{value: key}=value
+    - if options[:options].is_a?(Array)
+      - options[:options].each do |option|
+        %option{value: option}=option
+  %span{class: "errors", "v-if": error_key }
+    %span{class: "error", "v-for": "error in  #{error_key}"}
+      {{ error }}
+
+- if options[:type] == :checkbox
+
+  %div{id: component_id, ref: "select.multiple.#{attr_key}", "init-value": init_value}
+    - if options[:options].is_a?(Hash)
+      - options[:options].each do |key, value|
+        %input{@tag_attributes,
+        type: :checkbox,
+        "#{model_binding}": input_key,
+        "@change": "inputChanged(\"#{attr_key}\")",
+        "value-type": options_type,
+        name: value,
+        value: key}/
+        %label=value
+    - if options[:options].is_a?(Array)
+      - options[:options].each do |value|
+        %input{@tag_attributes,
+        type: :checkbox,
+        "#{model_binding}": input_key,
+        "@change": "inputChanged(\"#{attr_key}\")",
+        "value-type": options_type,
+        name: value,
+        value: value}/
+        %label=value
+  %span{class: "errors", "v-if": error_key }
+    %span{class: "error", "v-for": "error in  #{error_key}"}
+      {{ error }}
+
+- if options[:type] == :radio
+
+  %div{id: component_id, ref: "select.#{attr_key}", "init-value": init_value}
+    - if options[:options].is_a?(Hash)
+      - options[:options].each do |key, value|
+        %input{@tag_attributes,
+        type: :radio,
+        "#{model_binding}": input_key,
+        "@change": "inputChanged(\"#{attr_key}\")",
+        "value-type": options_type,
+        name: value,
+        value: key}/
+        %label=value
+    - if options[:options].is_a?(Array)
+      - options[:options].each do |value|
+        %input{@tag_attributes,
+        type: :radio,
+        "#{model_binding}": input_key,
+        "@change": "inputChanged(\"#{attr_key}\")",
+        "value-type": options_type,
+        name: value,
+        value: value}/
+        %label=value
+  %span{class: "errors", "v-if": error_key }
+    %span{class: "error", "v-for": "error in  #{error_key}"}
+      {{ error }}

data/app/concepts/matestack/ui/core/form/select/select.rb

@@ -0,0 +1,73 @@
+module Matestack::Ui::Core::Form::Select
+  class Select < Matestack::Ui::Core::Component::Static
+
+    REQUIRED_KEYS = [:options]
+
+    def input_key
+      'data["' + options[:key].to_s + '"]'
+    end
+
+    def error_key
+      'errors["' + options[:key].to_s + '"]'
+    end
+
+    def attr_key
+      options[:key].to_s
+    end
+
+    def option_values
+      values = options[:options] if options[:options].is_a?(Array)
+      values = options[:options].keys if options[:options].is_a?(Hash)
+      return values
+    end
+
+    def options_type
+      return Integer if option_values.first.is_a?(Integer)
+      return String if option_values.first.is_a?(String)
+    end
+
+    def model_binding
+
+      if option_values.first.is_a?(Integer)
+        return "v-model.number"
+      else
+        return "v-model"
+      end
+    end
+
+    def init_value
+      unless options[:init].nil?
+        return options[:init]
+      end
+
+      unless options[:for].nil?
+        value = options[:for].send(options[:key])
+        if [true, false].include? value
+          value ? 1 : 0
+        else
+          return value
+        end
+      else
+        unless @included_config.nil? && @included_config[:for].nil?
+          if @included_config[:for].respond_to?(options[:key])
+            value = @included_config[:for].send(options[:key])
+            if [true, false].include? value
+              value ? 1 : 0
+            else
+              return value
+            end
+          else
+            if @included_config[:for].is_a?(Symbol) || @included_config[:for].is_a?(String)
+              return nil
+            end
+            if @included_config[:for].is_a?(Hash)
+              return @included_config[:for][options[:key]]
+            end
+          end
+        end
+      end
+    end
+
+
+  end
+end

data/app/concepts/matestack/ui/core/form/submit/submit.haml

@@ -0,0 +1,3 @@
+%span{@tag_attributes}
+  - if block_given?
+    = yield

data/app/concepts/matestack/ui/core/form/submit/submit.rb

@@ -0,0 +1,9 @@
+module Matestack::Ui::Core::Form::Submit
+  class Submit < Matestack::Ui::Core::Component::Static
+
+    def setup
+      @tag_attributes.merge!({ "@click.prevent": "perform" })
+    end
+
+  end
+end

data/app/concepts/matestack/ui/core/header/header.haml

@@ -0,0 +1,3 @@
+%header{@tag_attributes}
+  - if block_given?
+    = yield

data/app/concepts/matestack/ui/core/header/header.rb

@@ -0,0 +1,5 @@
+module Matestack::Ui::Core::Header
+  class Header < Matestack::Ui::Core::Component::Static
+
+  end
+end

data/app/concepts/matestack/ui/core/heading/heading.haml

@@ -0,0 +1,50 @@
+- case options[:size]
+- when 1
+  %h1{@tag_attributes}
+    - if options[:text].blank?
+      - if block_given?
+        = yield
+    - else
+      = options[:text]
+- when 2
+  %h2{@tag_attributes}
+    - if options[:text].blank?
+      - if block_given?
+        = yield
+    - else
+      = options[:text]
+- when 3
+  %h3{@tag_attributes}
+    - if options[:text].blank?
+      - if block_given?
+        = yield
+    - else
+      = options[:text]
+- when 4
+  %h4{@tag_attributes}
+    - if options[:text].blank?
+      - if block_given?
+        = yield
+    - else
+      = options[:text]
+- when 5
+  %h5{@tag_attributes}
+    - if options[:text].blank?
+      - if block_given?
+        = yield
+    - else
+      = options[:text]
+- when 6
+  %h6{@tag_attributes}
+    - if options[:text].blank?
+      - if block_given?
+        = yield
+    - else
+      = options[:text]
+- else
+  %h1{@tag_attributes}
+    - if options[:text].blank?
+      - if block_given?
+        = yield
+    - else
+      = options[:text]

data/app/concepts/matestack/ui/core/heading/heading.rb

@@ -0,0 +1,5 @@
+module Matestack::Ui::Core::Heading
+  class Heading < Matestack::Ui::Core::Component::Static
+
+  end
+end

data/app/concepts/matestack/ui/core/hr/hr.haml

@@ -0,0 +1 @@
+%hr{@tag_attributes}

data/app/concepts/matestack/ui/core/hr/hr.rb

@@ -0,0 +1,5 @@
+module Matestack::Ui::Core::Hr
+  class Hr < Matestack::Ui::Core::Component::Static
+
+  end
+end

data/app/concepts/matestack/ui/core/html/html.haml

@@ -0,0 +1,3 @@
+%div{"id": custom_id, "data-matestack-id": component_id}
+  = include_partial do
+    = yield

data/app/concepts/matestack/ui/core/html/html.js

@@ -0,0 +1,10 @@
+import Vue from 'vue/dist/vue.esm'
+import componentMixin from 'component/component'
+
+const componentDef = {
+  mixins: [componentMixin]
+}
+
+let component = Vue.component('matestack-ui-core-html', componentDef)
+
+export default component