sproutcore 1.0.1046 → 1.0.1049.pre.1

data/frameworks/sproutcore/apps/greenhouse/views/application_list_item.js

@@ -0,0 +1,19 @@
+// ==========================================================================
+// Project:   Greenhouse.ApplicationListItem
+// Copyright: ©2009 Mike Ball
+// ==========================================================================
+/*globals Greenhouse */
+
+/** @class
+
+  This class is here to receive custom editor events
+  @extends SC.View
+*/
+Greenhouse.ApplicationListItem = SC.ListItemView.extend(
+/** @scope Greenhouse.ApplicationListItem.prototype */ {
+  render: function(context, firstTime) {
+    if(this.get('contentIndex') === 0) context.addClass('first')
+    sc_super();
+  }
+  
+});

data/frameworks/sproutcore/apps/greenhouse/views/event_blocker.js

@@ -0,0 +1,32 @@
+// ==========================================================================
+// Project:   Greenhouse.EventBlocker
+// Copyright: ©2009 My Company, Inc.
+// ==========================================================================
+/*globals Greenhouse */
+/** @class
+  prevents drag events from hitting iframe 
+  
+  thanks to Jonathan Lewis
+  @extends SC.View
+*/
+Greenhouse.EventBlocker = SC.View.extend(
+/** @scope Greenhouse.EventBlocker.prototype */ {
+  
+  isVisible: NO,
+    
+  dragStarted: function(drag, evt) {
+    this.set('isVisible', YES);
+  },
+  dragEnded: function(drag, evt) {
+    this.set('isVisible', NO);
+  },
+  
+  isDropTarget: YES,
+  
+  mouseMoved: function(evt){
+    return this.get('isVisible');
+  },
+  mouseDragged: function(evt){
+    return this.get('isVisible');
+  }
+});

data/frameworks/sproutcore/apps/greenhouse/views/label_designer.js

@@ -0,0 +1,16 @@
+// ========================================================================
+// Greenhouse.LabelView.Designer
+// ========================================================================
+
+/*
+  A Custom Designer for LabelViews.
+  
+  This custom designer allows you to set classNames and backgroundColor
+*/
+
+SC.LabelView.Designer = SC.LabelView.Designer.extend(
+/** @scope SC.LabelView.Designer.prototype */ {
+  
+  designProperties: 'value escapeHTML classNames backgroundColor'.w()
+  
+});

data/frameworks/sproutcore/apps/greenhouse/views/list_item.js

@@ -0,0 +1,42 @@
+// ==========================================================================
+// Project:   Greenhouse.ListItem
+// Copyright: ©2009 Mike Ball
+// ==========================================================================
+/*globals Greenhouse */
+/** @class
+
+  This class is here to receive custom editor events
+  @extends SC.View
+*/
+Greenhouse.ListItem = SC.ListItemView.extend(
+/** @scope Greenhouse.ListItem.prototype */ {
+  /**
+    Called just after the inline editor has ended editing. You can use this 
+    method to save the final value of the inline editor and to perform any 
+    other cleanup you need to do.
+    
+    @param inlineEditor {SC.InlineTextFieldView} the inline editor
+    @param finalValue {Object} the final value
+    @returns {void}
+  */
+  // inlineEditorDidEndEditing: function(inlineEditor, finalValue) {
+  //   var content = this.get('content');
+  //   var parent = content.get('parent'), newContent = SC.copy(content);
+  //   newContent.set('name', finalValue);
+  // 
+  //   
+  //   //check for duplicates on parent's contents array
+  //   if(parent && parent.includesFile(newContent)){
+  //     SC.AlertPane.warn("You've already got something named that", "Just pick something different");
+  //     finalValue = content.get('name');
+  //     sc_super();
+  //   }
+  //   else{
+  //     sc_super();
+  //     
+  //     //send change to server
+  //     content.commit();
+  //   }
+  // }
+  
+});

data/frameworks/sproutcore/apps/greenhouse/views/plist_item.js

