RubyApp 0.2.7 → 0.2.8

data/lib/ruby_app/elements/mobile/lists/select.html.haml

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

data/lib/ruby_app/elements/mobile/lists/select.rb

@@ -0,0 +1,43 @@
+module RubyApp
+
+  module Elements
+
+    module Mobile
+
+      module Lists
+        require 'ruby_app/elements/mobile/list'
+
+        class Select < RubyApp::Elements::Mobile::List
+
+          template_path(:all, File.dirname(__FILE__))
+
+          exclude_parent_template(:html)
+
+          attr_accessor :selected_item
+
+          def initialize
+            super
+            self.attributes.merge!('data-selected-theme' => 'a')
+          end
+
+          def selected_item=(item)
+            @selected_item = item
+          end
+
+          protected
+
+            def on_clicked(event)
+              @selected_item = event.item
+              event.update_element(self)
+              super(event)
+            end
+
+        end
+
+      end
+
+    end
+
+  end
+
+end

data/lib/ruby_app/elements/mobile/navigation/back_button.html.haml

@@ -0,0 +1 @@
+- self.content_for(:html, :link, RubyApp::Elements::Mobile::Navigation::BackButton.translate.back)

data/lib/ruby_app/elements/mobile/navigation/back_button.rb

@@ -0,0 +1,26 @@
+module RubyApp
+
+  module Elements
+
+    module Mobile
+
+      module Navigation
+        require 'ruby_app/elements/mobile/navigation/hide_button'
+
+        class BackButton < RubyApp::Elements::Mobile::Navigation::HideButton
+
+          template_path(:all, File.dirname(__FILE__))
+
+          def initialize
+            super
+          end
+
+        end
+
+      end
+
+    end
+
+  end
+
+end

data/lib/ruby_app/elements/mobile/navigation/hide_button.rb

@@ -0,0 +1,33 @@
+module RubyApp
+
+  module Elements
+
+    module Mobile
+
+      module Navigation
+        require 'ruby_app/elements/mobile/navigation/navigation_button'
+
+        class HideButton < RubyApp::Elements::Mobile::Navigation::NavigationButton
+
+          template_path(:all, File.dirname(__FILE__))
+
+          def initialize
+            super
+
+            self.options.merge!(:reverse => true)
+
+            self.clicked do |element, event|
+              RubyApp::Session.document.pages.last.hide(event, self.options)
+            end
+
+          end
+
+        end
+
+      end
+
+    end
+
+  end
+
+end

data/lib/ruby_app/elements/mobile/navigation/navigation_button.rb

@@ -0,0 +1,30 @@
+module RubyApp
+
+  module Elements
+
+    module Mobile
+
+      module Navigation
+        require 'ruby_app/elements/mobile/button'
+        require 'ruby_app/elements/mobile/navigation/navigation_link'
+
+        class NavigationButton < RubyApp::Elements::Mobile::Button
+
+          template_path(:all, File.dirname(__FILE__))
+
+          attr_accessor :options
+
+          def initialize
+            super
+            @options = RubyApp::Elements::Mobile::Navigation::NavigationLink.default_options
+          end
+
+        end
+
+      end
+
+    end
+
+  end
+
+end

data/lib/ruby_app/elements/mobile/navigation/navigation_link.rb

@@ -0,0 +1,33 @@
+module RubyApp
+
+  module Elements
+
+    module Mobile
+
+      module Navigation
+        require 'ruby_app/elements/mobile/link'
+
+        class NavigationLink < RubyApp::Elements::Mobile::Link
+
+          template_path(:all, File.dirname(__FILE__))
+
+          attr_accessor :options
+
+          def initialize
+            super
+            @options = RubyApp::Elements::Mobile::Navigation::NavigationLink.default_options
+          end
+
+          def self.default_options
+            return {:transition => 'slide'}
+          end
+
+        end
+
+      end
+
+    end
+
+  end
+
+end

data/lib/ruby_app/elements/mobile/navigation/navigation_list.rb

@@ -0,0 +1,30 @@
+module RubyApp
+
+  module Elements
+
+    module Mobile
+
+      module Navigation
+        require 'ruby_app/elements/mobile/list'
+        require 'ruby_app/elements/mobile/navigation/navigation_link'
+
+        class NavigationList < RubyApp::Elements::Mobile::List
+
+          template_path(:all, File.dirname(__FILE__))
+
+          attr_accessor :options
+
+          def initialize
+            super
+            @options = RubyApp::Elements::Mobile::Navigation::NavigationLink.default_options
+          end
+
+        end
+
+      end
+
+    end
+
+  end
+
+end

data/lib/ruby_app/elements/mobile/navigation/page_button.rb

@@ -0,0 +1,36 @@
+module RubyApp
+
+  module Elements
+
+    module Mobile
+
+      module Navigation
+        require 'ruby_app/elements/mobile/navigation/navigation_button'
+
+        class PageButton < RubyApp::Elements::Mobile::Navigation::NavigationButton
+
+          template_path(:all, File.dirname(__FILE__))
+
+          attr_accessor :page
+
+          def initialize
+            super
+
+            @page = nil
+
+            self.clicked do |element, event|
+              page = @page.new
+              page.show(event, self.options)
+            end
+
+          end
+
+        end
+
+      end
+
+    end
+
+  end
+
+end

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

