sproutcore 1.4.5 → 1.5.0.pre.3

data/lib/frameworks/sproutcore/frameworks/forms/views/form_row.js

@@ -0,0 +1,183 @@
+// ==========================================================================
+// Project:   Forms.FormRowView
+// Copyright: ©2009 Alex Iskander and TPSi.
+// ==========================================================================
+/*globals Forms */
+
+/** @class
+	Represents a single row in a form. Rows have label and any number of other child views.
+
+	
+	@extends SC.FormView
+	@author Alex Iskander
+*/
+require("mixins/emptiness");
+require("mixins/edit_mode");
+SC.FormRowView = SC.View.extend(SC.FlowedLayout, SC.CalculatesEmptiness, SC.FormsEditMode,
+/** @scope Forms.FormRowView.prototype */ {
+  renderDelegateName: 'formRowRenderDelegate',
+  
+  layout: {left: 0, width: 0},
+
+  rowFlowSpacing: undefined,
+  rowFlowPadding: undefined,
+  
+  fillWidth: YES,
+  
+  defaultFlowSpacing: function() {
+    return this.getThemedProperty("rowFlowSpacing", 'FORM_ROW_FLOW_SPACING');
+  }.property("rowFlowSpacing", "theme"),
+  
+  flowPadding: function() {
+    return this.getThemedProperty("rowFlowPadding", 'FORM_ROW_FLOW_PADDING');
+  }.property("rowFlowPadding", "theme"),
+  
+  classNames: ["sc-form-row-view"],
+  
+  /**
+    Walks like a duck.
+  */
+	isFormRow: YES,
+	
+	/**
+	  The label for the row (string label)
+	*/
+	label: "",
+	
+	/**
+	  The current size of the labels.
+	*/
+	rowLabelSize: 0,
+	
+	/**
+	  The current measured size of the label.
+	*/
+	rowLabelMeasuredSize: 0,
+	
+	/**
+	  If NO, the label will not automatically measure itself.
+	*/
+	shouldMeasureLabel: YES,
+	
+	/**
+	  A value set so that FormView knows to tell us about the row label size change.
+	*/
+	hasRowLabel: YES,
+	
+	/**
+	  The label view.
+	*/
+	labelView: null,
+	
+	/**
+	  Direction of the flow.
+	*/
+	layoutDirection: SC.LAYOUT_HORIZONTAL,
+	
+  /**
+  Updates keys, content, etc. on fields. Also, handles our "special" field (only-one case)
+  */
+  createChildViews: function()
+  {
+    // keep array of keys so we can pass on key to child.
+    var cv = SC.clone(this.get("childViews"));
+    
+    // add label
+    if (this.labelView.isClass) {
+      this.labelView = this.createChildView(this.labelView, {
+        value: this.get("label")
+      });
+      this.labelView.addObserver("measuredSize", this, "labelSizeDidChange");
+      this.labelView.bind("shouldMeasureSize", this, "shouldMeasureLabel");
+      this.get("childViews").unshift(this.labelView);
+    }
+    
+    var content = this.get("content");
+    
+    sc_super();
+    
+    
+    // now, do the actual passing it
+    var idx, len = cv.length, key, v;
+    for (idx = 0; idx < len; idx++) {
+      key = cv[idx];
+      
+      // if the view was originally declared as a string, then we have something to give it
+      if (SC.typeOf(key) === SC.T_STRING) {
+        // try to get the actual view
+        v = this.get(key);
+        
+        // see if it does indeed exist, and if it doesn't have a value already
+        if (v && !v.isClass) {
+          if (!v.get("contentValueKey")) {
+            //
+            // NOTE: WE HAVE A SPECIAL CASE
+            //       If this is the single field, pass through our contentValueKey
+            if (key === "_singleField")  {
+              v.set("contentValueKey", this.get("contentValueKey"));
+            } else {
+              v.set("contentValueKey", key);
+            }
+          }
+          if (!v.get("content")) {
+            v.bind('content', '.owner.content') ;
+          }
+        }
+        
+      }
+    }
+    
+    this.rowLabelSizeDidChange();
+  },
+  
+  labelDidChange: function() {
+    this.get("labelView").set("value", this.get("label"));
+  }.observes("label"),
+  
+  labelSizeDidChange: function() {
+    var size = this.get("labelView").get("measuredSize");
+    this.set("rowLabelMeasuredSize", size.width);
+    
+    // alert parent view if it is a row delegate
+    var pv = this.get("parentView");
+    if (pv && pv.get("isRowDelegate")) pv.rowLabelMeasuredSizeDidChange(this, size);
+  },
+  
+  rowLabelSizeDidChange: function() {
+    this.get("labelView").adjust({
+      "width": this.get("rowLabelSize")
+    });
+  }.observes("rowLabelSize")
+
+});
+
+SC.FormRowView.mixin({
+	row: function(label, fieldType, ext)
+	{
+	  if (label.isClass) {
+	    ext = fieldType;
+	    fieldType = label;
+	    label = null;
+	  }
+		// now, create a hash (will be used by the parent form's exampleRow)
+		if (!ext) {
+		  ext = {};
+	  } else {
+	    ext = SC.clone(ext);
+	  }
+		ext.label = label;
+		ext.childViews = ["_singleField"];
+		ext._singleField = fieldType;
+		return ext;
+	},
+	
+	LabelView: SC.LabelView.extend(SC.AutoResize, SC.CalculatesEmptiness, {
+	  shouldAutoResize: NO, // only change the measuredSize so we can update.
+	  layout: { left:0, top:0, width: 0, height: 18 },
+	  fillHeight: YES,
+	  classNames: ["sc-form-label"],
+    isValue: NO
+	})
+});
+
+SC.FormRowView.prototype.labelView = SC.FormRowView.LabelView.design();

