RubyApp 0.0.6

data/lib/ruby_app/templates/application/lib/_APPLICATION_DOWNCODE_/session.rb

@@ -0,0 +1,17 @@
+require 'rubygems'
+require 'bundler/setup'
+
+require 'ruby_app/session'
+
+module _APPLICATION_UPCODE_
+
+  class Session < RubyApp::Session
+
+    def initialize(page = nil)
+      require '_APPLICATION_DOWNCODE_/elements/pages/default_page'
+      super(page || _APPLICATION_UPCODE_::Elements::Pages::DefaultPage.new)
+    end
+
+  end
+
+end

data/lib/ruby_app/templates/application/lib/_APPLICATION_DOWNCODE_/version.rb

@@ -0,0 +1,4 @@
+module _APPLICATION_UPCODE_
+  VERSION = "0.0.1"
+  ROOT    = File.expand_path(File.join(File.dirname(__FILE__), %w[.. ..]))
+end

data/lib/ruby_app/templates/application/spec/spec_helper.rb

@@ -0,0 +1 @@
+require File.join(File.dirname(__FILE__), %w[support shared])

data/lib/ruby_app/templates/application/spec/support/shared.rb

@@ -0,0 +1,18 @@
+require File.join(File.dirname(__FILE__), %w[.. .. application])
+require File.join(File.dirname(__FILE__), %w[.. .. session])
+
+shared_context '_APPLICATION_UPCODE_::Application' do
+
+  before(:all) do
+    options = {:application_class => _APPLICATION_UPCODE_::Application,
+               :session_class => _APPLICATION_UPCODE_::Session,
+               :log_path => File.join(File.dirname(__FILE__), %w[.. .. log application.log]),
+               :configuration_paths => File.join(File.dirname(__FILE__), %w[.. .. config.yml])}
+    _APPLICATION_UPCODE_::Application.create(options)
+  end
+
+  after(:all) do
+    Pike::Application.destroy
+  end
+
+end

data/lib/ruby_app/templates/application/translations/en.yml

@@ -0,0 +1,5 @@
+_APPLICATION_DOWNCODE_:
+  elements:
+    pages:
+      default_page:
+        title: Home

data/lib/ruby_app/templates/page/_PAGE_DOWNCODE_.css.haml

@@ -0,0 +1,3 @@
+- self.rendered?(__FILE__) do
+  :sass
+= yield

data/lib/ruby_app/templates/page/_PAGE_DOWNCODE_.html.haml

@@ -0,0 +1,4 @@
+- self.content_for(:body) do
+  /
+    #{__FILE__}
+  Hello world!

data/lib/ruby_app/templates/page/_PAGE_DOWNCODE_.js.haml

@@ -0,0 +1,3 @@
+- self.rendered?(__FILE__) do
+  :plain
+= yield

data/lib/ruby_app/templates/page/_PAGE_DOWNCODE_.rb

@@ -0,0 +1,14 @@
+require 'rubygems'
+require 'bundler/setup'
+
+require 'ruby_app/elements/page'
+
+class _PAGE_UPCODE_ < RubyApp::Elements::Page
+
+  template_path(:all, File.dirname(__FILE__))
+
+  def initialize
+    super
+  end
+
+end

data/lib/ruby_app/themes/mobile.rb

