RubyApp 0.2.7 → 0.2.8

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

@@ -0,0 +1,23 @@
+module RubyApp
+
+  module Elements
+
+    module Mobile
+      require 'ruby_app/elements/mobile/link'
+
+      class Button < RubyApp::Elements::Mobile::Link
+
+        template_path(:all, File.dirname(__FILE__))
+
+        def initialize
+          super
+          self.attributes.merge!('data-role' => 'button')
+        end
+
+      end
+
+    end
+
+  end
+
+end

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

@@ -0,0 +1,9 @@
+:plain
+  // #{__FILE__}
+  $(document).ready( function() {
+    $(document).on('tap', '.click', function(event) {
+      event.preventDefault();
+      RubyApp.queueEvent({_class:'RubyApp::Elements::Mobile::Click::ClickedEvent', source:$(this).attr('id')});
+    });
+  });
+= yield

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

@@ -0,0 +1,48 @@
+require 'rubygems'
+require 'bundler/setup'
+
+require 'ruby-event'
+
+module RubyApp
+
+  module Elements
+
+    module Mobile
+      require 'ruby_app/element'
+
+      class Click < RubyApp::Element
+
+        class ClickedEvent < RubyApp::Element::Event
+
+          def initialize(data)
+            super(data)
+          end
+
+        end
+
+        template_path(:all, File.dirname(__FILE__))
+
+        event :clicked
+
+        def initialize
+          super
+        end
+
+        protected
+
+          def on_event(event)
+            on_clicked(event) if event.is_a?(RubyApp::Elements::Mobile::Click::ClickedEvent)
+            super(event)
+          end
+
+          def on_clicked(event)
+            clicked(event)
+          end
+
+      end
+
+    end
+
+  end
+
+end

data/lib/ruby_app/elements/mobile/default/.cache/default_document.css

@@ -0,0 +1,33 @@
+/* /Users/frank.ficnar/Dropbox/Projects/gems/ruby_app/lib/ruby_app/elements/mobile/page.css.haml */
+div.ui-header a.ui-btn-left {
+  margin-left: 0px; }
+div.ui-header a.ui-btn-right {
+  margin-right: 0px; }
+
+
+/* /Users/frank.ficnar/Dropbox/Projects/gems/ruby_app/lib/ruby_app/elements/mobile/dialog.css.haml */
+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; }
+/* /Users/frank.ficnar/Dropbox/Projects/gems/ruby_app/lib/ruby_app/elements/mobile/dialogs/response_dialog.css.haml */
+div.ui-dialog div.buttons {
+  padding-top: 15px;
+  text-align: right; }
+  div.ui-dialog div.buttons a.ui-btn {
+    margin-bottom: 0px;
+    margin-left: 5px;
+    margin-right: 0px;
+    margin-top: 0px; }
+
+
+
+
+
+/* /Users/frank.ficnar/Dropbox/Projects/gems/ruby_app/lib/ruby_app/elements/mobile/pages/information/information_list.css.haml */
+li.ui-li-static {
+  font-size: inherit; }
+  li.ui-li-static span.ui-li-aside {
+    font-size: 10pt;
+    font-weight: normal;
+    margin-bottom: 0px;
+    margin-top: 2px; }
+

data/lib/ruby_app/elements/mobile/default/.cache/default_document.js