@@ -0,0 +1,8 @@
+:sass
+  /* #{__FILE__}
+  div.ui-header
+    a.ui-btn-left
+      margin-left: 0px
+    a.ui-btn-right
+      margin-right: 0px
+= yield

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

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

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

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

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

@@ -0,0 +1,88 @@
+require 'rubygems'
+require 'bundler/setup'
+
+require 'ruby-event'
+
+module RubyApp
+
+  module Elements
+
+    module Mobile
+      require 'ruby_app/element'
+
+      class Page < RubyApp::Element
+
+        class ShownEvent < RubyApp::Element::Event
+
+          def initialize(data)
+            super(data)
+          end
+
+        end
+
+        class BeforeHiddenEvent < RubyApp::Element::Event
+
+          def initialize(data)
+            super(data)
+          end
+
+        end
+
+        class HiddenEvent < RubyApp::Element::Event
+
+          def initialize(data)
+            super(data)
+          end
+
+        end
+
+        template_path(:all, File.dirname(__FILE__))
+
+        event :shown
+        event :before_hidden
+        event :hidden
+
+        def initialize
+          super
+          self.attributes.merge!('data-role' => 'page')
+        end
+
+        def show(event, options = {})
+          RubyApp::Session.document.pages.push(self)
+          event.show_page(self, options)
+        end
+
+        def hide(event, options = {})
+          event.remove_page(self)
+          event.show_page(RubyApp::Session.document.pages.second_last, options)
+        end
+
+        protected
+
+          def on_event(event)
+            on_shown(event) if event.is_a?(RubyApp::Elements::Mobile::Page::ShownEvent)
+            on_before_hidden(event) if event.is_a?(RubyApp::Elements::Mobile::Page::BeforeHiddenEvent)
+            on_hidden(event) if event.is_a?(RubyApp::Elements::Mobile::Page::HiddenEvent)
+            super(event)
+          end
+
+          def on_shown(event)
+            shown(event)
+          end
+
+          def on_before_hidden(event)
+            before_hidden(event)
+          end
+
+          def on_hidden(event)
+            RubyApp::Session.document.pages.pop if RubyApp::Session.document.pages.last == self
+            hidden(event)
+          end
+
+      end
+
+    end
+
+  end
+
+end

data/lib/ruby_app/elements/mobile/pages/information/document_page.css.haml

@@ -0,0 +1,4 @@
+= RubyApp::Elements::Mobile::Navigation::BackButton.render(:css)
+= RubyApp::Elements::Mobile::Navigation::NavigationLink.render(:css)
+= RubyApp::Elements::Mobile::Pages::Information::PagesPage.render(:css)
+= yield

data/lib/ruby_app/elements/mobile/pages/information/document_page.html.haml

@@ -0,0 +1,29 @@
+- require 'chronic'
+- self.content_for(:html, :page) do
+  /
+    #{__FILE__}
+  %div{'data-role' => 'header'}
+    = @back_button.render(:html)
+    %h1
+      Document
+  %div{'data-role' => 'content'}
+    %ul{'data-role' => 'listview'}
+      %li
+        %span
+          ID
+        %span.ui-li-aside
+          %code
+            = @document.element_id
+      %li
+        %span
+          Class
+        %span.ui-li-aside
+          %code
+            = @document.class.short_name
+      %li
+        = @pages_link.render(:html) do |element|
+          - element.content_for(:html, :link) do
+            %span
+              Pages
+            %span.ui-li-count
+              = @document.pages.length

data/lib/ruby_app/elements/mobile/pages/information/document_page.js.haml

@@ -0,0 +1,4 @@
+= RubyApp::Elements::Mobile::Navigation::BackButton.render(:js)
+= RubyApp::Elements::Mobile::Navigation::NavigationLink.render(:js)
+= RubyApp::Elements::Mobile::Pages::Information::PagesPage.render(:js)
+= yield

data/lib/ruby_app/elements/mobile/pages/information/document_page.rb

@@ -0,0 +1,43 @@
+module RubyApp
+
+  module Elements
+
+    module Mobile
+
+      module Pages
+
+        module Information
+          require 'ruby_app/elements/mobile/navigation/back_button'
+          require 'ruby_app/elements/mobile/navigation/navigation_link'
+          require 'ruby_app/elements/mobile/page'
+          require 'ruby_app/elements/mobile/pages/information/pages_page'
+
+          class DocumentPage < RubyApp::Elements::Mobile::Page
+
+            template_path(:all, File.dirname(__FILE__))
+
+            def initialize(document)
+              super()
+
+              @document = document
+
+              @back_button = RubyApp::Elements::Mobile::Navigation::BackButton.new
+
+              @pages_link = RubyApp::Elements::Mobile::Navigation::NavigationLink.new
+              @pages_link.clicked do |element, event|
+                RubyApp::Elements::Mobile::Pages::Information::PagesPage.new(@document).show(event, element.options)
+              end
+
+            end
+
+          end
+
+        end
+
+      end
+
+    end
+
+  end
+
+end