sproutcore 0.9.23 → 1.0.1003

data/frameworks/sproutcore/panes/overlay.js

@@ -1,235 +0,0 @@
-// ========================================================================
-// SproutCore
-// copyright 2006-2008 Sprout Systems, Inc.
-// ========================================================================
-
-require('panes/pane') ;
-require('views/container') ;
-
-// Panes are views that appear over the top of your regular content such as
-// dialogs boxes and pop-up menus.  This class provides the basic support for
-// these functions.
-//
-// SproutCore provides built-in support for four different types of panes, but
-// you can also create your own types of panes yourself.  The pane view
-// automatically groups all panes of a similar type together. 
-//
-// To create your own type of pane, create a subclass of SC.PaneView and then
-// register it with the SC.PaneManager:
-//
-// SC.PaneManager.registerPane('paneType', SC.PaneView);
-//
-// You can then make views show in the panes by settings the paneType 
-// property on the view and set 'isVisible' to true.
-//
-// Note that PaneView instances are reused by the pane manager.  You should
-// design your view be reused in this way.
-//
-SC.OverlayPaneView = SC.PaneView.extend({
-
-  // This property will be set to the content view when you are asked to
-  // display it.
-  content: null,
-  
-  // Set this to a value that indicates where you want your view to appear
-  // compare to other types of panes in the system.  the PaneManagers groups
-  // all panes of the same type together, with the most recently opened one
-  // appearing on top.
-  layer: 0,
-  
-  // This property will be set to the view that triggered your pane to show
-  // if relevant.  You can use this to properly size and position your pane.
-  anchorView: null,
-  
-  // This property will be set to the event that triggered your pane to show
-  // if relevant.  You can use this to properly size and position your pane.
-  triggerEvent: null,
-  
-  // if true, this pane will be modal.  Clicks outside of the containerView
-  // will be ignored.  If false, this pane is semi-modal: it will
-  // hide if you click outside of the containerView.
-  isModal: true,
-  
-  // override to position your pane on view.
-  positionPane: function() {
-  },
-  
-  // This method will do its best to position your pane on screen in relation
-  // to the anchor view passed.
-  fitPositionToScreen: function(preferredPosition, paneView, anchor) {
-    
-    // first build up the frame and convert to window...
-    var f = paneView.get('frame') ;
-    f.x = preferredPosition.x ; f.y = preferredPosition.y ;
-    f = paneView.convertFrameToView(f, null) ;
-
-    // get useful other frame limits.
-    var aframe = anchor.convertFrameToView(anchor.get('frame'), null) ;
-    var wframe = SC.window.get('frame') ;
-
-    // make sure the right edge fits on the screen.  If not, anchor to 
-    // right edge of anchor or right edge of window, whichever is closer.
-    if (SC.maxX(f) > wframe.width) {
-      var mx = Math.max(SC.maxX(aframe), f.width) ;
-      f.x = Math.min(mx, wframe.width) - f.width ;
-    }
-
-    // if the left edge is off of the screen, try to position at left edge
-    // of anchor.  If that pushes right edge off screen, shift back until 
-    // right is on screen or left = 0
-    if (SC.minX(f) < 0) {
-      f.x = SC.minX(Math.max(aframe,0)) ;
-      if (SC.maxX(f) > wframe.width) {
-        f.x = Math.max(0, wframe.width - f.width);
-      }
-    }
-
-    // make sure bottom edge fits on screen.  If not, try to anchor to top
-    // of anchor or bottom edge of screen.
-    if (SC.maxY(f) > wframe.height) {
-      var mx = Math.max((aframe.y - f.height), 0) ;
-      if (mx > wframe.height) {
-        f.y = Math.max(0, wframe.height - f.height) ;
-      } else f.y = mx ;
-    }
-
-    // if Top edge is off screen, try to anchor to bottom of anchor. If that
-    // pushes off bottom edge, shift up until it is back on screen or top =0
-    if (SC.minY(f) < 0) {
-      var mx = Math.min(SC.maxY(aframe), (wframe.height - aframe.height)) ;
-      f.y = Math.max(mx, 0) ;
-    }
-
-    return f ;
-    
-  },
-  
-  resizeWithOldParentSize: function(oldSize) {
-    this.positionPane() ;  
-  },
-  
-  // ...........................................
-  // KEYBOARD SUPPORT
-  //
-  acceptsFirstResponder: true,
-
-  keyDown: function(evt) {
-    if (!this.interpretKeyEvents(evt)) {
-      return sc_super();
-    }
-  },
-  
-  // when you hit return from within a dialog or panel, look for a child 
-  // view with isDefault => true
-  insertNewline: function(sender, evt) {
-    var button = this._findViewWithKeyIn('isDefault', SC.ButtonView, this) ;
-    if (button) {
-      button.triggerAction(evt) ;
-      return true ;
-    } else return false ;
-  },
-  
-  cancel: function(sender, evt) {
-    var button = this._findViewWithKeyIn('isCancel', SC.ButtonView, this) ;    
-    if (button) {
-      button.triggerAction(evt) ;
-      return true ;
-    } else return false ;
-  },
-  
-  _findViewWithKeyIn: function(keyName, rootClass, rootView, ignoreRoot) {
-    if (!ignoreRoot) {
-      if ((rootView instanceof rootClass) && rootView.get(keyName)) {
-        return rootView ;
-      }
-    }
-    
-    var child = rootView.get('firstChild') ;
-    while(child) {
-      var ret = this._findViewWithKeyIn(keyName, rootClass, child) ;
-      if (ret) return ret ;
-      child = child.get('nextSibling') ;
-    }
-    return null ;
-  },
-  
-  focusFirstKeyView: function() {
-    var fr = this._findViewWithKeyIn('acceptsFirstResponder', SC.Responder, this, true) ;
-    if (!fr) fr = this;
-    fr.becomeFirstResponder() ;
-  },
-
-  click: function(evt) {
-    if (!this.get('isModal')) {
-      var content = this.containerView.get('content') ;
-      if (content) content.set('isVisible', false) ;
-    }
-    return true ; 
-  },
-    
-  // ...........................................
-  // PRIVATE METHODS
-  //
-  _contentDidChange: function() {
-    var containerView = this.get('containerView') ;
-    if (containerView) containerView.set('content',this.get('content')) ;
-  }.observes('content'),
-  
-  outlets: ['containerView'],
-  containerView: SC.ContainerView.extend({
-    outlets: ['rootView'],
-
-    rootView: SC.View.extend({
-      // absorb all clicks so the pane will not hide.
-      click: function() { return true; }
-    }).outletFor('.pane-root?'),
-    
-    _fixWidth: function() {
-      var content = this.get('content') ;
-      if (content) {
-        content.resizeWithOldParentSize(this.get('size')) ;
-        
-        // compute space we need to add for border/padding
-        var padding = 0;
-        this.getEach('styleBorderLeftWidth', 'styleBorderRightWidth', 'stylePaddingLeft', 'stylePaddingRight').each(function(x) { padding += x || 0; });
-        this.recacheFrames() ;
-        content.recacheFrames() ;
-        
-        this.set('size', { width: (content.get('size').width + padding) });
-        this.owner.positionPane() ;
-        this.owner.setStyle({ visibility: 'visible' }) ;
-      } 
-      if (this.get('isVisibleInWindow')) 
-      {
-        this.owner.focusFirstKeyView();
-      }
-    }.observes('content'),
-    
-    init: function() {
-      sc_super() ;
-      
-      // only Safari does well enough with animations to handle this dainty
-      // guy. 
-      if (SC.isSafari()) {
-        this.visibleAnimation = {
-          visible: 'opacity: 1.0', hidden: 'opacity: 0.0', duration: 100  
-        } ;
-      }
-    },
-
-    // allow click through outside of the rootView.
-    click: function(evt) {
-      return false ;
-    }
-    
-  }).outletFor('.pane-wrapper?'),
-  
-  // just before the view becomes visible, set the width of the container
-  // view to match its content
-  show: function() {
-    this.containerView._fixWidth();
-    sc_super();
-    //this.focusFirstKeyView() ;
-  }
-
-});

