rbmobile 0.0.2 → 0.0.3

data/README.markdown

@@ -1,29 +1,78 @@
-# Ruby JQuery Mobile HAML helper
+# Ruby jquery.mobile
 
-A swiss knife for creating a hipster UI like from Apple
+A swiss knife for creating a hipster rich user-interfaces supposed to looks great on mobile devices.
 
 ### Description
 
 This project should help you to create more readable HAML templates for your
-mobile applications using http://jquerymobile.com framework.
-
+mobile application using http://jquerymobile.com framework.
+
+### Example
+
+Save your fingers! and write this code:
+
+    - page :theme => 'c' do
+      - header do
+        %h1 Page header
+      - content do
+        - list do
+          = divider "Awesome list"
+          - item do
+            Awesome list item
+      - footer do
+        - navbar do
+          - navigate_to 'a.html', 'Awesome', :icon => 'load'
+          - navigate_to 'b.html', 'Yeah!', :icon => 'save'
+
+Instead of this code:
+
+    %div{ :'data-role' => 'page', :'data-theme' => 'c'}
+      %div{ :'data-role' => 'header'}
+        %h1 Page header
+      %div{ :'data-role' => 'content'}
+        %ul{ :'data-role' => 'list-view'}
+          %li{ :'data-role' => 'listdivider'} Awesome list
+          %li Awesome list item
+      %div{ :'data-role' => 'footer' }
+        %div{ :'data-role' => 'navbar'}
+          %ul
+            %li
+              %a{ :href => 'a.html', :'data-icon' => :save } Awesome
+              %a{ :href => 'a.html', :'data-icon' => :save } Awesome
+
+And there is even more magic and autogenerator inside!
 
 ### Documentation
 
-http://rdoc.info/projects/mfojtik/rbmobile
+
+- RDoc: http://rdoc.info/projects/mfojtik/rbmobile
+- JQuery.Mobile: http://jquerymobile.com
 
 ### Requirements
 
 - You should include JQuery library in your project or place this library into
-  'public' folder
+  'public' folder (it should be accessible in /jquery-xxx.min.js)
+
 - You should unzip JQuery mobile inside your 'public' folder:
 
-    $ wget http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.zip -O public/jquery.mobile-1.0b2.zip
+    $ wget http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.zip  \
+      -O public/jquery.mobile-1.0b2.zip
     $ cd public && unzip jquery.mobile-1.0b2.zip
+  
+- JQuery.mobile folder should be accessible in /jquery.mobile-xxx/
+
 
 ### Installation
 
     gem install rbmobile
+    
+### Demo app
+
+    $ git clone git://github.com/mifo/rbmobile.git
+    $ gem install sinatra sinatra-respond_to
+    $ cd rbmobile/example
+    $ ruby app.rb
+    $ open http://localhost:4567/ 
 
 ### Sinatra
 
@@ -32,15 +81,17 @@ http://rdoc.info/projects/mfojtik/rbmobile
 
 ### Rails(?)
 
-    app/helpers/application_helper.rb:
+app/helpers/application_helper.rb:
+
     require 'mobile_helpers'
     include RBMobile::Helpers
 
 ### TODO:
 
-- Finish forms.
+- Finish with jquery.mobile forms
+- Make public directory configurable
 
-== LICENSE:
+### LICENSE:
 
 Copyright (c) 20011 Michal Fojtik
 

data/Rakefile

@@ -0,0 +1,23 @@
+require 'rake/testtask'
+require 'rcov/rcovtask'
+
+task :default_rcov_params_for_units do  
+  RCOV_PARAMS = ENV['RCOV_PARAMS'] = "--sort=coverage"  
+  SHOW_ONLY = ENV['SHOW_ONLY'] = "lib/mobile_helpers.rb"  
+end
+
+task :default_rcov do
+  puts "Executing rcov..."
+  FileUtils::rm_rf 'coverage'
+  command = "rcov --exclude 'Gems/*,gems/*' lib/*"
+  puts command
+  `#{command}`
+end
+
+desc 'RCov code coverage'
+task :rcov => [ :default_rcov_params_for_units, :default_rcov ]
+
+Rake::TestTask.new do |i|
+  i.test_files = FileList['tests/*_test.rb']
+  i.verbose = true
+end

data/lib/mobile_helpers.rb

@@ -560,6 +560,150 @@ module RBMobile
       end
     end
 
