RubyApp 0.2.7 → 0.2.8

data/lib/ruby_app/elements/mobile/documents/mail_document.html.haml

@@ -0,0 +1,9 @@
+!!! 5
+/
+  #{__FILE__}
+%html{attributes}
+  %head
+    %style{:type => 'text/css'}
+      = self.render(:css)
+  %body
+    = yield :document

data/lib/ruby_app/elements/mobile/documents/mail_document.rb

@@ -0,0 +1,26 @@
+module RubyApp
+
+  module Elements
+
+    module Mobile
+
+      module Documents
+        require 'ruby_app/elements/mobile/document'
+
+        class MailDocument < RubyApp::Elements::Mobile::Document
+
+          template_path(:all, File.dirname(__FILE__))
+
+          def initialize
+            super
+          end
+
+        end
+
+      end
+
+    end
+
+  end
+
+end

data/lib/ruby_app/elements/mobile/documents/quit_document.html.haml

@@ -0,0 +1,4 @@
+!!! 5
+/
+  #{__FILE__}
+%html{attributes}

data/lib/ruby_app/elements/mobile/documents/quit_document.rb

@@ -0,0 +1,28 @@
+module RubyApp
+
+  module Elements
+
+    module Mobile
+
+      module Documents
+        require 'ruby_app/elements/mobile/document'
+
+        class QuitDocument < RubyApp::Elements::Mobile::Document
+
+          template_path(:all, File.dirname(__FILE__))
+
+          exclude_parent_template(:all)
+
+          def initialize
+            super
+          end
+
+        end
+
+      end
+
+    end
+
+  end
+
+end

data/lib/ruby_app/elements/mobile/input.html.haml

@@ -0,0 +1,3 @@
+/
+  #{__FILE__}
+%input{attributes.merge(:value => self.value)}

data/lib/ruby_app/elements/mobile/input.js.haml

@@ -0,0 +1,9 @@
+:plain
+  // #{__FILE__}
+  $(document).ready( function() {
+    $(document).on('change', 'input', function(event) {
+      event.preventDefault();
+      RubyApp.queueEvent({_class:'RubyApp::Elements::Mobile::Input::ChangedEvent', source:$(this).attr('id'), value:$(this).val()});
+    });
+  });
+= yield

data/lib/ruby_app/elements/mobile/input.rb

@@ -0,0 +1,63 @@
+require 'rubygems'
+require 'bundler/setup'
+
+require 'ruby-event'
+
+module RubyApp
+
+  module Elements
+
+    module Mobile
+      require 'ruby_app/element'
+
+      class Input < RubyApp::Element
+
+        class ChangedEvent < RubyApp::Element::Event
+
+          attr_reader :value
+
+          def initialize(data)
+            super(data)
+            @value = data['value'].strip
+            @value = @value.empty? ? nil : @value
+          end
+
+          def to_hash
+            super.merge(:value => @value)
+          end
+
+        end
+
+        template_path(:all, File.dirname(__FILE__))
+
+        attr_accessor :value
+
+        event :changed
+
+        def initialize
+          super
+          self.attributes.merge!(:type => :text)
+
+          @value = nil
+
+        end
+
+        protected
+
+          def on_event(event)
+            on_changed(event) if event.is_a?(RubyApp::Elements::Mobile::Input::ChangedEvent)
+            super(event)
+          end
+
+          def on_changed(event)
+            @value = event.value
+            changed(event)
+          end
+
+      end
+
+    end
+
+  end
+
+end

data/lib/ruby_app/elements/mobile/inputs/duration_input.rb

@@ -0,0 +1,47 @@
+require 'rubygems'
+require 'bundler/setup'
+
+require 'chronic_duration'
+
+module RubyApp
+
+  module Elements
+
+    module Mobile
+
+      module Inputs
+        require 'ruby_app/elements/mobile/input'
+
+        class DurationInput < RubyApp::Elements::Mobile::Input
+
+          template_path(:all, File.dirname(__FILE__))
+
+          attr_accessor :duration
+
+          def initialize
+            super
+          end
+
+          def duration=(value)
+            @duration = value
+            @value = ChronicDuration.output(@duration)
+          end
+
+          protected
+
+            def on_changed(event)
+              @duration = event.value ? ChronicDuration.parse(event.value) : nil
+              @value = @duration ? ChronicDuration.output(@duration) : nil
+              event.update_value("##{self.element_id}", @value)
+              changed(event)
+            end
+
+        end
+
+      end
+
+    end
+
+  end
+
+end

data/lib/ruby_app/elements/mobile/inputs/email_input.rb

@@ -0,0 +1,27 @@
+module RubyApp
+
+  module Elements
+
+    module Mobile
+
+      module Inputs
+        require 'ruby_app/elements/mobile/input'
+
+        class EmailInput < RubyApp::Elements::Mobile::Input
+
+          template_path(:all, File.dirname(__FILE__))
+
+          def initialize
+            super
+            self.attributes.merge!(:type => :email)
+          end
+
+        end
+
+      end
+
+    end
+
+  end
+
+end

data/lib/ruby_app/elements/mobile/inputs/multiline_input.js.haml

@@ -0,0 +1,9 @@
+:plain
+  // #{__FILE__}
+  $(document).ready( function() {
+    $(document).on('change', 'textarea', function(event) {
+      event.preventDefault();
+      RubyApp.queueEvent({_class:'RubyApp::Elements::Mobile::Inputs::MultilineInput::ChangedEvent', source:$(this).attr('id'), value:$(this).val()});
+    });
+  });
+= yield

data/lib/ruby_app/elements/mobile/inputs/multiline_input.rb

