twitter_bootstrap_markup 0.0.3 → 0.0.4

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 (123) hide show
  1. data/.gitignore +4 -4
  2. data/Gemfile +4 -4
  3. data/README.md +28 -28
  4. data/Rakefile +1 -1
  5. data/lib/twitter_bootstrap_markup.rb +52 -52
  6. data/lib/twitter_bootstrap_markup/add_on.rb +8 -8
  7. data/lib/twitter_bootstrap_markup/alert.rb +35 -35
  8. data/lib/twitter_bootstrap_markup/badge.rb +4 -4
  9. data/lib/twitter_bootstrap_markup/brand.rb +8 -8
  10. data/lib/twitter_bootstrap_markup/breadcrumb.rb +21 -21
  11. data/lib/twitter_bootstrap_markup/button.rb +16 -16
  12. data/lib/twitter_bootstrap_markup/button_base.rb +44 -44
  13. data/lib/twitter_bootstrap_markup/control_group.rb +25 -25
  14. data/lib/twitter_bootstrap_markup/divider.rb +29 -29
  15. data/lib/twitter_bootstrap_markup/dropdown_button.rb +58 -58
  16. data/lib/twitter_bootstrap_markup/dropdown_link.rb +29 -29
  17. data/lib/twitter_bootstrap_markup/extended_input.rb +10 -10
  18. data/lib/twitter_bootstrap_markup/extension/hash.rb +10 -10
  19. data/lib/twitter_bootstrap_markup/fieldset.rb +17 -17
  20. data/lib/twitter_bootstrap_markup/form.rb +26 -26
  21. data/lib/twitter_bootstrap_markup/grid_column.rb +13 -13
  22. data/lib/twitter_bootstrap_markup/grid_row.rb +8 -8
  23. data/lib/twitter_bootstrap_markup/help.rb +23 -23
  24. data/lib/twitter_bootstrap_markup/icon.rb +17 -17
  25. data/lib/twitter_bootstrap_markup/input.rb +24 -24
  26. data/lib/twitter_bootstrap_markup/input_size.rb +21 -21
  27. data/lib/twitter_bootstrap_markup/label.rb +4 -4
  28. data/lib/twitter_bootstrap_markup/label_base.rb +32 -32
  29. data/lib/twitter_bootstrap_markup/link.rb +16 -16
  30. data/lib/twitter_bootstrap_markup/link_button.rb +17 -17
  31. data/lib/twitter_bootstrap_markup/nav_bar.rb +33 -33
  32. data/lib/twitter_bootstrap_markup/nav_container.rb +9 -9
  33. data/lib/twitter_bootstrap_markup/nav_header.rb +8 -8
  34. data/lib/twitter_bootstrap_markup/nav_list.rb +15 -15
  35. data/lib/twitter_bootstrap_markup/nav_list_container.rb +9 -9
  36. data/lib/twitter_bootstrap_markup/nav_tab.rb +9 -9
  37. data/lib/twitter_bootstrap_markup/nav_tab_container.rb +12 -12
  38. data/lib/twitter_bootstrap_markup/page_header.rb +16 -16
  39. data/lib/twitter_bootstrap_markup/pagination.rb +28 -28
  40. data/lib/twitter_bootstrap_markup/popover.rb +19 -19
  41. data/lib/twitter_bootstrap_markup/progress_bar.rb +42 -42
  42. data/lib/twitter_bootstrap_markup/select.rb +54 -54
  43. data/lib/twitter_bootstrap_markup/side_position.rb +14 -14
  44. data/lib/twitter_bootstrap_markup/submit.rb +9 -9
  45. data/lib/twitter_bootstrap_markup/tab.rb +13 -13
  46. data/lib/twitter_bootstrap_markup/tab_content.rb +28 -28
  47. data/lib/twitter_bootstrap_markup/table.rb +28 -28
  48. data/lib/twitter_bootstrap_markup/tag.rb +62 -62
  49. data/lib/twitter_bootstrap_markup/tag_builder.rb +21 -21
  50. data/lib/twitter_bootstrap_markup/textarea.rb +14 -14
  51. data/lib/twitter_bootstrap_markup/tooltip.rb +18 -18
  52. data/lib/twitter_bootstrap_markup/ul_container.rb +27 -27
  53. data/lib/twitter_bootstrap_markup/version.rb +3 -3
  54. data/lib/twitter_bootstrap_markup/well.rb +27 -27
  55. data/markup/alerts.html +74 -74
  56. data/markup/badges.html +64 -64
  57. data/markup/breadcrumbs.html +58 -58
  58. data/markup/buttons.html +94 -94
  59. data/markup/control_groups.html +76 -76
  60. data/markup/css/bootstrap-responsive.css +815 -815
  61. data/markup/css/bootstrap-responsive.min.css +9 -9
  62. data/markup/css/bootstrap.css +4914 -4914
  63. data/markup/css/bootstrap.min.css +727 -727
  64. data/markup/dropdown_buttons.html +247 -247
  65. data/markup/dropdown_links.html +111 -111
  66. data/markup/form_fields.html +87 -87
  67. data/markup/forms.html +80 -80
  68. data/markup/grid_system.html +86 -86
  69. data/markup/index.html +38 -38
  70. data/markup/js/bootstrap.js +1835 -1835
  71. data/markup/js/bootstrap.min.js +6 -6
  72. data/markup/js/jquery-1.7.2.js +9402 -9402
  73. data/markup/labels.html +64 -64
  74. data/markup/link_buttons.html +94 -94
  75. data/markup/nav_bars.html +103 -103
  76. data/markup/nav_lists.html +53 -53
  77. data/markup/paginations.html +67 -67
  78. data/markup/popovers.html +55 -55
  79. data/markup/progress_bars.html +92 -92
  80. data/markup/selects.html +123 -123
  81. data/markup/tabs.html +45 -45
  82. data/markup/textareas.html +89 -89
  83. data/markup/textboxes.html +94 -94
  84. data/markup/tooltips.html +55 -55
  85. data/spec/add_on_spec.rb +9 -9
  86. data/spec/alert_spec.rb +77 -77
  87. data/spec/badge_spec.rb +40 -28
  88. data/spec/brand_spec.rb +9 -9
  89. data/spec/breadcrumb_spec.rb +32 -32
  90. data/spec/button_spec.rb +51 -51
  91. data/spec/control_group_spec.rb +28 -28
  92. data/spec/divider_spec.rb +16 -16
  93. data/spec/dropdown_button_spec.rb +100 -100
  94. data/spec/dropdown_link_spec.rb +47 -47
  95. data/spec/fieldset_spec.rb +21 -21
  96. data/spec/form_fields_spec.rb +70 -70
  97. data/spec/form_spec.rb +34 -34
  98. data/spec/grid_system_spec.rb +68 -68
  99. data/spec/help_spec.rb +12 -12
  100. data/spec/icon_spec.rb +17 -17
  101. data/spec/input_spec.rb +10 -10
  102. data/spec/label_spec.rb +40 -28
  103. data/spec/link_button_spec.rb +51 -51
  104. data/spec/link_spec.rb +28 -28
  105. data/spec/nav_bar_spec.rb +37 -37
  106. data/spec/nav_list_spec.rb +39 -39
  107. data/spec/page_header_spec.rb +12 -12
  108. data/spec/pagination_spec.rb +17 -17
  109. data/spec/popover_spec.rb +14 -14
  110. data/spec/progress_bar_spec.rb +52 -52
  111. data/spec/select_spec.rb +59 -59
  112. data/spec/spec_helper.rb +11 -11
  113. data/spec/support/helpers/html_helper.rb +10 -10
  114. data/spec/table_spec.rb +32 -32
  115. data/spec/tabs_spec.rb +21 -21
  116. data/spec/tag_builder_spec.rb +37 -37
  117. data/spec/tag_spec.rb +51 -51
  118. data/spec/text_area_spec.rb +42 -42
  119. data/spec/textbox_spec.rb +59 -59
  120. data/spec/tooltip_spec.rb +14 -14
  121. data/spec/well_spec.rb +16 -16
  122. data/twitter_bootstrap_markup.gemspec +25 -25
  123. metadata +25 -9
