sproutcore 1.6.0.beta.2-x86-mingw32

data/lib/frameworks/sproutcore/frameworks/experimental/apps/greenhouse/views/simple_button.js

@@ -0,0 +1,157 @@
+// ==========================================================================
+// Greenhouse.SimpleButton
+// ==========================================================================
+/*globals Greenhouse*/
+/*jslint evil: true */
+
+/** @class
+  
+  This view come from SCUI.SimpleButton
+  
+  Mixin to allow for simple button actions...
+  
+  
+  This Mixin comes from SCUI: http://github.com/etgryphon/sproutcore-ui and is 
+  avaliable under the MIT license
+  
+  @author Evin Grano
+  @version 0.1
+  @since 0.1
+*/
+Greenhouse.SimpleButton = {
+/* SimpleButton Mixin */
+  target: null,
+  action: null,
+  hasState: NO,
+  hasHover: NO,
+  inState: NO,
+  _hover: NO,
+  stateClass: 'state',
+  hoverClass: 'hover',
+  activeClass: 'active', // Used to show the button as being active (pressed)
+  
+  _isMouseDown: NO, 
+  
+  displayProperties: ['inState'],
+
+  /** @private 
+    On mouse down, set active only if enabled.
+  */    
+  mouseDown: function(evt) {
+    //console.log('SimpleButton#mouseDown()...');
+    if (!this.get('isEnabledInPane')) return YES ; // handled event, but do nothing
+    //this.set('isActive', YES);
+    this._isMouseDown = YES;
+    this.displayDidChange();
+    return YES ;
+  },
+
+  /** @private
+    Remove the active class on mouseExited if mouse is down.
+  */  
+  mouseExited: function(evt) {
+    //console.log('SimpleButton#mouseExited()...');
+    if ( this.get('hasHover') ){ 
+      this._hover = NO; 
+      this.displayDidChange();
+    }
+    //if (this._isMouseDown) this.set('isActive', NO);
+    return YES;
+  },
+
+  /** @private
+    If mouse was down and we renter the button area, set the active state again.
+  */  
+  mouseEntered: function(evt) {
+    //console.log('SimpleButton#mouseEntered()...');
+    if ( this.get('hasHover') ){ 
+      this._hover = YES; 
+      this.displayDidChange();
+    }
+    //this.set('isActive', this._isMouseDown);
+    return YES;
+  },
+
+  /** @private
+    ON mouse up, trigger the action only if we are enabled and the mouse was released inside of the view.
+  */  
+  mouseUp: function(evt) {
+    if (!this.get('isEnabledInPane')) return YES;
+    //console.log('SimpleButton#mouseUp()...');
+    //if (this._isMouseDown) this.set('isActive', NO); // track independently in case isEnabled has changed
+    this._isMouseDown = false;
+    // Trigger the action
+    var target = this.get('target') || null;
+    var action = this.get('action');    
+    // Support inline functions
+    if (this._hasLegacyActionHandler()) {
+      // old school... 
+      this._triggerLegacyActionHandler(evt);
+    } else {
+      // newer action method + optional target syntax...
+      this.getPath('pane.rootResponder').sendAction(action, target, this, this.get('pane'));
+    }
+    if (this.get('hasState')) {
+      this.set('inState', !this.get('inState'));
+    }
+    this.displayDidChange();
+    return YES;
+  },
+  
+  renderMixin: function(context, firstTime) {
+    if (this.get('hasHover')) { 
+      var hoverClass = this.get('hoverClass');
+      context.setClass(hoverClass, this._hover && !this._isMouseDown); // addClass if YES, removeClass if NO
+    }
+    
+    if (this.get('hasState')) {
+      var stateClass = this.get('stateClass');
+      context.setClass(stateClass, this.inState); // addClass if YES, removeClass if NO
+    }
+    
+    var activeClass = this.get('activeClass');
+    context.setClass(activeClass, this._isMouseDown);
+    
+    // If there is a toolTip set, grab it and localize if necessary.
+    var toolTip = this.get('toolTip') ;
+    if (SC.typeOf(toolTip) === SC.T_STRING) {
+      if (this.get('localize')) toolTip = toolTip.loc();
+      context.attr('title', toolTip);
+      context.attr('alt', toolTip);
+    }
+  },  
+  
+  /**
+    @private
+    From ButtonView 
+    Support inline function definitions
+   */
+  _hasLegacyActionHandler: function(){
+    var action = this.get('action');
+    if (action && (SC.typeOf(action) === SC.T_FUNCTION)) return true;
+    if (action && (SC.typeOf(action) === SC.T_STRING) && (action.indexOf('.') !== -1)) return true;
+    return false;
+  },
+
+  /** @private */
+  _triggerLegacyActionHandler: function(evt){
+    var target = this.get('target');
+    var action = this.get('action');
+
+    // TODO: [MB/EG] Review: MH added the else if so that the action executes
+    // in the scope of the target, if it is specified.
+    if (target === undefined && SC.typeOf(action) === SC.T_FUNCTION) {
+      this.action(evt);
+    }
+    else if (target !== undefined && SC.typeOf(action) === SC.T_FUNCTION) {
+      action.apply(target, [evt]);
+    }
+    
+    if (SC.typeOf(action) === SC.T_STRING) {
+      eval("this.action = function(e) { return "+ action +"(this, e); };");
+      this.action(evt);
+    }
+  }
+  
+};
+