data/frameworks/sproutcore/panes/pane.js

@@ -1,117 +0,0 @@
-// ========================================================================
-// SproutCore
-// copyright 2006-2008 Sprout Systems, Inc.
-// ========================================================================
-
-require('views/view');
-
-SC.KEYVIEW_SELECTING_NONE      = 0;
-SC.KEYVIEW_SELECTING_NEXT      = 1;
-SC.KEYVIEW_SELECTING_PREVIOUS  = 2;
-
-/**
-  @class
-  
-  A PaneView provides the root view context for a popup, menu, dialog, sheet,
-  widget or a window itself.  The responder chain, which is used to route 
-  keyboard and mouse events, always terminates with a pane view.
-  
-  You can use PaneViews to display various pop-up widgets as well as to 
-  implement your own behaviors.
-  
-  To use a pane, you typically just create a view and set its paneType 
-  property to the name of the type of pane view you want it to display in.
-  Whenever you set the view's isVisible property to true, it will display
-  inside of the pane view automatically.
-  
-  You will rarely use the SC.PaneView directly.  Instead, you should use
-  one of the subclasses included in SproutCore or create your own.
-  
-  @extends SC.View
-  @since SproutCore 1.0
-*/
-  
-SC.PaneView = SC.View.extend({
-
-  // panes do not belong to other panes...
-  pane: null,
-
-  isPane: true,
-  isModal: false,
-  
-  canBecomeKeyPane: true,
-  isKeyPane: false,
-  makeKeyPane: function()
-  {
-    if (!this.get('canBecomeKeyPane')) return false;
-    if (this.get('isKeyPane')) return false;
-    SC.app.set('keyPane', this);
-    return true;
-  },
-  didBecomeKeyPane: function() {},
-  willResignKeyPane: function() {},
-  
-  canBecomeMainPane: true,
-  isMainPane: false,
-  makeMainPane: function()
-  {
-    if (!this.get('canBecomeMainPane')) return false;
-    if (this.get('isMainPane')) return false;
-    SC.app.set('mainPane', this);
-    return true;
-  },
-  didBecomeMainPane: function() {},
-  willResignMainPane: function() {},
-
-
-
-  performKeyInterfaceControl: function( keystring, evt )
-  {
-    // TODO!
-    return false;
-  },
-
-  keyViewSelectionDirection: SC.KEYVIEW_SELECTING_NONE,
-  
-  selectPreviousKeyView: function() {},
-  selectNextKeyView: function() {},
-  
-  autorecalculatesKeyViewLoop: false,
-  recalculateKeyViewLoop: function() {},
-  
-
-
-  nextResponder: null,
-
-  // This property points to the responder (usually a view) that should be
-  // the first to receive keyboard events.  Usually you set this by calling
-  // becomeFirstResponder on the view itself.
-  _firstResponder: null,
-  firstResponder: function(key,value)
-  {
-    if (value !== undefined) {
-      if (this._firstResponder) {
-        this._firstResponder.willLoseFirstResponder();
-      }
-      if (this._firstResponder) {
-        this._firstResponder.set('isFirstResponder',false) ;
-      }
-      
-      this._firstResponder = value ;
-     
-      if (this._firstResponder) {
-        this._firstResponder.set('isFirstResponder',true) ;
-      }
-      if (this._firstResponder) {
-        this._firstResponder.didBecomeFirstResponder() ;
-      }
-    }
-    return this._firstResponder; //TODO: shouldn't we return the defaultResponder if !this._firstResponder
-  }.property(),
-
-  // This property can be set to point to a default responder that should 
-  // handle keyboard events if no responders in the normal chain decide to
-  // take it.
-  defaultResponder: null
-
-});

