RubyGems - sproutit-sproutcore - Versions diffs - 1.0.20090721145236 → 1.0.20090721145251 - Mend

sproutit-sproutcore 1.0.20090721145236 → 1.0.20090721145251

Files changed (933) hide show

data/frameworks/sproutcore/frameworks/mobile/english.lproj/core.css ADDED Viewed

@@ -0,0 +1,12 @@
+/* Core styles needed for iphone apps to operate correctly. */
+body
+{
+	margin: 0px;
+	padding: 0px;
+	background-color: #fff;
+	/* Turn off font resizing */
+	-webkit-text-size-adjust: none;
+}

data/frameworks/sproutcore/frameworks/mobile/lib/index.rhtml ADDED Viewed

@@ -0,0 +1,126 @@
+<% # SPROUTCORE MOBILE INDEX TEMPLATE
+   # This template provide provides a basic wrapper for a mobile SproutCore
+   # client.  It provides much of the same functionality found in the
+   # default template except that it also includes necessary configs needed
+   # for loading your page on the iPhone.
+   #
+   # Most of the time, it will be sufficient for your own needs.  However, if
+   # you need to create your own template, you can do so by copying this file
+   # into your client, naming it 'index.rhtml' and then adding the options
+   # :layout => 'lib/index' to your Buildfile.
+   #
+   # See the comments in this file for more information on what you can
+   # change.
+-%>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name = "viewport" content = "width = device-width, height = device-height, user-scalable = no" />
+<% # Set the 'title' in your config to alter this setting %>
+    <title><%= title %></title>
+<% #
+   # You may choose to load one or more bootstrap resources.  These are
+   # JS targets that you would like to load at the top of the page.  Specify
+   # these in your Buildfile with the 'bootstrap' config.
+-%>
+ <% if config.bootstrap %>
+  <script src="<%= static_url(config.bootstrap) %>" type="text/javascript"></script>
+  <% end -%>
+<% #
+   # Bootstrap code is loaded at the top of your page to do any early setup
+   # you might need, including basic browser detection.  The default
+   # bootstrap code provided by SproutCore simply detects your browser
+   # platform.  Add more by including templates targeting the bootstrap
+-%>
+  <% if @content_for_bootstrap %>
+  <script type="text/javascript">
+  <%= @content_for_bootstrap %>
+  </script>
+  <% end -%>
+<% #
+   # This line should appear in your head area to include the stylesheets
+   # generated by your client.  If you need to include your own
+   # stylesheets, you don't need to change it here.  Instead use the
+   # required option in your config.
+-%>
+   <%= stylesheets_for_client %>
+   <%= @content_for_page_styles %>
+  </head>
+<% # The theme CSS class is added automatically based on your chosen theme.
+   # If you need to specify a custom theme name, use CONFIG.theme_name
+-%>
+  <body class="<%= [theme_name(:default => 'sc-theme'), 'focus'].compact.join(' ') %>">
+<% # This section is used to setup additional optional class names on the
+   # body content based on JS-selected conditions.  Use this to make sure you
+   # show the proper CSS as soon as the page appears.
+-%>
+<% unless @content_for_setup_body_class_names.blank? %>
+    <script type="text/javascript">
+    <%= @content_for_setup_body_class_names %>
+    </script>
+<% end -%>
+<% #
+   # This is where you root body element will appear.  To cause your
+   # content to appear here, just declare content_for('body') in one of
+   # your partials.
+-%>
+<%= @content_for_body %>
+<% #
+   # This is where your loading screen will appear.  To add a loading screen
+   # just declare content_for('loading') in one of your partials.
+-%>
+<% unless @content_for_loading.blank? %>
+<div id="loading">
+<%= @content_for_loading %>
+</div>
+<% end -%>
+<% #
+   # This is where the resources you declare will appear.  By default anything
+   # you add to partials will be added to this section unless you specify
+   # otherwise.  Note that resources are initially hidden so you can pull them
+   # apart as needed on page load.
+-%>
+<% unless @content_for_resources.blank? %>
+    <!-- Resources to be removed from DOM on page load -->
+    <div id="resources" style="display:none; visibility: hidden;">
+      <%= @content_for_resources -%>
+    </div>
+<% end -%>
+<% #
+   # This line should appear at the bottom of your page to include your
+   # generated JavaScript and any libraries you reference.  If you need
+   # to include other javascripts, add them to the :requires option of
+   # your client in routes.rb instead of changing it here.
+-%>
+<%= javascripts_for_client %>
+<% unless @content_for_page_javascript.blank? %>
+<%= @content_for_page_javascript %>
+<% end -%>
+<% #
+   # If you use old-style view helpers in your page, this method must be
+   # called to actually add the page views to your HTML.  Normally this will
+   # not generate any content.
+-%>
+<% #render_page_views -%>
+<% # Older SproutCore applications need SC.didLoad to be called after onload.
+   # This is no longer required by SproutCore so it is off by default.  To
+   # reenable set use_window_onload = true in yur config.
+-%>
+<% if config.use_window_onload %>
+<!-- Start SproutCore on Page Load -->
+    <script type="text/javascript">window.onload = SC.didLoad;</script>
+<% end -%>
+<% #
+   # The final content section can be used to add any last minute setup you
+   # need to do before the page ends.  This is required for loading unit
+   # tests among other things.
+-%>
+<%= @content_for_final -%>
+	</body>
+</html>

