twitter_bootstrap_markup 0.0.3 → 0.0.4

Sign up to get free protection for your applications and to get access to all the features.
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