RubyGems - twitter_bootstrap_markup - Versions diffs - 0.0.1 - Mend

twitter_bootstrap_markup 0.0.1

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 (116) hide show

data/.gitignore +5 -0
data/Gemfile +4 -0
data/README.md +29 -0
data/Rakefile +1 -0
data/lib/twitter_bootstrap_markup.rb +45 -0
data/lib/twitter_bootstrap_markup/add_on.rb +9 -0
data/lib/twitter_bootstrap_markup/alert.rb +35 -0
data/lib/twitter_bootstrap_markup/badge.rb +4 -0
data/lib/twitter_bootstrap_markup/brand.rb +9 -0
data/lib/twitter_bootstrap_markup/breadcrumb.rb +21 -0
data/lib/twitter_bootstrap_markup/button.rb +16 -0
data/lib/twitter_bootstrap_markup/button_base.rb +41 -0
data/lib/twitter_bootstrap_markup/control_group.rb +26 -0
data/lib/twitter_bootstrap_markup/divider.rb +30 -0
data/lib/twitter_bootstrap_markup/dropdown_button.rb +59 -0
data/lib/twitter_bootstrap_markup/extended_input.rb +11 -0
data/lib/twitter_bootstrap_markup/extension/hash.rb +11 -0
data/lib/twitter_bootstrap_markup/fieldset.rb +18 -0
data/lib/twitter_bootstrap_markup/form.rb +27 -0
data/lib/twitter_bootstrap_markup/grid_column.rb +14 -0
data/lib/twitter_bootstrap_markup/grid_row.rb +9 -0
data/lib/twitter_bootstrap_markup/help.rb +24 -0
data/lib/twitter_bootstrap_markup/icon.rb +18 -0
data/lib/twitter_bootstrap_markup/input.rb +31 -0
data/lib/twitter_bootstrap_markup/label.rb +4 -0
data/lib/twitter_bootstrap_markup/label_base.rb +29 -0
data/lib/twitter_bootstrap_markup/link.rb +17 -0
data/lib/twitter_bootstrap_markup/link_button.rb +17 -0
data/lib/twitter_bootstrap_markup/nav_bar.rb +32 -0
data/lib/twitter_bootstrap_markup/nav_container.rb +10 -0
data/lib/twitter_bootstrap_markup/nav_header.rb +9 -0
data/lib/twitter_bootstrap_markup/nav_list.rb +11 -0
data/lib/twitter_bootstrap_markup/nav_list_container.rb +10 -0
data/lib/twitter_bootstrap_markup/nav_tab.rb +10 -0
data/lib/twitter_bootstrap_markup/nav_tab_container.rb +13 -0
data/lib/twitter_bootstrap_markup/page_header.rb +17 -0
data/lib/twitter_bootstrap_markup/pagination.rb +29 -0
data/lib/twitter_bootstrap_markup/popover.rb +20 -0
data/lib/twitter_bootstrap_markup/progress_bar.rb +43 -0
data/lib/twitter_bootstrap_markup/select.rb +67 -0
data/lib/twitter_bootstrap_markup/side_position.rb +15 -0
data/lib/twitter_bootstrap_markup/submit.rb +10 -0
data/lib/twitter_bootstrap_markup/tab.rb +14 -0
data/lib/twitter_bootstrap_markup/tab_content.rb +29 -0
data/lib/twitter_bootstrap_markup/table.rb +28 -0
data/lib/twitter_bootstrap_markup/tag.rb +51 -0
data/lib/twitter_bootstrap_markup/tooltip.rb +19 -0
data/lib/twitter_bootstrap_markup/ul_container.rb +21 -0
data/lib/twitter_bootstrap_markup/version.rb +3 -0
data/lib/twitter_bootstrap_markup/well.rb +27 -0
data/markup/alerts.html +75 -0
data/markup/badges.html +65 -0
data/markup/breadcrumbs.html +59 -0
data/markup/buttons.html +95 -0
data/markup/control_groups.html +77 -0
data/markup/css/bootstrap-responsive.css +815 -0
data/markup/css/bootstrap-responsive.min.css +9 -0
data/markup/css/bootstrap.css +4983 -0
data/markup/css/bootstrap.min.css +9 -0
data/markup/dropdown_buttons.html +248 -0
data/markup/form_fields.html +88 -0
data/markup/forms.html +81 -0
data/markup/grid_system.html +87 -0
data/markup/img/glyphicons-halflings-white.png +0 -0
data/markup/img/glyphicons-halflings.png +0 -0
data/markup/index.html +37 -0
data/markup/js/bootstrap.js +1825 -0
data/markup/js/bootstrap.min.js +6 -0
data/markup/js/jquery-1.7.2.js +9402 -0
data/markup/labels.html +65 -0
data/markup/link_buttons.html +95 -0
data/markup/nav_bars.html +104 -0
data/markup/nav_lists.html +54 -0
data/markup/paginations.html +68 -0
data/markup/popovers.html +56 -0
data/markup/progress_bars.html +93 -0
data/markup/selects.html +124 -0
data/markup/tabs.html +46 -0
data/markup/textboxes.html +95 -0
data/markup/tooltips.html +56 -0
data/spec/add_on_spec.rb +10 -0
data/spec/alert_spec.rb +77 -0
data/spec/badge_spec.rb +29 -0
data/spec/brand_spec.rb +10 -0
data/spec/breadcrumb_spec.rb +32 -0
data/spec/button_spec.rb +52 -0
data/spec/control_group_spec.rb +29 -0
data/spec/divider_spec.rb +17 -0
data/spec/dropdown_button_spec.rb +101 -0
data/spec/fieldset_spec.rb +22 -0
data/spec/form_fields_spec.rb +71 -0
data/spec/form_spec.rb +35 -0
data/spec/grid_system_spec.rb +69 -0
data/spec/help_spec.rb +13 -0
data/spec/icon_spec.rb +18 -0
data/spec/input_spec.rb +11 -0
data/spec/label_spec.rb +29 -0
data/spec/link_button_spec.rb +52 -0
data/spec/link_spec.rb +29 -0
data/spec/nav_bar_spec.rb +27 -0
data/spec/nav_list_spec.rb +27 -0
data/spec/page_header_spec.rb +13 -0
data/spec/pagination_spec.rb +18 -0
data/spec/popover_spec.rb +15 -0
data/spec/progress_bar_spec.rb +53 -0
data/spec/select_spec.rb +61 -0
data/spec/spec_helper.rb +12 -0
data/spec/support/helpers/html_helper.rb +11 -0
data/spec/table_spec.rb +29 -0
data/spec/tabs_spec.rb +22 -0
data/spec/tag_spec.rb +40 -0
data/spec/textbox_spec.rb +60 -0
data/spec/tooltip_spec.rb +15 -0
data/spec/well_spec.rb +17 -0
data/twitter_bootstrap_markup.gemspec +23 -0
metadata +182 -0

