_rubyapp 0.0.3

data/lib/rubyapp/elements/link.css.haml

@@ -0,0 +1,5 @@
+:plain
+  /* RubyApp::Elements::Link */
+  a.click
+  {}
+= yield

data/lib/rubyapp/elements/link.html.haml

@@ -0,0 +1,3 @@
+/ RubyApp::Elements::Link
+%a.click{attributes}
+  = yield :body

data/lib/rubyapp/elements/link.rb

@@ -0,0 +1,19 @@
+module RubyApp
+  
+  module Elements
+    require 'rubyapp/elements/click'
+  
+    class Link < RubyApp::Elements::Click
+      
+      template_path(__FILE__)
+      
+      def initialize
+        super
+        attributes.merge!(:href => '')
+      end
+      
+    end
+  
+  end
+  
+end

data/lib/rubyapp/elements/list.css.haml

@@ -0,0 +1,33 @@
+:plain
+  /* RubyApp::Elements::Navigation::PageMenu */
+  div.list
+  {}
+
+  div.list div
+  {
+    padding: 5px 7px;
+  }
+
+  div.list div.selected
+  {
+    background-color: #666666;
+    color: #ffffff;
+  }
+
+  div.list div.item
+  {
+    color: #666666;
+  }
+
+  div.list div.item:hover
+  {
+    background-color: #dddddd;
+  }
+
+  div.list div.item a.item
+  {
+    color: inherit;
+    text-decoration: none;
+  }
+
+= yield

data/lib/rubyapp/elements/list.html.haml

@@ -0,0 +1,11 @@
+/ RubyApp::Elements::List
+%div.list{attributes}
+  - self.items.each_with_index do |item, index|
+    - if index == self.selected_index
+      %div.selected
+        %span.selected{:index => index}
+          = yield :item, item, index
+    - else
+      %div.item
+        %a.item{:href => '', :index => index}
+          = yield :item, item, index

data/lib/rubyapp/elements/list.js.haml

@@ -0,0 +1,9 @@
+:plain
+  // RubyApp::Elements::List
+  $(document).ready(function() {
+    $("div.list div.item a.item").live('click', function(event) {
+      event.preventDefault();
+      RubyApp.sendEvent({_class:'RubyApp::Elements::List::SelectedEvent', source_id:$(this).parent().parent().attr('id'), index:$(this).attr('index')});
+    });
+  });
+= yield

data/lib/rubyapp/elements/list.rb

@@ -0,0 +1,60 @@
+require "rubygems"
+require "bundler/setup"
+
+require 'ruby-event'
+
+module RubyApp
+  
+  module Elements
+    require 'rubyapp/element'
+
+    class List < RubyApp::Element
+  
+      class SelectedEvent < RubyApp::Element::Event
+    
+        attr_reader :index, :item
+    
+        def initialize(data)
+          super(data)
+          @index = data['index'].to_i
+          @item = self.source.items[@index]
+        end
+  
+        def to_hash
+          super.merge('index' => @index)
+        end
+
+      end
+
+      template_path(__FILE__)
+      
+      attr_reader :items, :selected_index, :selected_item
+      
+      event :selected
+      
+      def initialize
+        super
+        @items = []
+        @selected_index = nil
+        @selected_item = nil
+      end
+
+      protected
+  
+        def on_event(event)
+          super(event)
+          on_selected(event) if event.is_a?(RubyApp::Elements::List::SelectedEvent)
+        end
+    
+        def on_selected(event)
+          @selected_index = event.index
+          @selected_item = event.item
+          event.update(self)
+          selected(event)
+        end
+        
+    end
+  
+  end
+  
+end

data/lib/rubyapp/elements/mobile/ios/page.html.haml

