matestack-ui-core 0.7.2.1 → 1.0.0.rc.1

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

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

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

@@ -0,0 +1,10 @@
+module Matestack::Ui::Core::Param
+  class Param < Matestack::Ui::Core::Component::Static
+    def setup
+      @tag_attributes.merge!({
+        name: options[:name],
+        value: options[:value]
+      })
+    end
+  end
+end

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

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

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

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

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

@@ -2,7 +2,7 @@ module Matestack::Ui::Core::Plain
   class Plain < Matestack::Ui::Core::Component::Static
 
     def show
-      @argument
+      html_escape @argument
     end
 
   end

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

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

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

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

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

@@ -1,7 +1,7 @@
 module Matestack::Ui::Core::Progress
   class Progress < Matestack::Ui::Core::Component::Static
 
-    REQUIRED_KEYS = [:max]
+    requires :max
 
     def setup
       @tag_attributes.merge!({

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

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

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

@@ -0,0 +1,11 @@
+module Matestack::Ui::Core::Q
+  class Q < Matestack::Ui::Core::Component::Static
+
+    def setup
+      @tag_attributes.merge!({
+        "cite": options[:cite]
+        })
+    end
+
+  end
+end

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+%textarea{ html_attributes }
+  = text if text

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

@@ -0,0 +1,10 @@
+module Matestack::Ui::Core::Textarea
+  class Textarea < Matestack::Ui::Core::Component::Static
+
+    html_attributes :autofocus, :cols, :dirname, :disabled, :form, :maxlength, 
+      :name, :placeholder, :readonly, :required, :rows, :wrap
+
+    optional :text
+
+  end
+end

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

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

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

@@ -0,0 +1,71 @@
+import Vue from 'vue/dist/vue.esm'
+import matestackEventHub from '../js/event-hub'
+import componentMixin from '../component/component'
+
+const componentDef = {
+  mixins: [componentMixin],
+  data: function(){
+    return {
+      showing: true,
+      hide_after_timeout: null,
+      event: {
+        data: {}
+      }
+    }
+  },
+  methods: {
+    show: function(event_data){
+      const self = this
+      if (this.showing === true){
+        return
+      }
+      this.showing = true
+      this.event.data = event_data
+      if(this.componentConfig["hide_after"] != undefined){
+        self.hide_after_timeout = setTimeout(function () {
+          self.hide()
+        }, parseInt(this.componentConfig["hide_after"]));
+      }
+    },
+    hide: function(){
+      this.showing = false
+      this.event.data = {}
+    }
+  },
+  created: function () {
+    const self = this
+    if(this.componentConfig["show_on"] != undefined){
+      this.showing = false
+      var show_events = this.componentConfig["show_on"].split(",")
+      show_events.forEach(show_event => matestackEventHub.$on(show_event.trim(), self.show));
+    }
+    if(this.componentConfig["hide_on"] != undefined){
+      var hide_events = this.componentConfig["hide_on"].split(",")
+      hide_events.forEach(hide_event => matestackEventHub.$on(hide_event.trim(), self.hide));
+    }
+    if(this.componentConfig["show_on"] != undefined){
+      this.showing = false
+    }
+    if(this.componentConfig["init_show"] == true){
+      this.showing = true
+    }
+  },
+  beforeDestroy: function() {
+    const self = this
+    clearTimeout(self.hide_after_timeout)
+    matestackEventHub.$off(this.componentConfig["show_on"], self.show);
+    matestackEventHub.$off(this.componentConfig["hide_on"], self.hide);
+    if(this.componentConfig["show_on"] != undefined){
+      var shown_events = this.componentConfig["show_on"].split(",")
+      shown_events.forEach(show_event => matestackEventHub.$off(show_event.trim(), self.show));
+    }
+    if(this.componentConfig["hide_on"] != undefined){
+      var hiden_events = this.componentConfig["hide_on"].split(",")
+      hiden_events.forEach(hide_event => matestackEventHub.$off(hide_event.trim(), self.hide));
+    }
+  },
+}
+
+let component = Vue.component('matestack-ui-core-toggle', componentDef)
+
+export default componentDef

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

@@ -0,0 +1,14 @@
+module Matestack::Ui::Core::Toggle
+  class Toggle < Matestack::Ui::Core::Component::Dynamic
+
+    vue_js_component_name "matestack-ui-core-toggle"
+
+    def initialize(*args)
+      super
+      @tag_attributes.merge!({
+        "v-if": "showing"
+      })
+    end
+
+  end
+end

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

@@ -1,6 +1,7 @@
 import Vue from 'vue/dist/vue.esm'
 import Vuex from 'vuex'
-import componentMixin from 'component/component'
+import componentMixin from '../component/component'
+import matestackEventHub from '../js/event-hub'
 
 const componentDef = {
   mixins: [componentMixin],
@@ -9,11 +10,26 @@ const componentDef = {
   },
   computed: Vuex.mapState({
     isActive (state) {
-      return this.componentConfig["link_path"] === state.currentPath
+      return (this.componentConfig["link_path"].split("?")[0]) === state.currentPathName
+    },
+    isChildActive (state) {
+      return ((this.componentConfig["link_path"].split("?")[0]) !== state.currentPathName) && (state.currentPathName.indexOf(this.componentConfig["link_path"].split("?")[0]) !== -1)
     }
   }),
   methods: {
     navigateTo: function(url){
+      const self = this
+      matestackEventHub.$emit("page_loading_triggered", url);
+      this.$store.commit('setPageLoading', true);
+      if (self.componentConfig["delay"] != undefined) {
+        setTimeout(function () {
+          self.performNavigation(url)
+        }, parseInt(self.componentConfig["delay"]));
+      } else {
+        this.performNavigation(url)
+      }
+    },
+    performNavigation: function(url){
       this.$store.dispatch('navigateTo', {url: url, backwards: false}).then((response) => {
         // self.asyncTemplate = response;
       })

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

@@ -1,12 +1,13 @@
 module Matestack::Ui::Core::Transition
   class Transition < Matestack::Ui::Core::Component::Dynamic
+    vue_js_component_name "matestack-ui-core-transition"
 
     def setup
       @component_config[:link_path] = link_path
       @tag_attributes.merge!({
         "href": link_path,
         "@click.prevent": navigate_to(link_path),
-        "v-bind:class": "{ active: isActive }"
+        "v-bind:class": "{ active: isActive, 'active-child': isChildActive }"
       })
     end
 

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

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

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

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

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

@@ -0,0 +1,7 @@
+module Matestack::Ui::Core::Unescaped
+  class Unescaped < Matestack::Ui::Core::Component::Static
+    def show
+      @argument.html_safe
+    end
+  end
+end

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

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

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

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

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

@@ -1 +1,3 @@
-= video_tag(@tag_attributes, ActionController::Base.helpers.asset_path(options[:path]), height: options[:height], width: options[:width], preload: options[:preload], autoplay: options[:autoplay], muted: options[:muted], playsinline: options[:playsinline], loop: options[:loop], controls: options[:controls])
+%video{@tag_attributes}
+  %source{:src => @source, :type => @type}
+  Your browser does not support the video tag.

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

@@ -1,7 +1,23 @@
 module Matestack::Ui::Core::Video
   class Video < Matestack::Ui::Core::Component::Static
 
-    REQUIRED_KEYS = [:path]
+    requires :path, :type
+
+    def setup
+      @tag_attributes.merge!({
+        autoplay: options[:autoplay],
+        controls: options[:controls],
+        height: options[:height],
+        loop: options[:loop],
+        muted: options[:muted],
+        playsinline: options[:playsinline],
+        preload: options[:preload],
+        width: options[:width]
+      })
+
+      @source = ActionController::Base.helpers.asset_path(options[:path])
+      @type = "video/#{@options[:type]}"
+    end
 
   end
 end

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

@@ -1,2 +1 @@
-%div{"v-if": "showing"}
-  = yield
+= include_partial

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

@@ -1,5 +1,30 @@
-module Matestack::Ui::Core::View::Cell
-    class View < Matestack::Ui::Core::Component::Dynamic
+require_dependency "cell/partial"
+
+module Matestack::Ui::Core::View
+  class View < Matestack::Ui::Core::Component::Static
+    include Cell::ViewModel::Partial
+    view_paths << "#{::Rails.root}/app/views"
+
+    # Only one option should be set at a time. If view is set partial will be ignored.
+    optional view: { as: :view_path } # Specify a view path to render
+    optional partial: { as: :partial_path } # Specifiy a partial to render
+
+    def include_partial
+      controller = @view_context.present? ? @view_context.controller : options[:matestack_context][:controller]
+      if view_path
+        controller.render_to_string view_path, layout: false, locals: locals
+      elsif partial_path
+        controller.render_to_string partial: partial_path, layout: false, locals: locals
+      else  
+        raise 'view or partial param missing for RailsView Component'
+      end
+    end
+
+    private
+
+    def locals
+      options.except(:matestack_context, :partial, :view, :partial_path, :view_path, :included_config, :context)
+    end
 
   end
 end