jqmobile_helpers 0.0.1

data/test/buttons_helper_test.rb

@@ -0,0 +1,112 @@
+require 'test_helper'
+
+class ButtonsHelperTest < ActiveSupport::TestCase
+  include JqmobileHelpers::ButtonsHelper
+
+  test "button link helper" do
+    jq_button_link = button_link("New Post", "http://google.com",{'data-theme' => 'c', 'data-icon' => 'plus', 'data-iconpos' => 'right'})
+    assert_equal "<a data-icon=\"plus\" data-iconpos=\"right\" data-role=\"button\" data-theme=\"c\" href=\"http://google.com\">New Post</a>", jq_button_link
+  end
+
+  test "delete button link helper" do
+    jq_delete_button_link = delete_button_link("Delete", "http://google.com",{'data-theme' => 'c', 'data-iconpos' => 'right'})
+    assert_equal "<a data-icon=\"delete\" data-iconpos=\"right\" data-role=\"button\" data-theme=\"c\" href=\"http://google.com\">Delete</a>", jq_delete_button_link
+  end
+
+  test "left button link helper" do
+    jq_left_button_link = left_button_link("Back", "http://google.com",{'data-theme' => 'c', 'data-iconpos' => 'left'})
+    assert_equal "<a data-icon=\"arrow-l\" data-iconpos=\"left\" data-role=\"button\" data-theme=\"c\" href=\"http://google.com\">Back</a>", jq_left_button_link
+  end
+
+  test "right button link helper" do
+    jq_right_button_link = right_button_link("Proceed", "http://google.com",{'data-theme' => 'c', 'data-iconpos' => 'right'})
+    assert_equal "<a data-icon=\"arrow-r\" data-iconpos=\"right\" data-role=\"button\" data-theme=\"c\" href=\"http://google.com\">Proceed</a>", jq_right_button_link
+  end
+
+  test "up button link helper" do
+    jq_up_button_link = up_button_link("Top", "http://google.com",{'data-theme' => 'c', 'data-iconpos' => 'top'})
+    assert_equal "<a data-icon=\"arrow-u\" data-iconpos=\"top\" data-role=\"button\" data-theme=\"c\" href=\"http://google.com\">Top</a>", jq_up_button_link
+  end
+
+  test "down button link helper" do
+    jq_down_button_link = down_button_link("bottom", "http://google.com",{'data-theme' => 'c', 'data-iconpos' => 'bottom'})
+    assert_equal "<a data-icon=\"arrow-d\" data-iconpos=\"bottom\" data-role=\"button\" data-theme=\"c\" href=\"http://google.com\">bottom</a>", jq_down_button_link
+  end
+
+  test "plus button link helper" do
+    jq_plus_button_link = plus_button_link("Add as friend", "http://google.com",{'data-theme' => 'c', 'data-iconpos' => 'right'})
+    assert_equal "<a data-icon=\"plus\" data-iconpos=\"right\" data-role=\"button\" data-theme=\"c\" href=\"http://google.com\">Add as friend</a>", jq_plus_button_link
+  end
+
+  test "minus button link helper" do
+    jq_minus_button_link = minus_button_link("Remove friend", "http://google.com",{'data-theme' => 'c', 'data-iconpos' => 'right'})
+    assert_equal "<a data-icon=\"minus\" data-iconpos=\"right\" data-role=\"button\" data-theme=\"c\" href=\"http://google.com\">Remove friend</a>", jq_minus_button_link
+  end
+
+  test "check button link helper" do
+    jq_check_button_link = check_button_link("Check", "http://google.com",{'data-theme' => 'c', 'data-iconpos' => 'right'})
+    assert_equal "<a data-icon=\"check\" data-iconpos=\"right\" data-role=\"button\" data-theme=\"c\" href=\"http://google.com\">Check</a>", jq_check_button_link
+  end
+
+  test "gear button link helper" do
+    jq_gear_button_link = gear_button_link("gear", "http://google.com",{'data-theme' => 'c', 'data-iconpos' => 'right'})
+    assert_equal "<a data-icon=\"gear\" data-iconpos=\"right\" data-role=\"button\" data-theme=\"c\" href=\"http://google.com\">gear</a>", jq_gear_button_link
+  end
+
+  test "refresh button link helper" do
+    jq_refresh_button_link = refresh_button_link("refresh", "http://google.com",{'data-theme' => 'c', 'data-iconpos' => 'right'})
+    assert_equal "<a data-icon=\"refresh\" data-iconpos=\"right\" data-role=\"button\" data-theme=\"c\" href=\"http://google.com\">refresh</a>", jq_refresh_button_link
+  end
+
+  test "forward button link helper" do
+    jq_forward_button_link = forward_button_link("forward", "http://google.com",{'data-theme' => 'c', 'data-iconpos' => 'right'})
+    assert_equal "<a data-icon=\"forward\" data-iconpos=\"right\" data-role=\"button\" data-theme=\"c\" href=\"http://google.com\">forward</a>", jq_forward_button_link
+  end
+
+  test "back button link helper" do
+    jq_back_button_link = back_button_link("back", "http://google.com",{'data-theme' => 'c', 'data-iconpos' => 'right'})
+    assert_equal "<a data-icon=\"back\" data-iconpos=\"right\" data-role=\"button\" data-theme=\"c\" href=\"http://google.com\">back</a>", jq_back_button_link
+  end
+
+  test "grid button link helper" do
+    jq_grid_button_link = grid_button_link("grid", "http://google.com",{'data-theme' => 'c', 'data-iconpos' => 'right'})
+    assert_equal "<a data-icon=\"grid\" data-iconpos=\"right\" data-role=\"button\" data-theme=\"c\" href=\"http://google.com\">grid</a>", jq_grid_button_link
+  end
+
+  test "star button link helper" do
+    jq_star_button_link = star_button_link("star", "http://google.com",{'data-theme' => 'c', 'data-iconpos' => 'right'})
+    assert_equal "<a data-icon=\"star\" data-iconpos=\"right\" data-role=\"button\" data-theme=\"c\" href=\"http://google.com\">star</a>", jq_star_button_link
+  end
+
+  test "alert button link helper" do
+    jq_alert_button_link = alert_button_link("alert", "http://google.com",{'data-theme' => 'c', 'data-iconpos' => 'right'})
+    assert_equal "<a data-icon=\"alert\" data-iconpos=\"right\" data-role=\"button\" data-theme=\"c\" href=\"http://google.com\">alert</a>", jq_alert_button_link
+  end
+
+  test "info button link helper" do
+    jq_info_button_link = info_button_link("info", "http://google.com",{'data-theme' => 'c', 'data-iconpos' => 'right'})
+    assert_equal "<a data-icon=\"info\" data-iconpos=\"right\" data-role=\"button\" data-theme=\"c\" href=\"http://google.com\">info</a>", jq_info_button_link
+  end
+
+  test "home button link helper" do
+    jq_home_button_link = home_button_link("home", "http://google.com",{'data-theme' => 'c', 'data-iconpos' => 'right'})
+    assert_equal "<a data-icon=\"home\" data-iconpos=\"right\" data-role=\"button\" data-theme=\"c\" href=\"http://google.com\">home</a>", jq_home_button_link
+  end
+
+  test "search button link helper" do
+    jq_search_button_link = search_button_link("search", "http://google.com",{'data-theme' => 'c', 'data-iconpos' => 'right'})
+    assert_equal "<a data-icon=\"search\" data-iconpos=\"right\" data-role=\"button\" data-theme=\"c\" href=\"http://google.com\">search</a>", jq_search_button_link
+  end
+
+  test "group button helper" do
+    jq_group_button = group_button("<a data-icon=\"home\" data-iconpos=\"right\" data-role=\"button\" href=\"/buttons\">home</a>",{'data-type' => 'horizontal'})
+    assert_equal "<div data-role=\"controlgroup\" data-type=\"horizontal\"><a data-icon=\"home\" data-iconpos=\"right\" data-role=\"button\" href=\"/buttons\">home</a></div>", jq_group_button
+  end
+
+  test "inline button helper" do
+    jq_inline_button = inline_button("<a data-icon=\"home\" data-iconpos=\"right\" data-role=\"button\" href=\"/buttons\">home</a>")
+    assert_equal "<div data-inline=\"true\" data-role=\"controlgroup\" data-type=\"horizontal\"><a data-icon=\"home\" data-iconpos=\"right\" data-role=\"button\" href=\"/buttons\">home</a></div>", jq_inline_button
+  end
+
+end
+

