matestack-ui-bootstrap 1.4.0 → 1.5.0

data/app/concepts/matestack/ui/bootstrap/components/chart.rb

@@ -1,71 +0,0 @@
-class Matestack::Ui::Bootstrap::Components::Chart < Matestack::Ui::VueJsComponent
-  vue_js_component_name "matestack-ui-bootstrap-chart"
-
-  requires :type
-  requires :datasets
-  optional :labels
-  optional :height
-  optional :width
-  optional :display_legend
-  optional :display_x_axes
-  optional :display_y_axes
-  optional :cutout_percentage
-  optional class: { as: :bs_class }
-
-  def setup
-    @component_config[:type] = type
-    @component_config[:datasets] = datasets
-    @component_config[:labels] = labels
-    @component_config[:display_legend] = !display_legend.nil? ? display_legend : false
-    @component_config[:display_x_axes] = !display_x_axes.nil? ? display_x_axes : true
-    @component_config[:display_y_axes] = !display_y_axes.nil? ? display_y_axes : true
-    @component_config[:display_y_axes] = !display_y_axes.nil? ? display_y_axes : true
-    @component_config[:cutout_percentage] = !cutout_percentage.nil? ? cutout_percentage : 70
-  end
-
-  def response
-    div class: "chart-container #{bs_class}", attributes: { style: "width: 100%; height: 100%;" } do
-      plain "<canvas ref='chart'></canvas>".html_safe
-    end
-  end
-
-end
-
-# chart class: "w-50", type: :bar, datasets: [
-#   {
-#     label: "€",
-#     data: [total, last_7_days, last_30_days],
-#     backgroundColor: :primary
-#   },
-# ], labels: ["total", "last 7 days", "last 30 days"]
-
-# chart type: :doughnut, datasets: [
-#   {
-#     label: "€",
-#     data: [total, last_7_days, last_30_days],
-#     backgroundColor: [:orange, :secondary, :primary]
-#   },
-# ], labels: ["total", "last 7 days", "last 30 days"]
-
-# chart type: :line, datasets: [
-#   {
-#     label: "€",
-#     data: [total, last_7_days, last_30_days],
-#     borderColor: :primary,
-#     pointRadius: 0
-#   },
-#   {
-#     label: "€",
-#     data: [last_7_days, total, last_30_days],
-#     borderColor: :danger,
-#     fill: false
-#   },
-# ], labels: ["total", "last 7 days", "last 30 days"], display_x_axes: false, display_y_axes: false
-
-# chart type: :pie, datasets: [
-#   {
-#     label: "€",
-#     data: [total, last_7_days, last_30_days],
-#     backgroundColor: [:orange, :secondary, :primary]
-#   },
-# ], labels: ["total", "last 7 days", "last 30 days"]

data/app/concepts/matestack/ui/bootstrap/form/date.js

@@ -1,38 +0,0 @@
-const bootstrap = require('bootstrap')
-import flatpickr from "flatpickr";
-
-MatestackUiCore.Vue.component('matestack-ui-bootstrap-date', {
-  mixins: [MatestackUiCore.componentMixin],
-
-  data() {
-    return {};
-  },
-
-  methods: {
-
-  },
-
-  mounted: function() {
-    const self = this
-    let data = this.$parent.data;
-    flatpickr(this.$el.querySelector('.flatpickr'), {
-      defaultDate: this.componentConfig["init_value"],
-      enableTime: (this.componentConfig["enable_time"] == true)
-    });
-    for (let key in this.$refs) {
-      let initValue = this.$refs[key]["attributes"]["init-value"];
-
-      if (initValue) {
-        data[key.replace("input.", "")] = initValue["value"];
-      } else {
-        data[key.replace("input.", "")] = null;
-      }
-    }
-    this.$parent.data = data
-
-    //without the timeout it's somehow not working
-    setTimeout(function () {
-      self.$parent.data = data
-    }, 100);
-  }
-});

data/app/concepts/matestack/ui/bootstrap/form/date.rb

@@ -1,98 +0,0 @@
-class Matestack::Ui::Bootstrap::Form::Date <  Matestack::Ui::Core::Component::Dynamic
-
-  include Matestack::Ui::Core::Form::Utils
-  include Matestack::Ui::Core::Form::HasInputHtmlAttributes
-  include Matestack::Ui::Core::Form::HasErrors
-
-  requires :key
-  optional :multiple, :init, for: { as: :input_for }, label: { as: :input_label }
-
-  optional :form_text
-  optional :disabled
-  optional :placeholder
-
-  optional :with_time
-
-  vue_js_component_name "matestack-ui-bootstrap-date"
-
-  def input_key
-    "$parent.data[\"#{key}\"]"
-  end
-
-  def error_key
-    "$parent.errors[\"#{key}\"]"
-  end
-
-  def setup
-    @component_config[:init_value] = init_value
-    @component_config[:with_time] = with_time
-  end
-
-  def response
-    div do
-      label for: attr_key,  class: "form-label", text: input_label if input_label
-      input html_attributes.merge(attributes: vue_attributes).merge(bootstrap_input_attributes)
-      render_errors
-      render_form_text if form_text
-    end
-  end
-
-  def vue_attributes
-    (options[:attributes] || {}).merge({
-      id: attr_key,
-      "@change": change_event,
-      ref: "input.#{attr_key}",
-      'init-value': init_value,
-      'v-bind:class': "{ '#{input_error_class}': #{error_key} }",
-      "aria-describedby": attr_key
-    }).merge({ "v-model": input_key })
-  end
-
-  def change_event
-    "$parent.inputChanged('#{attr_key}');".strip
-  end
-
-  def custom_options_validation
-    raise "included form config is missing, please add ':include' to parent form component" if @included_config.nil?
-  end
-
-  def attr_key
-    super
-  end
-
-  private
-
-  def parse_value(value)
-    if [true, false].include? value
-      value ? 1 : 0
-    else
-      return value
-    end
-  end
-
-  def bootstrap_input_attributes
-    {
-      class: (options[:class] || "") << (" form-control flatpickr"),
-      disabled: disabled
-    }
-  end
-
-  def render_errors
-    unless @included_config[:errors] == false && (errors == false || errors.nil?) || errors == false
-      div class: 'invalid-feedback', attributes: { 'v-for': "error in #{error_key}" } do
-        plain '{{ error }}'
-      end
-    end
-  end
-
-  def input_error_class
-    'is-invalid'
-  end
-
-  def render_form_text
-    div id: "form_text_for_#{attr_key}", class: "form-text" do
-      plain form_text
-    end
-  end
-
-end

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

@@ -1,11 +0,0 @@
-- if input_label
-  %label{ for: attr_key,  class: "form-label" }= input_label
-
-%select{ html_attributes.merge(vue_attributes) }
-  - if placeholder
-    %option{value: placeholder_value, disabled: true, selected: init_value.nil?}= placeholder
-  - select_options.to_a.each do |item|
-    %option{value: item_value(item), disabled: item_disabled(item)}= item_label(item)
-= render_errors
-- if form_text
-  = render_form_text