@@ -1,95 +1,95 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <title>Twitter Bootstrap Markup</title>
5
- <!--[if lt IE 9]>
6
- <script src='http://html5shim.googlecode/svn/trunk/html5.js' type='text/javascript'></script>
7
- <![endif]-->
8
- <link href="css/bootstrap.css" media="screen" rel="stylesheet" type="text/css"/>
9
- <meta content='width=device-width, initial-scale=1.0' name='viewport'>
10
- </head>
11
- <body>
12
- <div class="container">
13
- <h2>Textboxes</h2>
14
- <table class="table table-bordered table-striped">
15
- <thead>
16
- <tr>
17
- <th class="span2">Name</th>
18
- <th>Component</th>
19
- </tr>
20
- </thead>
21
- <tbody>
22
- <tr>
23
- <td>Default</td>
24
- <td id="default">
25
- <input type="text">
26
- </td>
27
- </tr>
28
- <tr>
29
- <td>Mini</td>
30
- <td id="mini">
31
- <input type="text" class="input-mini">
32
- </td>
33
- </tr>
34
- <tr>
35
- <td>Small</td>
36
- <td id="small">
37
- <input type="text" class="input-small">
38
- </td>
39
- </tr>
40
- <tr>
41
- <td>Medium</td>
42
- <td id="medium">
43
- <input type="text" class="input-medium">
44
- </td>
45
- </tr>
46
- <tr>
47
- <td>Large</td>
48
- <td id="large">
49
- <input type="text" class="input-large">
50
- </td>
51
- </tr>
52
- <tr>
53
- <td>X Large</td>
54
- <td id="xlarge">
55
- <input type="text" class="input-xlarge">
56
- </td>
57
- </tr>
58
- <tr>
59
- <td>XX Large</td>
60
- <td id="xxlarge">
61
- <input type="text" class="input-xxlarge">
62
- </td>
63
- </tr>
64
- <tr>
65
- <td>Prepend</td>
66
- <td id="prepend">
67
- <div class="input-prepend">
68
- <span class="add-on">$</span><input type="text">
69
- </div>
70
- </td>
71
- </tr>
72
- <tr>
73
- <td>Append</td>
74
- <td id="append">
75
- <div class="input-append">
76
- <input type="text"><button class="btn">Save</button>
77
- </div>
78
- </td>
79
- </tr>
80
- <tr>
81
- <td>Prepend and append</td>
82
- <td id="prepend_append">
83
- <div class="input-prepend input-append">
84
- <span class="add-on">$</span><input type="text"><button class="btn">Save</button>
85
- </div>
86
- </td>
87
- </tr>
88
- </tbody>
89
- </table>
90
- <a href="index.html">back to index</a>
91
- </div>
92
- <script src="js/jquery-1.7.2.js" type="text/javascript"></script>
93
- <script src="js/bootstrap.js" type="text/javascript"></script>
94
- </body>
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <title>Twitter Bootstrap Markup</title>
5
+ <!--[if lt IE 9]>
6
+ <script src='http://html5shim.googlecode/svn/trunk/html5.js' type='text/javascript'></script>
7
+ <![endif]-->
8
+ <link href="css/bootstrap.css" media="screen" rel="stylesheet" type="text/css"/>
9
+ <meta content='width=device-width, initial-scale=1.0' name='viewport'>
10
+ </head>
11
+ <body>
12
+ <div class="container">
13
+ <h2>Textboxes</h2>
14
+ <table class="table table-bordered table-striped">
15
+ <thead>
16
+ <tr>
17
+ <th class="span2">Name</th>
18
+ <th>Component</th>
19
+ </tr>
20
+ </thead>
21
+ <tbody>
22
+ <tr>
23
+ <td>Default</td>
24
+ <td id="default">
25
+ <input type="text">
26
+ </td>
27
+ </tr>
28
+ <tr>
29
+ <td>Mini</td>
30
+ <td id="mini">
31
+ <input type="text" class="input-mini">
32
+ </td>
33
+ </tr>
34
+ <tr>
35
+ <td>Small</td>
36
+ <td id="small">
37
+ <input type="text" class="input-small">
38
+ </td>
39
+ </tr>
40
+ <tr>
41
+ <td>Medium</td>
42
+ <td id="medium">
43
+ <input type="text" class="input-medium">
44
+ </td>
45
+ </tr>
46
+ <tr>
47
+ <td>Large</td>
48
+ <td id="large">
49
+ <input type="text" class="input-large">
50
+ </td>
51
+ </tr>
52
+ <tr>
53
+ <td>X Large</td>
54
+ <td id="xlarge">
55
+ <input type="text" class="input-xlarge">
56
+ </td>
57
+ </tr>
58
+ <tr>
59
+ <td>XX Large</td>
60
+ <td id="xxlarge">
61
+ <input type="text" class="input-xxlarge">
62
+ </td>
63
+ </tr>
64
+ <tr>
65
+ <td>Prepend</td>
66
+ <td id="prepend">
67
+ <div class="input-prepend">
68
+ <span class="add-on">$</span><input type="text">
69
+ </div>
70
+ </td>
71
+ </tr>
72
+ <tr>
73
+ <td>Append</td>
74
+ <td id="append">
75
+ <div class="input-append">
76
+ <input type="text"><button class="btn">Save</button>
77
+ </div>
78
+ </td>
79
+ </tr>
80
+ <tr>
81
+ <td>Prepend and append</td>
82
+ <td id="prepend_append">
83
+ <div class="input-prepend input-append">
84
+ <span class="add-on">$</span><input type="text"><button class="btn">Save</button>
85
+ </div>
86
+ </td>
87
+ </tr>
88
+ </tbody>
89
+ </table>
90
+ <a href="index.html">back to index</a>
91
+ </div>
92
+ <script src="js/jquery-1.7.2.js" type="text/javascript"></script>
93
+ <script src="js/bootstrap.js" type="text/javascript"></script>
94
+ </body>
95
95
  </html>
