Merge branch 'develop' of github.com:stiwwelll/matestack-ui-core into develop

stiwwelll · stiwwelll · commit b97d0934a46e · 2019-10-06T22:16:37.000+02:00
diff --git a/app/concepts/matestack/ui/core/b/b.haml b/app/concepts/matestack/ui/core/b/b.haml
@@ -0,0 +1,5 @@
+%b{@tag_attributes}
+  - if options[:text].nil? && block_given?
+    = yield
+  - else
+    = options[:text]
diff --git a/app/concepts/matestack/ui/core/b/b.rb b/app/concepts/matestack/ui/core/b/b.rb
@@ -0,0 +1,5 @@
+module Matestack::Ui::Core::B
+  class B < Matestack::Ui::Core::Component::Static
+
+  end
+end
diff --git a/app/concepts/matestack/ui/core/code/code.haml b/app/concepts/matestack/ui/core/code/code.haml
@@ -0,0 +1,5 @@
+%code{@tag_attributes}
+  - if options[:text].nil? && block_given?
+    = yield
+  - else
+    = options[:text]
diff --git a/app/concepts/matestack/ui/core/code/code.rb b/app/concepts/matestack/ui/core/code/code.rb
@@ -0,0 +1,5 @@
+module Matestack::Ui::Core::Code
+  class Code < Matestack::Ui::Core::Component::Static
+
+  end
+end
diff --git a/app/concepts/matestack/ui/core/dd/dd.haml b/app/concepts/matestack/ui/core/dd/dd.haml
@@ -0,0 +1,5 @@
+%dd{@tag_attributes}
+  - if options[:text].nil? && block_given?
+    = yield
+  - else
+    = options[:text]
diff --git a/app/concepts/matestack/ui/core/dd/dd.rb b/app/concepts/matestack/ui/core/dd/dd.rb
@@ -0,0 +1,5 @@
+module Matestack::Ui::Core::Dd
+  class Dd < Matestack::Ui::Core::Component::Static
+
+  end
+end
diff --git a/app/concepts/matestack/ui/core/dt/dt.haml b/app/concepts/matestack/ui/core/dt/dt.haml
@@ -0,0 +1,5 @@
+%dt{@tag_attributes}
+  - if options[:text].nil? && block_given?
+    = yield
+  - else
+    = options[:text]
diff --git a/app/concepts/matestack/ui/core/dt/dt.rb b/app/concepts/matestack/ui/core/dt/dt.rb
@@ -0,0 +1,5 @@
+module Matestack::Ui::Core::Dt
+  class Dt < Matestack::Ui::Core::Component::Static
+
+  end
+end
diff --git a/app/concepts/matestack/ui/core/em/em.haml b/app/concepts/matestack/ui/core/em/em.haml
@@ -0,0 +1,5 @@
+%em{@tag_attributes}
+  - if options[:text].nil? && block_given?
+    = yield
+  - else
+    = options[:text]
diff --git a/app/concepts/matestack/ui/core/em/em.rb b/app/concepts/matestack/ui/core/em/em.rb
@@ -0,0 +1,5 @@
+module Matestack::Ui::Core::Em
+  class Em < Matestack::Ui::Core::Component::Static
+
+  end
+end
diff --git a/app/concepts/matestack/ui/core/q/q.haml b/app/concepts/matestack/ui/core/q/q.haml
@@ -0,0 +1,5 @@
+%q{@tag_attributes}
+  - if block_given?
+    = yield
+  - else
+    = options[:text]
diff --git a/app/concepts/matestack/ui/core/q/q.rb b/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
diff --git a/app/concepts/matestack/ui/core/s/s.haml b/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]
diff --git a/app/concepts/matestack/ui/core/s/s.rb b/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
+  
diff --git a/docs/components/README.md b/docs/components/README.md
@@ -17,6 +17,7 @@ You can build your [own components](/docs/extend/custom_components.md) as well,
 - [plain](/docs/components/plain.md)
 - [pg](/docs/components/pg.md)
 - [span](/docs/components/span.md)
