RubyApp 0.2.7 → 0.2.8

data/lib/ruby_app/elements/mobile/default/features/lists_page.css.haml

@@ -0,0 +1,5 @@
+= RubyApp::Elements::Mobile::Dialogs::AcknowledgementDialog.render(:css)
+= RubyApp::Elements::Mobile::List.render(:css)
+= RubyApp::Elements::Mobile::Lists::Select.render(:css)
+= RubyApp::Elements::Mobile::Navigation::BackButton.render(:css)
+= yield

data/lib/ruby_app/elements/mobile/default/features/lists_page.html.haml

@@ -0,0 +1,10 @@
+- self.content_for(:html, :page) do
+  /
+    #{__FILE__}
+  %div{'data-role' => 'header'}
+    = @back_button.render(:html)
+    %h1
+      Lists
+  %div{'data-role' => 'content'}
+    = @list.render(:html)
+    = @select.render(:html)

data/lib/ruby_app/elements/mobile/default/features/lists_page.js.haml

@@ -0,0 +1,5 @@
+= RubyApp::Elements::Mobile::Dialogs::AcknowledgementDialog.render(:js)
+= RubyApp::Elements::Mobile::List.render(:js)
+= RubyApp::Elements::Mobile::Lists::Select.render(:js)
+= RubyApp::Elements::Mobile::Navigation::BackButton.render(:js)
+= yield

data/lib/ruby_app/elements/mobile/default/features/lists_page.rb

@@ -0,0 +1,59 @@
+module RubyApp
+
+  module Elements
+
+    module Mobile
+
+      module Default
+
+        module Features
+          require 'ruby_app/elements/mobile/dialogs/acknowledgement_dialog'
+          require 'ruby_app/elements/mobile/list'
+          require 'ruby_app/elements/mobile/lists/select'
+          require 'ruby_app/elements/mobile/navigation/back_button'
+          require 'ruby_app/elements/mobile/page'
+
+          class ListsPage < RubyApp::Elements::Mobile::Page
+
+            template_path(:all, File.dirname(__FILE__))
+
+            def initialize
+              super
+
+              @back_button = RubyApp::Elements::Mobile::Navigation::BackButton.new
+
+              @list = RubyApp::Elements::Mobile::List.new
+              @list.attributes.merge!('data-inset' => true)
+              @list.items += [  'Item 01',
+                                'Item 02',
+                                'Item 03',
+                                'Item 04',
+                                'Item 05' ]
+              @list.clicked do |element, event|
+                RubyApp::Elements::Mobile::Dialog.show(event, RubyApp::Elements::Mobile::Dialogs::AcknowledgementDialog.new('List', "You clicked #{event.item}."), :transition => 'pop')
+              end
+
+              @select = RubyApp::Elements::Mobile::Lists::Select.new
+              @select.attributes.merge!('data-inset' => true)
+              @select.items += [  'Item 11',
+                                  'Item 12',
+                                  'Item 13',
+                                  'Item 14',
+                                  'Item 15' ]
+              @select.clicked do |element, event|
+                RubyApp::Elements::Mobile::Dialog.show(event, RubyApp::Elements::Mobile::Dialogs::AcknowledgementDialog.new('List', "You clicked #{event.item}."), :transition => 'pop')
+              end
+
+            end
+
+          end
+
+        end
+
+      end
+
+    end
+
+  end
+
+end

data/lib/ruby_app/elements/mobile/default/features/navigated_page.css.haml

@@ -0,0 +1,2 @@
+= RubyApp::Elements::Mobile::Navigation::BackButton.render(:css)
+= yield

data/lib/ruby_app/elements/mobile/default/features/navigated_page.html.haml

@@ -0,0 +1,9 @@
+- self.content_for(:html, :page) do
+  /
+    #{__FILE__}
+  %div{'data-role' => 'header'}
+    = @back_button.render(:html)
+    %h1
+      Navigated
+  %div{'data-role' => 'content'}
+    You are on this page.

data/lib/ruby_app/elements/mobile/default/features/navigated_page.js.haml

@@ -0,0 +1,2 @@
+= RubyApp::Elements::Mobile::Navigation::BackButton.render(:js)
+= yield

data/lib/ruby_app/elements/mobile/default/features/navigated_page.rb

@@ -0,0 +1,34 @@
+module RubyApp
+
+  module Elements
+
+    module Mobile
+
+      module Default
+
+        module Features
+          require 'ruby_app/elements/mobile/navigation/back_button'
+          require 'ruby_app/elements/mobile/page'
+
+          class NavigatedPage < RubyApp::Elements::Mobile::Page
+
+            template_path(:all, File.dirname(__FILE__))
+
+            def initialize
+              super
+
+              @back_button = RubyApp::Elements::Mobile::Navigation::BackButton.new
+
+            end
+
+          end
+
+        end
+
+      end
+
+    end
+
+  end
+
+end