@@ -0,0 +1,36 @@
+/ RubyApp::Elements::Mobile::IOS::Page
+!!! 5
+%html{:manifest => '/application.manifest'}
+  %head
+    %meta{:name => 'viewport', 
+          :content => 'user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0'}
+    %meta{:name => 'apple-mobile-web-app-capable', 
+          :content => 'yes'}
+    %meta{:name => 'apple-mobile-web-app-status-bar-style', 
+          :content => 'black'}
+    %link{:rel => 'apple-touch-icon', 
+          :href => '/mobile/ios/icon.png'}
+    %link{:rel => 'apple-touch-startup-image', 
+          :href => '/mobile/ios/start.png'}
+    %link{:rel => 'stylesheet', 
+          :href => '/application.css', 
+          :type => 'text/css', 
+          :media => 'screen, mobile', 
+          :title => 'main', :charset=>'utf-8'}
+    %script{:src => 'http://code.jquery.com/jquery-1.6.1.js', 
+            :type => 'text/javascript'}
+    %script{:src => '/application.js', 
+            :type => 'text/javascript'}
+    %title
+      = yield :title
+  %body
+    %div.header
+      %div.left
+        = @breadcrumbs.render(:html)
+      %div.right
+        (__DURATION__ seconds)
+        = @quit.render(:html) do |element|
+          - element.content_for(:body, RubyApp::Session.translate.elements.page.quit)
+    %div.body
+      = yield :body
+    %div.overlay

data/lib/rubyapp/elements/mobile/ios/page.rb

@@ -0,0 +1,29 @@
+module RubyApp
+  
+  module Elements
+
+    module Mobile
+      
+      module IOS
+        require 'rubyapp/elemennts/page'
+
+        class Page < RubyApp::Elements::Page
+
+          template_path(__FILE__)
+          replace_parent_template(:html)
+
+          def initialize
+            super
+
+
+          end
+
+        end
+
+      end
+      
+    end
+
+  end
+  
+end

data/lib/rubyapp/elements/navigation/breadcrumbs.css.haml

@@ -0,0 +1,24 @@
+:plain
+  /* RubyApp::Elements::Navigation::Breadcrumbs */
+  div.breadcrumbs
+  {}
+
+  div.breadcrumbs div
+  {
+    float: left;
+    padding-left: 5px;
+  }
+
+  div.breadcrumbs div:first-child
+  {
+    padding-left: 0px;
+  }
+
+  div.breadcrumbs div.breadcrumb a.breadcrumb
+  {
+    color: inherit;
+  }
+
+  div.breadcrumbs div.current span.current
+  {}
+= yield

data/lib/rubyapp/elements/navigation/breadcrumbs.html.haml

@@ -0,0 +1,16 @@
+/ RubyApp::Elements::Navigation::Breadcrumbs
+%div.breadcrumbs{attributes}
+  - count = RubyApp::Session.current.pages.length
+  - RubyApp::Session.current.pages.each_with_index do |page, index|
+    - if index < count - 1
+      %div.breadcrumb
+        - if index > 0
+          &raquo;
+        %a.breadcrumb{:href => '', :page_id => page.element_id}
+          = page.class.translate.title
+    - else
+      %div.current
+        - if index > 0
+          &raquo;
+        %span.current
+          = page.class.translate.title

data/lib/rubyapp/elements/navigation/breadcrumbs.js.haml

@@ -0,0 +1,9 @@
+:plain
+  // RubyApp::Elements::Navigation::Breadcrumbs
+  $(document).ready(function() {
+    $("div.breadcrumbs a").click(function(event) {
+      event.preventDefault();
+      RubyApp.sendEvent({_class:'RubyApp::Elements::Navigation::Breadcrumbs::NavigatedEvent', source_id:$(this).parent().parent().attr('id'), page_id:$(this).attr('page_id')});
+    });
+  });
+= yield

data/lib/rubyapp/elements/navigation/breadcrumbs.rb