data/test/dummy/Rakefile

@@ -0,0 +1,7 @@
+# Add your own tasks in files placed in lib/tasks ending in .rake,
+# for example lib/tasks/capistrano.rake, and they will automatically be available to Rake.
+
+require File.expand_path('../config/application', __FILE__)
+require 'rake'
+
+Dummy::Application.load_tasks

data/test/dummy/app/controllers/application_controller.rb

@@ -0,0 +1,3 @@
+class ApplicationController < ActionController::Base
+  protect_from_forgery
+end

data/test/dummy/app/controllers/buttons_controller.rb

@@ -0,0 +1,9 @@
+class ButtonsController < ApplicationController
+  # GET /buttons
+  # GET /buttons.xml
+  def index
+
+  end
+
+end
+

data/test/dummy/app/controllers/forms_controller.rb

@@ -0,0 +1,71 @@
+class FormsController < ApplicationController
+  def index
+    @posts = Post.all
+
+    respond_to do |format|
+      format.html # index.html.erb
+      format.xml  { render :xml => @posts }
+    end
+  end
+
+  def show
+    @post = Post.find(params[:id])
+
+    respond_to do |format|
+      format.html # show.html.erb
+      format.xml  { render :xml => @post }
+    end
+  end
+
+  def new
+    @post = Post.new
+
+    respond_to do |format|
+      format.html # new.html.erb
+      format.xml  { render :xml => @post }
+    end
+  end
+
+  def edit
+    @post = Post.find(params[:id])
+  end
+
+  def create
+    @post = Post.new(params[:post])
+
+    respond_to do |format|
+      if @post.save
+        format.html { redirect_to(@post, :notice => 'Post was successfully created.') }
+        format.xml  { render :xml => @post, :status => :created, :location => @post }
+      else
+        format.html { render :action => "new" }
+        format.xml  { render :xml => @post.errors, :status => :unprocessable_entity }
+      end
+    end
+  end
+
+  def update
+    @post = Post.find(params[:id])
+
+    respond_to do |format|
+      if @post.update_attributes(params[:post])
+        format.html { redirect_to(@post, :notice => 'Post was successfully updated.') }
+        format.xml  { head :ok }
+      else
+        format.html { render :action => "edit" }
+        format.xml  { render :xml => @post.errors, :status => :unprocessable_entity }
+      end
+    end
+  end
+
+  def destroy
+    @post = Post.find(params[:id])
+    @post.destroy
+
+    respond_to do |format|
+      format.html { redirect_to(posts_url) }
+      format.xml  { head :ok }
+    end
+  end
+  
+end