@@ -1,56 +1,56 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <title>Twitter Bootstrap Markup</title>
5
- <!--[if lt IE 9]>
6
- <script src='http://html5shim.googlecode/svn/trunk/html5.js' type='text/javascript'></script>
7
- <![endif]-->
8
- <link href="css/bootstrap.css" media="screen" rel="stylesheet" type="text/css"/>
9
- <meta content='width=device-width, initial-scale=1.0' name='viewport'>
10
- </head>
11
- <body>
12
- <div class="container">
13
- <h2>Tooltips</h2>
14
- <table class="table table-bordered table-striped">
15
- <thead>
16
- <tr>
17
- <th class="span2">Name</th>
18
- <th>Component</th>
19
- </tr>
20
- </thead>
21
- <tbody>
22
- <tr>
23
- <td>Default</td>
24
- <td id="default">
25
- <p>Text with <a href="#" rel="tooltip" data-original-title="Simple tooltip" data-placement="top">simple</a> tooltip</p>
26
- </td>
27
- </tr>
28
- <tr>
29
- <td>Bottom</td>
30
- <td id="bottom">
31
- <p>Text with <a href="#" rel="tooltip" data-original-title="Simple tooltip" data-placement="bottom">simple</a> tooltip</p>
32
- </td>
33
- </tr>
34
- <tr>
35
- <td>Left</td>
36
- <td id="left">
37
- <p>Text with <a href="#" rel="tooltip" data-original-title="Simple tooltip" data-placement="left">simple</a> tooltip</p>
38
- </td>
39
- </tr>
40
- <tr>
41
- <td>Right</td>
42
- <td id="right">
43
- <p>Text with <a href="#" rel="tooltip" data-original-title="Simple tooltip" data-placement="right">simple</a> tooltip</p>
44
- </td>
45
- </tr>
46
- </tbody>
47
- </table>
48
- <a href="index.html">back to index</a>
49
- </div>
50
- <script src="js/jquery-1.7.2.js" type="text/javascript"></script>
51
- <script src="js/bootstrap.js" type="text/javascript"></script>
52
- <script>
53
- $("[rel=tooltip]").tooltip();
54
- </script>
55
- </body>
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <title>Twitter Bootstrap Markup</title>
5
+ <!--[if lt IE 9]>
6
+ <script src='http://html5shim.googlecode/svn/trunk/html5.js' type='text/javascript'></script>
7
+ <![endif]-->
8
+ <link href="css/bootstrap.css" media="screen" rel="stylesheet" type="text/css"/>
9
+ <meta content='width=device-width, initial-scale=1.0' name='viewport'>
10
+ </head>
11
+ <body>
12
+ <div class="container">
13
+ <h2>Tooltips</h2>
14
+ <table class="table table-bordered table-striped">
15
+ <thead>
16
+ <tr>
17
+ <th class="span2">Name</th>
18
+ <th>Component</th>
19
+ </tr>
20
+ </thead>
21
+ <tbody>
22
+ <tr>
23
+ <td>Default</td>
24
+ <td id="default">
25
+ <p>Text with <a href="#" rel="tooltip" data-original-title="Simple tooltip" data-placement="top">simple</a> tooltip</p>
26
+ </td>
27
+ </tr>
28
+ <tr>
29
+ <td>Bottom</td>
30
+ <td id="bottom">
31
+ <p>Text with <a href="#" rel="tooltip" data-original-title="Simple tooltip" data-placement="bottom">simple</a> tooltip</p>
32
+ </td>
33
+ </tr>
34
+ <tr>
35
+ <td>Left</td>
36
+ <td id="left">
37
+ <p>Text with <a href="#" rel="tooltip" data-original-title="Simple tooltip" data-placement="left">simple</a> tooltip</p>
38
+ </td>
39
+ </tr>
40
+ <tr>
41
+ <td>Right</td>
42
+ <td id="right">
43
+ <p>Text with <a href="#" rel="tooltip" data-original-title="Simple tooltip" data-placement="right">simple</a> tooltip</p>
44
+ </td>
45
+ </tr>
46
+ </tbody>
47
+ </table>
48
+ <a href="index.html">back to index</a>
49
+ </div>
50
+ <script src="js/jquery-1.7.2.js" type="text/javascript"></script>
51
+ <script src="js/bootstrap.js" type="text/javascript"></script>
52
+ <script>
53
+ $("[rel=tooltip]").tooltip();
54
+ </script>
55
+ </body>
56
56
  </html>