data/markup/progress_bars.html ADDED Viewed

@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title>Twitter Bootstrap Markup</title>
+    <!--[if lt IE 9]>
+    <script src='http://html5shim.googlecode/svn/trunk/html5.js' type='text/javascript'></script>
+    <![endif]-->
+    <link href="css/bootstrap.css" media="screen" rel="stylesheet" type="text/css"/>
+    <meta content='width=device-width, initial-scale=1.0' name='viewport'>
+</head>
+<body>
+<div class="container">
+    <h2>Progress bars</h2>
+    <table class="table table-bordered table-striped">
+        <thead>
+        <tr>
+            <th class="span2">Name</th>
+            <th>Component</th>
+        </tr>
+        </thead>
+        <tbody>
+        <tr>
+            <td>Default</td>
+            <td id="default">
+                <div class="progress">
+                    <div class="bar" style="width: 30%;"></div>
+                </div>
+            </td>
+        </tr>
+        <tr>
+            <td>Info</td>
+            <td id="info">
+                <div class="progress progress-info">
+                    <div class="bar" style="width: 60%;"></div>
+                </div>
+            </td>
+        </tr>
+        <tr>
+            <td>Success</td>
+            <td id="success">
+                <div class="progress progress-success">
+                    <div class="bar" style="width: 60%;"></div>
+                </div>
+            </td>
+        </tr>
+        <tr>
+            <td>Danger</td>
+            <td id="danger">
+                <div class="progress progress-danger">
+                    <div class="bar" style="width: 60%;"></div>
+                </div>
+            </td>
+        </tr>
+        <tr>
+            <td>Warning</td>
+            <td id="warning">
+                <div class="progress progress-warning">
+                    <div class="bar" style="width: 60%;"></div>
+                </div>
+            </td>
+        </tr>
+        <tr>
+            <td>Striped</td>
+            <td id="striped">
+                <div class="progress progress-striped">
+                    <div class="bar" style="width: 60%;"></div>
+                </div>
+            </td>
+        </tr>
+        <tr>
+            <td>Animated</td>
+            <td id="animated">
+                <div class="progress progress-striped active">
+                    <div class="bar" style="width: 60%;"></div>
+                </div>
+            </td>
+        </tr>
+        <tr>
+            <td>Mixed</td>
+            <td id="mixed">
+                <div class="progress progress-info progress-striped">
+                    <div class="bar" style="width: 60%;"></div>
+                </div>
+            </td>
+        </tr>
+        </tbody>
+    </table>
+    <a href="index.html">back to index</a>
+</div>
+<script src="js/jquery-1.7.2.js" type="text/javascript"></script>
+<script src="js/bootstrap.js" type="text/javascript"></script>
+</body>
+</html>

