Merge pull request #284 from basemate/issue-255

Issue 255

Author: jonasjabari

app/concepts/matestack/ui/core/actionview/dynamic.haml

@@ -0,0 +1,6 @@
+%component{dynamic_tag_attributes}
+  %div
+    %div{"v-if": "asyncTemplate == null"}
+      = render_content
+    %div{"v-if": "asyncTemplate != null"}
+      %v-runtime-template{":template":"asyncTemplate"}

app/concepts/matestack/ui/core/actionview/dynamic.rb

@@ -0,0 +1,28 @@
+module Matestack::Ui::Core::Actionview
+  class Dynamic < Matestack::Ui::Core::Component::Dynamic
+
+    include ActionView::Helpers::ActiveModelHelper
+    include ActionView::Helpers::ActiveModelInstanceTag
+    include ActionView::Helpers::AssetTagHelper
+    include ActionView::Helpers::AssetUrlHelper
+    include ActionView::Helpers::AtomFeedHelper
+    include ActionView::Helpers::CacheHelper
+    include ActionView::Helpers::CaptureHelper
+    include ActionView::Helpers::CspHelper
+    include ActionView::Helpers::CsrfHelper
+    include ActionView::Helpers::DateHelper
+    include ActionView::Helpers::DebugHelper
+    include ActionView::Helpers::FormHelper
+    include ActionView::Helpers::FormOptionsHelper
+    include ActionView::Helpers::FormTagHelper
+    include ActionView::Helpers::JavaScriptHelper
+    include ActionView::Helpers::NumberHelper
+    include ActionView::Helpers::OutputSafetyHelper
+    include ActionView::Helpers::SanitizeHelper
+    include ActionView::Helpers::TagHelper
+    include ActionView::Helpers::TextHelper
+    include ActionView::Helpers::TranslationHelper
+    include ActionView::Helpers::UrlHelper
+
+  end
+end

app/concepts/matestack/ui/core/actionview/static.haml

@@ -0,0 +1 @@
+= render_content

app/concepts/matestack/ui/core/actionview/static.rb

@@ -0,0 +1,28 @@
+module Matestack::Ui::Core::Actionview
+  class Static < Matestack::Ui::Core::Component::Static
+
+    include ActionView::Helpers::ActiveModelHelper
+    include ActionView::Helpers::ActiveModelInstanceTag
+    include ActionView::Helpers::AssetTagHelper
+    include ActionView::Helpers::AssetUrlHelper
+    include ActionView::Helpers::AtomFeedHelper
+    include ActionView::Helpers::CacheHelper
+    include ActionView::Helpers::CaptureHelper
+    include ActionView::Helpers::CspHelper
+    include ActionView::Helpers::CsrfHelper
+    include ActionView::Helpers::DateHelper
+    include ActionView::Helpers::DebugHelper
+    include ActionView::Helpers::FormHelper
+    include ActionView::Helpers::FormOptionsHelper
+    include ActionView::Helpers::FormTagHelper
+    include ActionView::Helpers::JavaScriptHelper
+    include ActionView::Helpers::NumberHelper
+    include ActionView::Helpers::OutputSafetyHelper
+    include ActionView::Helpers::SanitizeHelper
+    include ActionView::Helpers::TagHelper
+    include ActionView::Helpers::TextHelper
+    include ActionView::Helpers::TranslationHelper
+    include ActionView::Helpers::UrlHelper
+
+  end
+end

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

@@ -1,32 +1,9 @@
 module Matestack::Ui::Core::App
   class App < Trailblazer::Cell