@@ -0,0 +1,39 @@
+// ==========================================================================
+// Project:   Greenhouse.PlistItemView
+// Copyright: ©2009 Mike Ball
+// ==========================================================================
+/*globals Greenhouse */
+/** @class
+
+  This class is here to receive custom editor events
+  @extends SC.View
+*/
+Greenhouse.PlistItemView = SC.ListItemView.extend(
+/** @scope Greenhouse.ListItem.prototype */ {
+ 
+ 
+ render: function(context, firstTime){
+   var content = this.get('content'),
+       del     = this.displayDelegate,
+       key, value;
+   
+   // handle label -- always invoke
+   key = this.getDelegateProperty('contentValueKey', del) ;
+   value = (key && content) ? (content.get ? content.get(key) : content[key]) : content ;
+   if (value && SC.typeOf(value) !== SC.T_STRING) value = value.toString();
+   if (this.get('escapeHTML')) value = SC.RenderContext.escapeHTML(value);
+   value = value + ": " + content.get('value');
+   
+   this.renderLabel(context, value);
+   
+   //this.renderValue(context, content);
+ },
+ 
+ renderValue: function(context, content){
+   
+   context.begin('span')
+     .addStyle({left: '50%'})
+     .push(content.get('value'))
+   .end();
+ }
+});

data/frameworks/sproutcore/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 mouseOut 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/frameworks/sproutcore/apps/greenhouse/views/tear_off_picker.js

@@ -0,0 +1,56 @@
+// ==========================================================================
+// Project:   Greenhouse.TearOffPicker
+// Copyright: ©2009 My Company, Inc.
+// ==========================================================================
+/*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 sc_super();
+  },
+  
+  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/frameworks/sproutcore/apps/greenhouse/views/web.js

@@ -0,0 +1,44 @@
+// ==========================================================================
+// Project:   Greenhouse.WebView
+// Copyright: ©2009 My Company, Inc.
+// ==========================================================================
+/*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/frameworks/sproutcore/apps/test_controls/controllers/categories.js

@@ -0,0 +1,108 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2010 Sprout Systems, Inc. and contributors.
+//            Portions ©2008-2010 Apple Inc. All rights reserved.
+// License:   Licensed under MIT license (see license.js)
+// ==========================================================================
+/*globals TestControls */
+
+/** @class
+  @extends SC.CategoriesController
+*/
+TestControls.rootCategory = SC.Object.create({
+  treeItemIsExpanded: YES,
+  treeItemChildren: [
+    SC.Object.create({
+      treeItemIsExpanded: YES,
+      group: true,
+      name: "Controls",
+      treeItemChildren: [
+        SC.Object.create({
+          name: "Buttons",
+          show: "buttons_page"
+        }),
+        SC.Object.create({
+          name: "Checkboxes",
+          show: "checkboxes_page"
+        }),
+        SC.Object.create({
+          name: "Progress",
+          show: "progress_page"
+        }),
+        SC.Object.create({
+          name: "Radio",
+          show: "radio_page"
+        }),
+        SC.Object.create({
+          name: "Segmented Button",
+          show: "segmented_page"
+        }),
+        SC.Object.create({
+          name: "Select Button",
+          show: "select_page"
+        }),
+        SC.Object.create({
+          name: "Sliders",
+          show: "sliders_page"
+        }),
+        SC.Object.create({
+          name: "Tabbed View",
+          show: "tab_page"
+        })
+      ]
+    }),
+    SC.Object.create({
+      treeItemIsExpanded: YES,
+      group: true,
+      name: "Collections",
+      treeItemChildren: [
+        SC.Object.create({
+          name: "List",
+          show: "list_page"
+        })
+      ]
+    }),
+    
+    SC.Object.create({
+      treeItemIsExpanded: YES,
+      group: true,
+      name: "Fields",
+      treeItemChildren: [
+        SC.Object.create({
+          name: "Text Field",
+          show: "text_field_page"
+        })
+      ]
+    }),
+    
+    SC.Object.create({
+      treeItemIsExpanded: YES,
+      group: true,
+      name: "Layout",
+      treeItemChildren: [
+        SC.Object.create({
+          name: "Flow Layout",
+          show: "flow_layout_page"
+        })
+      ]
+    }),
+    
+    SC.Object.create({
+      treeItemIsExpanded: YES,
+      group: true,
+      name: "Scroll",
+      treeItemChildren: [
+        SC.Object.create({
+          name: "Simple",
+          show: "scroll_page"
+        })
+      ]
+    })
+    
+  ]
+});
+
+TestControls.categoriesController = SC.TreeController.create(
+/** @scope SampleControls.appController.prototype */ {
+  treeItemIsGrouped: YES
+}) ;