matestack-ui-core 0.7.0 → 0.7.4

data/app/concepts/matestack/ui/core/collection/filter/input/input.haml

@@ -0,0 +1,2 @@
+- if [:text, :number, :email, :date, :password].include?(options[:type])
+  %input{@tag_attributes}

data/app/concepts/matestack/ui/core/collection/filter/input/input.rb

@@ -0,0 +1,25 @@
+module Matestack::Ui::Core::Collection::Filter::Input
+  class Input < Matestack::Ui::Core::Component::Static
+
+    def setup
+      @tag_attributes.merge!({
+        "v-model#{'.number' if options[:type] == :number}": input_key,
+        type: options[:type],
+        class: options[:class],
+        id: component_id,
+        "@keyup.enter": "submitFilter()",
+        ref: "filter.#{attr_key}",
+        placeholder: options[:placeholder]
+      })
+    end
+
+    def input_key
+      'filter["' + options[:key].to_s + '"]'
+    end
+
+    def attr_key
+      return options[:key].to_s
+    end
+
+  end
+end

data/app/concepts/matestack/ui/core/collection/filter/reset/reset.haml

@@ -0,0 +1,3 @@
+%a{@tag_attributes, "@click": "resetFilter()"}
+  - if block_given?
+    = yield

data/app/concepts/matestack/ui/core/collection/filter/reset/reset.rb

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

data/app/concepts/matestack/ui/core/collection/filter/submit/submit.haml

@@ -0,0 +1,3 @@
+%a{@tag_attributes, "@click": "submitFilter()"}
+  - if block_given?
+    = yield

data/app/concepts/matestack/ui/core/collection/filter/submit/submit.rb

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

data/app/concepts/matestack/ui/core/collection/helper.rb

@@ -0,0 +1,113 @@
+module Matestack::Ui::Core::Collection
+
+  CollectionConfig = Struct.new(:id, :init_offset, :init_limit, :filtered_count, :base_count, :data, :context) do
+
+    def paginated_data
+      resulting_data = data
+      resulting_data = resulting_data.offset(get_collection_offset) unless get_collection_offset == 0
+      resulting_data = resulting_data.limit(get_collection_limit) unless get_collection_limit == 0
+
+      return resulting_data
+    end
+
+    def get_collection_offset
+      (context[:params]["#{id}-offset".to_sym] ||= init_offset).to_i
+    end
+
+    def get_collection_limit
+      (context[:params]["#{id}-limit".to_sym] ||= init_limit).to_i
+    end
+
+    def pages
+      offset = get_collection_offset
+      limit = get_collection_limit
+      if filtered_count.present?
+        count = filtered_count
+      else
+        count = base_count
+      end
+      page_count = count/limit
+      page_count += 1 if count%limit > 0
+      return (1..page_count).to_a
+    end
+
+    def from
+      return get_collection_offset + 1 if to > 0
+      return 0 if to == 0
+    end
+
+    def to
+      current_to = get_collection_offset + get_collection_limit
+      if filtered_count.present?
+        if current_to > filtered_count
+          return filtered_count
+        else
+          return current_to
+        end
+      else
+        if current_to > base_count
+          return base_count
+        else
+          return current_to
+        end
+      end
+    end
+
+    def config
+      self.to_h.except(:context)
+    end
+
+  end
+
+  module Helper
+
+    def get_collection_filter collection_id, key=nil
+      filter_hash = {}
+      context[:params].each do |param_key, param_value|
+        if param_key.start_with?("#{collection_id}-filter-")
+          param_key.gsub("#{collection_id}-filter-", "")
+          filter_hash[param_key.gsub("#{collection_id}-filter-", "").to_sym] = param_value
+        end
+      end
+      if key.nil?
+        return filter_hash
+      else
+        return filter_hash[key]
+      end
+    end
+
+    def get_collection_order collection_id, key=nil
+      order_hash = {}
+      context[:params].each do |param_key, param_value|
+        if param_key.start_with?("#{collection_id}-order-")
+          param_key.gsub("#{collection_id}-order-", "")
+          order_hash[param_key.gsub("#{collection_id}-order-", "").to_sym] = param_value
+        end
+      end
+      if key.nil?
+        return order_hash
+      else
+        return order_hash[key]
+      end
+    end
+
+    def set_collection id: nil, init_offset: 0, init_limit: nil, base_count: nil, filtered_count: nil, data: nil
+      @collections = {} if @collections.nil?
+
+      collection_config = CollectionConfig.new(
+        id,
+        init_offset,
+        init_limit,
+        filtered_count,
+        base_count,
+        data,
+        context
+      )
+
+      @collections[id.to_sym] = collection_config
+
+      return collection_config
+    end
+
+  end
+end

data/app/concepts/matestack/ui/core/collection/order/order.js