data/lib/ruby_app/elements/mobile/default/features/trigger_page.css.haml

@@ -0,0 +1,2 @@
+= RubyApp::Elements::Mobile::Navigation::BackButton.render(:css)
+= yield

data/lib/ruby_app/elements/mobile/default/features/trigger_page.html.haml

@@ -0,0 +1,9 @@
+- self.content_for(:html, :page) do
+  /
+    #{__FILE__}
+  %div{'data-role' => 'header'}
+    = @back_button.render(:html)
+    %h1
+      Trigger
+  %div{'data-role' => 'content'}
+    %div.message

data/lib/ruby_app/elements/mobile/default/features/trigger_page.js.haml

@@ -0,0 +1,2 @@
+= RubyApp::Elements::Mobile::Navigation::BackButton.render(:js)
+= yield

data/lib/ruby_app/elements/mobile/default/features/trigger_page.rb

@@ -0,0 +1,45 @@
+module RubyApp
+
+  module Elements
+
+    module Mobile
+
+      module Default
+
+        module Features
+          require 'ruby_app/elements/mobile/navigation/back_button'
+          require 'ruby_app/elements/mobile/page'
+
+          class TriggerPage < RubyApp::Elements::Mobile::Page
+
+            template_path(:all, File.dirname(__FILE__))
+
+            def initialize
+              super
+
+              @back_button = RubyApp::Elements::Mobile::Navigation::BackButton.new
+
+              self.shown do |element, event|
+                event.create_trigger(self, 2)
+              end
+              self.before_hidden do |element, event|
+                event.destroy_trigger(self)
+              end
+
+              self.triggered do |element, event|
+                event.update_text('div.message', "Triggered at #{RubyApp::Language.locale.strftime(Time.now, RubyApp::Application.configuration.format.date.long)}")
+              end
+
+            end
+
+          end
+
+        end
+
+      end
+
+    end
+
+  end
+
+end

data/lib/ruby_app/elements/mobile/dialog.css.haml

