markdown-ui 0.1.7 → 0.1.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: fdbb36cc1a136c408fe4532c29b2b2114dd09cf2
-  data.tar.gz: f07fbbc736660d3707940512ce9ac024bd88fa78
+  metadata.gz: b89b4b1ab06b68788e0cffe003b7f3abd617bb93
+  data.tar.gz: 36b1423c6791a4abca13f23804444bfbbce08a14
 SHA512:
-  metadata.gz: dc7cfe0021c349844111ea231436bb7ec4228e1e5517a5e9f32e2fbbe572e26182a86cc2a4ce29fd3578c610fd3f9e57a41616e5c6bd35a364474073c710de03
-  data.tar.gz: 36e22c7fd049bbf474c65c52b9c21dd187fd4b7478ee61d467abfcb2163308bd7cf1bc5186cf376ed821a3f279f1627997666f3ae6e72471cd21de26c5e446b8
+  metadata.gz: 83c17f2ac5650213b6eebe208003976741d7240e4b37f29ac9f269a5890b0cbe6334bdde2a4254e583e790226c7f5c0a676c22df0fd7f8d6c2459826986e6286
+  data.tar.gz: a7b8999ae60324c9c45a464b86681fec5a86cce87930443bfb7a860705866cc3f58c5e14819c6e35ead6947ef791a2d12ad594befca9545cf7e1354e8c7966a4

data/Changelog

@@ -1,3 +1,17 @@
+0.1.8 - 08-12-15
+  * <button> tag added
+  * Explicitly use button tag in all button elements except
+    - Animated Buttons
+    - Focusable Button
+    - Buttons
+  * Create a new FocusableButtonTag class to introduce a tabindex="0" in a div tag
+  * Updated unit tests with the new tag changes
+  * Created the following button tests and documentions
+    - Active Button
+    - Disabled Button
+    - Progress Button
+  * Seperate Documents into it's own document files
+
 0.1.7 - 08-07-15
   * Parse generated HTML document using Nokogiri;
   * Support Nokogiri 1.5 to 1.6

data/TODO.md

@@ -0,0 +1,44 @@
+# Button
+* Button
+  √ Button
+  √ Emphasis
+  √ Animated
+  √ Icon
+  √ Labeled Icon
+  √ Basic
+  √ Inverted
+  √ Groups
+
+* Buttons
+  √ Icon Buttons
+
+* Content
+  √ Conditionals
+
+* States
+  √ Active
+  √ Disabled
+  √ Loading
+
+* Variations
+  Social
+  Size
+  Colored
+  Compact
+  Toggle
+  Positive
+  Negative
+  Fluid
+  Circular
+  Vertically Attached
+  Horizontally Attached
+
+* Group Variations
+  Vertical Buttons
+  Icon Buttons
+  Labeled Icon Buttons
+  Mixed Group
+  Equal Width
+  Colored Buttons
+  Basic Buttons
+  Group Sizes

data/components/elements/markdown-ui-button/lib/button/basic.rb

@@ -13,7 +13,7 @@ module MarkdownUI::Button
       klass = "ui #{@klass} basic button"
       _id = @id
 
-      MarkdownUI::StandardTag.new(content, klass, _id).render
+      MarkdownUI::ButtonTag.new(content, klass, _id).render
     end
   end
 end

data/components/elements/markdown-ui-button/lib/button/custom.rb

@@ -15,7 +15,7 @@ module MarkdownUI::Button
       klass = "ui #{element} #{@klass} button"
       _id = @id
 
-      MarkdownUI::StandardTag.new(content, klass, _id).render
+      MarkdownUI::ButtonTag.new(content, klass, _id).render
     end
   end
 end

data/components/elements/markdown-ui-button/lib/button/focusable.rb

@@ -4,25 +4,16 @@ module MarkdownUI::Button
   class Focusable
     def initialize(content, klass = nil, _id = nil)
       @klass = klass
-      @content = content
       @id = _id
+      @content = content
     end
 
     def render
+      klass = "ui #{@klass} focusable button"
       content = MarkdownUI::Content::Parser.new(@content).parse