@@ -0,0 +1,28 @@
+module RubyApp
+
+  module Elements
+
+    module Mobile
+
+      module Inputs
+        require 'ruby_app/elements/mobile/input'
+
+        class MultilineInput < RubyApp::Elements::Mobile::Input
+
+          template_path(:all, File.dirname(__FILE__))
+
+          exclude_parent_template(:html, :js)
+
+          def initialize
+            super
+          end
+
+        end
+
+      end
+
+    end
+
+  end
+
+end

data/lib/ruby_app/elements/mobile/inputs/toggle_input.html.haml

@@ -0,0 +1,7 @@
+/
+  #{__FILE__}
+%select{attributes}
+  %option{:value => 'false', :selected => self.value == false}
+    = RubyApp::Elements::Mobile::Inputs::ToggleInput.translate._off
+  %option{:value => 'true', :selected => self.value == true}
+    = RubyApp::Elements::Mobile::Inputs::ToggleInput.translate._on

data/lib/ruby_app/elements/mobile/inputs/toggle_input.js.haml

@@ -0,0 +1,9 @@
+:plain
+  // #{__FILE__}
+  $(document).ready( function() {
+    $(document).on('change', 'select[data-role="slider"]', function(event) {
+      event.preventDefault();
+      RubyApp.queueEvent({_class:'RubyApp::Elements::Mobile::Inputs::ToggleInput::ChangedEvent', source:$(this).attr('id'), value:$(this).val()});
+    });
+  });
+= yield

data/lib/ruby_app/elements/mobile/inputs/toggle_input.rb

@@ -0,0 +1,42 @@
+module RubyApp
+
+  module Elements
+
+    module Mobile
+
+      module Inputs
+        require 'ruby_app/elements/mobile/input'
+
+        class ToggleInput < RubyApp::Elements::Mobile::Input
+
+          class ChangedEvent < RubyApp::Elements::Mobile::Input::ChangedEvent
+
+            def initialize(data)
+              super(data)
+              @value = @value.to_b
+            end
+
+          end
+
+          template_path(:all, File.dirname(__FILE__))
+
+          exclude_parent_template(:all)
+
+          def initialize
+            super
+            self.attributes.delete(:type)
+            self.attributes.merge!('data-role' => 'slider')
+
+            @value = false
+
+          end
+
+        end
+
+      end
+
+    end
+
+  end
+
+end

data/lib/ruby_app/elements/{link.html.haml → mobile/link.html.haml}

@@ -1,4 +1,4 @@
-/ 
+/
   #{__FILE__}
 %a.click{attributes}
-  = yield :body
+  = yield :link

data/lib/ruby_app/elements/{dialogs/yes_no_dialog.rb → mobile/link.rb}

@@ -2,15 +2,16 @@ module RubyApp
 
   module Elements
 
-    module Dialogs
-      require 'ruby_app/elements/dialogs/base/base_yes_no_dialog'
+    module Mobile
+      require 'ruby_app/elements/mobile/click'
 
-      class YesNoDialog < RubyApp::Elements::Dialogs::Base::BaseYesNoDialog
+      class Link < RubyApp::Elements::Mobile::Click
 
         template_path(:all, File.dirname(__FILE__))
 
         def initialize
           super
+          self.attributes.merge!('href' => '#')
         end
 
       end

data/lib/ruby_app/elements/mobile/list.html.haml

@@ -0,0 +1,7 @@
+/
+  #{__FILE__}
+%ul.list{attributes}
+  - self.items.each_with_index do |item, index|
+    %li.item{'data-icon' => 'false'}
+      %a.item{:href => '#', :index => index}
+        = yield(:item, item, index) || item

data/lib/ruby_app/elements/mobile/list.js.haml

@@ -0,0 +1,9 @@
+:plain
+  // #{__FILE__}
+  $(document).ready( function() {
+    $(document).on('tap', 'ul.list > li.item a.item', function(event) {
+      event.preventDefault();
+      RubyApp.queueEvent({_class:'RubyApp::Elements::Mobile::List::ClickedEvent', source:$(this).parents('ul.list').attr('id'), index:$(this).attr('index')});
+    });
+  });
+= yield

data/lib/ruby_app/elements/{navigation/page_link.rb → mobile/list.rb}

@@ -1,51 +1,56 @@
+require 'rubygems'
+require 'bundler/setup'
+
+require 'ruby-event'
+
 module RubyApp
 
   module Elements
 
-    module Navigation
-      require 'ruby_app'
+    module Mobile
       require 'ruby_app/element'
 
-      class PageLink < RubyApp::Element
+      class List < RubyApp::Element
 
         class ClickedEvent < RubyApp::Element::Event
 
-          attr_reader :page
+          attr_reader :index, :item
 
           def initialize(data)
             super(data)
-            @page = eval(data['page'])
+            @index = data['index'].to_i
+            @item = self.source.items[@index]
           end
 
           def to_hash
-            super.merge('page' => @page)
+            super.merge('index' => @index)
           end
 
         end
 
         template_path(:all, File.dirname(__FILE__))
 
-        attr_accessor :page
+        attr_accessor :items
 
-        def initialize(page = nil)
-          super()
-          @page = page
-        end
+        event :clicked
+
+        def initialize
+          super
+          self.attributes.merge!('data-role' => 'listview')
+
+          @items = []
 
-        def current_page?
-          page == RubyApp::Session.pages.last.class
         end
 
         protected
 
           def on_event(event)
-            on_clicked(event) if event.is_a?(RubyApp::Elements::Navigation::PageLink::ClickedEvent)
+            on_clicked(event) if event.is_a?(RubyApp::Elements::Mobile::List::ClickedEvent)
             super(event)
           end
 
           def on_clicked(event)
-            RubyApp::Session.pages.push(event.page.new)
-            event.refresh
+            clicked(event)
           end
 
       end