@@ -0,0 +1,56 @@
+import Vue from 'vue/dist/vue.esm'
+import matestackEventHub from '../../js/event-hub'
+import queryParamsHelper from '../../js/helpers/query-params-helper'
+import componentMixin from '../../component/component'
+
+const componentDef = {
+  mixins: [componentMixin],
+  data: function(){
+    return {
+      ordering: {}
+    }
+  },
+  methods: {
+    toggleOrder: function(key){
+      if (this.ordering[key] == undefined) {
+        this.ordering[key] = "asc"
+      } else if (this.ordering[key] == "asc") {
+        this.ordering[key] = "desc"
+      } else if (this.ordering[key] = "desc") {
+        this.ordering[key] = undefined
+      }
+      var url;
+      url = queryParamsHelper.updateQueryParams(this.componentConfig["id"] + "-order-" + key, this.ordering[key])
+      url = queryParamsHelper.updateQueryParams(this.componentConfig["id"] + "-offset", 0, url)
+      window.history.pushState({matestackApp: true, url: url}, null, url);
+      matestackEventHub.$emit(this.componentConfig["id"] + "-update")
+      this.$forceUpdate()
+    },
+    orderIndicator(key, indicators){
+      return indicators[this.ordering[key]]
+    },
+    resetFilter: function(){
+      var url;
+      for (var key in this.filter) {
+        url = queryParamsHelper.updateQueryParams(this.componentConfig["id"] + "-filter-" + key, null)
+        this.filter[key] = null;
+        this.$forceUpdate();
+      }
+      window.history.pushState({matestackApp: true, url: url}, null, url);
+      matestackEventHub.$emit(this.componentConfig["id"] + "-update")
+    }
+  },
+  created: function(){
+    var self = this;
+    var queryParamsObject = queryParamsHelper.queryParamsToObject()
+    Object.keys(queryParamsObject).forEach(function(key){
+      if (key.startsWith(self.componentConfig["id"] + "-order-")){
+        self.ordering[key.replace(self.componentConfig["id"] + "-order-", "")] = queryParamsObject[key]
+      }
+    })
+  }
+}
+
+let component = Vue.component('matestack-ui-core-collection-order', componentDef)
+
+export default componentDef

data/app/concepts/matestack/ui/core/collection/order/order.rb

@@ -0,0 +1,17 @@
+module Matestack::Ui::Core::Collection::Order
+  class Order < Matestack::Ui::Core::Component::Dynamic
+
+    def setup
+      @component_config = @component_config.except(:data, :paginated_data)
+    end
+
+    def response
+      components {
+        div @tag_attributes do
+          yield_components
+        end
+      }
+    end
+
+  end
+end

data/app/concepts/matestack/ui/core/collection/order/toggle/indicator/indicator.rb

@@ -0,0 +1,13 @@
+module Matestack::Ui::Core::Collection::Order::Toggle::Indicator
+  class Indicator < Matestack::Ui::Core::Component::Static
+
+    def response
+      components {
+        span @tag_attributes do
+          plain "{{orderIndicator( '#{@component_config[:key]}', {asc: '#{@component_config[:asc]}', desc: '#{@component_config[:desc]}'} ) }}"
+        end
+      }
+    end
+
+  end
+end

data/app/concepts/matestack/ui/core/collection/order/toggle/toggle.haml

@@ -0,0 +1,3 @@
+%a{@tag_attributes, "@click": "toggleOrder(\"#{@component_config[:key]}\")"}
+  - if block_given?
+    = yield

data/app/concepts/matestack/ui/core/collection/order/toggle/toggle.rb

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

data/app/concepts/matestack/ui/core/component/anonym-dynamic-component.js

@@ -1,5 +1,5 @@
 import Vue from 'vue/dist/vue.esm'