@@ -0,0 +1,191 @@
+// /Users/frank.ficnar/Dropbox/Projects/gems/ruby_app/lib/ruby_app/elements/mobile/document.js.haml
+var RubyApp = new function() {
+  this.queueEvent = function(event) {
+    event.now = new Date().toString();
+    event.session = RubyApp.getData('session', null);
+    $(window).queue( function() {
+      RubyApp.log('RubyApp.queueEvent(...) DEQUEUE event.class=' + event._class);
+      request = $.ajax({type:'POST', url:location.href, data:event});
+      request
+        .success( function(event) {
+          $.each(event.statements, function(index, statement) {
+            RubyApp.log('RubyApp.queueEvent(...) EVAL    statement="' + statement + '"')
+            eval(statement);
+          } );
+        } )
+        .error( function(request, message, exception) {
+          RubyApp.log('RubyApp.queueEvent(...) ERROR   event.class=' + event._class +' message=' + message);
+          RubyApp.confirmRefreshBrowser(RubyApp.getData('event_error_message', null));
+        } )
+        .complete( function() {
+          $(window).dequeue();
+        } )
+    } );
+  },
+  this.showPage = function(id, options) {
+    $(window).clearQueue();
+    if ($('#' + id).length)
+      $.mobile.changePage($('#' + id), options);
+    else
+    {
+      request = $.ajax({type:'GET', url:'/' + RubyApp.getData('locale', 'en') + '/elements/' + id + '.html'});
+      request
+        .success( function(content) {
+          $('body').prepend(content);
+          $.mobile.changePage($('#' + id), options);
+        } );
+    }
+  },
+  this.removePage = function(id) {
+    $(document).on('pagehide.removePage', '#' + id, function(event) {
+      $(document).off('pagehide.removePage', '#' + id);
+      $(this).remove();
+    });
+  },
+  this.updateElement = function(id) {
+    request = $.ajax({type:'GET', url:'/' + RubyApp.getData('locale', 'en') + '/elements/' + id + '.html'});
+    request
+      .success( function(content) {
+        $('#' + id).replaceWith(content);
+        $('#' + id).parent().trigger('create');
+      } );
+  },
+  this.createTrigger = function(id, interval) {
+    RubyApp.destroyTrigger(id);
+    $('#' + id)[0]._trigger = window.setInterval( function() {
+      RubyApp.queueEvent({_class:'RubyApp::Element::TriggeredEvent', source:id});
+    }, interval );
+  },
+  this.destroyTrigger = function(id) {
+    if ($('#' + id)[0]._trigger != undefined) {
+      window.clearInterval($('#' + id)[0]._trigger);
+      $('#' + id)[0]._trigger = undefined;
+    }
+  },
+  this.refreshBrowser = function() {
+    $(window).clearQueue();
+    location.assign(location.href);
+  },
+  this.confirmRefreshBrowser = function(message) {
+    if (confirm(message))
+      RubyApp.refreshBrowser();
+  },
+  this.go = function(url) {
+    location.assign(url);
+  },
+  this.addClass = function(selector, _class) {
+    $(selector).addClass(_class);
+  },
+  this.removeClass = function(selector, _class) {
+    $(selector).removeClass(_class);
+  },
+  this.updateText = function(selector, value) {
+    $(selector).text(value);
+  },
+  this.updateValue = function(selector, value) {
+    $(selector).val(value);
+  },
+  this.updateValueFor = function(selector, value) {
+    var _for = $(selector).attr('for');
+    RubyApp.updateValue('#' + _for, value);
+    RubyApp.change('#' + _for, value);
+  },
+  this.setCookie = function(name, value, expires) {
+    document.cookie = name + '=' + value + '; expires=' + expires.toUTCString();
+  },
+  this.tap = function(selector) {
+    $(selector).tap();
+  },
+  this.change = function(selector) {
+    $(selector).change();
+  },
+  this.assertExists = function(selector) {
+    RubyApp.assert('selector=' + selector, $(selector).length > 0);
+  },
+  this.assertExistsFor = function(selector) {
+    var _for = $(selector).attr('for');
+    RubyApp.assert('selector=' + selector + ', for=' + _for, $('#' + _for).length > 0);
+  },
+  this.assertExistsValueFor = function(selector, value) {
+    var _for = $(selector).attr('for');
+    var _value = $('#' + _for).val();
+    RubyApp.assert('selector=' + selector + ', for=' + _for + ', value=' + value, _value == value);
+  },
+  this.assert = function(name, value) {
+    RubyApp.queueEvent({_class:'RubyApp::Element::AssertedEvent', source:$('html').attr('id'), name:name, value:value});
+  },
+  this.getData = function(name, _default) {
+    var value = $('meta[name="' + name + '"]').attr('content');
+    return value == undefined ? _default : value;
+  },
+  this.log = function(message) {
+    console.log(message);
+  }
+};
+
+$(window).load(function() {
+  RubyApp.queueEvent({_class:'RubyApp::Elements::Mobile::Document::LoadedEvent', source:$('html').attr('id')});
+});
+// /Users/frank.ficnar/Dropbox/Projects/gems/ruby_app/lib/ruby_app/elements/mobile/page.js.haml
+$(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')});
+  });
+});
+// /Users/frank.ficnar/Dropbox/Projects/gems/ruby_app/lib/ruby_app/elements/mobile/click.js.haml
+$(document).ready( function() {
+  $(document).on('tap', '.click', function(event) {
+    event.preventDefault();
+    RubyApp.queueEvent({_class:'RubyApp::Elements::Mobile::Click::ClickedEvent', source:$(this).attr('id')});
+  });
+});
+
+
+// /Users/frank.ficnar/Dropbox/Projects/gems/ruby_app/lib/ruby_app/elements/mobile/dialog.js.haml
+$(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')});
+  });
+});
+
+// /Users/frank.ficnar/Dropbox/Projects/gems/ruby_app/lib/ruby_app/elements/mobile/input.js.haml
+$(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()});
+  });
+});
+
+
+// /Users/frank.ficnar/Dropbox/Projects/gems/ruby_app/lib/ruby_app/elements/mobile/inputs/multiline_input.js.haml
+$(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()});
+  });
+});
+// /Users/frank.ficnar/Dropbox/Projects/gems/ruby_app/lib/ruby_app/elements/mobile/inputs/toggle_input.js.haml
+$(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()});
+  });
+});
+
+
+// /Users/frank.ficnar/Dropbox/Projects/gems/ruby_app/lib/ruby_app/elements/mobile/list.js.haml
+$(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')});
+  });
+});

