matestack-ui-core 0.7.6 → 1.2.0

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,3 +1,3 @@
-%table{@tag_attributes}
+%table{ html_attributes }
   - if block_given?
     = yield

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

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

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

@@ -1,3 +1,3 @@
-%tbody{@tag_attributes}
+%tbody{ html_attributes }
   - if block_given?
     = yield

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

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

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

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

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

@@ -1,5 +1,6 @@
 module Matestack::Ui::Core::Td
   class Td < Matestack::Ui::Core::Component::Static
-
+    html_attributes :colspan, :headers, :rowspan
+    optional :text
   end
 end

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

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

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

@@ -0,0 +1,5 @@
+%textarea{ html_attributes }
+  - if text.nil? && block_given?
+    = yield
+  - else
+    = 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/tfoot/tfoot.haml

@@ -1,3 +1,3 @@
-%tfoot{@tag_attributes}
+%tfoot{ html_attributes }
   - if block_given?
     = yield

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

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

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

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

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

@@ -1,5 +1,6 @@
 module Matestack::Ui::Core::Th
   class Th < Matestack::Ui::Core::Component::Static
-
+    html_attributes :abbr, :colspan, :headers, :rowspan, :scope
+    optional :text
   end
 end

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

@@ -1,3 +1,3 @@
-%thead{@tag_attributes}
+%thead{ html_attributes }
   - if block_given?
     = yield

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

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

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

@@ -1,3 +1,3 @@
-%time{@tag_attributes}
+%time{ html_attributes }
   - if block_given?
     = yield

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

@@ -1,11 +1,5 @@
 module Matestack::Ui::Core::Time
   class Time < Matestack::Ui::Core::Component::Static
-
-    def setup
-      @tag_attributes.merge!({
-        "datetime": options[:datetime] ||= nil
-      })
-    end
-
+    html_attributes :datetime
   end
 end

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

@@ -0,0 +1,2 @@
+%div{ toggle_attributes }
+  = 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,13 @@
+module Matestack::Ui::Core::Toggle
+  class Toggle < Matestack::Ui::Core::Component::Dynamic
+    vue_js_component_name "matestack-ui-core-toggle"
+
+    def toggle_attributes
+      html_attributes.merge({
+        "v-if": "showing",
+        class: "matestack-toggle-component-root #{options[:class]}".strip
+      })
+    end
+
+  end
+end

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

@@ -1,3 +1,3 @@
-%tr{@tag_attributes}
+%tr{ html_attributes }
   - if block_given?
     = yield

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

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

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

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

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

@@ -20,6 +20,7 @@ const componentDef = {
     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)

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

@@ -1,29 +1,36 @@
 module Matestack::Ui::Core::Transition
   class Transition < Matestack::Ui::Core::Component::Dynamic
+    vue_js_component_name "matestack-ui-core-transition"
+
+    requires :path
+    optional :text, params: { as: :transition_params }
 
     def setup
       @component_config[:link_path] = link_path
-      @tag_attributes.merge!({
+    end
+
+    def transition_attributes
+      html_attributes.merge(
         "href": link_path,
         "@click.prevent": navigate_to(link_path),
         "v-bind:class": "{ active: isActive, 'active-child': isChildActive }"
-      })
+      )
     end
 
     def link_path
-      if options[:path].is_a?(Symbol)
+      if path.is_a?(Symbol)
         return resolve_path
       end
-      if options[:path].is_a?(String)
-        return options[:path]
+      if path.is_a?(String)
+        return path
       end
     end
 
     def resolve_path
       begin
-        return ::Rails.application.routes.url_helpers.send(options[:path], options[:params])
+        return ::Rails.application.routes.url_helpers.send(path, transition_params)
       rescue => e
-        raise "path '#{options[:path]}' not found, using params: #{options[:params]}"
+        raise "path '#{path}' not found, using params: #{transition_params}"
       end
     end
 

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

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

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

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

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

@@ -1,3 +1,3 @@
-%ul{@tag_attributes}
+%ul{ html_attributes }
   - if block_given?
     = yield

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

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

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

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

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

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

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

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