jqmobile_helpers 0.0.1

data/lib/jqmobile_helpers/railtie.rb

@@ -0,0 +1,23 @@
+module JqmobileHelpers
+  class Railtie < Rails::Railtie
+    initializer 'jqmobile_helpers.initialize' do 
+      ActiveSupport.on_load(:action_view) do
+        require 'jqmobile_helpers/list_views_helper'
+        require 'jqmobile_helpers/toolbars_helper'
+        require 'jqmobile_helpers/buttons_helper'
+        require 'jqmobile_helpers/action_view_extensions/form_helper'
+        require 'jqmobile_helpers/form_builder'
+        
+        include JqmobileHelpers::ListViewsHelper
+        include JqmobileHelpers::ToolbarsHelper
+        include JqmobileHelpers::ButtonsHelper
+      end
+    end
+    
+    config.before_initialize do
+      # To set custom FormBuilder as default
+      #config.action_view.default_form_builder = JqmobileHelper::FormBuilder
+    end
+    
+  end  
+end

data/lib/jqmobile_helpers/toolbars_helper.rb

@@ -0,0 +1,115 @@
+module JqmobileHelpers
+  # = JqmobileHelpers List View Helpers
+  # Provides a set of methods for making toolbars views 
+  # for jquery-mobile markup
+  module ToolbarsHelper 
+
+
+    # Header Bar Title
+    #
+    # === Examples
+    #
+    #  => <%= header_toolbar_title('Put Title Here') %>
+    #  => <h1>Page Title</h1>
+    #
+
+    def header_toolbar_title(title)
+      content_tag(:h1, title)
+    end
+
+    # Header Bar Link
+    #
+    # ---Options ---
+    #  => '- data-direction = "reverse" ## reverse transition without actually going back in history
+    #  => - data-icon [delete,check,home,gear]
+    #  => - data-iconpos [text,notext] ## if use notext, link only show icon
+    #  => - class
+    #  => - data-theme ## default 'a'
+    #
+    # === Examples
+    #
+    #  => <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
+    
+    def header_toolbar_link(link_name,path,options = {})
+      html_options = options.stringify_keys!
+      default_options = {'href' => "#{path}", 'data-direction' => "reverse"}
+
+      if html_options.has_key?('data-iconpos')
+        default_options = default_options.merge({'data-iconpos' => html_options['data-iconpos']})
+      end
+
+      if html_options.has_key?('data-icon')
+        default_options = default_options.merge({'data-icon' => html_options['data-icon']})
+      end
+
+      if html_options.has_key?('data-theme')
+        default_options = default_options.merge({'data-theme' => html_options['data-theme']})
+      end
+
+      content_tag(:a, "#{link_name}",default_options)
+    end
+
+    # navigation bar container
+    #
+    #  A navbar is coded as an unordered list of links wrapped in a container element that has the data-role="navbar" attribute
+    #  To set one of links to the active (selected) state, add class="ui-btn-active" to the anchor
+    #  The navbar maxes out with 5 items, each 1/5 the width of the browser window
+    #  Navbar can be in the header/footer.just add the navbar container inside header/footer container
+    #
+    #   *** Options ***
+    #    => data-role = 'navbar'  (to specify the contanier as navbar)
+    #
+    # Example :
+    #  <div data-role="navbar">
+    #		<ul>
+    #			<li><a href="a.html" class="ui-btn-active">One</a></li>
+    #			<li><a href="b.html">Two</a></li>
+    #		</ul>
+    #	</div><!-- /navbar -->
+    # Usage :
+    #  navbar_link(collection)  ** this method is to create the link inside the navbar container
+    #  <%= navbar_bar([navbar_link('saya',root_path,{'data-icon' => 'gear'}),navbar_link('saya',root_path,{'data-icon' => 'gear'}),navbar_link('dia',toolbars_path,{'data-icon' => 'home'}), navbar_link('kami',toolbars_path,{'data-icon' => 'plus'})]) %>
+
+
+    def navbar_bar(collection)
+      listing = collection.map {|item| content_tag("li",item)}
+      content_tag("div",content_tag(:ul, listing.join.html_safe), {'data-role' => 'navbar'})
+    end
+
+    # link inside the navbar
+    #   *** Options ***
+    #    => data-icon (to add icon to navbar items)
+    #    => data-iconpos="top" (to stack icon above the navbar items label)
+    #    => data-theme (set theming for navbar)
+    # Example
+    #  # => <a href="a.html" class="ui-btn-active" 'data-icon'="gear">One</a>
+    # Usage :
+    #  => navbar_link('saya',root_path,{'data-icon' => 'gear'})
+
+
+    def navbar_link(name,link, options ={})
+      html_options = options.stringify_keys!
+      default_options = {}
+
+      if html_options.has_key?('data-icon')
+        default_options = default_options.merge({'data-icon' => html_options['data-icon']})
+      end
+
+      if html_options.has_key?('data-iconpos')
+        default_options = default_options.merge({'data-iconpos' => html_options['data-iconpos']})
+      end
+
+      if html_options.has_key?('data-theme')
+        default_options = default_options.merge({'data-theme' => html_options['data-theme']})
+      end
+
+      if html_options.has_key?('class')
+        default_options = default_options.merge({'class' => html_options['class']})
+      end
+
+      content_tag('a',name, {'href' => "#{link}"}.merge(default_options))
+    end
+
+
+  end
+end