-      klass = MarkdownUI::KlassUtil.new("ui #{@klass} button").klass
-      _id = if @id
-        " id=\"#{@id.split.join('-')}\""
-      end
-
-      output = []
-      output << "<button"
-      output << "#{_id}"
-      output << "#{klass}>"
-      output << content
-      output << "</button>"
+      _id = @id
 
-      output.join
+      MarkdownUI::FocusableButtonTag.new(content, klass, _id).render
     end
   end
 end

data/components/elements/markdown-ui-button/lib/button/icon.rb

@@ -13,7 +13,7 @@ module MarkdownUI::Button
       klass = "ui #{@klass} icon button"
       _id = @id
 
-      MarkdownUI::StandardTag.new(content, klass, _id).render
+      MarkdownUI::ButtonTag.new(content, klass, _id).render
     end
   end
 end

data/components/elements/markdown-ui-button/lib/button/labeled_icon.rb

@@ -19,7 +19,7 @@ module MarkdownUI::Button
       content << icon
       content << label
 
-      MarkdownUI::StandardTag.new(content.join, klass, _id).render
+      MarkdownUI::ButtonTag.new(content.join, klass, _id).render
     end
   end
 end

data/components/elements/markdown-ui-button/lib/button/standard.rb

@@ -13,7 +13,7 @@ module MarkdownUI::Button
       content = MarkdownUI::Content::Parser.new(@content).parse
       _id = @id
 
-      MarkdownUI::StandardTag.new(content, klass, _id).render
+      MarkdownUI::ButtonTag.new(content, klass, _id).render
     end
   end
 end

data/components/elements/markdown-ui-header/lib/header/header.rb

@@ -1,26 +1,29 @@
 module MarkdownUI
   class Header
     def initialize(text, level)
-      @text, @klass = text.split(':')
+      @text, @klass, @_id = text.split(':')
       @level = level
     end
 
     def render
       text = @text.strip
       klass = MarkdownUI::KlassUtil.new("ui #{@klass} header").klass
+      _id = " id=\"#{@_id}\"" if @_id
       level = @level
 
       output = []
 
       if @level > 0
-        output << "<h#{@level}"
+        output << "<h#{level}"
+        output << _id
         output << klass + ">"
-        output << "#{@text}"
+        output << "#{text}"
         output << "</h#{level}>"
       else
         output << "<div"
+        output << _id
         output << klass + ">"
-        output << "#{@text}"
+        output << "#{text}"
         output << "</div>"
       end
 

data/lib/markdown-ui/tag/button_tag.rb

@@ -0,0 +1,27 @@
+module MarkdownUI
+  class ButtonTag
+    def initialize(content, klass = nil, _id = nil, data = nil)
+      @klass = klass
+      @content = content
+      @data = data
+      @id = _id
+    end
+
+    def render
+      content = @content.strip unless @content.nil?
+      klass = MarkdownUI::KlassUtil.new(@klass).klass unless @klass.nil?
+      _id = if @id
+        " id=\"#{@id.split.join('-')}\""
+      end
+
+      data = if @data
+        _data, attribute, value = @data.split(':')
+        " data-#{attribute}=\"#{value}\""
+      else
+        nil
+      end
+
+      "<button#{_id}#{klass}#{data}>#{content}</button>"
+    end
+  end
+end

data/lib/markdown-ui/tag/focusable_button_tag.rb

@@ -0,0 +1,27 @@
+module MarkdownUI
+  class FocusableButtonTag
+    def initialize(content, klass = nil, _id = nil, data = nil)
+      @klass = klass
+      @content = content
+      @data = data
+      @id = _id
+    end
+
+    def render
+      content = @content.strip unless @content.nil?
+      klass = MarkdownUI::KlassUtil.new(@klass).klass unless @klass.nil?
+      _id = if @id
+        " id=\"#{@id.split.join('-')}\""
+      end
+
+      data = if @data
+        _data, attribute, value = @data.split(':')
+        " data-#{attribute}=\"#{value}\""
+      else
+        nil
+      end
+
+      "<div#{_id}#{klass}#{data} tabindex=\"0\">#{content}</div>"
+    end
+  end
+end

data/lib/markdown-ui/version.rb

