RubyGems - matestack-ui-core - Versions diffs - 0.7.5 → 1.1.0 - Mend

matestack-ui-core 0.7.5 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (300) hide show

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

@@ -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 CHANGED

@@ -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 CHANGED

@@ -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 CHANGED

@@ -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 CHANGED

@@ -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 CHANGED

@@ -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 CHANGED

@@ -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 CHANGED

@@ -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 CHANGED

@@ -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 CHANGED

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

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

@@ -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 CHANGED

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

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

@@ -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 CHANGED

@@ -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 CHANGED

@@ -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 CHANGED

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

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

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

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

@@ -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 CHANGED

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

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

@@ -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 CHANGED

@@ -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 CHANGED

@@ -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 CHANGED

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

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

@@ -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 CHANGED

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

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

@@ -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 ADDED

	@@ -0,0 +1,2 @@
1	+ %div{ toggle_attributes }
2	+ = yield

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

@@ -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 ADDED

@@ -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 CHANGED

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

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

@@ -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 CHANGED

@@ -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 CHANGED

@@ -1,6 +1,7 @@
 import Vue from 'vue/dist/vue.esm'
 import Vuex from 'vuex'
 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 CHANGED

@@ -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 }"
-      })
+        "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 CHANGED

@@ -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 CHANGED

@@ -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 CHANGED

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

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

@@ -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 CHANGED

@@ -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