data/test/dummy/app/controllers/posts_controller.rb

@@ -0,0 +1,83 @@
+class PostsController < ApplicationController
+  # GET /posts
+  # GET /posts.xml
+  def index
+    @posts = Post.all
+
+    respond_to do |format|
+      format.html # index.html.erb
+      format.xml  { render :xml => @posts }
+    end
+  end
+
+  # GET /posts/1
+  # GET /posts/1.xml
+  def show
+    @post = Post.find(params[:id])
+
+    respond_to do |format|
+      format.html # show.html.erb
+      format.xml  { render :xml => @post }
+    end
+  end
+
+  # GET /posts/new
+  # GET /posts/new.xml
+  def new
+    @post = Post.new
+
+    respond_to do |format|
+      format.html # new.html.erb
+      format.xml  { render :xml => @post }
+    end
+  end
+
+  # GET /posts/1/edit
+  def edit
+    @post = Post.find(params[:id])
+  end
+
+  # POST /posts
+  # POST /posts.xml
+  def create
+    @post = Post.new(params[:post])
+
+    respond_to do |format|
+      if @post.save
+        format.html { redirect_to(@post, :notice => 'Post was successfully created.') }
+        format.xml  { render :xml => @post, :status => :created, :location => @post }
+      else
+        format.html { render :action => "new" }
+        format.xml  { render :xml => @post.errors, :status => :unprocessable_entity }
+      end
+    end
+  end
+
+  # PUT /posts/1
+  # PUT /posts/1.xml
+  def update
+    @post = Post.find(params[:id])
+
+    respond_to do |format|
+      if @post.update_attributes(params[:post])
+        format.html { redirect_to(@post, :notice => 'Post was successfully updated.') }
+        format.xml  { head :ok }
+      else
+        format.html { render :action => "edit" }
+        format.xml  { render :xml => @post.errors, :status => :unprocessable_entity }
+      end
+    end
+  end
+
+  # DELETE /posts/1
+  # DELETE /posts/1.xml
+  def destroy
+    @post = Post.find(params[:id])
+    @post.destroy
+
+    respond_to do |format|
+      format.html { redirect_to(posts_url) }
+      format.xml  { head :ok }
+    end
+  end
+end