data/frameworks/sproutcore/panes/panel.js

@@ -1,19 +0,0 @@
-// ========================================================================
-// SproutCore
-// copyright 2006-2008 Sprout Systems, Inc.
-// ========================================================================
-
-require('panes/overlay') ;
-
-// A panel should be used for long-term modal interfaces.  For example, you
-// might use a panel for preferences or configuration settings.  These are 
-// mini-parts of the application.
-SC.PANEL_PANE = 'panel';
-SC.PanelPaneView = SC.OverlayPaneView.extend({
-  
-  emptyElement: '<div class="pane panel-pane"><div class="shadow pane-wrapper"><div class="pane-root"></div><div class="top-left-edge"></div><div class="top-edge"></div><div class="top-right-edge"></div><div class="right-edge"></div><div class="bottom-right-edge"></div><div class="bottom-edge"></div><div class="bottom-left-edge"></div><div class="left-edge"></div></div></div>',
-  
-  layer: 100
-    
-}) ;
-

data/frameworks/sproutcore/panes/picker.js

@@ -1,46 +0,0 @@
-// ========================================================================
-// SproutCore
-// copyright 2006-2008 Sprout Systems, Inc.
-// ========================================================================
-
-require('panes/overlay') ;
-
-SC.PICKER_PANE = 'picker';
-SC.PickerPaneView = SC.OverlayPaneView.extend({
-  
-  emptyElement: '<div class="pane picker-pane"><div class="shadow pane-wrapper picker-pane-wrapper"><div class="pane-root"></div><div class="top-left-edge"></div><div class="top-edge"></div><div class="top-right-edge"></div><div class="right-edge"></div><div class="bottom-right-edge"></div><div class="bottom-edge"></div><div class="bottom-left-edge"></div><div class="left-edge"></div></div></div>',
-  
-  layer: 300,
-  
-  isModal: false,
-
-  // The ideal position for a picker pane is just below the anchor that 
-  // triggered it.  Find that ideal position, then call adjustPosition.
-  positionPane: function() {
-    var anchor = this.anchorView ;
-    var picker = this.containerView ;
-    var origin ;
-    
-    // usually an anchorView will be passed.  The ideal position to appear is
-    // just below the anchorView.  If that is not possible, fitToScreen will
-    // take care of that.
-    if (anchor) {
-      origin = picker.convertFrameFromView(anchor.get('frame'), anchor) ;
-      origin.y += origin.height ;
-      origin = this.fitPositionToScreen(origin, picker, anchor) ;
-      
-    // if no anchor view has been set for some reason, just center.
-    } else {
-      var wsize = SC.window.get('size') ;
-      var psize = picker.get('size') ;
-      origin = {};
-      origin.x = (wsize.width - psize.width) / 2 ;
-      origin.y = (wsize.height - psize.height) / 2 ;
-    }
-    
-    picker.set('origin',origin) ;
-  }
-  
-  
-}) ;
-