+- [b](/docs/components/b.md)
 - [icon](/docs/components/icon.md)
 - [list](/docs/components/list.md)
   - ul
diff --git a/docs/components/b.md b/docs/components/b.md
@@ -0,0 +1,44 @@
+# matestack core component: B
+
+Show [specs](/spec/usage/components/b_spec.rb)
+
+The HTML b tag implemented in ruby.
+
+## Parameters
+
+This component can take 2 optional configuration params and either yield content or display what gets passed to the `text` configuration param.
+
+#### # id (optional)
+Expects a string with all ids the b should have.
+
+#### # class (optional)
+Expects a string with all classes the b should have.
+
+## Example 1: Yield a given block
+
+```ruby
+b id: "foo", class: "bar" do
+  plain 'Hello World' # optional content
+end
+```
+
+returns
+
+```html
+<b id="foo" class="bar">
+  Hello World
+</b>
+```
+
+## Example 2: Render options[:text] param
+
+```ruby
+b id: "foo", class: "bar", text: 'Hello World'
+```
+
+returns
+
+```html
+<b id="foo" class="bar">
+  Hello World
+</b>
diff --git a/docs/components/blockquote.md b/docs/components/blockquote.md
@@ -9,10 +9,10 @@ The HTML blockquote tag implemented in ruby.
 This component can take 3 optional configuration params and either yield content or display what gets passed to the `text` configuration param.
 
 #### # id (optional)
-Expects a string with all ids the span should have.
+Expects a string with all ids the blockquote should have.
 
 #### # class (optional)
-Expects a string with all classes the span should have.
+Expects a string with all classes the blockquote should have.
 
 #### # cite (optional)
 Expects a string referencing a cite for the blockquote.
diff --git a/docs/components/code.md b/docs/components/code.md
@@ -0,0 +1,50 @@
+# matestack core component: Code
+
+Show [specs](/spec/usage/components/code_spec.rb)
+
+The HTML `<code>` tag implemented in Ruby.
+
+## Parameters
+
+This component can take 3 optional configuration params and optional content.
+
+#### # id (optional)
+Expects a string with all ids the `<code>` tag should have.
+
+#### # class (optional)
+Expects a string with all classes the `<code>` tag should have.
+
+#### # text (optional)
+Expects a string with the text that should go into the `<code>` tag.
+
+## Example 1
+Rendering content into the `code` component
+
+```ruby
+code id: "foo", class: "bar" do
+  plain 'puts "Hello Mate One"'
+end
+```
+
+returns
+
+```html
+<code id="foo" class="bar">
+  puts "Hello Mate One"
+</code>
+```
+
+## Example 2
+Passing content to the `text` param
+
+```ruby
+code id: "foo", class: "bar", text: 'puts "Hello Mate Two"'
+```
+
+returns
+
+```html
+<code id="foo" class="bar">
+  puts "Hello Mate Two"
+</code>
+```
diff --git a/docs/components/dd.md b/docs/components/dd.md
@@ -0,0 +1,46 @@
+# matestack core component: Dd
+
+Show [specs](/spec/usage/components/dd_spec.rb)
+
+The HTML dd tag implemented in ruby.
+
+## Parameters
+
+This component can take 3 optional configuration params and either yield content or display what gets passed to the `text` configuration param.
+
+#### # id (optional)
+Expects a string with all ids the `dd` should have.
+
+#### # class (optional)
+Expects a string with all classes the `dd` should have.
+
+## Example 1: Yield a given block
+
+```ruby
+dd id: "foo", class: "bar" do
+  plain 'Hello World'
+end
+```
+
+returns
+
+```html
+<dd id="foo" class="bar">
+  Hello World
+</dd>
+```
+
+## Example 2: Render options[:text] param
+
+```ruby
+dd id: "foo", class: "bar", text: 'Hello World'
+```
+
+returns
+
+```html
+<dd id="foo" class="bar">
+  Hello World
+</dd>
+```
+
diff --git a/docs/components/dt.md b/docs/components/dt.md
@@ -0,0 +1,46 @@
+# matestack core component: Dt
+
+Show [specs](/spec/usage/components/dt_spec.rb)
+
+The HTML dt tag implemented in ruby.
+
+## Parameters
+
+This component can take 3 optional configuration params and either yield content or display what gets passed to the `text` configuration param.
+
+#### # id (optional)
+Expects a string with all ids the `dt` should have.
+
+#### # class (optional)
+Expects a string with all classes the `dt` should have.
+
+## Example 1: Yield a given block
+
+```ruby
+dt id: "foo", class: "bar" do
+  plain 'Hello World' # optional content
+end
+```
+
+returns
+
+```html
+<dt id="foo" class="bar">
+  Hello World
+</dt>
+```
+
+## Example 2: Render options[:text] param
+
+```ruby
+dt id: "foo", class: "bar", text: 'Hello World'
+```
+
+returns
+
+```html
+<dt id="foo" class="bar">
+  Hello World
+</dt>
+```
+
diff --git a/docs/components/em.md b/docs/components/em.md
@@ -0,0 +1,40 @@
+# matestack core component: Em
+
+Show [specs](/spec/usage/components/em_spec.rb)
+
+The HTML em tag implemented in Ruby.
+
+## Parameters
+
+This component can take 2 optional configuration params and either yield content or display what gets passed to the `text` configuration param.
+
+#### # id (optional)
+Expects a string with all ids the em tag should have.
+
+#### # class (optional)
+Expects a string with all classes the em tag should have.
+
+## Example 1: Yield a given block
+
+```ruby
+em id: "foo", class: "bar" do
+  plain 'Emphasized text' # optional content
+end
+```
+
+returns
+
+```html
+<em id="foo" class="bar">Emphasized text</small>
+```
+
+## Example 2: Render options[:text] param
+
+```ruby
+em id: "foo", class: "bar", text: 'Emphasized text'
+```
+
+returns
+
+```html
+<em id="foo" class="bar">Emphasized text</small>
diff --git a/docs/components/q.md b/docs/components/q.md
@@ -0,0 +1,50 @@
+# matestack core component: Q
+
+Show [specs](../../spec/usage/components/q_spec.rb)
+
+The HTML q tag implemented in ruby.
+
+## Parameters
+
+This component can take 4 optional configuration params and either yield content or display what gets passed to the `text` configuration param.
+
+#### # id (optional)
+Expects a string with all ids the quote should have.
+
+#### # class (optional)
+Expects a string with all classes the quote should have.
+
+#### # text (optional)
+Expects a string with the text that should go into the `<q>` tag.
+
+#### # cite (optional)
+Expects a string for referencing the source for the quote.
+
+## Example 1: Yield a given block
+
+```ruby
+q id: "foo", class: "bar" do
+  plain 'Hello World' # optional content
+end
+```
+
+returns
+
+```html
+<q id="foo" class="bar">
+  Hello World
+</q>
+```
+
+## Example 2: Render options[:text] param
+
+```ruby
+q id: "foo", class: "bar", cite: "helloworld.io" text: 'Hello World'
+```
+
+returns
+
+```html
+<q id="foo" class="bar" cite="helloworld.io">
+  Hello World
+</q>
diff --git a/docs/components/s.md b/docs/components/s.md
diff --git a/docs/components/video.md b/docs/components/video.md
diff --git a/spec/usage/components/b_spec.rb b/spec/usage/components/b_spec.rb
diff --git a/spec/usage/components/code_spec.rb b/spec/usage/components/code_spec.rb
diff --git a/spec/usage/components/dd_spec.rb b/spec/usage/components/dd_spec.rb
diff --git a/spec/usage/components/dt_spec.rb b/spec/usage/components/dt_spec.rb
diff --git a/spec/usage/components/em_spec.rb b/spec/usage/components/em_spec.rb
diff --git a/spec/usage/components/q_spec.rb b/spec/usage/components/q_spec.rb
diff --git a/spec/usage/components/s_spec.rb b/spec/usage/components/s_spec.rb

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +module Matestack::Ui::Core::B
 +  class B < Matestack::Ui::Core::Component::Static
++
 +  end
 +end