-    include ActionView::Helpers::ActiveModelHelper
-    include ActionView::Helpers::ActiveModelInstanceTag
-    include ActionView::Helpers::AssetTagHelper
-    include ActionView::Helpers::AssetUrlHelper
-    include ActionView::Helpers::AtomFeedHelper
-    include ActionView::Helpers::CacheHelper
-    include ActionView::Helpers::CaptureHelper
-    include ActionView::Helpers::CspHelper
-    include ActionView::Helpers::CsrfHelper
-    include ActionView::Helpers::DateHelper
-    include ActionView::Helpers::DebugHelper
-    include ActionView::Helpers::FormHelper
-    include ActionView::Helpers::FormOptionsHelper
-    include ActionView::Helpers::FormTagHelper
-    include ActionView::Helpers::JavaScriptHelper
-    include ActionView::Helpers::NumberHelper
-    include ActionView::Helpers::OutputSafetyHelper
-    # include ActionView::Helpers::RenderingHelper
-    include ActionView::Helpers::SanitizeHelper
-    include ActionView::Helpers::TagHelper
-    include ActionView::Helpers::TextHelper
-    include ActionView::Helpers::TranslationHelper
-    include ActionView::Helpers::UrlHelper
+
     include ::Cell::Haml
     include Matestack::Ui::Core::ApplicationHelper
     include Matestack::Ui::Core::ToCell
-    # include ::Rails.application.routes.url_helpers
 
     view_paths << "#{Matestack::Ui::Core::Engine.root}/app/concepts"
 

app/concepts/matestack/ui/core/component/dynamic.rb

@@ -1,29 +1,6 @@
 module Matestack::Ui::Core::Component
   class Dynamic < Trailblazer::Cell
 
-    include ActionView::Helpers::ActiveModelHelper
-    include ActionView::Helpers::ActiveModelInstanceTag
-    include ActionView::Helpers::AssetTagHelper
-    include ActionView::Helpers::AssetUrlHelper
-    include ActionView::Helpers::AtomFeedHelper
-    include ActionView::Helpers::CacheHelper
-    include ActionView::Helpers::CaptureHelper
-    include ActionView::Helpers::CspHelper
-    include ActionView::Helpers::CsrfHelper
-    include ActionView::Helpers::DateHelper
-    include ActionView::Helpers::DebugHelper
-    include ActionView::Helpers::FormHelper
-    include ActionView::Helpers::FormOptionsHelper
-    include ActionView::Helpers::FormTagHelper
-    include ActionView::Helpers::JavaScriptHelper
-    include ActionView::Helpers::NumberHelper
-    include ActionView::Helpers::OutputSafetyHelper
-    # include ActionView::Helpers::RenderingHelper
-    include ActionView::Helpers::SanitizeHelper
-    include ActionView::Helpers::TagHelper
-    include ActionView::Helpers::TextHelper
-    include ActionView::Helpers::TranslationHelper
-    include ActionView::Helpers::UrlHelper
     include ::Cell::Haml
     include Matestack::Ui::Core::ApplicationHelper
     include Matestack::Ui::Core::ToCell

app/lib/matestack/ui/dynamic_actionview_component.rb

@@ -0,0 +1 @@
+Matestack::Ui::DynamicActionviewComponent = Matestack::Ui::Core::Actionview::Dynamic

app/lib/matestack/ui/static_actionview_component.rb

@@ -0,0 +1 @@
+Matestack::Ui::StaticActionviewComponent = Matestack::Ui::Core::Actionview::Static

docs/components/README.md

@@ -1,59 +1,88 @@
 # Core Components
 
-matestack provides a wide set of core components, which enables you to easily build your UI.
-You can build your [own components](/docs/extend/custom_components.md) as well, either static or dynamic.
+Matestack provides you with a wide set of core components that enable you to easily build your UI.
+You can build your [own components](/docs/extend/README.md) as well, both static or dynamic ones.
 
 ## Static Core Components
 
+- [abbr](/docs/components/abbr.md)
+- [actionview](/docs/components/actionview.md)
+- [address](/docs/components/address.md)
+- [area](/docs/components/area.md)
+- [article](/docs/components/article.md)
+- [aside](/docs/components/aside.md)
 - [b](/docs/components/b.md)
+- [blockquote](/docs/components/blockquote.md)
 - [br](/docs/components/br.md)