data/frameworks/sproutcore/server/rails_server.js

@@ -1,79 +0,0 @@
-// ========================================================================
-// SproutCore
-// copyright 2006-2008 Sprout Systems, Inc.
-// ========================================================================
-
-require('server/rest_server') ;
-
-/**
-  @class
-
-  This server extends SC.RestServer and leverages Rails feature to protect
-  your controller actions from CSRF attacks by using the authenticity token
-  from rails in requests from SproutCore. For more information about this
-  feature from Rails see the documentation in rails for module
-  ActionController::RequestForgeryProtection.
-
-  To use this server create it like for example:
-
-  {{{
-    Contacts = SC.Object.create({
-      server: SC.RailsServer.create({ prefix: ['Contacts'] })
-    }) ;
-  }}}
-
-  In order for SproutCore to send the authenticity token in the body of 
-  requests there is one prerequisite: you must initialize the SproutCore app 
-  by setting the following two variables:
-
-  | SC.RAILS_AUTH_TOKEN_NAME  | Should be set to the name of the authenticity token |
-  | SC.AUTH_TOKEN | Should be set to the value of the authenticity token |
-
-  Following is a description of how this can be achieved. Stick the following 
-  code in one of your controllers:
-
-  {{{
-    # Passes the authenticity token for use in javascript
-    def auth_token
-      respond_to do |wants|
-        wants.js do
-          if protect_against_forgery?
-            render :text => "var SC = SC || {};  
-              SC.RAILS_AUTH_TOKEN_NAME = '#{request_forgery_protection_token}';
-              SC.RAILS_AUTH_TOKEN = '#{form_authenticity_token}';"
-          end
-        end
-      end
-    end
-  }}}
-
-  And make it accessible via your rails routes.rb file, for example:
-
-  {{{
-    map.connect 'auth-token.js', :controller => 'application', :action => 'auth_token'
-  }}}
-
-  Lastly, add a reference to the script to the :javascript_libs property
-  in your sc-config file, for example:
-  
-  {{{
-    c[:javascript_libs] = ['/sc/auth-token.js']
-  }}}
-
-
-  @extends SC.RestServer
-  @author Lawrence Pit
-  @copyright 2006-2008, Sprout Systems, Inc. and contributors.
-  @since SproutCore 1.0
-*/
-SC.RailsServer = SC.RestServer.extend({
-
-  urlFor: function(resource, action, ids, params, method) {
-    if (method != 'get' && SC.RAILS_AUTH_TOKEN_NAME) {
-      params[SC.RAILS_AUTH_TOKEN_NAME] = SC.RAILS_AUTH_TOKEN;
-    }
-
-    return sc_super();
-  }
-
-}) ;

data/frameworks/sproutcore/server/rest_server.js

