RubyGems - sproutit-sproutcore - Versions diffs - 1.0.0.20090407205609 → 1.0.0.20090408130025 - Mend

sproutit-sproutcore 1.0.0.20090407205609 → 1.0.0.20090408130025

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (574) 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);
+  }
+}) ;

data/frameworks/sproutcore/frameworks/runtime/README ADDED Viewed

@@ -0,0 +1,11 @@
+sproutcore/runtime
+== About SproutCore Runtime
+The SproutCore Runtime is a library that adds property bindings and observers
+to JavaScript.  You can use the runtime in web pages, applications, and
+everything in between to easily manage the state of your page with less code.
+This library is a part of the SproutCore JavaScript Application Framework,
+which is a full-stack MVC framework for building desktop-like applications on
+the web.