jqmobile_helpers 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (128) hide show
  1. data/Gemfile +13 -0
  2. data/MIT-LICENSE +20 -0
  3. data/README.rdoc +6 -0
  4. data/Rakefile +29 -0
  5. data/lib/jqmobile_helpers.rb +1 -0
  6. data/lib/jqmobile_helpers/action_view_extensions/form_helper.rb +54 -0
  7. data/lib/jqmobile_helpers/buttons_helper.rb +639 -0
  8. data/lib/jqmobile_helpers/form_builder.rb +301 -0
  9. data/lib/jqmobile_helpers/list_views_helper.rb +326 -0
  10. data/lib/jqmobile_helpers/railtie.rb +23 -0
  11. data/lib/jqmobile_helpers/toolbars_helper.rb +115 -0
  12. data/rdoc/JqmobileHelpers.html +185 -0
  13. data/rdoc/JqmobileHelpers/ActionViewExtensions.html +160 -0
  14. data/rdoc/JqmobileHelpers/ActionViewExtensions/FormHelper.html +231 -0
  15. data/rdoc/JqmobileHelpers/ButtonsHelper.html +1502 -0
  16. data/rdoc/JqmobileHelpers/FormBuilder.html +816 -0
  17. data/rdoc/JqmobileHelpers/ListViewsHelper.html +952 -0
  18. data/rdoc/JqmobileHelpers/Railtie.html +177 -0
  19. data/rdoc/JqmobileHelpers/ToolbarsHelper.html +416 -0
  20. data/rdoc/README_rdoc.html +109 -0
  21. data/rdoc/created.rid +9 -0
  22. data/rdoc/index.html +180 -0
  23. data/rdoc/js/darkfish.js +116 -0
  24. data/rdoc/js/jquery.js +32 -0
  25. data/rdoc/js/quicksearch.js +114 -0
  26. data/rdoc/js/thickbox-compressed.js +10 -0
  27. data/rdoc/lib/jqmobile_helpers/action_view_extensions/form_helper_rb.html +52 -0
  28. data/rdoc/lib/jqmobile_helpers/buttons_helper_rb.html +52 -0
  29. data/rdoc/lib/jqmobile_helpers/form_builder_rb.html +52 -0
  30. data/rdoc/lib/jqmobile_helpers/list_views_helper_rb.html +52 -0
  31. data/rdoc/lib/jqmobile_helpers/railtie_rb.html +62 -0
  32. data/rdoc/lib/jqmobile_helpers/toolbars_helper_rb.html +52 -0
  33. data/rdoc/lib/jqmobile_helpers_rb.html +54 -0
  34. data/rdoc/rdoc.css +706 -0
  35. data/test/buttons_helper_test.rb +112 -0
  36. data/test/dummy/Rakefile +7 -0
  37. data/test/dummy/app/controllers/application_controller.rb +3 -0
  38. data/test/dummy/app/controllers/buttons_controller.rb +9 -0
  39. data/test/dummy/app/controllers/forms_controller.rb +71 -0
  40. data/test/dummy/app/controllers/posts_controller.rb +83 -0
  41. data/test/dummy/app/controllers/toolbars_controller.rb +16 -0
  42. data/test/dummy/app/helpers/application_helper.rb +2 -0
  43. data/test/dummy/app/helpers/posts_helper.rb +2 -0
  44. data/test/dummy/app/helpers/toolbars_helper.rb +2 -0
  45. data/test/dummy/app/models/post.rb +2 -0
  46. data/test/dummy/app/models/toolbar.rb +2 -0
  47. data/test/dummy/app/views/buttons/index.html.erb +168 -0
  48. data/test/dummy/app/views/forms/_form.html.erb +20 -0
  49. data/test/dummy/app/views/forms/edit.html.erb +6 -0
  50. data/test/dummy/app/views/forms/index.html.erb +7 -0
  51. data/test/dummy/app/views/forms/new.html.erb +5 -0
  52. data/test/dummy/app/views/forms/show.html.erb +24 -0
  53. data/test/dummy/app/views/layouts/application.html.erb +49 -0
  54. data/test/dummy/app/views/posts/_form.html.erb +29 -0
  55. data/test/dummy/app/views/posts/edit.html.erb +6 -0
  56. data/test/dummy/app/views/posts/index.html.erb +128 -0
  57. data/test/dummy/app/views/posts/new.html.erb +5 -0
  58. data/test/dummy/app/views/posts/show.html.erb +24 -0
  59. data/test/dummy/app/views/toolbars/index.html.erb +25 -0
  60. data/test/dummy/config.ru +4 -0
  61. data/test/dummy/config/application.rb +45 -0
  62. data/test/dummy/config/boot.rb +10 -0
  63. data/test/dummy/config/database.yml +22 -0
  64. data/test/dummy/config/environment.rb +5 -0
  65. data/test/dummy/config/environments/development.rb +26 -0
  66. data/test/dummy/config/environments/production.rb +49 -0
  67. data/test/dummy/config/environments/test.rb +35 -0
  68. data/test/dummy/config/initializers/backtrace_silencers.rb +7 -0
  69. data/test/dummy/config/initializers/inflections.rb +10 -0
  70. data/test/dummy/config/initializers/mime_types.rb +5 -0
  71. data/test/dummy/config/initializers/secret_token.rb +7 -0
  72. data/test/dummy/config/initializers/session_store.rb +8 -0
  73. data/test/dummy/config/locales/en.yml +5 -0
  74. data/test/dummy/config/routes.rb +69 -0
  75. data/test/dummy/db/development.sqlite3 +0 -0
  76. data/test/dummy/db/migrate/20110218095442_create_posts.rb +15 -0
  77. data/test/dummy/db/migrate/20110223031713_create_toolbars.rb +12 -0
  78. data/test/dummy/db/schema.rb +29 -0
  79. data/test/dummy/db/test.sqlite3 +0 -0
  80. data/test/dummy/log/development.log +7446 -0
  81. data/test/dummy/log/production.log +0 -0
  82. data/test/dummy/log/server.log +0 -0
  83. data/test/dummy/log/test.log +2278 -0
  84. data/test/dummy/public/404.html +26 -0
  85. data/test/dummy/public/422.html +26 -0
  86. data/test/dummy/public/500.html +26 -0
  87. data/test/dummy/public/favicon.ico +0 -0
  88. data/test/dummy/public/images/ajax-loader.png +0 -0
  89. data/test/dummy/public/images/form-check-off.png +0 -0
  90. data/test/dummy/public/images/form-check-on.png +0 -0
  91. data/test/dummy/public/images/form-radio-off.png +0 -0
  92. data/test/dummy/public/images/form-radio-on.png +0 -0
  93. data/test/dummy/public/images/icon-search-black.png +0 -0
  94. data/test/dummy/public/images/icons-18-black.png +0 -0
  95. data/test/dummy/public/images/icons-18-white.png +0 -0
  96. data/test/dummy/public/images/icons-36-black.png +0 -0
  97. data/test/dummy/public/images/icons-36-white.png +0 -0
  98. data/test/dummy/public/javascripts/application.js +2 -0
  99. data/test/dummy/public/javascripts/jquery-1.5.min.js +8176 -0
  100. data/test/dummy/public/javascripts/jquery-ui-1.8.9.custom.min.js +781 -0
  101. data/test/dummy/public/javascripts/jquery.mobile-1.0a3.min.js +121 -0
  102. data/test/dummy/public/javascripts/rails.js +175 -0
  103. data/test/dummy/public/stylesheets/images/ajax-loader.png +0 -0
  104. data/test/dummy/public/stylesheets/images/form-check-off.png +0 -0
  105. data/test/dummy/public/stylesheets/images/form-check-on.png +0 -0
  106. data/test/dummy/public/stylesheets/images/form-radio-off.png +0 -0
  107. data/test/dummy/public/stylesheets/images/form-radio-on.png +0 -0
  108. data/test/dummy/public/stylesheets/images/icon-search-black.png +0 -0
  109. data/test/dummy/public/stylesheets/images/icons-18-black.png +0 -0
  110. data/test/dummy/public/stylesheets/images/icons-18-white.png +0 -0
  111. data/test/dummy/public/stylesheets/images/icons-36-black.png +0 -0
  112. data/test/dummy/public/stylesheets/images/icons-36-white.png +0 -0
  113. data/test/dummy/public/stylesheets/jquery-ui-1.8.9.custom.css +573 -0
  114. data/test/dummy/public/stylesheets/jquery.mobile-1.0a3.min.css +16 -0
  115. data/test/dummy/public/stylesheets/scaffold.css +56 -0
  116. data/test/dummy/script/rails +6 -0
  117. data/test/dummy/tmp/pids/server.pid +1 -0
  118. data/test/form_helper_test.rb +13 -0
  119. data/test/integration/navigation_test.rb +7 -0
  120. data/test/list_views_helper_test.rb +65 -0
  121. data/test/support/integration_case.rb +5 -0
  122. data/test/support/misc_helpers.rb +18 -0
  123. data/test/support/mock_controller.rb +15 -0
  124. data/test/support/mock_response.rb +14 -0
  125. data/test/support/models.rb +135 -0
  126. data/test/test_helper.rb +92 -0
  127. data/test/toolbars_helper_test.rb +21 -0
  128. metadata +182 -0