@@ -1,10 +1,10 @@
1
- require 'spec_helper'
2
-
3
- describe AddOn do
4
-
5
- it 'text' do
6
- AddOn.new('$').to_s.should eq '<span class="add-on">$</span>'
7
- AddOn.new('.00').to_s.should eq '<span class="add-on">.00</span>'
8
- end
9
-
1
+ require 'spec_helper'
2
+
3
+ describe AddOn do
4
+
5
+ it 'text' do
6
+ AddOn.new('$').to_s.should eq '<span class="add-on">$</span>'
7
+ AddOn.new('.00').to_s.should eq '<span class="add-on">.00</span>'
8
+ end
9
+
10
10
  end
@@ -1,77 +1,77 @@
1
- require 'spec_helper'
2
-
3
- describe Alert do
4
-
5
- context 'Types' do
6
-
7
- Alert::TYPES.each do |type|
8
- it type do
9
- tag = Alert.new do
10
- append Tag.block :strong, 'Alert!'
11
- append 'Message'
12
- end
13
-
14
- tag.send(type).to_s.should eq HtmlHelper.html_for('alerts', "##{type} div")
15
- end
16
- end
17
-
18
- it 'closable' do
19
- tag = Alert.new do
20
- append Tag.block :strong, 'Alert!'
21
- append 'Message'
22
- end
23
-
24
- tag.closable.to_s.should eq HtmlHelper.html_for('alerts', "#closable div")
25
- end
26
-
27
- end
28
-
29
- context 'Constructors' do
30
-
31
- Alert::TYPES.each do |type|
32
- it type do
33
- tag1 = Alert.send(type) do
34
- append Tag.block :strong, 'Alert!'
35
- append 'Message'
36
- end
37
-
38
- tag2 = Alert.new do
39
- append Tag.block :strong, 'Alert!'
40
- append 'Message'
41
- end
42
-
43
- tag1.to_s.should eq tag2.send(type).to_s
44
- end
45
-
46
- it "#{type}_closable" do
47
- tag1 = Alert.send("#{type}_closable") do
48
- append Tag.block :strong, 'Alert!'
49
- append 'Message'
50
- end
51
-
52
- tag2 = Alert.new do
53
- append Tag.block :strong, 'Alert!'
54
- append 'Message'
55
- end
56
-
57
- tag1.to_s.should eq tag2.send(type).closable.to_s
58
- end
59
- end
60
-
61
- it 'closable' do
62
- tag1 = Alert.closable do
63
- append Tag.block :strong, 'Alert!'
64
- append 'Message'
65
- end
66
-
67
- tag2 = Alert.new do
68
- append Tag.block :strong, 'Alert!'
69
- append 'Message'
70
- end
71
-
72
- tag1.to_s.should eq tag2.closable.to_s
73
- end
74
-
75
- end
76
-
77
- end
1
+ require 'spec_helper'
2
+
3
+ describe Alert do
4
+
5
+ context 'Types' do
6
+
7
+ Alert::TYPES.each do |type|
8
+ it type do
9
+ tag = Alert.new do
10
+ append Tag.block :strong, 'Alert!'
11
+ append 'Message'
12
+ end
13
+
14
+ tag.send(type).to_s.should eq HtmlHelper.html_for('alerts', "##{type} div")
15
+ end
16
+ end
17
+
18
+ it 'closable' do
19
+ tag = Alert.new do
20
+ append Tag.block :strong, 'Alert!'
21
+ append 'Message'
22
+ end
23
+
24
+ tag.closable.to_s.should eq HtmlHelper.html_for('alerts', "#closable div")
25
+ end
26
+
27
+ end
28
+
29
+ context 'Constructors' do
30
+
31
+ Alert::TYPES.each do |type|
32
+ it type do
33
+ tag1 = Alert.send(type) do
34
+ append Tag.block :strong, 'Alert!'
35
+ append 'Message'
36
+ end
37
+
38
+ tag2 = Alert.new do
39
+ append Tag.block :strong, 'Alert!'
40
+ append 'Message'
41
+ end
42
+
43
+ tag1.to_s.should eq tag2.send(type).to_s
44
+ end
45
+
46
+ it "#{type}_closable" do
47
+ tag1 = Alert.send("#{type}_closable") do
48
+ append Tag.block :strong, 'Alert!'
49
+ append 'Message'
50
+ end
51
+
52
+ tag2 = Alert.new do
53
+ append Tag.block :strong, 'Alert!'
54
+ append 'Message'
55
+ end
56
+
57
+ tag1.to_s.should eq tag2.send(type).closable.to_s
58
+ end
59
+ end
60
+
61
+ it 'closable' do
62
+ tag1 = Alert.closable do
63
+ append Tag.block :strong, 'Alert!'
64
+ append 'Message'
65
+ end
66
+
67
+ tag2 = Alert.new do
68
+ append Tag.block :strong, 'Alert!'
69
+ append 'Message'
70
+ end
71
+
72
+ tag1.to_s.should eq tag2.closable.to_s
73
+ end
74
+
75
+ end
76
+
77
+ end