@@ -1,177 +0,0 @@
-// ========================================================================
-// SproutCore
-// copyright 2006-2008 Sprout Systems, Inc.
-// ========================================================================
-
-require('server/server') ;
-
-/** 
-  @class
-  
-  Usually you wouldn't need to call any of the methods on this class or it's 
-  superclass, except for calling the +listFor+ method. The other methods are 
-  called for you when you work with your model objects. For example, calling 
-  myObject.commit(); will call the commitRecords method on this server if you 
-  had defined this server to be to the +dataSource+ of myObject.
-
-  To have an SC model reflect data on a backend server attach an instance of 
-  this class to your application. For example:
-
-  {{{
-    Contacts = SC.Object.create({
-      server: SC.RestServer.create({ prefix: ['Contacts'] })
-    }) ;
-  }}}
-
-  Then attach that server as the +dataSource+ to each model class that you 
-  want to have reflected. Also define a +resourceURL+ which defines the URL 
-  where the collection of your model can be queried. For example:
-
-  {{{
-    Contacts.Contact = SC.Record.extend(
-      dataSource: Contacts.server,
-      resourceURL: 'sc/contacts',
-      properties: ['guid','firstName','lastName'],
-      primaryKey: 'guid'
-    }) ;
-  }}}
-
-  When you work with your models, behind the scenes SC will use 5 main methods 
-  on this server. Each is listed below, together with the HTTP method used in 
-  the call to the backend server and the URL that is being called. The URL is 
-  based on the example given above.
-
-      listFor             GET    /sc/contacts
-
-      createRecords       POST   /sc/contacts
-
-      refreshRecords
-      for one record      GET    /sc/contacts/12345
-
-      refreshRecords
-      for many records    GET    /sc/contacts?ids=1,2,3,4,5,6
-
-      commitRecords
-      for one record      PUT    /sc/contacts/12345
-
-      commitRecords
-      for many records    PUT    /sc/contacts?ids=1,2,3,4,5
-
-      destroyRecords
-      for one record      DELETE /sc/contacts/12345
-
-      destroyRecords
-      for many records    DELETE /sc/contacts?ids=1,2,3,4,5
-
-  The above is the default behaviour of this server. If you want different 
-  URLs to be generated then extend this class and override the +urlFor+ 
-  method.
-
-  Another way to override the above is to tell SC where member resources can
-  be refreshed, committed and destroyed. For example, when SC calls
-  
-  {{{
-    GET /sc/contacts
-  }}}
-  
-  you could reply as follows:
-
-  {{{
-    records: [
-      {  guid: '123',
-        type: "Contact",
-        refreshURL: "/contacts?refresh=123",
-        updateURL: "/contacts/123?update=Y",
-        destroyURL: "/contacts/123",
-        firstName: "Charles",
-        ...
-      }],
-      ...
-    }
-  }}}
-
-  Then when contact 123 needs to be refreshed later on by SC, it will call:
-
-  {{{
-    GET /contacts?refresh=123
-  }}}
-
-  instead of GET /contacts/123. Note that this only works for members on your
-  resource. If a collection of contacts needed to be refreshed it would still
-  call for example GET /contacts?id=123,456,789 instead of making 3 separate
-  calls.
-
-  Because some browsers cannot actually perform an HTTP PUT or HTTP DELETE it
-  will actually perform an HTTP POST but will put an additional key,value pair
-  in the post data packet. For HTTP PUT it will add _method='put' and for
-  HTTP DELETE it will add _method='delete' in the post data.
-
-  Via the SC.Server#request method you can also call collection and member
-  functions on your resource. Use the +action+ parameter for this. For
-  example, server.request('contacts', 'archive', null, params, 'delete')
-  would call:
-
-  {{{
-    DELETE /contacts/archive
-  }}}
-
-  And server.request('contacts', 'give', [12345], {'amount': 1000}, 'put')
-  would call:
-
-  {{{
-   PUT /contacts/12345/give
-  }}}
-  
-  with post data amount=1000.
-
-  Alternatively explicitely define the URL to use by setting the +url+
-  property in the +params+ argument that is passed to the server.request 
-  method. For example:
-
-  {{{
-    Contacts.server.request(null,null,null, {url: '/sc/archive'}, 'delete')
-  }}}
-
-  would call:
-
-  {{{
-    DELETE /sc/archive
-  }}}
-
-
-  @extends SC.Server
-  @author Lawrence Pit
-  @copyright 2006-2008, Sprout Systems, Inc. and contributors.
-  @since SproutCore 1.0
-*/
-SC.RestServer = SC.Server.extend({
-
-  /**
-    @see SC.Server.urlFor
-  **/
-  urlFor: function(resource, action, ids, params, method) {
-    url = resource;
-    if (ids && ids.length == 1) url = url + '/' + ids[0];
-    if (action && action != '') url = url + '/' + action;
-    return url;
-  },
-
-
-  /* privates, overrides the values in SC.Server */
-
-  _listForAction: '',
-  _listForMethod: 'get',
-
-  _createAction: '',
-  _createMethod: 'post',
-
-  _refreshAction: '',
-  _refreshMethod: 'get',
-
-  _commitAction: '',
-  _commitMethod: 'put',
-
-  _destroyAction: '',
-  _destroyMethod: 'delete'
-
-}) ;