data/lib/frameworks/sproutcore/frameworks/foundation/controllers/tree.js

@@ -4,8 +4,6 @@
 // Portions copyright ©2008 Apple Inc.  All rights reserved.
 // ========================================================================
 
-sc_require('controllers/object');
-sc_require('mixins/selection_support');
 sc_require('private/tree_item_observer');
 
 /**
@@ -101,6 +99,8 @@ SC.TreeController = SC.ObjectController.extend(SC.SelectionSupport,
     this.updateSelectionAfterContentChange();
   }.observes('*arrangedObjects.[]'),
   
+  canSelectGroups: NO,
+  
   /**
     @private
     
@@ -114,6 +114,9 @@ SC.TreeController = SC.ObjectController.extend(SC.SelectionSupport,
         
     if (!objects) return null; // fast track
     
+    // other fast track. if you want something fancier use collectionViewDelegate
+    if(this.get('canSelectGroups')) return objects.get('firstObject');
+    
     indexes = objects.contentGroupIndexes(null, objects);
     len = objects.get('length');
     while(indexes.contains(idx) && (idx<len)) idx++;

data/lib/frameworks/sproutcore/frameworks/foundation/core.js

@@ -1,150 +0,0 @@
-// ==========================================================================
-// Project:   SproutCore - JavaScript Application Framework
-// Copyright: ©2006-2011 Strobe Inc. and contributors.
-//            Portions ©2008-2010 Apple Inc. All rights reserved.
-// License:   Licensed under MIT license (see license.js)
-// ==========================================================================
-
-/**
-  Indicates that the collection view expects to accept a drop ON the specified
-  item.
-  
-  @property {Number}
-*/
-SC.DROP_ON = 0x01 ;
-
-/**
-  Indicates that the collection view expects to accept a drop BEFORE the 
-  specified item.
-  
-  @property {Number}
-*/
-SC.DROP_BEFORE = 0x02 ;
-
-/**
-  Indicates that the collection view expects to accept a drop AFTER the
-  specified item.  This is treated just like SC.DROP_BEFORE is most views
-  except for tree lists.
-  
-  @property {Number}
-*/
-SC.DROP_AFTER = 0x04 ;
-
-/**
-  Indicates that the collection view want's to know which operations would 
-  be allowed for either drop operation.
-  
-  @property {Number}
-*/
-SC.DROP_ANY = 0x07 ;
-
-
-/**
-  This variable is here to make the tab focus behavior work like safari's.
-*/
-SC.SAFARI_FOCUS_BEHAVIOR = YES;
-
-SC.mixin(/** @lends SC */ {
-  
-  /**
-    Reads or writes data from a global cache.  You can use this facility to
-    store information about an object without actually adding properties to
-    the object itself.  This is needed especially when working with DOM,
-    which can leak easily in IE.
-    
-    To read data, simply pass in the reference element (used as a key) and
-    the name of the value to read.  To write, also include the data.
-    
-    You can also just pass an object to retrieve the entire cache.
-    
-    @param elem {Object} An object or Element to use as scope
-    @param name {String} Optional name of the value to read/write
-    @param data {Object} Optional data.  If passed, write.
-    @returns {Object} the value of the named data
-  */
-  data: function(elem, name, data) {
-    elem = (elem === window) ? "@window" : elem ;
-    var hash = SC.hashFor(elem) ; // get the hash key
-    
-    // Generate the data cache if needed
-    var cache = SC._data_cache ;
-    if (!cache) SC._data_cache = cache = {} ;
-    
-    // Now get cache for element
-    var elemCache = cache[hash] ;
-    if (name && !elemCache) cache[hash] = elemCache = {} ;
-    
-    // Write data if provided 
-    if (elemCache && (data !== undefined)) elemCache[name] = data ;
-    
-    return (name) ? elemCache[name] : elemCache ;
-  },
-  
-  /**
-    Removes data from the global cache.  This is used throughout the
-    framework to hold data without creating memory leaks.
-    
-    You can remove either a single item on the cache or all of the cached 
-    data for an object.
-    
-    @param elem {Object} An object or Element to use as scope
-    @param name {String} optional name to remove. 
-    @returns {Object} the value or cache that was removed
-  */
-  removeData: function(elem, name) {
-    elem = (elem === window) ? "@window" : elem ;
-    var hash = SC.hashFor(elem) ;
-    
-    // return undefined if no cache is defined
-    var cache = SC._data_cache ;
-    if (!cache) return undefined ;
-    
-    // return undefined if the elem cache is undefined
-    var elemCache = cache[hash] ;
-    if (!elemCache) return undefined;
-    
-    // get the return value
-    var ret = (name) ? elemCache[name] : elemCache ;
-    
-    // and delete as appropriate
-    if (name) {
-      delete elemCache[name] ;
-    } else {
-      delete cache[hash] ;
-    }
-    
-    return ret ;
-  }
-}) ;
-
-SC.mixin(Function.prototype, /** @scope Function.prototype */ {
-  /**
-    Creates a timer that will execute the function after a specified 
-    period of time.
-    
-    If you pass an optional set of arguments, the arguments will be passed
-    to the function as well.  Otherwise the function should have the 
-    signature:
-    
-    {{{
-      function functionName(timer)
-    }}}
-
-    @param target {Object} optional target object to use as this
-    @param interval {Number} the time to wait, in msec
-    @returns {SC.Timer} scheduled timer
-  */
-  invokeLater: function(target, interval) {
-    if (interval === undefined) interval = 1 ;
-    var f = this;
-    if (arguments.length > 2) {
-      var args = SC.$A(arguments).slice(2,arguments.length);
-      args.unshift(target);
-      // f = f.bind.apply(f, args) ;
-      var that = this, func = f ;
-      f = function() { return func.apply(that, args.slice(1)); } ;
-    }
-    return SC.Timer.schedule({ target: target, action: f, interval: interval });
-  }    
-
-});