data/lib/frameworks/sproutcore/frameworks/experimental/apps/greenhouse/views/tear_off_picker.js

@@ -0,0 +1,56 @@
+// ==========================================================================
+// Project:   Greenhouse.TearOffPicker
+// Copyright: ©2010 Mike Ball
+// ==========================================================================
+/*globals Greenhouse */
+/** @class
+
+  @extends SC.PickerPane
+*/
+Greenhouse.TearOffPicker = SC.PickerPane.extend(
+/** @scope Greenhouse.TearOffPicker.prototype */ {
+    
+  dragAction: '',
+  
+  mouseDragged: function(evt){
+    
+    Greenhouse.sendAction(this.get('dragAction'));
+    this._blockedIframe = YES;
+    Greenhouse.eventBlocker.set('isVisible', YES);
+    
+    return sc_super();
+  },
+  
+  mouseUp: function(evt){
+    if(this._blockedIframe){
+      Greenhouse.eventBlocker.set('isVisible', NO);
+      this._blockedIframe = NO;
+    }
+    return YES;
+  },
+  
+  mouseDown: function(evt) {
+    var f=this.get('frame');
+    this._mouseOffsetX = f ? (f.x - evt.pageX) : 0;
+    this._mouseOffsetY = f ? (f.y - evt.pageY) : 0;
+    return this.modalPaneDidClick(evt);
+  },
+  
+  modalPaneDidClick: function(evt) {
+    var f = this.get("frame");
+    if(!this.clickInside(f, evt)){ 
+      Greenhouse.sendAction('cancel');
+    }
+    return YES ; 
+  },
+  
+  computeAnchorRect: function(anchor) {
+    var ret = SC.viewportOffset(anchor); // get x & y
+    var cq = SC.$(anchor);
+    var wsize = SC.RootResponder.responder.computeWindowSize() ;
+    ret.width = cq.outerWidth();
+    ret.height = (wsize.height-ret.y) < cq.outerHeight() ? (wsize.height-ret.y) : cq.outerHeight();
+    ret.y = ret.y -11;
+    return ret ;
+  }
+});

data/lib/frameworks/sproutcore/frameworks/experimental/apps/greenhouse/views/web.js

@@ -0,0 +1,44 @@
+// ==========================================================================
+// Project:   Greenhouse.WebView
+// Copyright: ©2010 Mike Ball
+// ==========================================================================
+/*globals Greenhouse */
+/** @class
+
+  provides access to the iframes memoryspace
+  @extends SC.WebView
+*/
+Greenhouse.WebView = SC.WebView.extend(
+/** @scope Greenhouse.WebView.prototype */ {
+  
+  iframeDidLoad: function() {
+    //fit the iframe to size of the contents.
+    if (this.get('shouldAutoResize') === YES){
+      var contentWindow;
+      var iframeElt = this.$('iframe')[0];
+      if(iframeElt && iframeElt.contentWindow){
+        contentWindow = iframeElt.contentWindow;
+        this.contentWindow = contentWindow;
+        if(contentWindow && contentWindow.document && contentWindow.document.documentElement){
+          var docElement = contentWindow.document.documentElement;
+          // setting the width before the height gives more accurate results.. 
+          // atleast for the test iframe content i'm using.
+          //TODO: try out document flows other than top to bottom.
+          if (!SC.browser.isIE){
+            this.$().width(docElement.scrollWidth);
+            this.$().height(docElement.scrollHeight);          
+          } else {
+            this.$().width(docElement.scrollWidth + 12);
+            this.$().height(docElement.scrollHeight + 5);          
+          }
+        }
+      }
+    }
+    else{
+      var iframe = this.$('iframe')[0];
+      if(iframe) this.contentWindow = iframe.contentWindow;
+    }
+    Greenhouse.set('iframe', this.contentWindow);
+    Greenhouse.sendAction('iframeLoaded');
+  }
+});