-import componentMixin from 'component/component'
+import componentMixin from './component'
 
 const componentDef = {
   mixins: [componentMixin]

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

@@ -1,8 +1,7 @@
 import Vue from 'vue/dist/vue.esm'
 import axios from 'axios'
 import VRuntimeTemplate from "v-runtime-template"
-
-import matestackEventHub from 'js/event-hub'
+import matestackEventHub from '../js/event-hub'
 
 const componentMixin = {
   props: ['componentConfig', 'params'],
@@ -27,11 +26,11 @@ const componentMixin = {
       self.params["component_key"] = self.componentConfig["component_key"]
       axios({
         method: "get",
-        url: self.componentConfig["origin_url"],
+        url: location.pathname + location.search,
         headers: {
           'X-CSRF-Token': document.getElementsByName("csrf-token")[0].getAttribute('content')
         },
-        params: self.params
+        params: {"component_key": self.componentConfig["component_key"]}
       })
       .then(function(response){
         self.asyncTemplate = response["data"];

data/app/concepts/matestack/ui/core/component/dynamic.rb

@@ -1,36 +1,9 @@
 module Matestack::Ui::Core::Component
   class Dynamic < Trailblazer::Cell
-
-
-    include ActionView::Helpers::ActiveModelHelper
-    include ActionView::Helpers::ActiveModelInstanceTag
-    include ActionView::Helpers::AssetTagHelper
-    include ActionView::Helpers::AssetUrlHelper
-    include ActionView::Helpers::AtomFeedHelper
-    include ActionView::Helpers::CacheHelper
-    include ActionView::Helpers::CaptureHelper
-    include ActionView::Helpers::CspHelper
-    include ActionView::Helpers::CsrfHelper
-    include ActionView::Helpers::DateHelper
-    include ActionView::Helpers::DebugHelper
-    include ActionView::Helpers::FormHelper
-    include ActionView::Helpers::FormOptionsHelper
-    include ActionView::Helpers::FormTagHelper
-    include ActionView::Helpers::JavaScriptHelper
-    include ActionView::Helpers::NumberHelper
-    include ActionView::Helpers::OutputSafetyHelper
-    include ActionView::Helpers::RecordTagHelper
-    # include ActionView::Helpers::RenderingHelper
-    include ActionView::Helpers::SanitizeHelper
-    include ActionView::Helpers::TagHelper
-    include ActionView::Helpers::TextHelper
-    include ActionView::Helpers::TranslationHelper
-    include ActionView::Helpers::UrlHelper
-    # include ActionView::Helpers::UrlHelper
-    # include ActionView::Helpers::TranslationHelper
-    include ::Cell::Haml
+    include Matestack::Ui::Core::Cell
     include Matestack::Ui::Core::ApplicationHelper
     include Matestack::Ui::Core::ToCell
+    include Matestack::Ui::Core::HasViewContext
 
     view_paths << "#{Matestack::Ui::Core::Engine.root}/app/concepts"
     view_paths << "#{::Rails.root}/app/matestack"
@@ -69,13 +42,14 @@ module Matestack::Ui::Core::Component
       @nodes = {}
       @cells = {}
       @included_config = options[:included_config]
+      @cached_params = options[:cached_params]
       @rerender = false
       @options = options
+      set_tag_attributes
+      setup
       generate_component_name
       generate_children_cells
-      set_tag_attributes
       validate_options
-      setup
     end
 
     def validate_options
@@ -160,7 +134,7 @@ module Matestack::Ui::Core::Component
       @nodes = Matestack::Ui::Core::ComponentNode.build(self, nil, &block)
 
       @nodes.each do |key, node|
-        @cells[key] = to_cell(key, node["component_name"], node["config"], node["argument"], node["components"], node["included_config"])
+        @cells[key] = to_cell("#{@component_key}__#{key}", node["component_name"], node["config"], node["argument"], node["components"], node["included_config"], node["cached_params"])
       end
     end
 
@@ -193,6 +167,37 @@ module Matestack::Ui::Core::Component
       result.join(" ")
     end
 
+    def render_child_component component_key, current_search_keys_array
+      if respond_to? :prepare
+        prepare
+      end
+
+      response
+
+      if current_search_keys_array.count > 1
+        if @nodes.dig(*current_search_keys_array) == nil
+          rest = []
+          while @nodes.dig(*current_search_keys_array) == nil
+            rest << current_search_keys_array.pop
+          end
+          node = @nodes.dig(*current_search_keys_array)
+          cell = to_cell(component_key, node["component_name"], node["config"], node["argument"], node["components"], node["included_config"], node["cached_params"])
+          begin
+            return cell.render_child_component component_key, rest.reverse[1..-1]
+          rescue
+            return cell.render_content
+          end
+        else
+          node = @nodes.dig(*current_search_keys_array)
+          cell = to_cell(component_key, node["component_name"], node["config"], node["argument"], node["components"], node["included_config"], node["cached_params"])
+          return cell.render_content
+        end
+      else
+        node = @nodes[current_search_keys_array[0]]
+        cell = to_cell(component_key, node["component_name"], node["config"], node["argument"], node["components"], node["included_config"], node["cached_params"])
+        return cell.render_content
+      end
+    end
 
     private
 
@@ -201,7 +206,7 @@ module Matestack::Ui::Core::Component
           #needs refactoring --> in some cases, :component_key, :children, :origin_url, :url_params, :included_config get passed into options[:children] which causes errors
           #quickfix: except them from iteration
           options[:children].except(:component_key, :children, :origin_url, :url_params, :included_config).each do |key, node|
-            @children_cells[key] = to_cell("#{@component_key}__#{key}", node["component_name"], node["config"], node["argument"], node["components"], node["included_config"])
+            @children_cells[key] = to_cell("#{@component_key}__#{key}", node["component_name"], node["config"], node["argument"], node["components"], node["included_config"], node["cached_params"])
           end
         end
       end

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

@@ -0,0 +1,5 @@
+%data{@tag_attributes}
+  - if options[:text].blank? && block_given?
+    = yield
+  - else
+    = options[:text]

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

@@ -0,0 +1,9 @@
+module Matestack::Ui::Core::Data
+  class Data < Matestack::Ui::Core::Component::Static
+    def setup
+      @tag_attributes.merge!({
+        "value": options[:value] ||= nil
+      })
+    end
+  end
+end

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

@@ -0,0 +1,5 @@
+%dd{@tag_attributes}
+  - if options[:text].nil? && block_given?
+    = yield
+  - else
+    = options[:text]

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

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

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

@@ -0,0 +1,5 @@
+%del{@tag_attributes.merge({:cite => options[:cite], :datetime => options[:datetime]})}
+  - if options[:text].nil? && block_given?
+    = yield
+  - else
+    = options[:text]