data/lib/frameworks/sproutcore/frameworks/foundation/debug/control_test_pane.js

@@ -5,8 +5,6 @@
 // License:   Licensed under MIT license (see license.js)
 // ==========================================================================
 
-sc_require('panes/pane');
-
 /*global test */
 
 // TODO: IMPROVE CODE QUALITY.  This code was put together quickly in order to

data/lib/frameworks/sproutcore/frameworks/foundation/english.lproj/benchmark.css

@@ -0,0 +1,146 @@
+
+/* SC.Benchmark */
+.sc-benchmark-pane {
+  -webkit-box-shadow: 0px 0px 5px black;
+  background: white;
+  background-color: rgba(255,255,255,.95);
+  z-index: 10000;
+}
+
+.sc-benchmark-pane .sc-scroll-view {
+  border: 1px solid #ddd;
+}
+
+.sc-benchmark-graph
+{ 
+  width: 100%;
+  height: 100%;
+}
+
+.sc-label-view.sc-regular-size.sc-benchmark-title
+{
+  font-size: 16px; 
+}
+
+.sc-benchmark-emphasis
+{
+  font-weight: bold; 
+}
+
+.sc-benchmark-top
+{
+  height:20px;
+  left:0px;
+  top: 0px;
+  right: 0px;
+  background-color: #ccc;
+  position: absolute;
+  border-top: 1px solid #aaa;
+  border-bottom: 1px solid #aaa;
+  opacity: 0.4;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
+  -moz-opacity:0.4;
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; 
+}
+
+.sc-benchmark-tick
+{
+  width: 1px; 
+  height: 2000px;
+  position: absolute; 
+  top: 25px; 
+  background-color: #ccc;
+}
+
+.sc-benchmark-tick-label
+{
+  width: 40px; 
+  position: absolute; 
+  top: 3px; 
+  font-size: 10px;
+  margin-left: 2px;
+  white-space: nowrap; 
+}
+
+.sc-benchmark-bar
+{
+  height:16px; 
+  position: absolute; 
+  font-size: 10px; 
+  white-space: nowrap; 
+  border: 1px solid #CC6633; 
+  background-color: #FFCC33; 
+  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFCD82), to(#DE9C00));
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  line-height: 14px;
+  -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.5);
+  text-shadow: rgba(255,255,255,.5) 0px 1px 0px;
+  color: #4F3800;
+  
+  z-index: 2;
+}
+
+.sc-benchmark-row
+{
+  position: absolute;
+  left: 0px;
+  right: 0px;
+  height: 30px;
+}
+
+.sc-benchmark-row.even
+{
+  background-color: #ddd; 
+  opacity: 0.4;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; 
+  -moz-opacity:0.4;
+}
+
+
+.no-min-width {
+  min-width: 20px !important;
+}
+
+.sc-benchmark-event {
+  position: absolute;
+  z-index: 1;
+  width: 2px;
+}
+
+.sc-benchmark-event:hover {
+  -webkit-border-radius: 5px;
+  border: 2px solid white;
+  -webkit-box-shadow: 0px 0px 5px black;
+  background-color: red;
+}
+
+.sc-benchmark-event.idx0 {
+  background: blue;
+}
+
+.sc-benchmark-event.idx1 {
+  background: red;
+}
+
+.sc-benchmark-event.idx2 {
+  background: green;
+}
+
+.sc-benchmark-event.idx3 {
+  background: orange;
+}
+
+.sc-benchmark-event.idx4 {
+  background: purple;
+}
+
+.sc-benchmark-event.idx5 {
+  background: #ee82ee;
+}
+
+.sc-benchmark-event.idx6 {
+  background: #800000;
+}
+