matestack-ui-core 1.3.2 → 2.1.1

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

@@ -1,2 +0,0 @@
-%div{ children_wrapper_attributes.merge(class: "matestack-async-component-root") }
-  =yield

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

@@ -1,5 +0,0 @@
-%b{ html_attributes }
-  - if text.nil? && block_given?
-    = yield
-  - else
-    = text

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

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

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

@@ -1,5 +0,0 @@
-%bdi{ html_attributes }
-  - if text.blank? && block_given?
-    = yield
-  - else
-    = text

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

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

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

@@ -1,5 +0,0 @@
-%bdo{ html_attributes }
-  - if text.blank? && block_given?
-    = yield
-  - else
-    = text

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

@@ -1,6 +0,0 @@
-module Matestack::Ui::Core::Bdo
-  class Bdo < Matestack::Ui::Core::Component::Static
-    html_attributes :dir
-    optional :text
-  end
-end

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

@@ -1,5 +0,0 @@
-%blockquote{ html_attributes }
-  - if text.nil? && block_given?
-    = yield
-  - else
-    = text

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

@@ -1,6 +0,0 @@
-module Matestack::Ui::Core::Blockquote
-  class Blockquote < Matestack::Ui::Core::Component::Static
-    html_attributes :cite
-    optional :text
-  end
-end

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

@@ -1,5 +0,0 @@
-- unless times.nil?
-  - times.times do
-    %br{ html_attributes }
-- else
-  %br{ html_attributes }

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

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

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

@@ -1,5 +0,0 @@
-%button{ html_attributes }
-  - if text.nil? && block_given?
-    = yield
-  - else
-    = text

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

@@ -1,7 +0,0 @@
-module Matestack::Ui::Core::Button
-  class Button < Matestack::Ui::Core::Component::Static
-    html_attributes :autofocus, :disabled, :form, :formaction, :formenctype, :formmethod, 
-      :formnovalidate, :formtarget, :name, :type, :value
-    optional :text
-  end
-end

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

@@ -1,4 +0,0 @@
-%component{dynamic_tag_attributes.merge('v-bind:initial-template': "#{render_content.to_json}")}
-  %div{class: "matestack-cable-component-container", "v-bind:class": "{ 'loading': loading === true }"}
-    %div{class: "matestack-cable-component-wrapper", "v-if": "cableTemplate != null", "v-bind:class": "{ 'loading': loading === true }"}
-      %v-runtime-template{":template":"cableTemplate"}

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

@@ -1,28 +0,0 @@
-module Matestack::Ui::Core::Cable
-  class Cable < Matestack::Ui::Core::Component::Dynamic
-    vue_js_component_name 'matestack-ui-core-cable'
-
-    requires :id
-
-    def setup
-      component_config[:component_key] = id
-    end
-    
-    def show
-      render :cable
-    end
-
-    def render_content
-      render :children_wrapper do
-        render :children
-      end
-    end
-
-    def children_wrapper_attributes
-      html_attributes.merge({
-        id: component_config[:component_key]
-      })
-    end
-
-  end
-end

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

@@ -1,2 +0,0 @@
-%div{ children_wrapper_attributes.merge(class: "matestack-cable-component-root") }
-  =yield

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

@@ -1,5 +0,0 @@
-%caption{ html_attributes }
-  - if text.nil? && block_given?
-    = yield
-  - else
-    = text

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

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

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

@@ -1,5 +0,0 @@
-%cite{ html_attributes }
-  - if text.nil? && block_given?
-    = yield
-  - else
-    = text

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

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

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

@@ -1,5 +0,0 @@
-%code{ html_attributes }
-  - if text.nil? && block_given?
-    = yield
-  - else
-    = text

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

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

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

@@ -1,16 +0,0 @@
-module Matestack::Ui::Core::Collection::Content
-  class Content < Matestack::Ui::Core::Component::Dynamic
-    vue_js_component_name 'matestack-ui-core-collection-content'
-
-    def setup
-      @component_config = @component_config.except(:data, :paginated_data)
-    end
-
-    def response
-      div @tag_attributes do
-        yield_components
-      end
-    end
-
-  end
-end

data/app/concepts/matestack/ui/core/collection/content/next/next.haml

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

data/app/concepts/matestack/ui/core/collection/content/next/next.rb

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

data/app/concepts/matestack/ui/core/collection/content/page/link/link.haml