data/markup/selects.html ADDED Viewed

@@ -0,0 +1,124 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title>Twitter Bootstrap Markup</title>
+    <!--[if lt IE 9]>
+    <script src='http://html5shim.googlecode/svn/trunk/html5.js' type='text/javascript'></script>
+    <![endif]-->
+    <link href="css/bootstrap.css" media="screen" rel="stylesheet" type="text/css"/>
+    <meta content='width=device-width, initial-scale=1.0' name='viewport'>
+</head>
+<body>
+<div class="container">
+    <h2>Selects</h2>
+    <table class="table table-bordered table-striped">
+        <thead>
+        <tr>
+            <th class="span2">Name</th>
+            <th>Component</th>
+        </tr>
+        </thead>
+        <tbody>
+        <tr>
+            <td>Empty</td>
+            <td id="empty">
+                <select id="empty_select"></select>
+            </td>
+        </tr>
+        <tr>
+            <td>Array</td>
+            <td id="array">
+                <select id="array_select">
+                    <option value="1">1</option>
+                    <option value="2">2</option>
+                </select>
+            </td>
+        </tr>
+        <tr>
+            <td>Hash</td>
+            <td id="hash">
+                <select id="hash_select">
+                    <option value="1">option1</option>
+                    <option value="2">option2</option>
+                </select>
+            </td>
+        </tr>
+        <tr>
+            <td>Group</td>
+            <td id="group">
+                <select id="group_select">
+                    <optgroup label="group1">
+                        <option value="1">1</option>
+                        <option value="2">2</option>
+                    </optgroup>
+                    <optgroup label="group2">
+                        <option value="A">optionA</option>
+                        <option value="B">optionB</option>
+                    </optgroup>
+                </select>
+            </td>
+        </tr>
+        <tr>
+            <td>Selected value</td>
+            <td id="selected">
+                <select id="selected_select">
+                    <option value="1">1</option>
+                    <option value="2" selected="">2</option>
+                    <option value="3">3</option>
+                </select>
+            </td>
+        </tr>
+        <tr>
+            <td>Prompt</td>
+            <td id="prompt">
+                <select id="prompt_select">
+                    <option value="">[Select option]</option>
+                    <option value="1">1</option>
+                    <option value="2">2</option>
+                </select>
+            </td>
+        </tr>
+        <tr>
+            <td>Mini</td>
+            <td id="mini">
+                <select class="input-mini"></select>
+            </td>
+        </tr>
+        <tr>
+            <td>Small</td>
+            <td id="small">
+                <select class="input-small"></select>
+            </td>
+        </tr>
+        <tr>
+            <td>Medium</td>
+            <td id="medium">
+                <select class="input-medium"></select>
+            </td>
+        </tr>
+        <tr>
+            <td>Large</td>
+            <td id="large">
+                <select class="input-large"></select>
+            </td>
+        </tr>
+        <tr>
+            <td>X Large</td>
+            <td id="xlarge">
+                <select class="input-xlarge"></select>
+            </td>
+        </tr>
+        <tr>
+            <td>XX Large</td>
+            <td id="xxlarge">
+                <select class="input-xxlarge"></select>
+            </td>
+        </tr>
+        </tbody>
+    </table>
+    <a href="index.html">back to index</a>
+</div>
+<script src="js/jquery-1.7.2.js" type="text/javascript"></script>
+<script src="js/bootstrap.js" type="text/javascript"></script>
+</body>
+</html>

data/markup/tabs.html ADDED Viewed