data/rdoc/JqmobileHelpers.html

@@ -0,0 +1,185 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+	<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
+
+	<title>Module: JqmobileHelpers</title>
+
+	<link rel="stylesheet" href="./rdoc.css" type="text/css" media="screen" />
+
+	<script src="./js/jquery.js" type="text/javascript"
+		charset="utf-8"></script>
+	<script src="./js/thickbox-compressed.js" type="text/javascript"
+		charset="utf-8"></script>
+	<script src="./js/quicksearch.js" type="text/javascript"
+		charset="utf-8"></script>
+	<script src="./js/darkfish.js" type="text/javascript"
+		charset="utf-8"></script>
+
+</head>
+<body class="module">
+
+	<div id="metadata">
+		<div id="home-metadata">
+			<div id="home-section" class="section">
+        <h3 class="section-header">
+          <a href="./index.html">Home</a>
+          <a href="./index.html#classes">Classes</a>
+          <a href="./index.html#methods">Methods</a>
+        </h3>
+			</div>
+		</div>
+
+		<div id="file-metadata">
+			<div id="file-list-section" class="section">
+				<h3 class="section-header">In Files</h3>
+				<div class="section-body">
+					<ul>
+					
+						<li><a href="./lib/jqmobile_helpers/action_view_extensions/form_helper_rb.html?TB_iframe=true&amp;height=550&amp;width=785"
+							class="thickbox" title="lib/jqmobile_helpers/action_view_extensions/form_helper.rb">lib/jqmobile_helpers/action_view_extensions/form_helper.rb</a></li>
+					
+						<li><a href="./lib/jqmobile_helpers/buttons_helper_rb.html?TB_iframe=true&amp;height=550&amp;width=785"
+							class="thickbox" title="lib/jqmobile_helpers/buttons_helper.rb">lib/jqmobile_helpers/buttons_helper.rb</a></li>
+					
+						<li><a href="./lib/jqmobile_helpers/form_builder_rb.html?TB_iframe=true&amp;height=550&amp;width=785"
+							class="thickbox" title="lib/jqmobile_helpers/form_builder.rb">lib/jqmobile_helpers/form_builder.rb</a></li>
+					
+						<li><a href="./lib/jqmobile_helpers/list_views_helper_rb.html?TB_iframe=true&amp;height=550&amp;width=785"
+							class="thickbox" title="lib/jqmobile_helpers/list_views_helper.rb">lib/jqmobile_helpers/list_views_helper.rb</a></li>
+					
+						<li><a href="./lib/jqmobile_helpers/railtie_rb.html?TB_iframe=true&amp;height=550&amp;width=785"
+							class="thickbox" title="lib/jqmobile_helpers/railtie.rb">lib/jqmobile_helpers/railtie.rb</a></li>
+					
+						<li><a href="./lib/jqmobile_helpers/toolbars_helper_rb.html?TB_iframe=true&amp;height=550&amp;width=785"
+							class="thickbox" title="lib/jqmobile_helpers/toolbars_helper.rb">lib/jqmobile_helpers/toolbars_helper.rb</a></li>
+					
+					</ul>
+				</div>
+			</div>
+
+			
+		</div>
+
+		<div id="class-metadata">
+
+			<!-- Parent Class -->
+			
+
+			<!-- Namespace Contents -->
+			
+			<div id="namespace-list-section" class="section">
+				<h3 class="section-header">Namespace</h3>
+				<ul class="link-list">
+					
+					<li><span class="type">MODULE</span> <a href="JqmobileHelpers/ActionViewExtensions.html">JqmobileHelpers::ActionViewExtensions</a></li>
+					
+					<li><span class="type">MODULE</span> <a href="JqmobileHelpers/ButtonsHelper.html">JqmobileHelpers::ButtonsHelper</a></li>
+					
+					<li><span class="type">MODULE</span> <a href="JqmobileHelpers/ListViewsHelper.html">JqmobileHelpers::ListViewsHelper</a></li>
+					
+					<li><span class="type">MODULE</span> <a href="JqmobileHelpers/ToolbarsHelper.html">JqmobileHelpers::ToolbarsHelper</a></li>
+					
+					<li><span class="type">CLASS</span> <a href="JqmobileHelpers/FormBuilder.html">JqmobileHelpers::FormBuilder</a></li>
+					
+					<li><span class="type">CLASS</span> <a href="JqmobileHelpers/Railtie.html">JqmobileHelpers::Railtie</a></li>
+					
+				</ul>
+			</div>
+			
+
+			<!-- Method Quickref -->
+			
+
+			<!-- Included Modules -->
+			
+		</div>
+
+		<div id="project-metadata">
+			
+			
+			<div id="fileindex-section" class="section project-section">
+				<h3 class="section-header">Files</h3>
+				<ul>
+				
+					<li class="file"><a href="./README_rdoc.html">README.rdoc</a></li>
+				
+				</ul>
+			</div>
+			
+
+			<div id="classindex-section" class="section project-section">
+				<h3 class="section-header">Class Index
+					<span class="search-toggle"><img src="./images/find.png"
+						height="16" width="16" alt="[+]"
+						title="show/hide quicksearch" /></span></h3>
+				<form action="#" method="get" accept-charset="utf-8" class="initially-hidden">
+				<fieldset>
+					<legend>Quicksearch</legend>
+					<input type="text" name="quicksearch" value=""
+						class="quicksearch-field" />
+				</fieldset>
+				</form>
+
+				<ul class="link-list">
+				
+					<li><a href="./JqmobileHelpers.html">JqmobileHelpers</a></li>
+				
+					<li><a href="./JqmobileHelpers/ActionViewExtensions.html">JqmobileHelpers::ActionViewExtensions</a></li>
+				
+					<li><a href="./JqmobileHelpers/ActionViewExtensions/FormHelper.html">JqmobileHelpers::ActionViewExtensions::FormHelper</a></li>
+				
+					<li><a href="./JqmobileHelpers/ButtonsHelper.html">JqmobileHelpers::ButtonsHelper</a></li>
+				
+					<li><a href="./JqmobileHelpers/FormBuilder.html">JqmobileHelpers::FormBuilder</a></li>
+				
+					<li><a href="./JqmobileHelpers/ListViewsHelper.html">JqmobileHelpers::ListViewsHelper</a></li>
+				
+					<li><a href="./JqmobileHelpers/Railtie.html">JqmobileHelpers::Railtie</a></li>
+				
+					<li><a href="./JqmobileHelpers/ToolbarsHelper.html">JqmobileHelpers::ToolbarsHelper</a></li>
+				
+				</ul>
+				<div id="no-class-search-results" style="display: none;">No matching classes.</div>
+			</div>
+
+			
+		</div>
+	</div>
+
+	<div id="documentation">
+		<h1 class="module">JqmobileHelpers</h1>
+
+		<div id="description">
+			
+		</div>
+
+		<!-- Constants -->
+		
+
+		<!-- Attributes -->
+		
+
+		<!-- Methods -->
+		
+
+	</div>
+
+
+	<div id="rdoc-debugging-section-dump" class="debugging-section">
+	
+		<p>Disabled; run with --debug to generate this.</p>
+	
+	</div>
+
+	<div id="validator-badges">
+		<p><small><a href="http://validator.w3.org/check/referer">[Validate]</a></small></p>
+		<p><small>Generated with the <a href="http://deveiate.org/projects/Darkfish-Rdoc/">Darkfish
+			Rdoc Generator</a> 1.1.6</small>.</p>
+	</div>
+
+</body>
+</html>
+