data/frameworks/sproutcore/frameworks/mobile/system/root_responder.js ADDED Viewed

@@ -0,0 +1,109 @@
+// ========================================================================
+// SproutCore -- JavaScript Application Framework
+// Copyright ©2006-2008, Sprout Systems, Inc. and contributors.
+// Portions copyright ©2008 Apple, Inc.  All rights reserved.
+// ========================================================================
+// Swap in platform-specific subclass.  Class-cluster FTW!
+SC.RootResponder = SC.RootResponder.extend({
+  platform: 'mobile',
+  /**
+    Setup event listeners for touch events.
+  */
+  setup: function() {
+    sc_super();
+    this.listenFor('touchstart touchmove touchend touchcancel'.w(), document);
+  },
+  touchstart: function(evt) {
+    try {
+      var view = this.targetViewForEvent(evt) ;
+      view = this._touchView = this.sendEvent('touchStart', evt, view) ;
+      if (view && view.respondsTo('touchDragged')) this._touchCanDrag = YES ;
+    } catch (e) {
+      console.log('Exception during touchStart: %@'.fmt(e)) ;
+      this._touchView = null ;
+      this._touchCanDrag = NO ;
+      return NO ;
+    }
+    return view ? evt.hasCustomEventHandling : YES;
+  },
+  touchmove: function(evt) {
+    SC.RunLoop.begin();
+    try {
+      var lh = this._lastHovered || [] ;
+      var nh = [] ;
+      var view = this.targetViewForEvent(evt) ;
+      // work up the view chain.  Notify of touchEntered and
+      // touchMoved if implemented.
+      while(view && (view !== this)) {
+        if (lh.indexOf(view) !== -1) {
+          view.tryToPerform('touchMoved', evt);
+          nh.push(view) ;
+        } else {
+          view.tryToPerform('touchEntered', evt);
+          nh.push(view) ;
+        }
+        view = view.get('nextResponder');
+      }
+      // now find those views last hovered over that were no longer found
+      // in this chain and notify of mouseExited.
+      for(var loc=0; loc < lh.length; loc++) {
+        view = lh[loc] ;
+        var exited = view.respondsTo('touchExited') ;
+        if (exited && !(nh.indexOf(view) !== -1)) {
+          view.tryToPerform('touchExited',evt);
+        }
+      }
+      this._lastHovered = nh;
+      // also, if a touchView exists, call the touchDragged action, if
+      // it exists.
+      if (this._touchView) this._touchView.tryToPerform('touchDragged', evt);
+    } catch (e) {
+      console.log('Exception during touchMove: %@'.fmt(e)) ;
+    }
+    SC.RunLoop.end();
+    return YES ;
+  },
+  touchend: function(evt) {
+    try {
+      evt.cancel = NO ;
+      var handler = null, view = this._touchView ;
+      // attempt the call only if there's a target.
+      // don't want a touch end going to anyone unless they handled the
+      // touch start...
+      if (view) handler = this.sendEvent('touchEnd', evt, view) ;
+      // try whoever's under the mouse if we haven't handle the mouse up yet
+      if (!handler) view = this.targetViewForEvent(evt) ;
+      // cleanup
+      this._touchCanDrag = NO; this._touchView = null ;
+    } catch (e) {
+      console.log('Exception during touchEnd: %@'.fmt(e)) ;
+      this._touchCanDrag = NO; this._touchView = null ;
+      return NO ;
+    }
+    return (handler) ? evt.hasCustomEventHandling : YES ;
+  },
+  /** @private
+    Handle touch cancel event.  Works just like touch end except evt.cancel
+    is set to YES.
+  */
+  touchcancel: function(evt) {
+    evt.cancel = YES ;
+    return this.touchend(evt);
+  }
+}) ;