@@ -0,0 +1,37 @@
+require 'rubygems'
+require 'bundler/setup'
+
+require 'sass/plugin'
+
+Sass::Plugin.options[:load_paths] = [File.expand_path(File.join(File.dirname(__FILE__), %w[mobile]))]
+
+require 'ruby_app/elements/base/base_page'
+require 'ruby_app/elements/calendars/month'
+require 'ruby_app/elements/dialog'
+require 'ruby_app/elements/dialogs/blank_dialog'
+require 'ruby_app/elements/dialogs/busy_dialog'
+require 'ruby_app/elements/dialogs/close_dialog'
+require 'ruby_app/elements/dialogs/yes_no_dialog'
+require 'ruby_app/elements/list'
+require 'ruby_app/elements/lists/select'
+require 'ruby_app/elements/markdown'
+require 'ruby_app/elements/navigation/base/base_breadcrumbs'
+require 'ruby_app/elements/page'
+require 'ruby_app/elements/pages/base/base_blank_page'
+require 'ruby_app/elements/pages/blank_page'
+
+RubyApp::Elements::Base::BasePage.template_path(:html, File.join(File.dirname(__FILE__), %w[mobile base]))
+RubyApp::Elements::Calendars::Month.template_path(:css, File.join(File.dirname(__FILE__), %w[mobile calendars]))
+RubyApp::Elements::Dialog.template_path(:css, File.join(File.dirname(__FILE__), %w[mobile]))
+RubyApp::Elements::Dialogs::BlankDialog.template_path(:css, File.join(File.dirname(__FILE__), %w[mobile dialogs]))
+RubyApp::Elements::Dialogs::BusyDialog.template_path(:css, File.join(File.dirname(__FILE__), %w[mobile dialogs]))
+RubyApp::Elements::Dialogs::CloseDialog.template_path(:css, File.join(File.dirname(__FILE__), %w[mobile dialogs]))
+RubyApp::Elements::Dialogs::YesNoDialog.template_path(:css, File.join(File.dirname(__FILE__), %w[mobile dialogs]))
+RubyApp::Elements::List.template_path(:css, File.join(File.dirname(__FILE__), %w[mobile]))
+RubyApp::Elements::Lists::Select.template_path(:css, File.join(File.dirname(__FILE__), %w[mobile lists]))
+RubyApp::Elements::Markdown.template_path(:css, File.join(File.dirname(__FILE__), %w[mobile]))
+RubyApp::Elements::Navigation::Base::BaseBreadcrumbs.template_path(:html, File.join(File.dirname(__FILE__), %w[mobile navigation base]))
+RubyApp::Elements::Page.template_path(:css, File.join(File.dirname(__FILE__), %w[mobile]))
+RubyApp::Elements::Pages::Base::BaseBlankPage.template_path(:html, File.join(File.dirname(__FILE__), %w[mobile pages base]))
+RubyApp::Elements::Pages::Base::BaseBlankPage.template_path(:css, File.join(File.dirname(__FILE__), %w[mobile pages base]))
+RubyApp::Elements::Pages::BlankPage.template_path(:css, File.join(File.dirname(__FILE__), %w[mobile pages]))

data/lib/ruby_app/themes/mobile/base/base_page.html.haml