data/lib/frameworks/sproutcore/frameworks/experimental/frameworks/designer/coders/design.js

@@ -0,0 +1,22 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2011 Strobe Inc. and contributors.
+//            Portions ©2008-2011 Apple Inc. All rights reserved.
+// License:   Licensed under MIT license (see license.js)
+// ==========================================================================
+
+
+/* evil:true */
+
+sc_require('coders/object');
+
+/** @class
+
+  A DesignCoder encodes specifically the design for a set of views.
+  
+  @extends SC.ObjectCoder
+*/
+SC.DesignCoder = SC.ObjectCoder.extend({
+  extendMethodName: 'design',
+  encodeMethodName: 'encodeDesign'  
+});

data/lib/frameworks/sproutcore/frameworks/experimental/frameworks/designer/coders/object.js

@@ -0,0 +1,349 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2011 Strobe Inc. and contributors.
+//            Portions ©2008-2011 Apple Inc. All rights reserved.
+// License:   Licensed under MIT license (see license.js)
+// ==========================================================================
+
+
+/**
+
+  Generic base class to encode a view hierarchy.  `ViewCoder`s are used to
+  collect the properties that may be included in a view design and then to 
+  serialize that design to a JavaScript string that can be evaled.  
+  
+  To encode a view with a `ViewCoder`, simply call `SC.ViewCoder.encode(view)`.
+  Most of the time, however, you will not initiate coding directly but instead
+  work with the coder while designing an `SC.DesignerView` subclass.
+
+  ## Using a Coder
+
+  When you are passed an instance of a coder, you can simply write attributes
+  into the coder using one of the many encoding methods defined on the view.
+  Encoding methods are defined for most primitive view types.
+  
+      coder.string("firstName" , "Charles").string('lastName', 'Jolley');
+  
+  @extends SC.Object
+*/
+SC.ObjectCoder = SC.Object.extend({
+  
+  // ..........................................................
+  // PROPERTIES
+  // 
+  
+  /** The `className` used to emit the design. */
+  className: 'SC.Object',
+  
+  /** 
+    The method to be used to create the class or object. 
+  */
+  extendMethodName: 'extend',
+  
+  /** 
+    The default encoding method.  If an object defines this method, then a new
+    coder will be created to encode that object.
+  */
+  encodeMethodName: 'encode',
+  
+  /** 
+    The attributes that will be emitted.  The values all must be strings. Use 
+    one of the encoding methods defined below to actually encode attributes.
+  */
+  attributes: null,
+  
+  // ..........................................................
+  // ENCODING METHODS
+  // 
+  // Call these methods to encode various types of attributes.  They all take
+  // the same basic params: (key, value)...
+
+  /**
+    Utility method transforms the passed value with the passed function.  
+    Handles both Arrays and individual items.
+  */
+  transform: function(val, func) {
+    
+    // for an array, transform each value with the func and then return a
+    // combined array.
+    if (SC.typeOf(val) === SC.T_ARRAY) {
+      val = val.map(function(x) { return this.transform(x, func); }, this);
+      val = '['+val+']';
+      
+    // otherwise, just call transform function on the value
+    } else {
+      val = func.call(this, val);
+    }
+    return val;
+  },
+  
+  /**
+    Encodes a string of raw JavaScript.  This is the most primitive method. 
+    You are expected to prep the value yourself.  You can pass an array to
+    this or any other method and it will be encoded as a full array.
+
+    This method also automatically handles null and undefined values.  Null
+    values are included in the output.  Undefined values are ignored.
+    
+    @param key {String} the key to set
+    @param val {String} the JavaScript
+    @param transform {Function} optional transform function to apply to val
+    @returns {SC.ObjectCoder} receiver
+  */
+  js: function(key, val, transform) {
+    
+    // normalize
+    if (val===undefined) { val=key; key = undefined; }
+    val = this.transform(val, function(x) {
+      return (x===null) ? "null" : transform ? transform.call(this, x) : x ;
+    });
+    
+    // save if needed.  Undefined values are ignored
+    if (key !== undefined && (val !== undefined)) {
+      this.attributes[key] = val;
+      return this ;
+    } else return val ;
+  },
+
+  /**
+    Encodes a string, wrapping it in quotes.
+    
+    @param key {String} the key to set
+    @param val {String} the value
+    @returns {SC.ObjectCoder} receiver
+  */
+  string: function(key, val) {
+    return this.js(key, val, function(x) {
+      return '"' + x.replace(/"/g, '\\"') + '"' ;
+    });
+  },
+  
+  /**
+    Encodes a number, wrapping it in quotes.
+    
+    @param key {String} the key to set
+    @param val {Number} the value
+    @returns {SC.ObjectCoder} receiver
+  */
+  number: function(key, val) {
+    return this.js(key, val, function(x) { return x.toString(); });
+  },
+  
+  /**
+    Encodes a bool, mapped as `YES` or `NO`
+    
+    @param key {String} the key to set
+    @param val {Boolean} the value
+    @returns {SC.ObjectCoder} receiver
+  */
+  bool: function(key, val) {
+    return this.js(key, val, function(x) { return x ? "true" : "false"; });
+  },
+
+  /**
+    Encodes an object.  This will do its best to autodetect the type of the
+    object.  You can pass an optional processing function that will be used 
+    on object members before processing to allow you to normalize.  The 
+    method signature must be:
+    
+        function convert(value, rootObject, key);
+
+    The rootObject and key will be set to give you the context in the 
+    hierarchy.
+    
+    Generally this method will work for encoding simple value only.  If your 
+    object graph may contain SproutCore objects, you will need to encode it
+    yourself.
+    
+    @param key {String} the key to set
+    @param val {Object} the value
+    @param func {Function} optional transform func
+    @returns {SC.ObjectCoder} receiver
+  */
+  encode: function(key, val, func) {
+    // normalize params
+    if (func===undefined && val instanceof Function) {
+      func = val; val = key; key = undefined; 
+    }
+
+    return this.js(key, val, function(cur) { 
+      if (func) cur = func.call(this, cur, null, null);
+      switch(SC.typeOf(cur)) {
+      case SC.T_STRING:
+        cur = this.string(cur);
+        break;
+
+      case SC.T_NUMBER:
+        cur = this.number(cur);
+        break;
+
+      case SC.T_BOOL:
+        cur = this.bool(cur);
+        break;
+
+      case SC.T_ARRAY:
+        cur = this.array(cur, func) ;
+        break;
+
+      case SC.T_HASH:
+        cur = this.hash(cur, func);
+        break ;
+        
+      default:
+        // otherwise, if the object has a designer attached, try to encode
+        // view.
+        cur = cur ? this.object(cur) : this.js(cur);
+      }
+      return cur ;
+    });
+  },
+  
+  /**
+    Encodes a hash of objects.  The object values must be simple objects for
+    this method to work.  You can also optionally pass a processing function
+    that will be invoked for each value, giving you a chance to convert the
+    value first.  The signature must be `(key, value, rootObject)`.
+    
+    @param key {String} the key to set
+    @param val {Object} the value
+    @param func {Function} optional transform func
+    @returns {SC.ObjectCoder} receiver
+  */
+  hash: function(key, val, func) {
+    
+    // normalize params
+    if (func===undefined && val instanceof Function) {
+      func = val; val = key; key = undefined; 
+    }
+    
+    return this.js(key, val, function(x) { 
+      var ret = [] ;
+      for(var key in x) {
+        if (!x.hasOwnProperty(key)) continue; // only include added...
+        ret.push("%@: %@".fmt(this.encode(key), this.encode(x[key], func)));
+      }
+      return "{%@}".fmt(ret.join(","));
+    });
+  },
+
+  /**
+    Encodes a array of objects.  The object values must be simple objects for
+    this method to work.  You can also optionally pass a processing function
+    that will be invoked for each value, giving you a chance to convert the
+    value first.  The signature must be `(index, value, rootObject)`.
+    
+    @param key {String} the key to set
+    @param val {Object} the value
+    @param func {Function} optional transform func
+    @returns {SC.ObjectCoder} receiver
+  */
+  array: function(key, val, func) {
+    
+    // normalize params
+    if (func===undefined && val instanceof Function) {
+      func = val; val = key; key = undefined; 
+    }
+
+    val = val.map(function(x) { return this.encode(x, func); }, this);
+    val = "[%@]".fmt(val.join(","));
+
+    return this.js(key, val);
+  },
+  
+  /**
+    Attempts to encode an object.  The object must implement the 
+    encodeMethodName for this encoder, or else an exception will be raised.
+    
+    @param key {String} the key to set
+    @param val {Object} the object to encode
+    @returns {SC.ObjectCoder} receiver
+  */
+  object: function(key, val) {
+    return this.js(key, val, function(x) {
+      return this.constructor.encode(x, this);
+    });
+  },
+  
+  // ..........................................................
+  // INTERNAL SUPPORT
+  // 
+  
+  spaces: function() {
+    var spaces = this.context ? this.context.get('spaces') : '' ;
+    spaces = spaces + '  ';  
+    return spaces ;
+  }.property().cacheable(),
+  
+  /** 
+    Emits the final JavaScript output for this coder based on the current
+    attributes.
+  */
+  emit: function() {
+    
+    // return undefined if the encoding was rejected...
+    if (this.invalid) return undefined ;
+    
+    var ret = [], attrs = this.attributes, key ;
+    var methodName = this.get('extendMethodName');
+    var spaces = this.get('spaces');
+    
+    // compute attribute body...
+    for(key in attrs) {
+      if (!attrs.hasOwnProperty(key)) continue ;
+      ret.push("%@: %@".fmt(key, attrs[key]));
+    }
+    
+    if (ret.length <= 0) {
+      return "%@1%@2.%@3({})".fmt(spaces, this.className, methodName);
+    } else {
+      // handle NO class formatting..
+      ret = ret.join(",");
+      return "%@2.%@3({%@4})".fmt(spaces, this.className, methodName, ret);
+    }
+  },
+  
+  /**
+    Begins encoding with a particular object, setting the className to the 
+    object's `className`.  This is used internally by the `encode()` method.
+  */
+  begin: function(object) {
+    var methodName = this.get('encodeMethodName');
+    if (SC.typeOf(object[methodName]) !== SC.T_FUNCTION) {
+      throw SC.$error("Cannot encode %@ because it does not respond to %@()".fmt(object, methodName)) ;
+    } 
+    
+    // save className for later coding
+    this.set('className', SC._object_className(object.constructor));
+
+    // then call encode method...
+    var ret = object[methodName](this);
+    
+    // if encoding method returns NO, then encoding is not allowed.
+    // note that returning void should count as YES.
+    this.invalid = ret === NO ;
+    
+    // and return this
+    return this ;
+  },
+  
+  init: function() {
+    sc_super();
+    this.set('attributes', {});
+  },
+  
+  destroy: function() {
+    sc_super();
+    this.context = this.className = this.attributes = null ; // cleanup
+  }
+  
+});
+
+SC.ObjectCoder.encode = function(object, context) {
+  // create coder and emit code...
+  var coder = this.create({ context: context });
+  var ret = coder.begin(object).emit();
+  
+  // cleanup and return
+  coder.destroy();
+  return ret ;
+} ;

data/lib/frameworks/sproutcore/frameworks/experimental/frameworks/designer/controllers/controllers.js

@@ -0,0 +1,23 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2011 Strobe Inc. and contributors.
+//            Portions ©2008-2011 Apple Inc. All rights reserved.
+// License:   Licensed under MIT license (see license.js)
+// ==========================================================================
+
+// // ==========================================================================
+// Project:   SC.controllersController
+// ==========================================================================
+/*globals SC */
+
+/** @class
+
+  in suppressMain mode all controllers files register with this array controller
+
+  @extends SC.Object
+*/
+SC.controllersController = SC.ArrayController.create(
+/** @scope SC.controllersController.prototype */ {
+  
+  
+}) ;

data/lib/frameworks/sproutcore/frameworks/experimental/frameworks/designer/controllers/design.js

@@ -0,0 +1,43 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2011 Strobe Inc. and contributors.
+//            Portions ©2008-2011 Apple Inc. All rights reserved.
+// License:   Licensed under MIT license (see license.js)
+// ==========================================================================
+// ==========================================================================
+// Project:   SC.designController
+// ==========================================================================
+/*globals SC */
+
+/** @class
+
+  (Document Your Controller Here)
+
+  @extends SC.Object
+*/
+SC.designController = SC.ObjectController.create(
+/** @scope SC.designController.prototype */ {
+
+  contentBinding: 'SC.designsController.selection',
+  contentBindingDefault: SC.Binding.single(),
+  
+  viewSelected: function(){
+    var c = this.get('content'), pane, designer, pageController;
+    if(c){
+      pane = c.get('view');
+      if(pane.kindOf && pane.kindOf(SC.View)){
+        pageController = SC.designsController.getPath('page.designController');
+        designer = pane.get('designer');
+        //make this designer the rootDesigner
+        if(pageController && designer) {
+          designer.set('designIsEnabled', NO);
+          pageController.makeRootDesigner(designer);
+        }
+      }
+      else if(SC._Greenhouse){
+        SC._Greenhouse.designController.set('content', pane.get('designer'));
+        SC._Greenhouse.sendAction('floatInspector');
+      }
+    }
+  }
+}) ;