data/test/dummy/app/controllers/toolbars_controller.rb

@@ -0,0 +1,16 @@
+class ToolbarsController < ApplicationController
+
+  # GET /toolbars
+  # GET /toolbars.xml
+  def index
+    @toolbars = Toolbar.all
+
+    respond_to do |format|
+      format.html # index.html.erb
+      format.xml  { render :xml => @toolbars }
+    end
+  end
+
+ 
+
+end

data/test/dummy/app/helpers/application_helper.rb

@@ -0,0 +1,2 @@
+module ApplicationHelper
+end

data/test/dummy/app/helpers/posts_helper.rb

@@ -0,0 +1,2 @@
+module PostsHelper
+end

data/test/dummy/app/helpers/toolbars_helper.rb

@@ -0,0 +1,2 @@
+module ToolbarsHelper
+end

data/test/dummy/app/models/post.rb

@@ -0,0 +1,2 @@
+class Post < ActiveRecord::Base
+end

data/test/dummy/app/models/toolbar.rb

@@ -0,0 +1,2 @@
+class Toolbar < ActiveRecord::Base
+end

data/test/dummy/app/views/buttons/index.html.erb

@@ -0,0 +1,168 @@
+<% content_for :header do %>
+<h1>Buttons Helper</h1>
+<% end %>
+<h1>Buttons Helper</h1>
+
+<h2>Link Buttons</h2>
+
+<br />
+
+<h4>Button Link</h4>
+<p>data-role = "button" is default</p>
+<%= button_link 'New Post', new_post_path %>
+<p>Set data-theme = "a", data-icon = "plus", data-iconpos = "right"</p>
+<%= button_link 'New Post', new_post_path, {'data-theme' => 'a', 'data-icon' => 'plus', 'data-iconpos' => 'right'} %>
+<br/>
+
+<h4>Delete Button Link</h4>
+<p>data-icon ="delete" and data-role = "button" are default</p>
+<%= delete_button_link 'Delete', buttons_path %>
+<p>Set data-theme = "b", data-iconpos = "right"</p>
+<%= delete_button_link 'Delete', buttons_path, {'data-theme' => 'b', 'data-iconpos' => 'right'} %>
+<br/>
+
+<h4>Left Button Link</h4>
+<p>data-icon ="arrow-l" and data-role = "button" are default</p>
+<%= left_button_link 'Back', buttons_path %>
+<p>Set data-theme = "a", data-iconpos = "right"</p>
+<%= left_button_link 'Back', buttons_path, {'data-theme' => 'a', 'data-iconpos' => 'right'} %>
+<br/>
+
+<h4>Right Button Link</h4>
+<p>data-icon ="arrow-r" and data-role = "button" are default</p>
+<%= right_button_link 'Proceed', buttons_path %>
+<p>Set data-theme = "d", data-iconpos = "right"</p>
+<%= right_button_link 'Proceed', buttons_path, {'data-theme' => 'd', 'data-iconpos' => 'right'} %>
+<br/>
+
+<h4>Up Button Link</h4>
+<p>data-icon ="arrow-u" and data-role = "button" are default</p>
+<%= up_button_link 'UP', buttons_path %>
+<p>Set data-theme = "b", data-iconpos = "top"</p>
+<%= up_button_link 'UP', buttons_path, {'data-theme' => 'b', 'data-iconpos' => 'top'} %>
+<br/>
+
+<h4>Down Button Link</h4>
+<p>data-icon ="arrow-d" and data-role = "button" are default</p>
+<%= down_button_link 'down', buttons_path %>
+<p>Set data-theme = "b", data-iconpos = "bottom"</p>
+<%= down_button_link 'down', buttons_path, {'data-theme' => 'b', 'data-iconpos' => 'bottom'} %>
+<br/>
+
+<h4>Plus Button Link</h4>
+<p>data-icon ="plus" and data-role = "button" are default</p>
+<%= plus_button_link 'plus', buttons_path %>
+<p>Set data-theme = "a", data-iconpos = "bottom"</p>
+<%= plus_button_link 'plus', buttons_path, {'data-theme' => 'a', 'data-iconpos' => 'bottom'} %>
+<br/>
+
+<h4>Minus Button Link</h4>
+<p>data-icon ="minus" and data-role = "button" are default</p>
+<%= minus_button_link 'minus', buttons_path %>
+<p>Set data-theme = "a", data-iconpos = "top"</p>
+<%= minus_button_link 'minus', buttons_path, {'data-theme' => 'a', 'data-iconpos' => 'top'} %>
+<br/>
+
+<h4>check Button Link</h4>
+<p>data-icon ="check" and data-role = "button" are default</p>
+<%= check_button_link 'check', buttons_path %>
+<p>Set data-theme = "a", data-iconpos = "arrow-r"</p>
+<%= check_button_link 'check', buttons_path, {'data-theme' => 'a', 'data-iconpos' => 'right'} %>
+<br/>
+
+<h4>Gear Button Link</h4>
+<p>data-icon ="gear" and data-role = "button" are default</p>
+<%= gear_button_link 'gear', buttons_path %>
+<p>Set data-theme = "a", data-iconpos = "notext"</p>
+<%= gear_button_link 'gear', buttons_path, {'data-theme' => 'a', 'data-iconpos' => 'notext'} %>
+<br/>
+
+<h4>Refresh Button Link</h4>
+<p>data-icon ="refresh" and data-role = "button" are default</p>
+<%= refresh_button_link 'refresh', buttons_path %>
+<p>Set data-theme = "a", data-iconpos = "bottom"</p>
+<%= refresh_button_link 'refresh', buttons_path, {'data-theme' => 'a', 'data-iconpos' => 'bottom'} %>
+<br/>
+
+<h4>Forward Button Link</h4>
+<p>data-icon ="forward" and data-role = "button" are default</p>
+<%= forward_button_link 'forward', buttons_path %>
+<p>Set data-theme = "a", data-iconpos = "notext"</p>
+<%= forward_button_link 'forward', buttons_path, {'data-theme' => 'a', 'data-iconpos' => 'notext'} %>
+<br/>
+
+<h4>Back Button Link</h4>
+<p>data-icon ="back" and data-role = "button" are default</p>
+<%= back_button_link 'back', buttons_path %>
+<p>Set data-theme = "a", data-iconpos = "notext"</p>
+<%= back_button_link 'back', buttons_path, {'data-theme' => 'a', 'data-iconpos' => 'notext'} %>
+<br/>
+
+<h4>Grid Button Link</h4>
+<p>data-icon ="grid" and data-role = "button" are default</p>
+<%= grid_button_link 'grid', buttons_path %>
+<p>Set data-theme = "a", data-iconpos = "top"</p>
+<%= grid_button_link 'grid', buttons_path, {'data-theme' => 'a', 'data-iconpos' => 'top'} %>
+<br/>
+
+<h4>Star Button Link</h4>
+<p>data-icon ="star" and data-role = "button" are default</p>
+<%= star_button_link 'star', buttons_path %>
+<p>Set data-theme = "a", data-iconpos = "top"</p>
+<%= star_button_link 'star', buttons_path, {'data-theme' => 'a', 'data-iconpos' => 'top'} %>
+<br/>
+
+<h4>Alert Button Link</h4>
+<p>data-icon ="alert" and data-role = "button" are default</p>
+<%= alert_button_link 'alert', buttons_path %>
+<p>Set data-theme = "b", data-iconpos = "notext"</p>
+<%= alert_button_link 'alert', buttons_path, {'data-theme' => 'b', 'data-iconpos' => 'notext'} %>
+<br/>
+
+<h4>Info Button Link</h4>
+<p>data-icon ="info" and data-role = "button" are default</p>
+<%= info_button_link 'info', buttons_path %>
+<p>Set data-theme = "b", data-iconpos = "notext"</p>
+<%= info_button_link 'info', buttons_path, {'data-theme' => 'b', 'data-iconpos' => 'notext'} %>
+<br/>
+
+<h4>Home Button Link</h4>
+<p>data-icon ="home" and data-role = "button" are default</p>
+<%= home_button_link 'home', buttons_path %>
+<p>Set data-theme = "b", data-iconpos = "bottom"</p>
+<%= home_button_link 'home', buttons_path, {'data-theme' => 'b', 'data-iconpos' => 'bottom', 'data-inline' => 'true'} %>
+<br/>
+
+<h4>Search Button Link</h4>
+<p>data-icon ="search" and data-role = "button" are default</p>
+<%= search_button_link 'search', buttons_path %>
+<p>Set data-theme = "b", data-iconpos = "notext"</p>
+<%= search_button_link 'search', buttons_path, {'data-theme' => 'b', 'data-iconpos' => 'notext'} %>
+<br/>
+
+<h4>Inline Button</h4>
+<p>data-inline="true", data-role="controlgroup", data-type="horizontal" are default</p>
+<%= inline_button("
+    #{home_button_link('home', buttons_path, 'data-iconpos' => 'right')}
+    #{refresh_button_link 'refresh', buttons_path}") %>
+<p>Set data-inline="true" inside each a href</p>
+<%= home_button_link 'home', buttons_path, {'data-inline' => 'true'} %>
+<%= search_button_link 'search', buttons_path, {'data-inline' => 'true'} %>
+<%= alert_button_link 'alert', buttons_path, {'data-inline' => 'true'} %>
+<%= star_button_link 'star', buttons_path, {'data-inline' => 'true'} %>
+
+<br/>
+
+<h4>Grouped Button</h4>
+<p>data-role ="controlgroup" is default</p>
+<%= group_button("
+    #{home_button_link('home', buttons_path, 'data-iconpos' => 'right')}
+    #{refresh_button_link 'refresh', buttons_path}
+    #{info_button_link 'info', buttons_path}") %>
+<p>Set data-type = "horizontal"</p>
+<%= group_button("
+    #{home_button_link('home', buttons_path, 'data-iconpos' => 'right')}
+    #{refresh_button_link 'refresh', buttons_path}
+    #{info_button_link 'info', buttons_path}", {'data-type' => 'horizontal'}) %>
+<br/>
+