@@ -1,3 +1,3 @@
 module MarkdownUI
-  VERSION = '0.1.7'
+  VERSION = '0.1.8'
 end

data/website/about.html

@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.0.7/semantic.min.css" />
+    <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.0.7/semantic.min.js"></script>
+<!--[if lt IE 9]>
+  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+  <![endif]-->
+    <style>
+<![CDATA[
+    code { white-space:pre }
+  ]]>
+    </style>
+  </head>
+  <body>
+  <div class="ui container">
+  <div class="ui inverted segment">
+    <div class="ui inverted menu">
+      <a class="ui basic item" href="http://jjuliano.github.io/markdown-ui">Markdown UI</a>
+      <div class="ui inverted right menu">
+        <a class="ui item" href="docs/toc.html">Docs</a>
+        <a class="ui active item" href="about.html">About</a>
+        <a class="ui item" href="https://github.com/jjuliano/markdown-ui">Github</a>
+        <a class="ui item" href="index.html#install">Install</a>
+      </div>
+    </div>
+  </div>
+<!-- -->
+  <div class="ui text container">
+    <div class="ui segment"><h2 class="ui header">About</h2><i>It [Markdown-UI] helps the developer to focus on the big picture on paper or text-editors, and with few details it lessen the cognitive load which means having meaningful productivity which equates to happiness! - Joel Bryan Juliano (author of Markdown-UI)</i><br /><h4 class="ui header">Markdown-UI is for…</h4><i class="check icon"></i> creating responsive UI’s for mobile and web <br /><i class="check icon"></i> easily communicating your UI <br /><i class="check icon"></i> rapid prototyping <br /><i class="check icon"></i> being more productive by having less cognitive load <br /><i class="check icon"></i> UI/UX brain-storming sessions via email, whiteboard, text editor, paper, etc. <br /></div>
+  </div>
+<!-- -->
+</div>
+
+</body>
+</html>

data/website/about.md

@@ -0,0 +1,27 @@
+> Container:
+> > Inverted Segment:
+> > > Inverted Menu:
+> > > [Markdown UI](http：//jjuliano.github.io/markdown-ui "basic")
+> > > > Inverted Right Menu:
+> > > > [Docs](docs/toc.html)
+> > > > [About](about.html "active")
+> > > > [Github](https：//github.com/jjuliano/markdown-ui)
+> > > > [Install](index.html#install)
+>
+> <!-- -->
+>
+> > Text Container:
+> > > Segment:
+> > > ## About
+> > > <i>It [Markdown-UI] helps the developer to focus on the big picture on paper or text-editors, and with few details it lessen the cognitive load which means having meaningful productivity which equates to happiness! - Joel Bryan Juliano (author of Markdown-UI)</i>
+> > > <br />
+> > > #### Markdown-UI is for...
+> > > _Check Icon_ creating responsive UI's for mobile and web <br />
+> > > _Check Icon_ easily communicating your UI <br />
+> > > _Check Icon_ rapid prototyping <br />
+> > > _Check Icon_ being more productive by having less cognitive load <br />
+> > > _Check Icon_ UI/UX brain-storming sessions via email, whiteboard, text editor, paper, etc. <br />
+>
+> <!-- -->
+>
+

data/website/compile.sh

@@ -1,10 +1,19 @@
 #!/usr/bin/env bash
 
 for i in *.md; do
+  echo "PROCESSING FILE: $i"
   name="$(basename $i .md)"
   ../exe/markdown-ui $name.md > $name.html
 
-  rpl "#home" "http://jjuliano.github.io/markdown-ui" $name.html
-  rpl "#github" "https://github.com/jjuliano/markdown-ui" $name.html
-  rpl "：" ":" $name.html
+  sed -ie 's/：/:/g' $name.html 2> /dev/null
+  rm -rf $name.htmle
+done
+
+for i in docs/*.md; do
+  echo "PROCESSING FILE: $i"
+  name="$(basename $i .md)"
+  ../exe/markdown-ui $i > docs/$name.html
+
+  sed -ie 's/：/:/g' docs/$name.html 2> /dev/null
+  rm -rf docs/$name.htmle
 done