@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title>Twitter Bootstrap Markup</title>
+    <!--[if lt IE 9]>
+    <script src='http://html5shim.googlecode/svn/trunk/html5.js' type='text/javascript'></script>
+    <![endif]-->
+    <link href="css/bootstrap.css" media="screen" rel="stylesheet" type="text/css"/>
+    <meta content='width=device-width, initial-scale=1.0' name='viewport'>
+</head>
+<body>
+<div class="container">
+    <h2>Breadcrumbs</h2>
+    <table class="table table-bordered">
+        <thead>
+        <tr>
+            <th class="span2">Name</th>
+            <th>Component</th>
+        </tr>
+        </thead>
+        <tbody>
+        <tr>
+            <td>Default</td>
+            <td id="default">
+                <div class="tab">
+                    <ul class="nav nav-tabs">
+                        <li class="active"><a href="#tab1" data-toggle="tab">Tab 1</a></li>
+                        <li><a href="#tab2" data-toggle="tab">Tab 2</a></li>
+                        <li><a href="#tab3" data-toggle="tab">Tab 3</a></li>
+                    </ul>
+                    <div class="tab-content">
+                        <div class="tab-pane active" id="tab1"><i>Content for Tab 1</i></div>
+                        <div class="tab-pane" id="tab2">Content for Tab 2</div>
+                        <div class="tab-pane" id="tab3"><strong>Content for Tab 3</strong></div>
+                    </div>
+                </div>
+            </td>
+        </tr>
+        </tbody>
+    </table>
+    <a href="index.html">back to index</a>
+</div>
+<script src="js/jquery-1.7.2.js" type="text/javascript"></script>
+<script src="js/bootstrap.js" type="text/javascript"></script>
+</body>
+</html>

data/markup/textboxes.html ADDED Viewed

@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title>Twitter Bootstrap Markup</title>
+    <!--[if lt IE 9]>
+    <script src='http://html5shim.googlecode/svn/trunk/html5.js' type='text/javascript'></script>
+    <![endif]-->
+    <link href="css/bootstrap.css" media="screen" rel="stylesheet" type="text/css"/>
+    <meta content='width=device-width, initial-scale=1.0' name='viewport'>
+</head>
+<body>
+<div class="container">
+    <h2>Textboxes</h2>
+    <table class="table table-bordered table-striped">
+        <thead>
+        <tr>
+            <th class="span2">Name</th>
+            <th>Component</th>
+        </tr>
+        </thead>
+        <tbody>
+        <tr>
+            <td>Default</td>
+            <td id="default">
+                <input type="text">
+            </td>
+        </tr>
+        <tr>
+            <td>Mini</td>
+            <td id="mini">
+                <input type="text" class="input-mini">
+            </td>
+        </tr>
+        <tr>
+            <td>Small</td>
+            <td id="small">
+                <input type="text" class="input-small">
+            </td>
+        </tr>
+        <tr>
+            <td>Medium</td>
+            <td id="medium">
+                <input type="text" class="input-medium">
+            </td>
+        </tr>
+        <tr>
+            <td>Large</td>
+            <td id="large">
+                <input type="text" class="input-large">
+            </td>
+        </tr>
+        <tr>
+            <td>X Large</td>
+            <td id="xlarge">
+                <input type="text" class="input-xlarge">
+            </td>
+        </tr>
+        <tr>
+            <td>XX Large</td>
+            <td id="xxlarge">
+                <input type="text" class="input-xxlarge">
+            </td>
+        </tr>
+        <tr>
+            <td>Prepend</td>
+            <td id="prepend">
+                <div class="input-prepend">
+                    <span class="add-on">$</span><input type="text">
+                </div>
+            </td>
+        </tr>
+        <tr>
+            <td>Append</td>
+            <td id="append">
+                <div class="input-append">
+                    <input type="text"><button class="btn">Save</button>
+                </div>
+            </td>
+        </tr>
+        <tr>
+            <td>Prepend and append</td>
+            <td id="prepend_append">
+                <div class="input-prepend input-append">
+                    <span class="add-on">$</span><input type="text"><button class="btn">Save</button>
+                </div>
+            </td>
+        </tr>
+        </tbody>
+    </table>
+    <a href="index.html">back to index</a>
+</div>
+<script src="js/jquery-1.7.2.js" type="text/javascript"></script>
+<script src="js/bootstrap.js" type="text/javascript"></script>
+</body>
+</html>