@@ -1,3 +0,0 @@
-%a{ html_attributes, "@click": "goToPage(#{page})" }
-  - if block_given?
-    = yield

data/app/concepts/matestack/ui/core/collection/content/page/link/link.rb

@@ -1,7 +0,0 @@
-module Matestack::Ui::Core::Collection::Content::Page
-  module Link
-    class Link::Link < Matestack::Ui::Core::Component::Static
-      requires :page
-    end
-  end
-end

data/app/concepts/matestack/ui/core/collection/content/previous/previous.haml

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

data/app/concepts/matestack/ui/core/collection/content/previous/previous.rb

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

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

@@ -1,48 +0,0 @@
-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 {
-      filter: {}
-    }
-  },
-  methods: {
-    submitFilter: function(){
-      var url;
-      var filter = this.filter
-      for (var key in this.filter) {
-        url = queryParamsHelper.updateQueryParams(this.componentConfig["id"] + "-filter-" + key, this.filter[key], url)
-      }
-      url = queryParamsHelper.updateQueryParams(this.componentConfig["id"] + "-offset", 0, url)
-      window.history.pushState({matestackApp: true, url: url}, null, url);
-      matestackEventHub.$emit(this.componentConfig["id"] + "-update")
-    },
-    resetFilter: function(){
-      var url;
-      for (var key in this.filter) {
-        url = queryParamsHelper.updateQueryParams(this.componentConfig["id"] + "-filter-" + key, null, url)
-        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"] + "-filter-")){
-        self.filter[key.replace(self.componentConfig["id"] + "-filter-", "")] = queryParamsObject[key]
-      }
-    })
-  }
-}
-
-let component = Vue.component('matestack-ui-core-collection-filter', componentDef)
-
-export default componentDef

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

@@ -1,16 +0,0 @@
-module Matestack::Ui::Core::Collection::Filter
-  class Filter < Matestack::Ui::Core::Component::Dynamic
-    vue_js_component_name 'matestack-ui-core-collection-filter'
-
-    def setup
-      @component_config = @component_config.except(:data, :paginated_data)
-    end
-
-    def response
-      div html_attributes do
-        yield_components
-      end
-    end
-
-  end
-end

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

@@ -1,28 +0,0 @@
-module Matestack::Ui::Core::Collection::Filter::Input
-  class Input < Matestack::Ui::Core::Component::Static
-    include Matestack::Ui::Core::Form::HasInputHtmlAttributes
-
-    requires :key, :type
-    optional :placeholder, class: { as: :klass }
-
-    def response
-      input html_attributes.merge(attributes: {
-        "v-model#{'.number' if type == :number}": input_key,
-        type: type,
-        id: component_id,
-        "@keyup.enter": "submitFilter()",
-        ref: "filter.#{attr_key}",
-        placeholder: placeholder
-      })
-    end
-
-    def input_key
-      'filter["' + key.to_s + '"]'
-    end
-
-    def attr_key
-      key.to_s
-    end
-
-  end
-end

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

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

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

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

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

@@ -1,10 +0,0 @@
-- if options[:type] == :dropdown
-
-  %select{ select_attributes }
-    %option{disabled: true}= placeholder
-    - if select_options.is_a?(Hash)
-      - select_options.each do |key, value|
-        %option{value: key}=value
-    - if select_options.is_a?(Array)
-      - select_options.each do |option|
-        %option{value: option}=option

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

@@ -1,30 +0,0 @@
-module Matestack::Ui::Core::Collection::Filter::Select
-  class Select < Matestack::Ui::Core::Component::Static
-
-    requires :key
-    optional :placeholder, options: { as: :select_options }
-
-    def setup
-      if options[:type].nil?
-        options[:type] = :dropdown #nothing else supported at the moment
-      end
-    end
-
-    def select_attributes
-      html_attributes.merge!({
-        "v-model#{'.number' if options[:type] == :number}": input_key,
-        type: options[:type],
-        id: component_id,
-        "@keyup.enter": "submitFilter()",
-        "@change": "$forceUpdate()",
-        ref: "filter.#{key.to_s}",
-        placeholder: placeholder
-      })
-    end
-
-    def input_key
-      'filter["' + key.to_s + '"]'
-    end
-
-  end
-end

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

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

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

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

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

@@ -1,56 +0,0 @@
-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