data/rdoc/JqmobileHelpers/ActionViewExtensions.html

@@ -0,0 +1,160 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+	<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
+
+	<title>Module: JqmobileHelpers::ActionViewExtensions</title>
+
+	<link rel="stylesheet" href="../rdoc.css" type="text/css" media="screen" />
+
+	<script src="../js/jquery.js" type="text/javascript"
+		charset="utf-8"></script>
+	<script src="../js/thickbox-compressed.js" type="text/javascript"
+		charset="utf-8"></script>
+	<script src="../js/quicksearch.js" type="text/javascript"
+		charset="utf-8"></script>
+	<script src="../js/darkfish.js" type="text/javascript"
+		charset="utf-8"></script>
+
+</head>
+<body class="module">
+
+	<div id="metadata">
+		<div id="home-metadata">
+			<div id="home-section" class="section">
+        <h3 class="section-header">
+          <a href="../index.html">Home</a>
+          <a href="../index.html#classes">Classes</a>
+          <a href="../index.html#methods">Methods</a>
+        </h3>
+			</div>
+		</div>
+
+		<div id="file-metadata">
+			<div id="file-list-section" class="section">
+				<h3 class="section-header">In Files</h3>
+				<div class="section-body">
+					<ul>
+					
+						<li><a href="../lib/jqmobile_helpers/action_view_extensions/form_helper_rb.html?TB_iframe=true&amp;height=550&amp;width=785"
+							class="thickbox" title="lib/jqmobile_helpers/action_view_extensions/form_helper.rb">lib/jqmobile_helpers/action_view_extensions/form_helper.rb</a></li>
+					
+					</ul>
+				</div>
+			</div>
+
+			
+		</div>
+
+		<div id="class-metadata">
+
+			<!-- Parent Class -->
+			
+
+			<!-- Namespace Contents -->
+			
+			<div id="namespace-list-section" class="section">
+				<h3 class="section-header">Namespace</h3>
+				<ul class="link-list">
+					
+					<li><span class="type">MODULE</span> <a href="ActionViewExtensions/FormHelper.html">JqmobileHelpers::ActionViewExtensions::FormHelper</a></li>
+					
+				</ul>
+			</div>
+			
+
+			<!-- Method Quickref -->
+			
+
+			<!-- Included Modules -->
+			
+		</div>
+
+		<div id="project-metadata">
+			
+			
+			<div id="fileindex-section" class="section project-section">
+				<h3 class="section-header">Files</h3>
+				<ul>
+				
+					<li class="file"><a href="../README_rdoc.html">README.rdoc</a></li>
+				
+				</ul>
+			</div>
+			
+
+			<div id="classindex-section" class="section project-section">
+				<h3 class="section-header">Class Index
+					<span class="search-toggle"><img src="../images/find.png"
+						height="16" width="16" alt="[+]"
+						title="show/hide quicksearch" /></span></h3>
+				<form action="#" method="get" accept-charset="utf-8" class="initially-hidden">
+				<fieldset>
+					<legend>Quicksearch</legend>
+					<input type="text" name="quicksearch" value=""
+						class="quicksearch-field" />
+				</fieldset>
+				</form>
+
+				<ul class="link-list">
+				
+					<li><a href="../JqmobileHelpers.html">JqmobileHelpers</a></li>
+				
+					<li><a href="../JqmobileHelpers/ActionViewExtensions.html">JqmobileHelpers::ActionViewExtensions</a></li>
+				
+					<li><a href="../JqmobileHelpers/ActionViewExtensions/FormHelper.html">JqmobileHelpers::ActionViewExtensions::FormHelper</a></li>
+				
+					<li><a href="../JqmobileHelpers/ButtonsHelper.html">JqmobileHelpers::ButtonsHelper</a></li>
+				
+					<li><a href="../JqmobileHelpers/FormBuilder.html">JqmobileHelpers::FormBuilder</a></li>
+				
+					<li><a href="../JqmobileHelpers/ListViewsHelper.html">JqmobileHelpers::ListViewsHelper</a></li>
+				
+					<li><a href="../JqmobileHelpers/Railtie.html">JqmobileHelpers::Railtie</a></li>
+				
+					<li><a href="../JqmobileHelpers/ToolbarsHelper.html">JqmobileHelpers::ToolbarsHelper</a></li>
+				
+				</ul>
+				<div id="no-class-search-results" style="display: none;">No matching classes.</div>
+			</div>
+
+			
+		</div>
+	</div>
+
+	<div id="documentation">
+		<h1 class="module">JqmobileHelpers::ActionViewExtensions</h1>
+
+		<div id="description">
+			
+		</div>
+
+		<!-- Constants -->
+		
+
+		<!-- Attributes -->
+		
+
+		<!-- Methods -->
+		
+
+	</div>
+
+
+	<div id="rdoc-debugging-section-dump" class="debugging-section">
+	
+		<p>Disabled; run with --debug to generate this.</p>
+	
+	</div>
+
+	<div id="validator-badges">
+		<p><small><a href="http://validator.w3.org/check/referer">[Validate]</a></small></p>
+		<p><small>Generated with the <a href="http://deveiate.org/projects/Darkfish-Rdoc/">Darkfish
+			Rdoc Generator</a> 1.1.6</small>.</p>
+	</div>
+
+</body>
+</html>
+