+- [button](/docs/components/button.md)
+- [caption](/docs/components/caption.md)
+- [cite](/docs/components/cite.md)
+- [code](/docs/components/code.md)
+- [dl](/docs/components/dl.md)
+  - dd
+  - dt
 - [div](/docs/components/div.md)
+- [em](/docs/components/em.md)
+- [fieldset](/docs/components/fieldset.md)
 - [figure](/docs/components/figure.md)
 - [footer](/docs/components/footer.md)
 - [header](/docs/components/header.md)
 - [heading](/docs/components/heading.md)
-- [kbd](/docs/components/kbd.md)
 - [hr](/docs/components/hr.md)
 - [icon](/docs/components/icon.md)
+- [img](/docs/components/img.md)
 - [ins](/docs/components/ins.md)
+- [kbd](/docs/components/kbd.md)
+- [label](/docs/components/label.md)
+- [legend](/docs/components/legend.md)
+- [link](/docs/components/link.md)
+- [list](/docs/components/list.md)
+  - ul
+  - ol
+  - li
 - [main](/docs/components/main.md)
+- [map](/docs/components/map.md)
+- [mark](/docs/components/mark.md)
+- [meter](/docs/components/meter.md)
 - [nav](/docs/components/nav.md)
-- [plain](/docs/components/plain.md)
+- [noscript](/docs/components/noscript.md)
+- [object](/docs/components/object.md)
+- [output](/docs/components/output.md)
+- [paragraph](/docs/components/paragraph.md)
+- [param](/docs/components/param.md)
 - [pg](/docs/components/pg.md)
+- [plain](/docs/components/plain.md)
+- [pre](/docs/components/pre.md)
+- [progress](/docs/components/progress.md)
+- [q](/docs/components/q.md)
+- [rp](/docs/components/rt.md)
+- [rt](/docs/components/rb.md)
+- [ruby](/docs/components/ruby.md)
+- [s](/docs/components/s.md)
 - [section](/docs/components/section.md)
+- [small](/docs/components/small.md)
 - [span](/docs/components/span.md)
-- [list](/docs/components/list.md)
-  - ul
-  - ol
-  - li
+- [strong](/docs/components/strong.md)
+- [sub](/docs/components/sub.md)
+- [sup](/docs/components/sup.md)
 - [table](/docs/components/table.md)
   - th
   - tr
   - td
-- [img](/docs/components/img.md)
-- [button](/docs/components/button.md)
-- [link](/docs/components/link.md)
-- [label](/docs/components/label.md)
-- [param](/docs/components/param.md)
-- [progress](/docs/components/progress.md)
-- [ruby](/docs/components/ruby.md)
-- [rt](/docs/components/rb.md)
-- [rp](/docs/components/rt.md)
-- [legend](/docs/components/legend.md)
-- [mark](/docs/components/mark.md)
-- [noscript](/docs/components/noscript.md)
-- [output](/docs/components/output.md)
-- [sup](/docs/components/sup.md)
-- [sub](/docs/components/sub.md)
 - [var](/docs/components/var.md)
 - [video](/docs/components/video.md)
+- [youtube](/docs/components/youtube.md)
 
 ## Dynamic Core Components
 
+- [action](/docs/components/action.md)
+- [actionview](/docs/components/actionview.md)
+- [async](/docs/components/async.md)
+- [collection](/docs/components/collection.md)
 - [form](/docs/components/form.md)
   - form_input
   - form_select
   - form_submit
-- [action](/docs/components/action.md)
-- [transition](/docs/components/transition.md)
+- [isolate](/docs/components/isolate.md)
 - [onclick](/docs/components/onclick.md)
+- [transition](/docs/components/transition.md)

docs/components/actionview.md

@@ -0,0 +1,3 @@
+# matestack core component: Actionview
+
+This component is meant to be used to add `ActionView` functionality into `custom components`. It is therefore part of the [extend guides](/docs/extend/custom_actionview_components.md).