@@ -0,0 +1,30 @@
+/
+  #{__FILE__}
+!!! 5
+%html{attributes.merge(:manifest => '/ruby_app/resources/themes/mobile/base/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 => '/ruby_app/resources/themes/mobile/base/base_page/icon.png'}
+    %link{:rel => 'apple-touch-startup-image',
+          :href => '/ruby_app/resources/themes/mobile/base/base_page/start.png'}
+    %link{:rel => 'stylesheet',
+          :href => "/#{RubyApp::Language.locale.code}/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 => "/#{RubyApp::Language.locale.code}/application.js",
+            :type => 'text/javascript'}
+    %title
+      = yield(:title) || self.translate.title
+  %body
+    %div.body
+      = yield :body
+    %div.overlay

data/lib/ruby_app/themes/mobile/calendars/month.css.haml

@@ -0,0 +1,21 @@
+- self.rendered?(__FILE__) do
+  :sass
+    /* #{__FILE__}
+    @import '#{File.join(File.dirname(__FILE__), %w[.. colors.sass])}'
+    div.month
+      > table
+        > tbody
+          > tr
+            > td
+              width: 30px
+              height: 20px
+            > td.current
+              background-color: $highlight_background
+              border: 2px solid $highlight_background
+              border-radius: 10px
+              color: $highlight_foreground
+            > td.today
+              border: 2px solid $highlight_background
+              border-radius: 10px
+              color: $highlight_background
+= yield

data/lib/ruby_app/themes/mobile/colors.sass

@@ -0,0 +1,24 @@
+$page_background:       rgba(  0,   0,    0,  1.0)
+$page_foreground:       rgba(255, 255,  255,  1.0)
+$page_link:             rgba( 25, 101,  115,  1.0)
+
+$overlay_background:    rgba(  0,   0,    0,  0.5)
+
+$dialog_background:     rgba(255, 255,  255,  1.0)
+$dialog_foreground:     rgba(  0,   0,    0,  1.0)
+$dialog_link:           rgba( 25, 101,  115,  1.0)
+
+$header_background:     rgba(  0,   0,    0,  1.0)
+$header_foreground:     rgba(255, 255,  255,  1.0)
+$header_link:           rgba(255, 255,  255,  1.0)
+
+$highlight_background:  rgba( 25, 101,  115,  1.0)
+$highlight_foreground:  rgba(255, 255,  255,  1.0)
+
+$even_background:       rgba( 40,  40,  40,  1.0)
+$even_foreground:       rgba(255, 255, 255,  1.0)
+$odd_background:        inherit
+$odd_foreground:        rgba(255, 255, 255,  1.0)
+
+$select_background:     rgba( 40,  40,  40,  1.0)
+$select_foreground:     rgba(255, 255, 255,  1.0)

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

@@ -0,0 +1,17 @@
+- self.rendered?(__FILE__) do
+  :sass
+    /* #{__FILE__}
+    @import '#{File.join(File.dirname(__FILE__), %w[colors.sass])}'
+    body
+      > div.overlay
+        > div.dialog
+          background-color: $dialog_background
+          color: $dialog_foreground
+          border-radius: 10px
+          padding: 10px 15px
+          width: 80%
+          a
+            color: $dialog_link
+            font-weight: bold
+            text-decoration: inherit
+= yield

data/lib/ruby_app/themes/mobile/dialogs/blank_dialog.css.haml

@@ -0,0 +1,12 @@
+- self.rendered?(__FILE__) do
+  :sass
+    /* #{__FILE__}
+    body 
+      > div.overlay 
+        > div.dialog 
+          > div.title
+            font-weight: bold
+            padding-bottom: 10px
+          > div.footer
+            padding-top: 10px
+= yield

data/lib/ruby_app/themes/mobile/dialogs/busy_dialog.css.haml

@@ -0,0 +1,9 @@
+- self.rendered?(__FILE__) do
+  :sass
+    /* #{__FILE__}
+    body 
+      > div.overlay 
+        > div.dialog 
+          > div.image
+            padding-right: 10px
+= yield

data/lib/ruby_app/themes/mobile/dialogs/close_dialog.css.haml

@@ -0,0 +1,12 @@
+- self.rendered?(__FILE__) do
+  :sass
+    /* #{__FILE__}
+    body
+      > div.overlay
+        > div.dialog
+          > div.title
+            font-weight: bold
+            padding-bottom: 10px
+          > div.footer
+            padding-top: 10px
+= yield

data/lib/ruby_app/themes/mobile/dialogs/yes_no_dialog.css.haml

@@ -0,0 +1,14 @@
+- self.rendered?(__FILE__) do
+  :sass
+    /* #{__FILE__}
+    body
+      > div.overlay
+        > div.dialog
+          > div.title
+            font-weight: bold
+            padding-bottom: 10px
+          > div.footer
+            padding-top: 10px
+            a
+              padding-left: 10px
+= yield

data/lib/ruby_app/themes/mobile/list.css.haml

@@ -0,0 +1,25 @@
+- self.rendered?(__FILE__) do
+  :sass
+    /* #{__FILE__}
+    @import '#{File.join(File.dirname(__FILE__), %w[colors.sass])}'
+    ul.list
+      list-style-type: none
+      margin: 0px
+      padding-left: 0px
+      > li
+        margin-bottom: 2px
+      > li.item
+        > a.item
+          color: inherit
+          display: block
+          font-weight: inherit
+          width: 100%
+      > li.even
+        background-color: $even_background
+        border-radius: 5px
+        color: $even_foreground
+      > li.odd
+        background-color: $odd_background
+        border-radius: 5px
+        color: $odd_foreground
+= yield

data/lib/ruby_app/themes/mobile/lists/select.css.haml

@@ -0,0 +1,27 @@
+- self.rendered?(__FILE__) do
+  :sass
+    /* #{__FILE__}
+    @import '#{File.join(File.dirname(__FILE__), %w[.. colors.sass])}'
+    ul.select
+      background-color: $select_background
+      border-radius: 5px
+      color: $select_foreground
+      list-style-type: none
+      margin: 0px
+      padding-left: 0px
+      > li
+        border-bottom: 2px solid $page_background
+      > li.item
+        > a.item
+          color: inherit
+          display: block
+          font-weight: inherit
+          width: 100%
+      > li:last-child
+        border-bottom: inherit
+      > li.selected
+        > a.selected
+          background-image: url('/ruby_app/resources/themes/mobile/lists/select.png')
+          background-position: right center
+          background-repeat: no-repeat
+= yield

data/lib/ruby_app/themes/mobile/markdown.css.haml

@@ -0,0 +1,11 @@
+- self.rendered?(__FILE__) do
+  :sass
+    /* #{__FILE__}
+    div.markdown 
+      h1
+        margin-top: 0px
+      li
+        margin-bottom: 5px
+      p
+        margin-top: 0px
+= yield

data/lib/ruby_app/themes/mobile/navigation/base/base_breadcrumbs.html.haml

@@ -0,0 +1,7 @@
+/ 
+  #{__FILE__}
+%div.breadcrumbs{attributes}
+  - if RubyApp::Session.pages.length > 1
+    - page = RubyApp::Session.pages[-2]
+    %a.breadcrumb{:href => '', :page_id => page.element_id}
+      = RubyApp::Elements::Navigation::Base::BaseBreadcrumbs.translate.back

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

@@ -0,0 +1,18 @@
+- self.rendered?(__FILE__) do
+  :sass
+    /* #{__FILE__}
+    @import '#{File.join(File.dirname(__FILE__), %w[colors.sass])}'
+    body
+      background-color: $page_background
+      color: $page_foreground
+      font:
+        family: Verdana
+        size: 12pt
+      margin: 0px
+      > div.overlay
+        background-color: $overlay_background
+    a
+      color: $page_link
+      font-weight: bold
+      text-decoration: inherit
+= yield

data/lib/ruby_app/themes/mobile/pages/base/base_blank_page.css.haml

@@ -0,0 +1,18 @@
+- self.rendered?(__FILE__) do
+  :sass
+    /* #{__FILE__}
+    body 
+      > div.body 
+        > div.header 
+          display: table
+          width: 100%
+          > div
+            display: table-cell
+            width: 33%
+          > div.center
+            text-align: center
+          > div.right
+            text-align: right
+= RubyApp::Elements::Navigation::Breadcrumbs.render(:css)
+= RubyApp::Elements::Navigation::PageLink.render(:css)
+= yield

data/lib/ruby_app/themes/mobile/pages/base/base_blank_page.html.haml

@@ -0,0 +1,13 @@
+- self.content_for(:body) do
+  /
+    #{__FILE__}
+  %div.header
+    %div.left
+      = @breadcrumbs.render(:html)
+    %div.center
+      = self.translate.title
+    %div.right
+      - unless RubyApp::Session.pages.last.class == @settings.page
+        = @settings.render(:html)
+  %div.content
+    = yield :content

data/lib/ruby_app/themes/mobile/pages/blank_page.css.haml

@@ -0,0 +1,19 @@
+- self.rendered?(__FILE__) do
+  :sass
+    /* #{__FILE__}
+    @import '#{File.join(File.dirname(__FILE__), %w[.. colors.sass])}'
+    body
+      > div.body
+        > div.header
+          background-color: $header_background
+          color: $header_foreground
+          padding: 12px 8px
+          > div
+            width: 25%
+          > div.center
+            font-weight: bold
+            text-align: center
+            width: 50%
+        > div.content
+          padding: 5px 10px
+= yield

data/lib/ruby_app/translations/en.yml

@@ -0,0 +1,125 @@
+ruby_app:
+  elements:
+    dialogs:
+      base:
+        base_close_dialog:
+          close:
+            body: Close
+        base_yes_no_dialog:
+          _yes:
+            body: 'Yes'
+          _no:
+            body: 'No'
+      calendars:
+        month_dialog:
+          today:
+            body: Today
+          cancel:
+            body: Cancel
+    navigation:
+      base:
+        base_breadcrumbs:
+          back: Back
+      back_button:
+        body: Back
+    page:
+      quit: Quit
+    pages:
+      base:
+        base_blank_page:
+          settings:
+            body: Settings
+      test_pages:
+        default_test_page:
+          title: Test Pages
+          content:
+            body: |
+              [`DialogTestPage`](RubyApp::Elements::Pages::TestPages::DialogTestPage) ... show a variety of dialogs (e.g. busy dialog, exception dialog, message dialog, month dialog, etc.)
+
+              [`ListTestPage`](RubyApp::Elements::Pages::TestPages::ListTestPage) ... pick from a list of items
+
+              [`GoogleAuthenticationPage`](go_google_authentication) ... re/authenticate using Google
+
+              [`MyOpenIDAuthenticationPage`](go_my_open_id_authentication) ... re/authenticate using myOpenID
+
+              [`YahooAuthenticationPage`](go_yahoo_authentication) ... re/authenticate using Yahoo!
+
+              [`InputTestPage`](RubyApp::Elements::Pages::TestPages::InputTestPage) ... show a variety of input controls (e.g. simple input, duration input, etc.)
+
+          busy_dialog:
+            message: Retrieving authentication information ...
+        dialog_test_page:
+          title: Dialog Test Page
+          content:
+            body: |
+              [`BusyDialog`](do_busy_dialog) ... show and then hide a 'busy' dialog for 30 seconds.
+
+              [`ConfirmationDialog`](do_confirmation_dialog) ... ask for confirmation.
+
+              [`ExceptionDialog`](do_exception_dialog) ... raise an exception and show the `class` and `message` properties.
+
+              [`MessageDialog`](do_message_dialog) ... show a sample message dialog.
+
+              [`MonthDialog`](do_month_dialog) ... show a calendar month dialog, hide it when a date is selected, and then show the selected date (the last date you selected was <span id='last_value'>(nothing)</span>).
+          busy_dialog:
+            message: Busy dialog ...
+          confirmation_dialog:
+            title: Confirmation Dialog
+            message: Are you sure?
+            message_dialog:
+              title: You selected ...
+              message: %1
+          exception: Exception dialog
+          message_dialog:
+            message:
+              title: Message Dialog
+              message: This is a Message Dialog
+          month_dialog:
+            title: Month Dialog
+            message_dialog:
+              title: You selected ...
+              message: %1
+        input_test_page:
+          title: Input Test Page
+          label:
+            input: Input
+            duration_input: DurationInput
+          message_dialog:
+            message:
+              title: Input Test
+              message: You input '%1'.
+        list_test_page:
+          title: List Test Page
+          message_dialog:
+            message:
+              title: List Test
+              message: You selected the item '%1'.
+      default_page:
+        title: Home
+        content:
+          body: |
+            This is the default start page for your application.  Click [here](go_test) to go to the test pages.
+      authentication:
+        open_id:
+          authentication_page:
+            busy_dialog:
+              message: Please wait ...
+          google_authentication_page:
+            title: Google Authentication
+          my_open_id_authentication_page:
+            title: myOpenID Authentication
+          yahoo_authentication_page:
+            title: Yahoo! Authentication
+      settings_page:
+        title: Settings
+        content:
+          body: |
+            You are currently logged in as #{(RubyApp::Session.identity ? RubyApp::Session.identity.url : '(not logged in)')}
+
+            Load or reload the [Mobile](do_load_theme_mobile) theme.
+
+            [Refresh](do_reload_translations) the translation file(s).
+
+            [Quit](do_quit) the session.
+      quit_page:
+        title: Quit