data/frameworks/sproutcore/frameworks/mobile/tests/views/button/ui.js ADDED Viewed

@@ -0,0 +1,9 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2009 Sprout Systems, Inc. and contributors.
+//            portions copyright @2009 Apple, Inc.
+// License:   Licened under MIT license (see license.js)
+// ==========================================================================
+/*global module test htmlbody ok equals same stop start */

data/frameworks/sproutcore/frameworks/mobile/views/button.js ADDED Viewed

@@ -0,0 +1,190 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2009 Sprout Systems, Inc. and contributors.
+//            Portions ©2008-2009 Apple, Inc. All rights reserved.
+// License:   Licened under MIT license (see license.js)
+// ==========================================================================
+/** @class
+  Implements a push-button-style button.  This class is used to implement
+  both standard push buttons and tab-style controls.
+  @extends SC.View
+  @extends SC.Control
+  @extends SC.Button
+  @since SproutCore 1.0
+*/
+SC.ButtonView = SC.View.extend(SC.Control, SC.Button,
+/** @scope SC.ButtonView.prototype */ {
+  tagName: 'a',
+  classNames: ['sc-button-view'],
+  /**
+    optionally set this to the theme you want this button to have.
+    This is used to determine the type of button this is.  You generally
+    should set a class name on the HTML with the same value to allow CSS
+    styling.
+    The default SproutCore theme supports "regular", "checkbox", and "radio"
+  */
+  theme: 'square',
+  /**
+    The button href value.  This can be used to create localized button href values.  Setting an empty or null href will set it to javascript:;
+  */
+  href: '',
+  /**
+    The name of the action you want triggered when the button is pressed.
+    This property is used in conjunction with the target property to execute
+    a method when a regular button is pressed.  These properties are not
+    relevant when the button is used in toggle mode.
+    If you do not set a target, then pressing a button will cause the
+    responder chain to search for a view that implements the action you name
+    here.  If you set a target, then the button will try to call the method
+    on the target itself.
+    For legacy support, you can also set the action property to a function.
+    Doing so will cause the function itself to be called when the button is
+    clicked.  It is generally better to use the target/action approach and
+    to implement your code in a controller of some type.
+    @type String
+  */
+  action: null,
+  /**
+    The target object to invoke the action on when the button is pressed.
+    If you set this target, the action will be called on the target object
+    directly when the button is clicked.  If you leave this property set to
+    null, then the button will search the responder chain for a view that
+    implements the action when the button is pressed instead.
+    @type Object
+  */
+  target: null,
+  /**
+    fakes a click... evt is optional.
+    Temporarily highlights the button to show that it is being triggered.
+    Does nothing if the button is disabled.
+    @returns {bool} success/failure of the request
+  */
+  triggerAction: function(evt) {
+    if (!this.get('isEnabled')) return false;
+    this.set('isActive', YES);
+    this._action(evt);
+    this.invokeLater('set', 200, 'isActive', NO);
+    return true;
+  },
+  // ................................................................
+  // INTERNAL SUPPORT
+  _TEMPORARY_CLASS_HASH: {},
+  // display properties that should automatically cause a refresh.
+  // isCancel and isDefault also cause a refresh but this is implemented as
+  // a separate observer (see below)
+  displayProperties: 'href icon title value'.w(),
+  render: function(context, firstTime) {
+    // add href attr if tagName is anchor...
+    if (this.get('tagName') === 'a') {
+      var href = this.get('href');
+      if (!href || (href.length === 0)) href = "javascript"+":;";
+      context.attr('href', href);
+    }
+    // add some standard attributes & classes.
+    var classes = this._TEMPORARY_CLASS_HASH, icon = this.get('icon');
+    classes.def = this.get('isDefault');
+    classes.cancel = this.get('isCancel');
+    classes.icon = !!icon;
+    context.attr('role', 'button')
+      .setClass(classes).addClass(this.get('theme'));
+    // don't reset the content if the touch is down because we don't want to
+    // regenerate the event.
+    if (!this._isTouchActive) {
+      context = context.begin('span').addClass('sc-button-inner');
+      this.renderTitle(context, firstTime) ; // from button mixin
+      context = context.end();
+    }
+   },
+  _isTouchActive: NO,
+  /** @private
+    On touch start, set active only if enabled.
+  */
+  touchStart: function(evt) {
+    if (!this.get('isEnabled')) return YES ; // handled event, but do nothing
+    this.set('isActive', YES);
+    this._isTouchActive = YES;
+    return YES ;
+  },
+  /** @private
+    Remove the active class on touchExited if mouse is down.
+  */
+  touchExited: function(evt) {
+    if (this._isTouchActive) this.set('isActive', NO);
+    return YES;
+  },
+  /** @private
+    If mouse was down and we renter the button area, set the active state again.
+  */
+  touchEntered: function(evt) {
+    this.set('isActive', this._isTouchActive);
+    return YES;
+  },
+  /** @private
+    ON mouse up, trigger the action only if we are enabled and the mouse was released inside of the view.
+  */
+  touchEnd: function(evt) {
+    // track independently in case isEnabled has changed
+    if (this._isTouchActive) this.set('isActive', NO);
+    this._isTouchActive = false;
+    // trigger action if final touch was inside of button frame.
+    // if touch event was cancelled, do not trigger action
+    var inside, touchPoint, rect, changed;
+    if (evt.changedTouches.length > 0) {
+      changed = evt.changedTouches[0];
+      touchPoint = { x: changed.pageX, y: changed.pageY };
+      rect = this.convertFrameToView(this.get('frame'), null);
+      inside = SC.pointInRect(touchPoint, rect);
+    } else inside = YES ;
+    if (!evt.cancel && inside && this.get('isEnabled')) this._action(evt) ;
+    return true ;
+  },
+  /** @private  Perform an action based on the behavior of the button.
+   - toggle behavior: switch to on/off state
+   - on behavior: turn on.
+   - off behavior: turn off.
+   - otherwise: invoke target/action
+  */
+  _action: function(evt) {
+    console.log('action!');
+    var action = this.get('action');
+    var target = this.get('target') || null;
+    var pane   = this.get('pane');
+    var responder = pane ? pane.get('rootResponder') : null ;
+    if (responder) responder.sendAction(action, target, this, pane);
+  }
+}) ;