+    def form(url, method=:post, opts={}, &block)
+      opts.merge!(
+        :method => method,
+        :url => url
+      )
+      opts.merge!(:'data-ajax' => 'false') if not RBMobile::config[:ajax] and not opts.delete(:ajax)
+      haml_tag :form, opts do
+        block.call if block_given?
+      end
+    end
+
+    def input(name, kind, label=nil, opts={})
+      capture_haml do
+        form_field do
+          haml_tag :label, :for => name do
+            haml_concat label || name.to_s.capitalize
+          end
+          haml_tag :input, { :name => name, :id => name, :type => kind, :value => opts.delete(:value),
+                             :placeholder => opts.delete(:placeholder), :required => opts.delete(:required) ? 'required' : nil,
+                             :pattern => opts.delete(:pattern), :min => opts.delete(:min), :max => opts.delete(:max),
+                             :maxlength => opts.delete(:maxlength) || opts.delete(:size), :checked => opts.delete(:checked) ? 'checked' : nil,
+                             :autocomplete => opts.delete(:no_complete) ? 'off' : nil }.merge(opts)
+
+        end
+      end
+    end
+
+    def search_input(name, label=nil, opts={})
+      input(name, :search, label, {
+        :'data-type' => :search,
+      }.merge(opts))
+    end
+
+    def toogle(name, label=nil, opts={})
+      capture_haml do
+        form_field do
+          haml_tag :label, :for => name do
+            haml_concat label || name.to_s.capitalize
+          end
+          haml_tag :select, :id => name, :'data-role' => 'slider' do
+            haml_tag :option, :value => opts[:first] || 'on' do
+              haml_concat opts[:first] ? opts[:first].to_s.capitalize : 'On'
+            end
+            haml_tag :option, :value => opts[:second] || 'off' do
+              haml_concat opts[:second] ? opts[:second].to_s.capitalize : 'Off'
+            end
+          end
+        end
+      end
+    end
+
+    def select(name, label=nil, options=[], opts={})
+      opts = {
+        :'data-native-menu' => opts.delete(:native) ? 'true' : 'false',
+        :'data-theme' => opts.delete(:theme)
+      }.merge(opts)
+      capture_haml do
+        form_field do
+          haml_tag :label, :for => name do
+            haml_concat label || name.to_s.capitalize
+          end
+          haml_tag :select, { :id => name }.merge(opts) do
+            options.each do |option|
+              option = [option] unless option.kind_of? Array
+              # One-item array will create a placeholder
+              haml_tag :option, :value => option.size==2 ? option.first : nil, :'data-placeholder' => option.size==1 ? 'true' : nil do
+                haml_concat option.last
+              end
+            end
+          end
+        end
+      end
+    end
+
+    def radio(name, label=nil, options=[], opts={})
+      capture_haml do
+        form_field do
+          haml_tag :fieldset, :'data-role' => :controlgroup, :'data-type' => opts[:type] || 'vertical' do
+            haml_tag :legend do
+              haml_concat label || name.to_s.capitalize
+            end
+            options.each_with_index do |option, index|
+              haml_tag :input, :name => name, :id => "#{name}-choice-#{index}", :type => :radio,
+                               :value => option, :checked => option.kind_of?(Symbol) ? 'checked' : nil
+              haml_tag :label, :for => "#{name}-choice-#{index}" do
+                haml_concat option
+              end
+            end
+          end
+        end
+      end
+    end
+
+    def checkbox(name, label=nil, options=[], opts={})
+      capture_haml do
+        form_field do
+          haml_tag :fieldset, :'data-role' => :controlgroup, :'data-type' => opts[:type] || 'vertical' do
+            haml_tag :legend do
+              haml_concat label || name.to_s.capitalize
+            end
+            options.each_with_index do |option, index|
+              haml_tag :input, :name => "name[#{index}]", :id => "#{name}-choice-#{index}", :type => :checkbox,
+                               :value => option, :checked => option.kind_of?(Symbol) ? 'checked' : nil
+              haml_tag :label, :for => "#{name}-choice-#{index}" do
+                haml_concat option
+              end
+            end
+          end
+        end
+      end
+    end
+
+    def textarea(name, label=nil, opts={})
+      capture_haml do
+        form_field do
+          haml_tag :label, :for => name do
+            haml_concat label || name.to_s.capitalize
+          end
+          haml_tag :'textarea', :'<', :name => name, :id => name, :cols => opts[:cols], :rows => opts[:rows],
+            :placeholder => opts[:placeholder], :required => opts[:required] ? 'required' : nil,
+            :maxlength => opts[:maxlength] do
+            haml_concat opts[:content] if opts[:content]
+          end
+        end
+      end
+    end
+
+    def form_field(opts={}, &block)
+      role :'fieldcontain', opts, &block
+    end
+
+    def submit(label=nil, opts={})
+      opts = {
+        :'data-theme' => opts.delete(:theme)
+      }.merge(opts)
+      capture_haml do
+        form_field do
+          haml_tag :button, { :type => :submit }.merge(opts), :value => label do
+            haml_concat label || 'Submit'
+          end
+        end
+      end
+    end
+
     private
 
     def role(name, opts={}, &block)