@@ -0,0 +1,49 @@
+module RubyApp
+  
+  module Elements
+    
+    module Navigation
+      require 'rubyapp/element'
+
+      class Breadcrumbs < RubyApp::Element
+      
+        class NavigatedEvent < RubyApp::Element::Event
+        
+          attr_reader :page
+        
+          def initialize(data)
+            super(data)
+            @page = RubyApp::Element.get_element(data['page_id'])
+          end
+      
+          def to_hash
+            super.merge('page_id' => @page.element_id)
+          end
+
+        end
+      
+        template_path(__FILE__)
+
+        def initialize
+          super
+        end
+      
+        protected
+      
+          def on_event(event)
+            super(event)
+            on_navigated(event) if event.is_a?(RubyApp::Elements::Navigation::Breadcrumbs::NavigatedEvent)
+          end
+        
+          def on_navigated(event)
+            RubyApp::Session.current.pages.slice!(RubyApp::Session.current.pages.index(event.page) + 1, RubyApp::Session.current.pages.length - ( RubyApp::Session.current.pages.index(event.page) + 1 ))
+            event.refresh
+          end
+      
+      end
+
+    end
+  
+  end
+  
+end

data/lib/rubyapp/elements/navigation/page_link.css.haml

@@ -0,0 +1,12 @@
+:plain
+  /* RubyApp::Elements::Navigation::PageLink */
+  span.link
+  {}
+
+  span.link span.current
+  {}
+
+  span.link a.page
+  {}
+
+= yield

data/lib/rubyapp/elements/navigation/page_link.html.haml

@@ -0,0 +1,8 @@
+/ RubyApp::Elements::Navigation::PageLink
+%span.link{attributes}
+  - if self.current_page?
+    %span.current{:href => '', :page => self.page}
+      = self.content_for(self.page) || self.page.translate.title
+  - else
+    %a.page{:href => '', :page => self.page}
+      = self.content_for(self.page) || self.page.translate.title

data/lib/rubyapp/elements/navigation/page_link.js.haml

@@ -0,0 +1,9 @@
+:plain
+  // RubyApp::Elements::Navigation::PageLink
+  $(document).ready(function() {
+    $("span.link a.page").click(function(event) {
+      event.preventDefault();
+      RubyApp.sendEvent({_class:'RubyApp::Elements::Navigation::PageLink::NavigatedEvent', source_id:$(this).parent().attr('id'), page:$(this).attr('page')});
+    });
+  });
+= yield

data/lib/rubyapp/elements/navigation/page_link.rb

@@ -0,0 +1,56 @@
+module RubyApp
+  
+  module Elements
+    
+    module Navigation
+      require 'rubyapp/element'
+
+      class PageLink < RubyApp::Element
+    
+        class NavigatedEvent < RubyApp::Element::Event
+      
+          attr_reader :page
+      
+          def initialize(data)
+            super(data)
+            @page = eval(data['page'])
+          end
+    
+          def to_hash
+            super.merge('page' => @page)
+          end
+
+        end
+    
+        template_path(__FILE__)
+
+        attr_accessor :page
+
+        def initialize(page = nil)
+          super()
+          @page = page
+        end
+        
+        def current_page?
+          page == RubyApp::Session.current.pages.last.class
+        end
+    
+        protected
+    
+          def on_event(event)
+            super(event)
+            on_navigated(event) if event.is_a?(RubyApp::Elements::Navigation::PageLink::NavigatedEvent)
+          end
+      
+          def on_navigated(event)
+            RubyApp::Session.current.pages << event.page.new
+            event.refresh
+          end
+          
+      end
+
+    end
+  
+  end
+  
+end

data/lib/rubyapp/elements/navigation/page_menu.css.haml

@@ -0,0 +1,36 @@
+:plain
+  /* RubyApp::Elements::Navigation::PageMenu */
+  div.menu
+  {
+    border-bottom: 2px solid #666666;
+    border-right: 2px solid #666666;
+  }
+
+  div.menu div
+  {
+    padding: 5px 7px;
+  }
+
+  div.menu div.current
+  {
+    background-color: #666666;
+    color: #ffffff;
+  }
+
+  div.menu div.page
+  {
+    color: #666666;
+  }
+
+  div.menu div.page:hover
+  {
+    background-color: #dddddd;
+  }
+
+  div.menu div.page a.page
+  {
+    color: inherit;
+    text-decoration: none;
+  }
+
+= yield