matestack-ui-core 0.7.2

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

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

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

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

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

@@ -0,0 +1,2 @@
+- @children_cells.each do |key, cell|
+  = cell.call(:show)

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

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+module Matestack::Ui::Core::Plain
+  class Plain < Matestack::Ui::Core::Component::Static
+
+    def show
+      @argument
+    end
+
+  end
+end

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

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

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

@@ -0,0 +1,14 @@
+module Matestack::Ui::Core::Progress
+  class Progress < Matestack::Ui::Core::Component::Static
+
+    REQUIRED_KEYS = [:max]
+
+    def setup
+      @tag_attributes.merge!({
+         'value': options[:value] ||= 0,
+         'max': options[:max]
+      })
+    end
+
+  end
+end

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

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

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

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

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

@@ -0,0 +1,2 @@
+- @children_cells.each do |key, cell|
+  = cell.call(:show)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,26 @@
+import Vue from 'vue/dist/vue.esm'
+import Vuex from 'vuex'
+import componentMixin from 'component/component'
+
+const componentDef = {
+  mixins: [componentMixin],
+  data: function(){
+    return {}
+  },
+  computed: Vuex.mapState({
+    isActive (state) {
+      return this.componentConfig["link_path"] === state.currentPath
+    }
+  }),
+  methods: {
+    navigateTo: function(url){
+      this.$store.dispatch('navigateTo', {url: url, backwards: false}).then((response) => {
+        // self.asyncTemplate = response;
+      })
+    }
+  }
+}
+
+let component = Vue.component('matestack-ui-core-transition', componentDef)
+
+export default componentDef

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

@@ -0,0 +1,31 @@
+module Matestack::Ui::Core::Transition
+  class Transition < Matestack::Ui::Core::Component::Dynamic
+
+    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 }"
+      })
+    end
+
+    def link_path
+      if options[:path].is_a?(Symbol)
+        return resolve_path
+      end
+      if options[:path].is_a?(String)
+        return options[:path]
+      end
+    end
+
+    def resolve_path
+      begin
+        return ::Rails.application.routes.url_helpers.send(options[:path], options[:params])
+      rescue => e
+        raise "path '#{options[:path]}' not found, using params: #{options[:params]}"
+      end
+    end
+
+  end
+end

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

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

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

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

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

@@ -0,0 +1 @@
+= 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])

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

@@ -0,0 +1,7 @@
+module Matestack::Ui::Core::Video
+  class Video < Matestack::Ui::Core::Component::Static
+
+    REQUIRED_KEYS = [:path]
+
+  end
+end

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

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

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

@@ -0,0 +1,42 @@
+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: false
+    }
+  },
+  methods: {
+    show: function(){
+      this.showing = true
+    },
+    hide: function(){
+      this.showing = false
+    }
+  },
+  created: function () {
+    const self = this
+    matestackEventHub.$on(this.componentConfig["show"], self.show)
+    matestackEventHub.$on(this.componentConfig["hide"], self.hide)
+    if(this.componentConfig["init"] == "show"){
+      this.showing = true
+    }
+    if(this.componentConfig["init"] == "hide"){
+      this.showing = false
+    }
+  },
+  beforeDestroy: function() {
+    const self = this
+    matestackEventHub.$off(this.componentConfig["show"], self.show);
+    matestackEventHub.$off(this.componentConfig["hide"], self.hide);
+  },
+}
+
+let component = Vue.component('matestack-ui-core-view', componentDef)
+
+export default componentDef

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

@@ -0,0 +1,5 @@
+module Matestack::Ui::Core::View::Cell
+    class View < Matestack::Ui::Core::Component::Dynamic
+
+  end
+end

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

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

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

@@ -0,0 +1,26 @@
+module Matestack::Ui::Core::Youtube
+  class Youtube < Matestack::Ui::Core::Component::Static
+
+    REQUIRED_KEYS = [:yt_id, :height, :width]
+
+    def setup
+      url = 'https://www.youtube.com/embed/'
+      url = 'https://www.youtube-nocookie.com/embed/' if options[:privacy_mode] == true
+      url << options[:yt_id]
+      url << '?' unless options[:no_controls] != true and options[:start_at].nil?
+      url << 'controls=0' if options[:no_controls] == true
+      url << '&amp;' if (options[:no_controls] != nil) and (options[:start_at] != nil)
+      url << "start=#{options[:start_at]}" unless options[:start_at].nil?
+
+      @tag_attributes.merge!({
+        'src': url,
+        'allow': 'accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture',
+        'allowfullscreen': '',
+        'frameborder': 0,
+        'height': options[:height],
+        'width': options[:width]
+      })
+    end
+
+  end
+end

data/app/helpers/matestack/ui/core/application_helper.rb

@@ -0,0 +1,35 @@
+module Matestack
+  module Ui
+    module Core
+      module ApplicationHelper
+
+        def render_page(page_class, only_page=false)
+          page_class.new(nil, context: {
+            params: params,
+            request: request
+          }, controller_instance: self).call(:show, nil, only_page)
+        end
+
+        def render_component(page_class, component_key)
+          page_class.new(nil, context: {
+            params: params,
+            request: request
+          }, controller_instance: self).call(:show, component_key)
+        end
+
+        def responder_for(page_class, options = {})
+          unless params[:component_key].blank?
+            render plain: render_component(page_class, params[:component_key])
+            return
+          end
+          if params[:only_page]
+            render html: render_page(page_class, true)
+          else
+            render html: render_page(page_class), layout: true
+          end
+        end
+
+      end
+    end
+  end
+end