data/tests/basic_test.rb

@@ -0,0 +1,86 @@
+require 'rubygems'
+require 'haml'
+require 'lib/mobile_helpers'
+require 'minitest/autorun'
+require 'nokogiri'
+
+class TestRoles < MiniTest::Unit::TestCase
+
+  extend Haml
+  include Haml::Helpers
+  include RBMobile::Helpers
+
+  def setup
+    init_haml_helpers
+    RBMobile::config do
+      disable :ajax
+    end
+  end
+
+  def test_it_generates_basic_page_role
+    output = capture_haml do
+      page
+    end
+    retval = Nokogiri::HTML(output)
+    assert_equal retval.css("div").size, 1
+    assert_nil retval.css("div").first[:class]
+    assert_equal retval.css("div").first[:'data-role'], 'page'
+    assert_empty retval.css("div *")
+  end
+
+  def test_it_generates_themed_page_role
+    output = capture_haml do
+      page :theme => :c
+    end
+    retval = Nokogiri::HTML(output)
+    assert_equal retval.css("div").first[:'data-theme'], 'c'
+  end
+
+  def test_it_generates_titled_page_role
+    output = capture_haml do
+      page :title => "Test1"
+    end
+    retval = Nokogiri::HTML(output)
+    assert_equal retval.css("div").first[:'data-title'], 'Test1'
+  end
+
+  def test_it_generates_basic_header_role
+    output = capture_haml do
+      page do
+        header do
+        end
+      end
+    end
+    retval = Nokogiri::HTML(output)
+    assert_equal retval.css("div[@data-role=page] div").size, 1
+    assert_equal retval.css("div[@data-role=page] div").first[:'data-role'], "header"
+    assert_equal retval.css("div[@data-role=page] div").first[:'data-position'], "inline"
+  end
+  
+  def test_it_generates_basic_navbar_role
+    output = capture_haml do
+      page do
+        footer do
+          navbar do
+            haml_concat navigate_to "a.html", "Test"
+          end
+        end
+      end
+    end
+    retval = Nokogiri::HTML(output)
+    assert_equal retval.css("div[@data-role=page] > div").size, 1
+    assert_equal retval.css("div[@data-role=page] div").first[:'data-role'], "footer"
+    assert_equal retval.css("div[@data-role=page] div[@data-role=footer] div").first[:'data-role'], "navbar"
+    assert_equal retval.css("div[@data-role=page] div[@data-role=footer] div").size, 1
+    assert_equal retval.css("div[@data-role=page] div[@data-role=footer] div ul").size, 1
+    assert_equal retval.css("div[@data-role=page] div[@data-role=footer] div ul li").size, 1
+    assert_equal retval.css("div[@data-role=page] div[@data-role=footer] div ul li a").size, 1
+    assert_equal retval.css("div[@data-role=page] div[@data-role=footer] div ul li a").first[:href], 'a.html'
+    assert_equal retval.css("div[@data-role=page] div[@data-role=footer] div ul li a").first.text.strip, 'Test'
+  end
+
+
+
+
+
+end

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification 
 name: rbmobile
 version: !ruby/object:Gem::Version 
-  hash: 27
+  hash: 25
   prerelease: 
   segments: 
   - 0
   - 0
-  - 2
-  version: 0.0.2
+  - 3
+  version: 0.0.3
 platform: ruby
 authors: 
 - Michal Fojtik
@@ -15,7 +15,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2011-08-16 00:00:00 +02:00
+date: 2011-08-17 00:00:00 +02:00
 default_executable: 
 dependencies: 
 - !ruby/object:Gem::Dependency 
@@ -42,6 +42,8 @@ extra_rdoc_files: []
 
 files: 
 - lib/mobile_helpers.rb
+- tests/basic_test.rb
+- Rakefile
 - README.markdown
 has_rdoc: true
 homepage: http://github.com/mifo/rbmobile