data/lib/ruby_app/elements/mobile/default/default_document.css.haml

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

data/lib/ruby_app/elements/mobile/default/default_document.js.haml

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

data/lib/ruby_app/elements/mobile/default/default_document.rb

@@ -0,0 +1,30 @@
+module RubyApp
+
+  module Elements
+
+    module Mobile
+
+      module Default
+        require 'ruby_app/elements/mobile/default/default_page'
+        require 'ruby_app/elements/mobile/platforms/ios/document'
+
+        class DefaultDocument < RubyApp::Elements::Mobile::Platforms::Ios::Document
+
+          template_path(:all, File.dirname(__FILE__))
+
+          def initialize
+            super
+
+            self.pages.push(RubyApp::Elements::Mobile::Default::DefaultPage.new)
+
+          end
+
+        end
+
+      end
+
+    end
+
+  end
+
+end

data/lib/ruby_app/elements/mobile/default/default_page.css.haml

@@ -0,0 +1,6 @@
+
+= RubyApp::Elements::Mobile::Default::Features::DefaultPage.render(:css)
+= RubyApp::Elements::Mobile::Navigation::PageButton.render(:css)
+= RubyApp::Elements::Mobile::Navigation::NavigationButton.render(:css)
+= RubyApp::Elements::Mobile::Pages::InformationPage.render(:css)
+= yield

data/lib/ruby_app/elements/mobile/default/default_page.html.haml

@@ -0,0 +1,12 @@
+- self.content_for(:html, :page) do
+  /
+    #{__FILE__}
+  %div{'data-role' => 'header'}
+    %h1
+      RubyApp
+  %div{'data-role' => 'content'}
+    %div{'data-role' => 'controlgroup'}
+      = @features_link.render(:html) do |element|
+        - element.content_for(:html, :link, 'Features')
+      = @information_link.render(:html) do |element|
+        - element.content_for(:html, :link, 'Information')

data/lib/ruby_app/elements/mobile/default/default_page.js.haml

@@ -0,0 +1,5 @@
+= RubyApp::Elements::Mobile::Default::Features::DefaultPage.render(:js)
+= RubyApp::Elements::Mobile::Navigation::PageButton.render(:js)
+= RubyApp::Elements::Mobile::Navigation::NavigationButton.render(:js)
+= RubyApp::Elements::Mobile::Pages::InformationPage.render(:js)
+= yield

data/lib/ruby_app/elements/mobile/default/default_page.rb

@@ -0,0 +1,39 @@
+module RubyApp
+
+  module Elements
+
+    module Mobile
+
+      module Default
+        require 'ruby_app/elements/mobile/default/features/default_page'
+        require 'ruby_app/elements/mobile/navigation/navigation_button'
+        require 'ruby_app/elements/mobile/navigation/page_button'
+        require 'ruby_app/elements/mobile/page'
+        require 'ruby_app/elements/mobile/pages/information_page'
+
+        class DefaultPage < RubyApp::Elements::Mobile::Page
+
+          template_path(:all, File.dirname(__FILE__))
+
+          def initialize
+            super
+
+            @features_link = RubyApp::Elements::Mobile::Navigation::PageButton.new
+            @features_link.page = RubyApp::Elements::Mobile::Default::Features::DefaultPage
+
+            @information_link = RubyApp::Elements::Mobile::Navigation::NavigationButton.new
+            @information_link.clicked do |element, event|
+              RubyApp::Elements::Mobile::Pages::InformationPage.new(event.now).show(event, element.options)
+            end
+
+          end
+
+        end
+
+      end
+
+    end
+
+  end
+
+end

data/lib/ruby_app/elements/mobile/default/features/authentications/default_page.css.haml

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

data/lib/ruby_app/elements/mobile/default/features/authentications/default_page.html.haml

@@ -0,0 +1,20 @@
+- self.content_for(:html, :page) do
+  /
+    #{__FILE__}
+  %div{'data-role' => 'header'}
+    = @back_button.render(:html)
+    %h1
+      Authentications
+  %div{'data-role' => 'content'}
+    %div{:style => 'margin: 0px auto 15px auto; text-align: center; width: 50%;'}
+      - if RubyApp::Session.identity
+        You are logged in as #{RubyApp::Session.identity.url}.
+      - else
+        You are not logged in.
+    %div{'data-role' => 'controlgroup'}
+      = @google_authentication_link.render(:html) do |element|
+        - element.content_for(:html, :link, 'Google')
+      = @my_open_id_authentication_link.render(:html) do |element|
+        - element.content_for(:html, :link, 'myOpenID')
+      = @yahoo_authentication_link.render(:html) do |element|
+        - element.content_for(:html, :link, 'Yahoo!')