data/markup/tooltips.html ADDED Viewed

@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title>Twitter Bootstrap Markup</title>
+    <!--[if lt IE 9]>
+    <script src='http://html5shim.googlecode/svn/trunk/html5.js' type='text/javascript'></script>
+    <![endif]-->
+    <link href="css/bootstrap.css" media="screen" rel="stylesheet" type="text/css"/>
+    <meta content='width=device-width, initial-scale=1.0' name='viewport'>
+</head>
+<body>
+<div class="container">
+    <h2>Tooltips</h2>
+    <table class="table table-bordered table-striped">
+        <thead>
+        <tr>
+            <th class="span2">Name</th>
+            <th>Component</th>
+        </tr>
+        </thead>
+        <tbody>
+        <tr>
+            <td>Default</td>
+            <td id="default">
+                <p>Text with <a href="#" rel="tooltip" data-original-title="Simple tooltip" data-placement="top">simple</a> tooltip</p>
+            </td>
+        </tr>
+        <tr>
+            <td>Bottom</td>
+            <td id="bottom">
+                <p>Text with <a href="#" rel="tooltip" data-original-title="Simple tooltip" data-placement="bottom">simple</a> tooltip</p>
+            </td>
+        </tr>
+        <tr>
+            <td>Left</td>
+            <td id="left">
+                <p>Text with <a href="#" rel="tooltip" data-original-title="Simple tooltip" data-placement="left">simple</a> tooltip</p>
+            </td>
+        </tr>
+        <tr>
+            <td>Right</td>
+            <td id="right">
+                <p>Text with <a href="#" rel="tooltip" data-original-title="Simple tooltip" data-placement="right">simple</a> tooltip</p>
+            </td>
+        </tr>
+        </tbody>
+    </table>
+    <a href="index.html">back to index</a>
+</div>
+<script src="js/jquery-1.7.2.js" type="text/javascript"></script>
+<script src="js/bootstrap.js" type="text/javascript"></script>
+<script>
+    $("[rel=tooltip]").tooltip();
+</script>
+</body>
+</html>

data/spec/add_on_spec.rb ADDED Viewed

@@ -0,0 +1,10 @@
+require 'spec_helper'
+describe AddOn do
+  it 'text' do
+    AddOn.new('$').to_s.should eq '<span class="add-on">$</span>'
+    AddOn.new('.00').to_s.should eq '<span class="add-on">.00</span>'
+  end
+end

data/spec/alert_spec.rb ADDED Viewed

@@ -0,0 +1,77 @@
+require 'spec_helper'
+describe Alert do
+  context 'Types' do
+    Alert::TYPES.each do |type|
+      it type do
+        tag = Alert.new do
+          append Tag.block(:strong) { append 'Alert!' }
+          append 'Message'
+        end
+        tag.send(type).to_s.should eq HtmlHelper.html_for('alerts', "##{type} div")
+      end
+    end
+    it 'closable' do
+      tag = Alert.new do
+        append Tag.block(:strong) { append 'Alert!' }
+        append 'Message'
+      end
+      tag.closable.to_s.should eq HtmlHelper.html_for('alerts', "#closable div")
+    end
+  end
+  context 'Constructors' do
+    Alert::TYPES.each do |type|
+      it type do
+        tag1 = Alert.send(type) do
+          append Tag.block(:strong) { append 'Alert!' }
+          append 'Message'
+        end
+        tag2 = Alert.new do
+          append Tag.block(:strong) { append 'Alert!' }
+          append 'Message'
+        end
+        tag1.to_s.should eq tag2.send(type).to_s
+      end
+      it "#{type}_closable" do
+        tag1 = Alert.send("#{type}_closable") do
+          append Tag.block(:strong) { append 'Alert!' }
+          append 'Message'
+        end
+        tag2 = Alert.new do
+          append Tag.block(:strong) { append 'Alert!' }
+          append 'Message'
+        end
+        tag1.to_s.should eq tag2.send(type).closable.to_s
+      end
+    end
+    it 'closable' do
+      tag1 = Alert.closable do
+        append Tag.block(:strong) { append 'Alert!' }
+        append 'Message'
+      end
+      tag2 = Alert.new do
+        append Tag.block(:strong) { append 'Alert!' }
+        append 'Message'
+      end
+      tag1.to_s.should eq tag2.closable.to_s
+    end
+  end
+end