@@ -0,0 +1,952 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
3
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
4
+ <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
5
+ <head>
6
+ <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
7
+
8
+ <title>Module: JqmobileHelpers::ListViewsHelper</title>
9
+
10
+ <link rel="stylesheet" href="../rdoc.css" type="text/css" media="screen" />
11
+
12
+ <script src="../js/jquery.js" type="text/javascript"
13
+ charset="utf-8"></script>
14
+ <script src="../js/thickbox-compressed.js" type="text/javascript"
15
+ charset="utf-8"></script>
16
+ <script src="../js/quicksearch.js" type="text/javascript"
17
+ charset="utf-8"></script>
18
+ <script src="../js/darkfish.js" type="text/javascript"
19
+ charset="utf-8"></script>
20
+
21
+ </head>
22
+ <body class="module">
23
+
24
+ <div id="metadata">
25
+ <div id="home-metadata">
26
+ <div id="home-section" class="section">
27
+ <h3 class="section-header">
28
+ <a href="../index.html">Home</a>
29
+ <a href="../index.html#classes">Classes</a>
30
+ <a href="../index.html#methods">Methods</a>
31
+ </h3>
32
+ </div>
33
+ </div>
34
+
35
+ <div id="file-metadata">
36
+ <div id="file-list-section" class="section">
37
+ <h3 class="section-header">In Files</h3>
38
+ <div class="section-body">
39
+ <ul>
40
+
41
+ <li><a href="../lib/jqmobile_helpers/list_views_helper_rb.html?TB_iframe=true&amp;height=550&amp;width=785"
42
+ class="thickbox" title="lib/jqmobile_helpers/list_views_helper.rb">lib/jqmobile_helpers/list_views_helper.rb</a></li>
43
+
44
+ </ul>
45
+ </div>
46
+ </div>
47
+
48
+
49
+ </div>
50
+
51
+ <div id="class-metadata">
52
+
53
+ <!-- Parent Class -->
54
+
55
+
56
+ <!-- Namespace Contents -->
57
+
58
+
59
+ <!-- Method Quickref -->
60
+
61
+ <div id="method-list-section" class="section">
62
+ <h3 class="section-header">Methods</h3>
63
+ <ul class="link-list">
64
+
65
+ <li><a href="#method-i-basic_list">#basic_list</a></li>
66
+
67
+ <li><a href="#method-i-count_bubble">#count_bubble</a></li>
68
+
69
+ <li><a href="#method-i-html_attributes_options">#html_attributes_options</a></li>
70
+
71
+ <li><a href="#method-i-html_li_attributes_options">#html_li_attributes_options</a></li>
72
+
73
+ <li><a href="#method-i-icon_list">#icon_list</a></li>
74
+
75
+ <li><a href="#method-i-inset_list">#inset_list</a></li>
76
+
77
+ <li><a href="#method-i-list_divider">#list_divider</a></li>
78
+
79
+ <li><a href="#method-i-list_formatting">#list_formatting</a></li>
80
+
81
+ <li><a href="#method-i-nested_list">#nested_list</a></li>
82
+
83
+ <li><a href="#method-i-numbered_list">#numbered_list</a></li>
84
+
85
+ <li><a href="#method-i-ol_inset_list">#ol_inset_list</a></li>
86
+
87
+ <li><a href="#method-i-search_filter_list">#search_filter_list</a></li>
88
+
89
+ <li><a href="#method-i-split_button_list">#split_button_list</a></li>
90
+
91
+ <li><a href="#method-i-thumbnail_list">#thumbnail_list</a></li>
92
+
93
+ </ul>
94
+ </div>
95
+
96
+
97
+ <!-- Included Modules -->
98
+
99
+ </div>
100
+
101
+ <div id="project-metadata">
102
+
103
+
104
+ <div id="fileindex-section" class="section project-section">
105
+ <h3 class="section-header">Files</h3>
106
+ <ul>
107
+
108
+ <li class="file"><a href="../README_rdoc.html">README.rdoc</a></li>
109
+
110
+ </ul>
111
+ </div>
112
+
113
+
114
+ <div id="classindex-section" class="section project-section">
115
+ <h3 class="section-header">Class Index
116
+ <span class="search-toggle"><img src="../images/find.png"
117
+ height="16" width="16" alt="[+]"
118
+ title="show/hide quicksearch" /></span></h3>
119
+ <form action="#" method="get" accept-charset="utf-8" class="initially-hidden">
120
+ <fieldset>
121
+ <legend>Quicksearch</legend>
122
+ <input type="text" name="quicksearch" value=""
123
+ class="quicksearch-field" />
124
+ </fieldset>
125
+ </form>
126
+
127
+ <ul class="link-list">
128
+
129
+ <li><a href="../JqmobileHelpers.html">JqmobileHelpers</a></li>
130
+
131
+ <li><a href="../JqmobileHelpers/ActionViewExtensions.html">JqmobileHelpers::ActionViewExtensions</a></li>
132
+
133
+ <li><a href="../JqmobileHelpers/ActionViewExtensions/FormHelper.html">JqmobileHelpers::ActionViewExtensions::FormHelper</a></li>
134
+
135
+ <li><a href="../JqmobileHelpers/ButtonsHelper.html">JqmobileHelpers::ButtonsHelper</a></li>
136
+
137
+ <li><a href="../JqmobileHelpers/FormBuilder.html">JqmobileHelpers::FormBuilder</a></li>
138
+
139
+ <li><a href="../JqmobileHelpers/ListViewsHelper.html">JqmobileHelpers::ListViewsHelper</a></li>
140
+
141
+ <li><a href="../JqmobileHelpers/Railtie.html">JqmobileHelpers::Railtie</a></li>
142
+
143
+ <li><a href="../JqmobileHelpers/ToolbarsHelper.html">JqmobileHelpers::ToolbarsHelper</a></li>
144
+
145
+ </ul>
146
+ <div id="no-class-search-results" style="display: none;">No matching classes.</div>
147
+ </div>
148
+
149
+
150
+ </div>
151
+ </div>
152
+
153
+ <div id="documentation">
154
+ <h1 class="module">JqmobileHelpers::ListViewsHelper</h1>
155
+
156
+ <div id="description">
157
+ <h1><a href="../JqmobileHelpers.html">JqmobileHelpers</a> List View Helpers</h1>
158
+ <p>
159
+ Provides a set of methods for making list views for jquery-mobile markup
160
+ </p>
161
+
162
+ </div>
163
+
164
+ <!-- Constants -->
165
+
166
+
167
+ <!-- Attributes -->
168
+
169
+
170
+ <!-- Methods -->
171
+
172
+ <div id="public-instance-method-details" class="method-section section">
173
+ <h3 class="section-header">Public Instance Methods</h3>
174
+
175
+
176
+ <div id="basic-list-method" class="method-detail ">
177
+ <a name="method-i-basic_list"></a>
178
+
179
+ <div class="method-heading">
180
+
181
+ <span class="method-name">basic_list</span><span
182
+ class="method-args">(collection, options = {})</span>
183
+ <span class="method-click-advice">click to toggle source</span>
184
+
185
+ </div>
186
+
187
+ <div class="method-description">
188
+
189
+ <h6>BASIC LIST ===========================================================</h6>
190
+ <p>
191
+ Creates a simple unordered list containing linked list items with a
192
+ data-role=&#8220;listview&#8221; attribute
193
+ </p>
194
+ <h4>Options</h4>
195
+ <pre>
196
+ # =&gt; 'data-inset' =&gt; 'true' (Default data-inset is set to true)
197
+ # =&gt; 'data-theme' =&gt; 'c' (Default data-theme is set to c)
198
+ </pre>
199
+ <h4>Examples</h4>
200
+ <pre>
201
+ basic_list(@posts.map{|x| x.title})
202
+ # =&gt; &lt;ul data-role=&quot;listview&quot; data-inset=&quot;true&quot;&gt;&lt;li&gt;Title 1&lt;/li&gt;&lt;li&gt;test2&lt;/li&gt;&lt;/ul&gt;
203
+
204
+ basic_list(@posts.map{|x| link_to(x.title, post_path(x))}, {'data-inset'=&gt;'false', 'data-theme'=&gt;'b'})
205
+ # =&gt; &lt;ul data-role=&quot;listview&quot; data-inset=&quot;false&quot; data-theme=&quot;b&quot;&gt; \\
206
+ &lt;li&gt;&lt;a href='/posts/1'&gt;Title 1&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;/posts/2&quot;&gt;test2&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;</pre>
207
+
208
+
209
+
210
+ <div class="method-source-code"
211
+ id="basic-list-source">
212
+ <pre>
213
+ <span class="ruby-comment cmt"># File lib/jqmobile_helpers/list_views_helper.rb, line 26</span>
214
+ 26: <span class="ruby-keyword kw">def</span> <span class="ruby-identifier">basic_list</span>(<span class="ruby-identifier">collection</span>, <span class="ruby-identifier">options</span> = {})
215
+ 27: <span class="ruby-identifier">html_attributes_options</span>(<span class="ruby-identifier">options</span>)
216
+ 28: <span class="ruby-identifier">list</span> = <span class="ruby-identifier">collection</span>.<span class="ruby-identifier">map</span> {<span class="ruby-operator">|</span><span class="ruby-identifier">item</span><span class="ruby-operator">|</span> <span class="ruby-identifier">content_tag</span>(<span class="ruby-value str">&quot;li&quot;</span>, <span class="ruby-identifier">item</span>)}
217
+ 29: <span class="ruby-identifier">content_tag</span>(<span class="ruby-value">:ul</span>, <span class="ruby-identifier">list</span>.<span class="ruby-identifier">join</span>.<span class="ruby-identifier">html_safe</span>, <span class="ruby-identifier">default_options</span>)
218
+ 30: <span class="ruby-keyword kw">end</span></pre>
219
+ </div>
220
+
221
+ </div>
222
+
223
+
224
+
225
+
226
+ </div>
227
+
228
+
229
+ <div id="count-bubble-method" class="method-detail ">
230
+ <a name="method-i-count_bubble"></a>
231
+
232
+ <div class="method-heading">
233
+
234
+ <span class="method-name">count_bubble</span><span
235
+ class="method-args">(collection, options = {})</span>
236
+ <span class="method-click-advice">click to toggle source</span>
237
+
238
+ </div>
239
+
240
+ <div class="method-description">
241
+
242
+ <h6>SPLIT-BUTTON LIST ===========================================================</h6>
243
+ <p>
244
+ In cases where there is more than one possible action per list item, a
245
+ split button can be used to offer two independently clickable items &#8212;
246
+ the list item and a small arrow icon in the far right The framework will
247
+ add a vertical divider line and sets the title attribute of the link to the
248
+ text the link for accessibility.
249
+ </p>
250
+ <h4>Options</h4>
251
+ <pre>
252
+ # =&gt; 'data-inset' =&gt; 'true' (Default data-inset is set to true)
253
+ # =&gt; 'data-theme' =&gt; 'c' (Default data-theme is set to c)
254
+ </pre>
255
+ <h4>Examples</h4>
256
+ <pre>
257
+ &lt;%= split_button_list &quot;Split Button List&quot;, post_path(@posts) %&gt;
258
+ # =&gt; &lt;ul data-role=&quot;listview&quot; data-split-icon=&quot;gear&quot; data-split-theme=&quot;d&quot;&gt;&lt;li&gt;&lt;a data-rel=&quot;dialog&quot; data-transition=&quot;slideup&quot; href=&quot;/posts/1&quot;&gt;Split Button List&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;
259
+ </pre>
260
+ <h6>for collections of data that have more than one.</h6>
261
+ <pre>
262
+ &lt;% @posts.each do |post|
263
+ &lt;%= split_button_list(post.name, post_path(post)) %&gt;
264
+ &lt;% end %&gt;</pre>
265
+
266
+
267
+
268
+ <div class="method-source-code"
269
+ id="count-bubble-source">
270
+ <pre>
271
+ <span class="ruby-comment cmt"># File lib/jqmobile_helpers/list_views_helper.rb, line 125</span>
272
+ 125: <span class="ruby-keyword kw">def</span> <span class="ruby-identifier">count_bubble</span>(<span class="ruby-identifier">collection</span>, <span class="ruby-identifier">options</span> = {})
273
+ 126: <span class="ruby-identifier">html_attributes_options</span>(<span class="ruby-identifier">options</span>)
274
+ 127: <span class="ruby-identifier">list</span> = <span class="ruby-identifier">collection</span>.<span class="ruby-identifier">map</span> <span class="ruby-keyword kw">do</span> <span class="ruby-operator">|</span><span class="ruby-identifier">item</span><span class="ruby-operator">|</span>
275
+ 128: <span class="ruby-keyword kw">if</span> <span class="ruby-identifier">item</span>.<span class="ruby-identifier">is_a?</span>(<span class="ruby-constant">Array</span>)
276
+ 129: <span class="ruby-keyword kw">if</span> <span class="ruby-identifier">item</span>[<span class="ruby-value">1</span>].<span class="ruby-identifier">blank?</span>
277
+ 130: <span class="ruby-identifier">item</span>[<span class="ruby-value">1</span>] = <span class="ruby-identifier">content_tag</span>(<span class="ruby-value">:a</span>, <span class="ruby-value str">&quot;No item description&quot;</span>, <span class="ruby-value">:href</span> =<span class="ruby-operator">&gt;</span> <span class="ruby-value str">&quot;&quot;</span>)
278
+ 131: <span class="ruby-keyword kw">end</span>
279
+ 132: <span class="ruby-identifier">content_tag</span>(<span class="ruby-value str">&quot;li&quot;</span>, <span class="ruby-node">&quot;#{item[1]}&lt;span class=ui-li-count&gt;#{item.size}&lt;/span&gt;&quot;</span>.<span class="ruby-identifier">html_safe</span>)
280
+ 133: <span class="ruby-keyword kw">else</span>
281
+ 134: <span class="ruby-identifier">content_tag</span>(<span class="ruby-value str">&quot;li&quot;</span>, <span class="ruby-identifier">item</span>)
282
+ 135: <span class="ruby-keyword kw">end</span>
283
+ 136: <span class="ruby-keyword kw">end</span>
284
+ 137: <span class="ruby-identifier">content_tag</span>(<span class="ruby-value">:ul</span>, <span class="ruby-identifier">list</span>.<span class="ruby-identifier">join</span>.<span class="ruby-identifier">html_safe</span>, <span class="ruby-keyword kw">self</span>.<span class="ruby-identifier">default_options</span>)
285
+ 138: <span class="ruby-keyword kw">end</span></pre>
286
+ </div>
287
+
288
+ </div>
289
+
290
+
291
+
292
+
293
+ </div>
294
+
295
+
296
+ <div id="icon-list-method" class="method-detail ">
297
+ <a name="method-i-icon_list"></a>
298
+
299
+ <div class="method-heading">
300
+
301
+ <span class="method-name">icon_list</span><span
302
+ class="method-args">(collection, options = {})</span>
303
+ <span class="method-click-advice">click to toggle source</span>
304
+
305
+ </div>
306
+
307
+ <div class="method-description">
308
+
309
+ <h6>ICON LIST ===========================================================</h6>
310
+ <p>
311
+ To add thumbnails to the left of a list item, the first element in your
312
+ collection must have a image_tag. The framework will scale the image to 80
313
+ pixels square.
314
+ </p>
315
+ <p>
316
+ Items in your collection must also be constructed inside an array with 3
317
+ elements inside
318
+ </p>
319
+ <h4>Examples</h4>
320
+ <pre>
321
+ &lt;%= icon_list(@posts.collect do |x|
322
+ [image_tag('/images/sample-pic.jpg'), link_to(x.title, post_path(x))]
323
+ end) %&gt;
324
+ # =&gt; &lt;ul data-inset=&quot;false&quot; data-role=&quot;listview&quot;&gt;
325
+ &lt;li&gt;&lt;img alt=&quot;Gb&quot; class=&quot;ui-li-icon&quot; src=&quot;https://github.com/jquery/jquery-mobile/blob/master/docs/lists/images/gb.png&quot; /&gt;
326
+ &lt;a href=&quot;/posts/1&quot;&gt;First Title &lt;/a&gt;
327
+ &lt;span class=ui-li-count&gt;2&lt;/span&gt;
328
+ &lt;/li&gt;
329
+ &lt;/ul&gt;</pre>
330
+
331
+
332
+
333
+ <div class="method-source-code"
334
+ id="icon-list-source">
335
+ <pre>
336
+ <span class="ruby-comment cmt"># File lib/jqmobile_helpers/list_views_helper.rb, line 188</span>
337
+ 188: <span class="ruby-keyword kw">def</span> <span class="ruby-identifier">icon_list</span>(<span class="ruby-identifier">collection</span>, <span class="ruby-identifier">options</span> = {})
338
+ 189: <span class="ruby-identifier">html_attributes_options</span>(<span class="ruby-identifier">options</span>)
339
+ 190: <span class="ruby-identifier">list</span> = <span class="ruby-identifier">collection</span>.<span class="ruby-identifier">map</span> <span class="ruby-keyword kw">do</span> <span class="ruby-operator">|</span><span class="ruby-identifier">item</span><span class="ruby-operator">|</span>
340
+ 191: <span class="ruby-keyword kw">if</span> <span class="ruby-identifier">item</span>.<span class="ruby-identifier">is_a?</span>(<span class="ruby-constant">Array</span>)
341
+ 192: <span class="ruby-keyword kw">if</span> <span class="ruby-identifier">item</span>[<span class="ruby-value">1</span>].<span class="ruby-identifier">blank?</span>
342
+ 193: <span class="ruby-identifier">item</span>[<span class="ruby-value">1</span>] = <span class="ruby-identifier">content_tag</span>(<span class="ruby-value">:a</span>, <span class="ruby-value str">&quot;No item description&quot;</span>, <span class="ruby-value">:href</span> =<span class="ruby-operator">&gt;</span> <span class="ruby-value str">&quot;&quot;</span>)
343
+ 194: <span class="ruby-keyword kw">end</span>
344
+ 195: <span class="ruby-identifier">content_tag</span>(<span class="ruby-value str">&quot;li&quot;</span>, <span class="ruby-identifier">item</span>[<span class="ruby-value">0</span>] <span class="ruby-operator">+</span> <span class="ruby-node">&quot;#{item[1]}&lt;span class=ui-li-count&gt;#{item.size}&lt;/span&gt;&quot;</span>.<span class="ruby-identifier">html_safe</span>)
345
+ 196: <span class="ruby-keyword kw">else</span>
346
+ 197: <span class="ruby-identifier">content_tag</span>(<span class="ruby-value str">&quot;li&quot;</span>, <span class="ruby-identifier">item</span>)
347
+ 198: <span class="ruby-keyword kw">end</span>
348
+ 199: <span class="ruby-keyword kw">end</span>
349
+ 200: <span class="ruby-identifier">content_tag</span>(<span class="ruby-value">:ul</span>, <span class="ruby-identifier">list</span>.<span class="ruby-identifier">join</span>.<span class="ruby-identifier">html_safe</span>, <span class="ruby-identifier">default_options</span>.<span class="ruby-identifier">update</span>(<span class="ruby-value str">'data-inset'</span> =<span class="ruby-operator">&gt;</span> <span class="ruby-value str">'false'</span>))
350
+ 201: <span class="ruby-keyword kw">end</span></pre>
351
+ </div>
352
+
353
+ </div>
354
+
355
+
356
+
357
+
358
+ </div>
359
+
360
+
361
+ <div id="inset-list-method" class="method-detail ">
362
+ <a name="method-i-inset_list"></a>
363
+
364
+ <div class="method-heading">
365
+
366
+ <span class="method-name">inset_list</span><span
367
+ class="method-args">(collection, options = {})</span>
368
+ <span class="method-click-advice">click to toggle source</span>
369
+
370
+ </div>
371
+
372
+ <div class="method-description">
373
+
374
+ <h6>INSET LIST ===========================================================</h6>
375
+ <h4>Options</h4>
376
+ <pre>
377
+ # =&gt; 'data-inset' =&gt; 'true' (Default data-inset is set to true)
378
+ # =&gt; 'data-theme' =&gt; 'c' (Default data-theme is set to c)
379
+ </pre>
380
+ <h4>Examples</h4>
381
+ <pre>
382
+ inset_list(@posts.map{|x| x.title})
383
+ # =&gt; &lt;ul data-role=&quot;listview&quot; data-inset=&quot;true&quot;&gt;&lt;li&gt;Title 1&lt;/li&gt;&lt;li&gt;test2&lt;/li&gt;&lt;/ul&gt;
384
+ </pre>
385
+ <h4>Examples</h4>
386
+ <pre>
387
+ ol_inset_list(@posts.map{|x| x.title}, {'data-theme' =&gt; &quot;a&quot;} )
388
+ # =&gt; &lt;ol data-role=&quot;listview&quot; data-inset=&quot;true&quot; data-theme=&quot;a&quot;&gt;&lt;li&gt;Title 1&lt;/li&gt;&lt;li&gt;test2&lt;/li&gt;&lt;/ul&gt;</pre>
389
+
390
+
391
+
392
+ <div class="method-source-code"
393
+ id="inset-list-source">
394
+ <pre>
395
+ <span class="ruby-comment cmt"># File lib/jqmobile_helpers/list_views_helper.rb, line 280</span>
396
+ 280: <span class="ruby-keyword kw">def</span> <span class="ruby-identifier">inset_list</span>(<span class="ruby-identifier">collection</span>, <span class="ruby-identifier">options</span> = {})
397
+ 281: <span class="ruby-identifier">html_attributes_options</span>(<span class="ruby-identifier">options</span>)
398
+ 282: <span class="ruby-identifier">list</span> = <span class="ruby-identifier">collection</span>.<span class="ruby-identifier">map</span> {<span class="ruby-operator">|</span><span class="ruby-identifier">item</span><span class="ruby-operator">|</span> <span class="ruby-identifier">content_tag</span>(<span class="ruby-value str">&quot;li&quot;</span>, <span class="ruby-identifier">item</span>)}
399
+ 283: <span class="ruby-identifier">content_tag</span>(<span class="ruby-value">:ul</span>, <span class="ruby-identifier">list</span>.<span class="ruby-identifier">join</span>.<span class="ruby-identifier">html_safe</span>, <span class="ruby-identifier">default_options</span>)
400
+ 284: <span class="ruby-keyword kw">end</span></pre>
401
+ </div>
402
+
403
+ </div>
404
+
405
+
406
+
407
+
408
+ </div>
409
+
410
+
411
+ <div id="list-divider-method" class="method-detail ">
412
+ <a name="method-i-list_divider"></a>
413
+
414
+ <div class="method-heading">
415
+
416
+ <span class="method-name">list_divider</span><span
417
+ class="method-args">(collection, options = {})</span>
418
+ <span class="method-click-advice">click to toggle source</span>
419
+
420
+ </div>
421
+
422
+ <div class="method-description">
423
+
424
+ <h6>LIST DIVIDER ===========================================================</h6>
425
+ <p>
426
+ jQuery Mobile provides a very easy way to filter a list with a simple
427
+ client-side search feature. To make a list filterable, simply add the
428
+ data-filter=&#8220;true&#8221; attribute to the list. The framework will
429
+ then append a search box above the list and add the behavior to filter out
430
+ list items that don&#8217;t contain the current search string as the user
431
+ types.
432
+ </p>
433
+ <h4>Examples</h4>
434
+ <pre>
435
+ &lt;%= search_filter_list(@posts.map{|x| link_to(x.title, post_path(x))}) %&gt;
436
+ # =&gt; &lt;ul data-inset=&quot;false&quot; data-role=&quot;listview&quot; data-filter=&quot;true&quot;&gt;
437
+ &lt;li&gt;
438
+ &lt;a href=&quot;/posts/1&quot;&gt;Title 1&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;Title 1&lt;/p&gt;
439
+ &lt;/li&gt;
440
+ &lt;/ul&gt; </pre>
441
+
442
+
443
+
444
+ <div class="method-source-code"
445
+ id="list-divider-source">
446
+ <pre>
447
+ <span class="ruby-comment cmt"># File lib/jqmobile_helpers/list_views_helper.rb, line 259</span>
448
+ 259: <span class="ruby-keyword kw">def</span> <span class="ruby-identifier">list_divider</span>(<span class="ruby-identifier">collection</span>, <span class="ruby-identifier">options</span> = {})
449
+ 260: <span class="ruby-identifier">html_attributes_options</span>(<span class="ruby-identifier">options</span>)
450
+ 261: <span class="ruby-comment cmt">#html_li_attributes_options(options)</span>
451
+ 262: <span class="ruby-identifier">list</span> = <span class="ruby-identifier">collection</span>.<span class="ruby-identifier">map</span>{<span class="ruby-operator">|</span><span class="ruby-identifier">item</span><span class="ruby-operator">|</span> <span class="ruby-identifier">content_tag</span>(<span class="ruby-value">:li</span>, <span class="ruby-identifier">content_tag</span>(<span class="ruby-value str">&quot;li&quot;</span>, <span class="ruby-identifier">item</span>), {<span class="ruby-value str">'data-role'</span> =<span class="ruby-operator">&gt;</span> <span class="ruby-value str">'list-divider'</span>})}
452
+ 263: <span class="ruby-identifier">content_tag</span>(<span class="ruby-value">:ul</span>, <span class="ruby-identifier">list</span>.<span class="ruby-identifier">join</span>.<span class="ruby-identifier">html_safe</span>, <span class="ruby-keyword kw">self</span>.<span class="ruby-identifier">default_options</span>)
453
+ 264: <span class="ruby-keyword kw">end</span></pre>
454
+ </div>
455
+
456
+ </div>
457
+
458
+
459
+
460
+
461
+ </div>
462
+
463
+
464
+ <div id="list-formatting-method" class="method-detail ">
465
+ <a name="method-i-list_formatting"></a>
466
+
467
+ <div class="method-heading">
468
+
469
+ <span class="method-name">list_formatting</span><span
470
+ class="method-args">(collection, options = {})</span>
471
+ <span class="method-click-advice">click to toggle source</span>
472
+
473
+ </div>
474
+
475
+ <div class="method-description">
476
+
477
+ <h6>LIST FORMATTING LIST ===========================================================</h6>
478
+ <p>
479
+ jQuery Mobile provides a very easy way to filter a list with a simple
480
+ client-side search feature. To make a list filterable, simply add the
481
+ data-filter=&#8220;true&#8221; attribute to the list. The framework will
482
+ then append a search box above the list and add the behavior to filter out
483
+ list items that don&#8217;t contain the current search string as the user
484
+ types.
485
+ </p>
486
+ <h4>Examples</h4>
487
+ <pre>
488
+ &lt;%= search_filter_list(@posts.map{|x| link_to(x.title, post_path(x))}) %&gt;
489
+ # =&gt; &lt;ul data-inset=&quot;false&quot; data-role=&quot;listview&quot; data-filter=&quot;true&quot;&gt;
490
+ &lt;li&gt;
491
+ &lt;a href=&quot;/posts/1&quot;&gt;Title 1&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;Title 1&lt;/p&gt;
492
+ &lt;/li&gt;
493
+ &lt;/ul&gt; </pre>
494
+
495
+
496
+
497
+ <div class="method-source-code"
498
+ id="list-formatting-source">
499
+ <pre>
500
+ <span class="ruby-comment cmt"># File lib/jqmobile_helpers/list_views_helper.rb, line 238</span>
501
+ 238: <span class="ruby-keyword kw">def</span> <span class="ruby-identifier">list_formatting</span>(<span class="ruby-identifier">collection</span>, <span class="ruby-identifier">options</span> = {})
502
+ 239: <span class="ruby-identifier">html_attributes_options</span>(<span class="ruby-identifier">options</span>)
503
+ 240: <span class="ruby-comment cmt">#html_li_attributes_options(options)</span>
504
+ 241: <span class="ruby-identifier">list</span> = <span class="ruby-identifier">collection</span>.<span class="ruby-identifier">map</span>{<span class="ruby-operator">|</span><span class="ruby-identifier">item</span><span class="ruby-operator">|</span> <span class="ruby-identifier">content_tag</span>(<span class="ruby-value">:li</span>, <span class="ruby-identifier">content_tag</span>(<span class="ruby-value str">&quot;li&quot;</span>, <span class="ruby-identifier">item</span>), {<span class="ruby-value str">'data-role'</span> =<span class="ruby-operator">&gt;</span> <span class="ruby-value str">'list-divider'</span>})}
505
+ 242: <span class="ruby-identifier">content_tag</span>(<span class="ruby-value">:ul</span>, <span class="ruby-identifier">list</span>.<span class="ruby-identifier">join</span>.<span class="ruby-identifier">html_safe</span>, <span class="ruby-keyword kw">self</span>.<span class="ruby-identifier">default_options</span>)
506
+ 243: <span class="ruby-keyword kw">end</span></pre>
507
+ </div>
508
+
509
+ </div>
510
+
511
+
512
+
513
+
514
+ </div>
515
+
516
+
517
+ <div id="nested-list-method" class="method-detail ">
518
+ <a name="method-i-nested_list"></a>
519
+
520
+ <div class="method-heading">
521
+
522
+ <span class="method-name">nested_list</span><span
523
+ class="method-args">(collection, options = {})</span>
524
+ <span class="method-click-advice">click to toggle source</span>
525
+
526
+ </div>
527
+
528
+ <div class="method-description">
529
+
530
+ <h6>NESTED LIST ===========================================================</h6>
531
+ <p>
532
+ By nesting child ul of ol inside list items, you can create nested lists.
533
+ When a list item with a child list is clicked, the framework will generate
534
+ a new ui-page populated with the title of the parent in the header and the
535
+ list of child elements.
536
+ </p>
537
+ <h4>Options</h4>
538
+ <pre>
539
+ # =&gt; 'data-inset' =&gt; 'true' (Default data-inset is set to true)
540
+ # =&gt; 'data-theme' =&gt; 'c' (Default data-theme is set to c)
541
+ </pre>
542
+ <h4>Examples</h4>
543
+ <pre>
544
+ &lt;%= nested_list @posts.map{|x| link_to(x.title, post_path(x))} %&gt;
545
+ # =&gt; &lt;ul data-inset=&quot;true&quot; data-role=&quot;listview&quot;&gt;&lt;li&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=&quot;/birds/1&quot;&gt;Bird&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;/ul&gt;</pre>
546
+
547
+
548
+
549
+ <div class="method-source-code"
550
+ id="nested-list-source">
551
+ <pre>
552
+ <span class="ruby-comment cmt"># File lib/jqmobile_helpers/list_views_helper.rb, line 71</span>
553
+ 71: <span class="ruby-keyword kw">def</span> <span class="ruby-identifier">nested_list</span>(<span class="ruby-identifier">collection</span>, <span class="ruby-identifier">options</span> = {})
554
+ 72: <span class="ruby-identifier">html_attributes_options</span>(<span class="ruby-identifier">options</span>)
555
+ 73: <span class="ruby-identifier">list</span> = <span class="ruby-identifier">collection</span>.<span class="ruby-identifier">map</span> {<span class="ruby-operator">|</span><span class="ruby-identifier">item</span><span class="ruby-operator">|</span> <span class="ruby-identifier">content_tag</span>(<span class="ruby-value str">&quot;li&quot;</span>, <span class="ruby-identifier">content_tag</span>(<span class="ruby-value str">&quot;ul&quot;</span>, <span class="ruby-identifier">content_tag</span>(<span class="ruby-value str">&quot;li&quot;</span>, <span class="ruby-identifier">item</span>)))}
556
+ 74: <span class="ruby-identifier">content_tag</span> <span class="ruby-value">:ul</span>, <span class="ruby-identifier">list</span>.<span class="ruby-identifier">join</span>.<span class="ruby-identifier">html_safe</span>, <span class="ruby-keyword kw">self</span>.<span class="ruby-identifier">default_options</span>
557
+ 75: <span class="ruby-keyword kw">end</span></pre>
558
+ </div>
559
+
560
+ </div>
561
+
562
+
563
+
564
+
565
+ </div>
566
+
567
+
568
+ <div id="numbered-list-method" class="method-detail ">
569
+ <a name="method-i-numbered_list"></a>
570
+
571
+ <div class="method-heading">
572
+
573
+ <span class="method-name">numbered_list</span><span
574
+ class="method-args">(collection, options = {})</span>
575
+ <span class="method-click-advice">click to toggle source</span>
576
+
577
+ </div>
578
+
579
+ <div class="method-description">
580
+
581
+ <h6>NUMBERED LIST ===========================================================</h6>
582
+ <p>
583
+ Creates ordered lists (ol) which is useful when presented items that are in
584
+ a sequence. When the enhanced markup is applied to the list view, jQuery
585
+ Mobile will try to first use CSS to add numbers to the list and, if not
586
+ supported, will fall back to injecting numbers with JavaScript
587
+ </p>
588
+ <h4>Options</h4>
589
+ <pre>
590
+ # =&gt; 'data-inset' =&gt; 'true' (Default data-inset is set to true)
591
+ # =&gt; 'data-theme' =&gt; 'c' (Default data-theme is set to c)
592
+ </pre>
593
+ <h4>Examples</h4>
594
+ <pre>
595
+ basic_list(@posts.map{|x| x.title})
596
+ # =&gt; &lt;ol data-role=&quot;listview&quot; data-inset=&quot;true&quot;&gt;&lt;li&gt;Title 1&lt;/li&gt;&lt;li&gt;test2&lt;/li&gt;&lt;/ol&gt;
597
+
598
+ basic_list(@posts.map{|x| link_to(x.title, post_path(x))}, {'data-inset'=&gt;'false', 'data-theme'=&gt;'b'})
599
+ # =&gt; &lt;ol data-role=&quot;listview&quot; data-inset=&quot;false&quot; data-theme=&quot;b&quot;&gt; \\
600
+ &lt;li&gt;&lt;a href='/posts/1'&gt;Title 1&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;/posts/2&quot;&gt;test2&lt;/a&gt;&lt;/li&gt;&lt;/ol&gt;</pre>
601
+
602
+
603
+
604
+ <div class="method-source-code"
605
+ id="numbered-list-source">
606
+ <pre>
607
+ <span class="ruby-comment cmt"># File lib/jqmobile_helpers/list_views_helper.rb, line 49</span>
608
+ 49: <span class="ruby-keyword kw">def</span> <span class="ruby-identifier">numbered_list</span>(<span class="ruby-identifier">collection</span>, <span class="ruby-identifier">options</span> = {})
609
+ 50: <span class="ruby-identifier">html_attributes_options</span>(<span class="ruby-identifier">options</span>)
610
+ 51: <span class="ruby-identifier">list</span> = <span class="ruby-identifier">collection</span>.<span class="ruby-identifier">map</span> {<span class="ruby-operator">|</span><span class="ruby-identifier">item</span><span class="ruby-operator">|</span> <span class="ruby-identifier">content_tag</span>(<span class="ruby-value str">&quot;li&quot;</span>, <span class="ruby-identifier">item</span>)}
611
+ 52: <span class="ruby-identifier">content_tag</span>(<span class="ruby-value">:ol</span>, <span class="ruby-identifier">list</span>.<span class="ruby-identifier">join</span>.<span class="ruby-identifier">html_safe</span>, <span class="ruby-keyword kw">self</span>.<span class="ruby-identifier">default_options</span>)
612
+ 53: <span class="ruby-keyword kw">end</span></pre>
613
+ </div>
614
+
615
+ </div>
616
+
617
+
618
+
619
+
620
+ </div>
621
+
622
+
623
+ <div id="ol-inset-list-method" class="method-detail ">
624
+ <a name="method-i-ol_inset_list"></a>
625
+
626
+ <div class="method-heading">
627
+
628
+ <span class="method-name">ol_inset_list</span><span
629
+ class="method-args">(collection, options = {})</span>
630
+ <span class="method-click-advice">click to toggle source</span>
631
+
632
+ </div>
633
+
634
+ <div class="method-description">
635
+
636
+
637
+
638
+
639
+
640
+ <div class="method-source-code"
641
+ id="ol-inset-list-source">
642
+ <pre>
643
+ <span class="ruby-comment cmt"># File lib/jqmobile_helpers/list_views_helper.rb, line 286</span>
644
+ 286: <span class="ruby-keyword kw">def</span> <span class="ruby-identifier">ol_inset_list</span>(<span class="ruby-identifier">collection</span>, <span class="ruby-identifier">options</span> = {})
645
+ 287: <span class="ruby-identifier">html_attributes_options</span>(<span class="ruby-identifier">options</span>)
646
+ 288: <span class="ruby-identifier">list</span> = <span class="ruby-identifier">collection</span>.<span class="ruby-identifier">map</span> {<span class="ruby-operator">|</span><span class="ruby-identifier">item</span><span class="ruby-operator">|</span> <span class="ruby-identifier">content_tag</span>(<span class="ruby-value str">&quot;li&quot;</span>, <span class="ruby-identifier">item</span>)}
647
+ 289: <span class="ruby-identifier">content_tag</span>(<span class="ruby-value">:ol</span>, <span class="ruby-identifier">list</span>.<span class="ruby-identifier">join</span>.<span class="ruby-identifier">html_safe</span>, <span class="ruby-identifier">default_options</span>)
648
+ 290: <span class="ruby-keyword kw">end</span></pre>
649
+ </div>
650
+
651
+ </div>
652
+
653
+
654
+
655
+
656
+ </div>
657
+
658
+
659
+ <div id="search-filter-list-method" class="method-detail ">
660
+ <a name="method-i-search_filter_list"></a>
661
+
662
+ <div class="method-heading">
663
+
664
+ <span class="method-name">search_filter_list</span><span
665
+ class="method-args">(collection, options = {})</span>
666
+ <span class="method-click-advice">click to toggle source</span>
667
+
668
+ </div>
669
+
670
+ <div class="method-description">
671
+
672
+ <h6>SEARCH FILTER LIST ===========================================================</h6>
673
+ <p>
674
+ jQuery Mobile provides a very easy way to filter a list with a simple
675
+ client-side search feature. To make a list filterable, simply add the
676
+ data-filter=&#8220;true&#8221; attribute to the list. The framework will
677
+ then append a search box above the list and add the behavior to filter out
678
+ list items that don&#8217;t contain the current search string as the user
679
+ types.
680
+ </p>
681
+ <h4>Examples</h4>
682
+ <pre>
683
+ &lt;%= search_filter_list(@posts.map{|x| link_to(x.title, post_path(x))}) %&gt;
684
+ # =&gt; &lt;ul data-inset=&quot;false&quot; data-role=&quot;listview&quot; data-filter=&quot;true&quot;&gt;
685
+ &lt;li&gt;
686
+ &lt;a href=&quot;/posts/1&quot;&gt;Title 1&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;Title 1&lt;/p&gt;
687
+ &lt;/li&gt;
688
+ &lt;/ul&gt;</pre>
689
+
690
+
691
+
692
+ <div class="method-source-code"
693
+ id="search-filter-list-source">
694
+ <pre>
695
+ <span class="ruby-comment cmt"># File lib/jqmobile_helpers/list_views_helper.rb, line 217</span>
696
+ 217: <span class="ruby-keyword kw">def</span> <span class="ruby-identifier">search_filter_list</span>(<span class="ruby-identifier">collection</span>, <span class="ruby-identifier">options</span> = {})
697
+ 218: <span class="ruby-identifier">html_attributes_options</span>(<span class="ruby-identifier">options</span>)
698
+ 219: <span class="ruby-identifier">list</span> = <span class="ruby-identifier">collection</span>.<span class="ruby-identifier">map</span>{<span class="ruby-operator">|</span><span class="ruby-identifier">item</span><span class="ruby-operator">|</span> <span class="ruby-identifier">content_tag</span>(<span class="ruby-value str">&quot;li&quot;</span>, <span class="ruby-identifier">item</span>)}
699
+ 220: <span class="ruby-identifier">content_tag</span>(<span class="ruby-value">:ul</span>, <span class="ruby-identifier">list</span>.<span class="ruby-identifier">join</span>.<span class="ruby-identifier">html_safe</span>, <span class="ruby-identifier">default_options</span>.<span class="ruby-identifier">update</span>(<span class="ruby-value str">'data-filter'</span> =<span class="ruby-operator">&gt;</span> <span class="ruby-value str">'true'</span>, <span class="ruby-value str">'data-inset'</span> =<span class="ruby-operator">&gt;</span> <span class="ruby-value str">'false'</span>))
700
+ 221: <span class="ruby-keyword kw">end</span></pre>
701
+ </div>
702
+
703
+ </div>
704
+
705
+
706
+
707
+
708
+ </div>
709
+
710
+
711
+ <div id="split-button-list-method" class="method-detail ">
712
+ <a name="method-i-split_button_list"></a>
713
+
714
+ <div class="method-heading">
715
+
716
+ <span class="method-name">split_button_list</span><span
717
+ class="method-args">(name,link, options={})</span>
718
+ <span class="method-click-advice">click to toggle source</span>
719
+
720
+ </div>
721
+
722
+ <div class="method-description">
723
+
724
+ <h6>SPLIT-BUTTON LIST ===========================================================</h6>
725
+ <p>
726
+ In cases where there is more than one possible action per list item, a
727
+ split button can be used to offer two independently clickable items &#8212;
728
+ the list item and a small arrow icon in the far right The framework will
729
+ add a vertical divider line and sets the title attribute of the link to the
730
+ text the link for accessibility.
731
+ </p>
732
+ <h4>Options</h4>
733
+ <pre>
734
+ # =&gt; 'data-inset' =&gt; 'true' (Default data-inset is set to true)
735
+ # =&gt; 'data-theme' =&gt; 'c' (Default data-theme is set to c)
736
+ </pre>
737
+ <h4>Examples</h4>
738
+ <pre>
739
+ &lt;%= split_button_list &quot;Split Button List&quot;, post_path(@posts) %&gt;
740
+ # =&gt; &lt;ul data-role=&quot;listview&quot; data-split-icon=&quot;gear&quot; data-split-theme=&quot;d&quot;&gt;&lt;li&gt;&lt;a data-rel=&quot;dialog&quot; data-transition=&quot;slideup&quot; href=&quot;/posts/1&quot;&gt;Split Button List&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;
741
+ </pre>
742
+ <h6>for collections of data that have more than one.</h6>
743
+ <pre>
744
+ &lt;% @posts.each do |post|
745
+ &lt;%= split_button_list(post.name, post_path(post)) %&gt;
746
+ &lt;% end %&gt;</pre>
747
+
748
+
749
+
750
+ <div class="method-source-code"
751
+ id="split-button-list-source">
752
+ <pre>
753
+ <span class="ruby-comment cmt"># File lib/jqmobile_helpers/list_views_helper.rb, line 96</span>
754
+ 96: <span class="ruby-keyword kw">def</span> <span class="ruby-identifier">split_button_list</span>(<span class="ruby-identifier">name</span>,<span class="ruby-identifier">link</span>, <span class="ruby-identifier">options</span>={})
755
+ 97: <span class="ruby-identifier">html_attributes_options</span>(<span class="ruby-identifier">options</span>)
756
+ 98: <span class="ruby-identifier">default_split_options</span> = {<span class="ruby-value str">'data-icon'</span> =<span class="ruby-operator">&gt;</span> <span class="ruby-value str">&quot;gear&quot;</span>}
757
+ 99: <span class="ruby-identifier">split_options</span> = {<span class="ruby-value str">'data-rel'</span> =<span class="ruby-operator">&gt;</span> <span class="ruby-value str">&quot;dialog&quot;</span>, <span class="ruby-value str">'data-transition'</span> =<span class="ruby-operator">&gt;</span> <span class="ruby-value str">&quot;slideup&quot;</span>}
758
+ 100: <span class="ruby-identifier">list</span> = <span class="ruby-identifier">content_tag</span>(<span class="ruby-value str">&quot;li&quot;</span>, <span class="ruby-identifier">content_tag</span>(<span class="ruby-value">:a</span>, <span class="ruby-identifier">name</span>, {<span class="ruby-value">:href</span> =<span class="ruby-operator">&gt;</span> <span class="ruby-identifier">link</span>}.<span class="ruby-identifier">merge</span>(<span class="ruby-identifier">split_options</span>)))
759
+ 101: <span class="ruby-comment cmt">#list = content_tag(&quot;li&quot;, content_tag(:a, data, {:href =&gt; link}.merge(split_options)))</span>
760
+ 102: <span class="ruby-identifier">content_tag</span>(<span class="ruby-value">:ul</span>, <span class="ruby-identifier">list</span>, <span class="ruby-keyword kw">self</span>.<span class="ruby-identifier">default_options</span>.<span class="ruby-identifier">merge</span>(<span class="ruby-identifier">default_split_options</span>))
761
+ 103: <span class="ruby-keyword kw">end</span></pre>
762
+ </div>
763
+
764
+ </div>
765
+
766
+
767
+
768
+
769
+ </div>
770
+
771
+
772
+ <div id="thumbnail-list-method" class="method-detail ">
773
+ <a name="method-i-thumbnail_list"></a>
774
+
775
+ <div class="method-heading">
776
+
777
+ <span class="method-name">thumbnail_list</span><span
778
+ class="method-args">(collection, options={})</span>
779
+ <span class="method-click-advice">click to toggle source</span>
780
+
781
+ </div>
782
+
783
+ <div class="method-description">
784
+
785
+ <p>
786
+ To add thumbnails to the left of a list item, the first element in your
787
+ collection must have a image_tag. The framework will scale the image to 80
788
+ pixels square.
789
+ </p>
790
+ <p>
791
+ Items in your collection must also be constructed inside an array with 3
792
+ elements inside
793
+ </p>
794
+ <h4>Examples</h4>
795
+ <pre>
796
+ &lt;%= thumbnail_list(@posts.collect do |x|
797
+ [image_tag('/images/sample-pic.jpg'), link_to(x.title, post_path(x)), x.title]
798
+ end) %&gt;
799
+ # =&gt; &lt;ul data-inset=&quot;false&quot; data-role=&quot;listview&quot;&gt;
800
+ &lt;li&gt;
801
+ &lt;img alt=&quot;Album-bb&quot; src=&quot;/images/album-bb.jpg&quot; /&gt;
802
+ &lt;h3&gt;&lt;a href=&quot;/posts/1&quot;&gt;Title 1&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;Title 1&lt;/p&gt;
803
+ &lt;/li&gt;
804
+ &lt;/ul&gt;</pre>
805
+
806
+
807
+
808
+ <div class="method-source-code"
809
+ id="thumbnail-list-source">
810
+ <pre>
811
+ <span class="ruby-comment cmt"># File lib/jqmobile_helpers/list_views_helper.rb, line 156</span>
812
+ 156: <span class="ruby-keyword kw">def</span> <span class="ruby-identifier">thumbnail_list</span>(<span class="ruby-identifier">collection</span>, <span class="ruby-identifier">options</span>={})
813
+ 157: <span class="ruby-identifier">html_attributes_options</span>(<span class="ruby-identifier">options</span>)
814
+ 158: <span class="ruby-identifier">list</span> = <span class="ruby-identifier">collection</span>.<span class="ruby-identifier">map</span> <span class="ruby-keyword kw">do</span> <span class="ruby-operator">|</span><span class="ruby-identifier">item</span><span class="ruby-operator">|</span>
815
+ 159: <span class="ruby-keyword kw">if</span> <span class="ruby-identifier">item</span>.<span class="ruby-identifier">is_a?</span>(<span class="ruby-constant">Array</span>)
816
+ 160: <span class="ruby-keyword kw">if</span> <span class="ruby-identifier">item</span>[<span class="ruby-value">1</span>].<span class="ruby-identifier">blank?</span>
817
+ 161: <span class="ruby-identifier">item</span>[<span class="ruby-value">1</span>] = <span class="ruby-identifier">content_tag</span>(<span class="ruby-value">:a</span>, <span class="ruby-value str">&quot;No item description&quot;</span>, <span class="ruby-value">:href</span> =<span class="ruby-operator">&gt;</span> <span class="ruby-value str">&quot;&quot;</span>)
818
+ 162: <span class="ruby-keyword kw">end</span>
819
+ 163: <span class="ruby-identifier">content_tag</span>(<span class="ruby-value str">&quot;li&quot;</span>, <span class="ruby-identifier">item</span>[<span class="ruby-value">0</span>] <span class="ruby-operator">+</span> <span class="ruby-node">&quot;&lt;h3&gt;#{item[1]}&lt;/h3&gt;&lt;p&gt;#{item[2]}&lt;/p&gt;&quot;</span>.<span class="ruby-identifier">html_safe</span>)
820
+ 164: <span class="ruby-keyword kw">else</span>
821
+ 165: <span class="ruby-identifier">content_tag</span>(<span class="ruby-value str">&quot;li&quot;</span>, <span class="ruby-identifier">item</span>)
822
+ 166: <span class="ruby-keyword kw">end</span>
823
+ 167: <span class="ruby-keyword kw">end</span>
824
+ 168: <span class="ruby-identifier">content_tag</span>(<span class="ruby-value">:ul</span>, <span class="ruby-identifier">list</span>.<span class="ruby-identifier">join</span>.<span class="ruby-identifier">html_safe</span>, <span class="ruby-identifier">default_options</span>.<span class="ruby-identifier">update</span>(<span class="ruby-value str">'data-inset'</span> =<span class="ruby-operator">&gt;</span> <span class="ruby-value str">'false'</span>))
825
+ 169: <span class="ruby-keyword kw">end</span></pre>
826
+ </div>
827
+
828
+ </div>
829
+
830
+
831
+
832
+
833
+ </div>
834
+
835
+
836
+ </div>
837
+
838
+ <div id="private-instance-method-details" class="method-section section">
839
+ <h3 class="section-header">Private Instance Methods</h3>
840
+
841
+
842
+ <div id="html-attributes-options-method" class="method-detail ">
843
+ <a name="method-i-html_attributes_options"></a>
844
+
845
+ <div class="method-heading">
846
+
847
+ <span class="method-name">html_attributes_options</span><span
848
+ class="method-args">(options)</span>
849
+ <span class="method-click-advice">click to toggle source</span>
850
+
851
+ </div>
852
+
853
+ <div class="method-description">
854
+
855
+ <p>
856
+ Default html5 data attributes for list view in jquery-mobile
857
+ </p>
858
+
859
+
860
+
861
+ <div class="method-source-code"
862
+ id="html-attributes-options-source">
863
+ <pre>
864
+ <span class="ruby-comment cmt"># File lib/jqmobile_helpers/list_views_helper.rb, line 295</span>
865
+ 295: <span class="ruby-keyword kw">def</span> <span class="ruby-identifier">html_attributes_options</span>(<span class="ruby-identifier">options</span>)
866
+ 296: <span class="ruby-identifier">html_options</span> = <span class="ruby-identifier">options</span>.<span class="ruby-identifier">stringify_keys!</span>
867
+ 297: <span class="ruby-keyword kw">self</span>.<span class="ruby-identifier">default_options</span> = {<span class="ruby-value str">'data-role'</span> =<span class="ruby-operator">&gt;</span> <span class="ruby-value str">&quot;listview&quot;</span>, <span class="ruby-value str">'data-inset'</span> =<span class="ruby-operator">&gt;</span> <span class="ruby-value str">&quot;true&quot;</span>}
868
+ 298:
869
+ 299: <span class="ruby-keyword kw">if</span> <span class="ruby-identifier">html_options</span>.<span class="ruby-identifier">has_key?</span>(<span class="ruby-value str">'data-inset'</span>)
870
+ 300: <span class="ruby-keyword kw">self</span>.<span class="ruby-identifier">default_options</span> = <span class="ruby-identifier">default_options</span>.<span class="ruby-identifier">merge</span>({<span class="ruby-value str">'data-inset'</span> =<span class="ruby-operator">&gt;</span> <span class="ruby-identifier">html_options</span>[<span class="ruby-value str">'data-inset'</span>]})
871
+ 301: <span class="ruby-keyword kw">end</span>
872
+ 302:
873
+ 303: <span class="ruby-keyword kw">if</span> <span class="ruby-identifier">html_options</span>.<span class="ruby-identifier">has_key?</span>(<span class="ruby-value str">'data-theme'</span>)
874
+ 304: <span class="ruby-keyword kw">self</span>.<span class="ruby-identifier">default_options</span> = <span class="ruby-identifier">default_options</span>.<span class="ruby-identifier">merge</span>({<span class="ruby-value str">'data-theme'</span> =<span class="ruby-operator">&gt;</span> <span class="ruby-identifier">html_options</span>[<span class="ruby-value str">'data-theme'</span>]})
875
+ 305: <span class="ruby-keyword kw">end</span>
876
+ 306:
877
+ 307: <span class="ruby-keyword kw">if</span> <span class="ruby-identifier">html_options</span>.<span class="ruby-identifier">has_key?</span>(<span class="ruby-value str">'data-rel'</span>)
878
+ 308: <span class="ruby-keyword kw">self</span>.<span class="ruby-identifier">default_options</span> = <span class="ruby-identifier">default_options</span>.<span class="ruby-identifier">merge</span>({<span class="ruby-value str">'data-rel'</span> =<span class="ruby-operator">&gt;</span> <span class="ruby-identifier">html_options</span>[<span class="ruby-value str">'data-rel'</span>]})
879
+ 309: <span class="ruby-keyword kw">end</span>
880
+ 310:
881
+ 311: <span class="ruby-keyword kw">if</span> <span class="ruby-identifier">html_options</span>.<span class="ruby-identifier">has_key?</span>(<span class="ruby-value str">'data-transition'</span>)
882
+ 312: <span class="ruby-keyword kw">self</span>.<span class="ruby-identifier">default_options</span> = <span class="ruby-identifier">default_options</span>.<span class="ruby-identifier">merge</span>({<span class="ruby-value str">'data-transition'</span> =<span class="ruby-operator">&gt;</span> <span class="ruby-identifier">html_options</span>[<span class="ruby-value str">'data-transition'</span>]})
883
+ 313: <span class="ruby-keyword kw">end</span>
884
+ 314:
885
+ 315: <span class="ruby-keyword kw">end</span></pre>
886
+ </div>
887
+
888
+ </div>
889
+
890
+
891
+
892
+
893
+ </div>
894
+
895
+
896
+ <div id="html-li-attributes-options-method" class="method-detail ">
897
+ <a name="method-i-html_li_attributes_options"></a>
898
+
899
+ <div class="method-heading">
900
+
901
+ <span class="method-name">html_li_attributes_options</span><span
902
+ class="method-args">(options)</span>
903
+ <span class="method-click-advice">click to toggle source</span>
904
+
905
+ </div>
906
+
907
+ <div class="method-description">
908
+
909
+
910
+
911
+
912
+
913
+ <div class="method-source-code"
914
+ id="html-li-attributes-options-source">
915
+ <pre>
916
+ <span class="ruby-comment cmt"># File lib/jqmobile_helpers/list_views_helper.rb, line 317</span>
917
+ 317: <span class="ruby-keyword kw">def</span> <span class="ruby-identifier">html_li_attributes_options</span>(<span class="ruby-identifier">options</span>)
918
+ 318: <span class="ruby-identifier">html_options</span> = <span class="ruby-identifier">options</span>.<span class="ruby-identifier">stringify_keys!</span>
919
+ 319: <span class="ruby-keyword kw">self</span>.<span class="ruby-identifier">li_options</span> = {<span class="ruby-value str">'data-role'</span> =<span class="ruby-operator">&gt;</span> <span class="ruby-value str">&quot;list-divider&quot;</span>}
920
+ 320:
921
+ 321: <span class="ruby-keyword kw">end</span></pre>
922
+ </div>
923
+
924
+ </div>
925
+
926
+
927
+
928
+
929
+ </div>
930
+
931
+
932
+ </div>
933
+
934
+
935
+ </div>
936
+
937
+
938
+ <div id="rdoc-debugging-section-dump" class="debugging-section">
939
+
940
+ <p>Disabled; run with --debug to generate this.</p>
941
+
942
+ </div>
943
+
944
+ <div id="validator-badges">
945
+ <p><small><a href="http://validator.w3.org/check/referer">[Validate]</a></small></p>
946
+ <p><small>Generated with the <a href="http://deveiate.org/projects/Darkfish-Rdoc/">Darkfish
947
+ Rdoc Generator</a> 1.1.6</small>.</p>
948
+ </div>
949
+
950
+ </body>
951
+ </html>
952
+