@@ -0,0 +1,5 @@
+:sass
+  /* #{__FILE__}
+  a.ui-corner-top.ui-btn-left.ui-btn.ui-btn-up-a.ui-btn-icon-notext.ui-btn-corner-all.ui-shadow
+    display: none
+= yield

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

@@ -0,0 +1,2 @@
+%div{attributes}
+  = yield :dialog

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

@@ -0,0 +1,11 @@
+:plain
+  // #{__FILE__}
+  $(document).ready( function() {
+    $(document).on('pageshow', 'div[data-role="dialog"]', function(event) {
+      RubyApp.queueEvent({_class:'RubyApp::Elements::Mobile::Dialog::ShownEvent', source:$(this).attr('id')});
+    });
+    $(document).on('pagehide', 'div[data-role="dialog"]', function(event) {
+      RubyApp.queueEvent({_class:'RubyApp::Elements::Mobile::Dialog::HiddenEvent', source:$(this).attr('id')});
+    });
+  });
+= yield

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

@@ -0,0 +1,34 @@
+module RubyApp
+
+  module Elements
+
+    module Mobile
+      require 'ruby_app/elements/mobile/page'
+
+      class Dialog < RubyApp::Elements::Mobile::Page
+
+        template_path(:all, File.dirname(__FILE__))
+
+        exclude_parent_template(:html, :js)
+
+        def initialize
+          super
+          self.attributes.merge!('data-role' => 'dialog')
+        end
+
+        def self.show(event, dialog, options = {})
+          dialog.show(event, options)
+          if block_given?
+            dialog.hidden do |element, _event|
+              yield _event, dialog.response
+            end
+          end
+        end
+
+      end
+
+    end
+
+  end
+
+end

data/lib/ruby_app/elements/mobile/dialogs/acknowledgement_dialog.html.haml

@@ -0,0 +1,12 @@
+- self.content_for(:html, :dialog) do
+  /
+    #{__FILE__}
+  %div{'data-role' => 'header'}
+    %h1
+      = @title
+  %div{'data-role' => 'content'}
+    %div.message
+      = @message
+    %div.buttons
+      = @ok_link.render(:html) do |element|
+        - element.content_for(:html, :link, RubyApp::Elements::Mobile::Dialogs::AcknowledgementDialog.translate.ok)

data/lib/ruby_app/elements/mobile/dialogs/acknowledgement_dialog.rb

@@ -0,0 +1,38 @@
+module RubyApp
+
+  module Elements
+
+    module Mobile
+
+      module Dialogs
+        require 'ruby_app/elements/mobile/dialogs/response_dialog'
+
+        class AcknowledgementDialog < RubyApp::Elements::Mobile::Dialogs::ResponseDialog
+
+          template_path(:all, File.dirname(__FILE__))
+
+          def initialize(title, message)
+            super()
+
+            @response = false
+
+            @title = title
+            @message = message
+
+            @ok_link = RubyApp::Elements::Mobile::Dialogs::ResponseDialog::CloseLink.new
+            @ok_link.clicked do |element, event|
+              @response = true
+              self.hide(event, element.options)
+            end
+
+          end
+
+        end
+
+      end
+
+    end
+
+  end
+
+end

data/lib/ruby_app/elements/mobile/dialogs/confirmation_dialog.html.haml

@@ -0,0 +1,14 @@
+- self.content_for(:html, :dialog) do
+  /
+    #{__FILE__}
+  %div{'data-role' => 'header'}
+    %h1
+      = @title
+  %div{'data-role' => 'content'}
+    %div.message
+      = @message
+    %div.buttons
+      = @yes_link.render(:html) do |element|
+        - element.content_for(:html, :link, RubyApp::Elements::Mobile::Dialogs::ConfirmationDialog.translate._yes)
+      = @no_link.render(:html) do |element|
+        - element.content_for(:html, :link, RubyApp::Elements::Mobile::Dialogs::ConfirmationDialog.translate._no)

data/lib/ruby_app/elements/mobile/dialogs/confirmation_dialog.rb

@@ -0,0 +1,42 @@
+module RubyApp
+
+  module Elements
+
+    module Mobile
+
+      module Dialogs
+        require 'ruby_app/elements/mobile/dialogs/response_dialog'
+
+        class ConfirmationDialog < RubyApp::Elements::Mobile::Dialogs::ResponseDialog
+
+          template_path(:all, File.dirname(__FILE__))
+
+          def initialize(title, message)
+            super()
+
+            @title = title
+            @message = message
+
+            @yes_link = RubyApp::Elements::Mobile::Dialogs::ResponseDialog::CloseLink.new
+            @yes_link.clicked do |element, event|
+              @response = true
+              self.hide(event, element.options)
+            end
+
+            @no_link = RubyApp::Elements::Mobile::Dialogs::ResponseDialog::CloseLink.new
+            @no_link.clicked do |element, event|
+              @response = false
+              self.hide(event, element.options)
+            end
+
+          end
+
+        end
+
+      end
+
+    end
+
+  end
+
+end

data/lib/ruby_app/elements/mobile/dialogs/exception_dialog.html.haml

@@ -0,0 +1,12 @@
+- self.content_for(:html, :dialog) do
+  /
+    #{__FILE__}
+  %div{'data-role' => 'header'}
+    %h1
+      Exception
+  %div{'data-role' => 'content'}
+    %div.message
+      = @exception.message
+    %div.buttons
+      = @close_link.render(:html) do |element|
+        - element.content_for(:html, :link, RubyApp::Elements::Mobile::Dialogs::ExceptionDialog.translate.close)

data/lib/ruby_app/elements/mobile/dialogs/exception_dialog.rb

@@ -0,0 +1,43 @@
+module RubyApp
+
+  module Elements
+
+    module Mobile
+
+      module Dialogs
+        require 'ruby_app/elements/mobile/dialogs/response_dialog'
+
+        class ExceptionDialog < RubyApp::Elements::Mobile::Dialogs::ResponseDialog
+
+          template_path(:all, File.dirname(__FILE__))
+
+          def initialize(exception)
+            super()
+
+            @exception = exception
+
+            @close_link = RubyApp::Elements::Mobile::Dialogs::ResponseDialog::CloseLink.new
+            @close_link.clicked do |element, event|
+              self.hide(event, element.options)
+            end
+
+          end
+
+          def self.show_on_exception(event, options = {})
+            begin
+              yield
+            rescue Exception => exception
+              RubyApp::Log.exception(RubyApp::Log::ERROR, exception)
+              self.show(event, RubyApp::Elements::Mobile::Dialogs::ExceptionDialog.new(exception), options)
+            end
+          end
+
+        end
+
+      end
+
+    end
+
+  end
+
+end

data/lib/ruby_app/elements/mobile/dialogs/response_dialog.css.haml

@@ -0,0 +1,12 @@
+:sass
+  /* #{__FILE__}
+  div.ui-dialog
+    div.buttons
+      padding-top: 15px
+      text-align: right
+      a.ui-btn
+        margin-bottom: 0px
+        margin-left: 5px
+        margin-right: 0px
+        margin-top: 0px
+= yield